.button {
  min-height: 52px;
  gap: 22px;
  padding: 13px 21px;
  border-radius: 0;
  box-shadow: none;
  font-size: .78rem;
  letter-spacing: .06em;
  text-transform: uppercase;
}
.button:hover,.button:focus-visible { box-shadow: none; transform: translateY(-2px); }
.site-header .button--small { min-height: 44px; padding-inline: 18px; background: #00aecb; border-color: #00aecb; color: #08262c; }
.home-dark .site-header .button--small { background: rgba(245,240,233,.92); border-color: rgba(255,255,255,.75); color: #15171b; }

.card-buy button {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 8px 0 7px;
  border: 0;
  border-bottom: 1px solid currentColor;
  border-radius: 0;
  background: transparent;
  color: inherit;
  font-size: .69rem;
  font-weight: 900;
  letter-spacing: .08em;
  text-transform: uppercase;
  transition: color .25s ease,gap .25s ease;
}
.card-buy button:hover { gap: 25px; color: #00aecb; }
.home-dark .products-section .card-buy button { color: #182024; }
.catalog-dark .card-buy button { color: #dfe6e6; }

.add-cart .button,.product-actions .button { border-radius: 0; }
.add-cart .button { background: #00aecb; border-color: #00aecb; }
.product-actions .button--secondary { background: #f0e8df; border-color: #f0e8df; color: #17191e; }
.product-actions .button--ghost { border-color: rgba(255,255,255,.25); color: #eef2f1; }

.editorial-inner-hero {
  min-height: 640px;
  display: grid;
  align-items: end;
  padding: 110px 0 80px;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 10%,rgba(0,174,203,.2),transparent 28%),
    linear-gradient(145deg,#0e0f13 0%,#111a20 58%,#18323a 100%);
  border-bottom: 1px solid rgba(255,255,255,.13);
}
.editorial-inner-hero__grid { display: grid; grid-template-columns: 90px minmax(0,1.35fr) .65fr; align-items: end; gap: 44px; }
.editorial-page-no { align-self: start; color: #00aecb; font-size: .72rem; font-weight: 900; letter-spacing: .15em; }
.editorial-inner-hero h1 { max-width: 950px; margin: 0; font-family: var(--font-heading); font-size: clamp(5rem,10vw,10rem); font-weight: 400; line-height: .78; letter-spacing: -.07em; }
.editorial-inner-hero p { max-width: 480px; margin: 0 0 5px; color: #b5c0c2; font-size: 1.05rem; }

.inner-section-title { display: grid; grid-template-columns: .6fr 1.4fr; align-items: end; gap: 45px; margin-bottom: 60px; }
.inner-section-title > span { color: #4c5a5e; font-size: .75rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.inner-section-title h2 { margin: 0; font-family: var(--font-heading); font-size: clamp(4rem,7vw,8rem); font-weight: 400; line-height: .82; letter-spacing: -.06em; }

.inner-application-showcase { padding: 130px 0; background: linear-gradient(145deg,#e7e0d7,#d4e4e4); color: #16191d; }
.application-editorial-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 18px; }
.application-editorial-card { position: relative; min-height: 610px; overflow: hidden; color: #fff; }
.application-editorial-card:nth-child(2),.application-editorial-card:nth-child(4) { transform: translateY(65px); }
.application-editorial-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .9s cubic-bezier(.2,.8,.2,1); }
.application-editorial-card:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(5,10,13,.06),rgba(5,10,13,.86)); }
.application-editorial-card > span { position:absolute; z-index:2; left:30px; top:28px; font-size:.72rem; font-weight:900; }
.application-editorial-card > div { position:absolute; z-index:2; left:34px; right:34px; bottom:32px; }
.application-editorial-card h3 { max-width:560px; margin:0 0 12px; font-family:var(--font-heading); font-size:clamp(2.4rem,4vw,4.8rem); font-weight:400; line-height:.88; }
.application-editorial-card p { max-width:500px; color:#d7dfe0; }
.application-editorial-card b { display:inline-flex; margin-top:10px; padding-bottom:5px; border-bottom:1px solid currentColor; font-size:.72rem; letter-spacing:.09em; text-transform:uppercase; }
.application-editorial-card:hover img { transform:scale(1.055); }

.document-editorial { padding: 135px 0; background: #dce6e5; color: #171a1e; }
.document-editorial__grid { display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:9vw; }
.document-editorial__visual { position:relative; min-height:720px; overflow:hidden; }
.document-editorial__visual img { width:100%; height:100%; object-fit:cover; position:absolute; }
.document-editorial__visual:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,transparent,rgba(8,18,22,.5)); }
.document-editorial__visual > span { position:absolute; z-index:2; left:32px; bottom:28px; color:#fff; font-family:var(--font-heading); font-size:4.5rem; line-height:.76; }
.document-editorial__copy h2 { margin:0 0 28px; font-family:var(--font-heading); font-size:clamp(3.5rem,6vw,7rem); font-weight:400; line-height:.82; letter-spacing:-.06em; }
.document-editorial__copy > p { color:#536064; }
.document-metrics { display:flex; gap:55px; margin:45px 0; padding:25px 0; border-block:1px solid rgba(20,31,35,.18); }
.document-metrics span { display:grid; color:#5a6568; font-size:.75rem; }
.document-metrics b { color:#152228; font-family:var(--font-heading); font-size:2.8rem; font-weight:400; }

.corporate-editorial { padding:140px 0; background:linear-gradient(150deg,#eee6dc,#d8d0c6); color:#181a1e; }
.corporate-manifesto { display:grid; grid-template-columns:.45fr 1.55fr; align-items:start; gap:50px; margin-bottom:95px; }
.corporate-manifesto h2 { max-width:1050px; margin:0; font-family:var(--font-heading); font-size:clamp(4rem,7vw,8.2rem); font-weight:400; line-height:.82; letter-spacing:-.065em; }
.corporate-values { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(28,35,38,.18); }
.corporate-values article { min-height:360px; padding:36px; background:#f4efe8; }
.corporate-values article:nth-child(2) { background:#00aecb; color:#092a31; }
.corporate-values article:nth-child(3) { background:#263d47; color:#eef3f2; }
.corporate-values span { font-size:.72rem; font-weight:900; }
.corporate-values h3 { margin:70px 0 15px; font-family:var(--font-heading); font-size:3rem; font-weight:400; }

.archive-copy-section { padding:130px 0; background:#0e0f13; }
.archive-copy-grid { display:grid; grid-template-columns:.45fr 1.55fr; gap:70px; }
.archive-copy-grid h2 { margin:0; font-family:var(--font-heading); font-size:3.5rem; font-weight:400; }
.archive-copy { padding-left:55px; border-left:1px solid rgba(255,255,255,.15); }
.archive-copy p { margin:0; color:#c2c9ca; font-size:1.03rem; white-space:pre-line; }

.inner-shop-cta { padding:130px 0; background:linear-gradient(110deg,#00aecb,#76d6dc); color:#09282f; }
.inner-shop-cta span { font-size:.72rem; font-weight:900; letter-spacing:.14em; text-transform:uppercase; }
.inner-shop-cta h2 { margin:18px 0 45px; font-family:var(--font-heading); font-size:clamp(4rem,8vw,9rem); font-weight:400; line-height:.79; letter-spacing:-.07em; }
.inner-shop-cta > .container > div { display:flex; gap:35px; }

.editorial-link { display:inline-flex; align-items:center; gap:35px; padding:12px 0 8px; border-bottom:1px solid currentColor; color:#172328; font-size:.75rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.editorial-link i { font-size:1rem; font-style:normal; transition:transform .25s ease; }
.editorial-link:hover i { transform:translateX(7px); }
.editorial-link--dark { color:#0b2d34; }

.contact-modern__hero { min-height:670px; display:grid; align-items:end; padding:110px 0 85px; background:radial-gradient(circle at 78% 22%,#294d57,#151c22 34%,#0e0f13 68%); }
.contact-modern__hero h1 { margin:0; font-family:var(--font-heading); font-size:clamp(7rem,17vw,17rem); font-weight:400; line-height:.67; letter-spacing:-.08em; }
.contact-modern__hero .container > div { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:50px; margin-top:65px; }
.contact-modern__hero p { max-width:550px; margin:0; color:#c2cbcc; font-size:1.15rem; }
.contact-modern__hero .container > div > span { justify-self:end; color:#829093; font-size:.72rem; letter-spacing:.12em; text-transform:uppercase; }
.contact-modern__body { padding:130px 0; background:linear-gradient(145deg,#e9e2d9,#d5e3e2); color:#171a1e; }
.contact-modern__grid { display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; }
.contact-index { color:#068da3; font-size:.72rem; font-weight:900; letter-spacing:.15em; }
.contact-modern h2 { margin:25px 0 45px; font-family:var(--font-heading); font-size:clamp(3rem,5vw,6rem); font-weight:400; line-height:.84; letter-spacing:-.055em; }
.contact-modern__aside { position:sticky; top:130px; align-self:start; }
.contact-modern .contact-list { border-top:1px solid rgba(24,32,35,.2); }
.contact-modern .contact-list div { display:grid; grid-template-columns:110px 1fr; padding:20px 0; border-color:rgba(24,32,35,.17); }
.contact-modern .contact-list dd { font-size:1rem; }
.contact-modern__form { display:grid; gap:24px; padding:55px; background:#11141a; color:#edf1f0; }
.contact-modern__form h2 { margin-bottom:15px; }
.contact-modern__form label { display:grid; gap:8px; color:#9da9ab; font-size:.72rem; font-weight:800; letter-spacing:.07em; text-transform:uppercase; }
.contact-modern__form input,.contact-modern__form textarea { padding:14px 0; border:0; border-bottom:1px solid rgba(255,255,255,.22); border-radius:0; background:transparent; color:#fff; }
.contact-modern__form input:focus,.contact-modern__form textarea:focus { outline:0; border-color:#00aecb; }
.editorial-submit { display:flex; justify-content:space-between; width:100%; margin-top:10px; padding:19px 0; border:0; border-block:1px solid rgba(255,255,255,.25); background:transparent; color:#fff; font-size:.75rem; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.editorial-submit span { color:#00aecb; }

.prefooter { background:linear-gradient(135deg,#d9e5e4,#eee7de); color:#171a1e; }
.prefooter .button { background:#171a1e; border-color:#171a1e; color:#fff; }
.prefooter .button--ghost { background:transparent; color:#171a1e; }

@media(max-width:900px){
  .editorial-inner-hero__grid { grid-template-columns:50px 1fr; }
  .editorial-inner-hero__grid > p { grid-column:2; }
  .document-editorial__grid,.archive-copy-grid,.contact-modern__grid { grid-template-columns:1fr; }
  .corporate-manifesto { grid-template-columns:1fr; }
  .application-editorial-card:nth-child(n) { transform:none; }
  .contact-modern__aside { position:static; }
}
@media(max-width:600px){
  .editorial-inner-hero { min-height:520px; padding-block:80px 55px; }
  .editorial-inner-hero__grid { grid-template-columns:1fr; gap:20px; }
  .editorial-inner-hero__grid > p { grid-column:1; }
  .editorial-inner-hero h1 { font-size:5.3rem; }
  .application-editorial-grid,.corporate-values { grid-template-columns:1fr; }
  .application-editorial-card { min-height:500px; }
  .inner-section-title { grid-template-columns:1fr; }
  .document-editorial__visual { min-height:500px; }
  .corporate-editorial,.inner-application-showcase,.document-editorial,.archive-copy-section,.contact-modern__body { padding-block:85px; }
  .archive-copy { padding:28px 0 0; border-left:0; border-top:1px solid rgba(255,255,255,.15); }
  .contact-modern__hero { min-height:590px; overflow:hidden; }
  .contact-modern__hero .container { min-width:0; max-width:calc(100% - 28px); }
  .contact-modern__hero h1 { font-size:clamp(3.8rem,18vw,4.7rem); }
  .contact-modern__hero .container > div { grid-template-columns:1fr; margin-top:50px; }
  .contact-modern__hero .container > div > span { justify-self:start; }
  .contact-modern__form { padding:30px 24px; }
  .contact-modern__form .form-row { grid-template-columns:1fr; }
  .inner-shop-cta > .container > div { align-items:flex-start; flex-direction:column; }
}