:root {
  --font-display: Inter, "Helvetica Neue", Arial, "PingFang SC", sans-serif;
  --font-body: Inter, "Helvetica Neue", Arial, "PingFang SC", sans-serif;
}

.editorial-page { color:#111; background:#fff; font-family:var(--font-body); }
.editorial-page main { font-family:inherit; }
.editorial-page .site-header { position:sticky; top:0; }
.editorial-page .minimal-footer { position:relative; z-index:2; }
.brand-page { --header-height:var(--header-h); }
.brand-page main { font-family:inherit; }
.brand-page .brand-ooa-hero__shade { background:linear-gradient(180deg,rgba(8,11,15,.16) 0%,rgba(8,11,15,.04) 38%,rgba(8,11,15,.42) 100%),linear-gradient(90deg,rgba(8,11,15,.1) 0%,transparent 56%); }
.brand-page .brand-ooa-hero__video { width:100%; height:100%; object-fit:cover; transform:none; }
.brand-page .brand-ooa-hero__poster { object-position:center 45%; }
.brand-page .brand-proof__logo img { width:82%; height:82%; object-fit:contain; filter:none; opacity:1; transform:scale(2.8); }
.brand-page .brand-proof__logo:hover img { transform:scale(3); }
.brand-page .brand-proof__logo { overflow:hidden; background:#0d0e0e; }
.brand-page .brand-proof__product-name { position:absolute; z-index:3; left:clamp(16px,1.4vw,28px); bottom:clamp(14px,1.15vw,22px); color:#fff; font-size:clamp(14px,1.05vw,19px); font-weight:700; line-height:1; letter-spacing:-.025em; text-shadow:0 2px 18px rgba(0,0,0,.72); }
.brand-page .brand-work__media img { filter:saturate(.82) contrast(1.03); }
.brand-page .brand-journal__card > img { object-position:center; }
.brand-page .brand-collaborators,
.brand-page .brand-journal { background:rgba(255,255,255,.95); }

.ones-principles { overflow:hidden; background:#f5f0e9; }
.ones-principles__rail { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); padding:clamp(24px,3vw,52px) clamp(20px,2.5vw,44px) clamp(28px,3.4vw,58px); background:#f5f0e9; }
.ones-principles__card { min-width:0; padding:0 clamp(12px,1.6vw,28px); border-right:1px solid rgba(20,20,20,.13); }
.ones-principles__card:last-child { border-right:0; }
.ones-principles__card > img { display:block; width:100%; aspect-ratio:1; object-fit:contain; mix-blend-mode:normal; }
.ones-principles__card h3 { margin:clamp(14px,1.3vw,22px) 0 9px; color:#141414; font-size:min(clamp(17px,1.35vw,23px), var(--site-title-cap)); font-weight:800; letter-spacing:.035em; line-height:1; }
.ones-principles__card p { margin:0; color:rgba(20,20,20,.58); font-size:clamp(12px,.88vw,15px); line-height:1.55; }

.blog-page .site-header { position:sticky; top:0; }
.blog-page .blog-hero img,.contact-page .contact-hero img { filter:saturate(.82) contrast(1.04); }
.blog-page .blog-card__image img,.blog-page .blog-card__feed-image img,.blog-page .related-card__image img { object-position:center; }
.blog-page .blog-hero--article img { object-position:center 46%; }
.blog-page .article-body figure img { width:100%; }

.contact-page .contact-hero img { object-position:center 42%; }
.contact-page .contact-body { background-image:linear-gradient(rgba(242,242,242,.9),rgba(242,242,242,.97)); }
.contact-page .contact-breadcrumb__inner,
.contact-page .contact-body__inner { width:auto; max-width:none; margin-inline:var(--gutter); }
.contact-page .contact-social__links a[href="#"] { cursor:default; }

.editorial-dialog { width:min(560px,calc(100vw - 32px)); padding:clamp(28px,4vw,52px); border:0; border-radius:14px; color:#fff; background:#0d0e0e; box-shadow:0 40px 120px rgba(0,0,0,.45); }
.editorial-dialog::backdrop { background:rgba(0,0,0,.68); backdrop-filter:blur(6px); }
.editorial-dialog__close { position:absolute; top:16px; right:18px; width:38px; height:38px; border:1px solid rgba(255,255,255,.25); border-radius:50%; color:#fff; background:transparent; font-size:24px; cursor:pointer; }
.editorial-dialog__eyebrow { margin:0 0 18px; color:#b7ff2a; font-size:11px; font-weight:800; letter-spacing:.15em; }
.editorial-dialog h2 { margin:0; font-size:min(clamp(37.8px,6.3vw,61.2px), var(--site-title-cap)); line-height:.9; letter-spacing:-.06em; }
.editorial-dialog > p:not(.editorial-dialog__eyebrow) { margin:24px 0; color:rgba(255,255,255,.68); line-height:1.6; }
.editorial-dialog form { display:grid; gap:14px; }
.editorial-dialog label { display:grid; gap:7px; color:rgba(255,255,255,.68); font-size:12px; }
.editorial-dialog input,.editorial-dialog select { width:100%; height:48px; padding:0 14px; border:1px solid rgba(255,255,255,.2); border-radius:6px; color:#fff; background:#171919; }
.editorial-dialog option { color:#111; }
.editorial-dialog form button { height:50px; border:0; border-radius:999px; color:#0a0a0a; background:#b7ff2a; font-weight:800; cursor:pointer; }
.editorial-dialog small { min-height:18px; color:#b7ff2a; }

@media (max-width:767px) {
  .brand-page .brand-ooa-hero__video { display:none; }
  .brand-page .brand-ooa-hero__poster { object-position:62% center; }
  .brand-page .brand-proof__logo img { width:72%; height:72%; }
  .brand-page .brand-proof__product-name { left:16px; bottom:14px; font-size:14px; }
  .ones-principles__rail { display:grid; grid-template-columns:none; grid-auto-flow:column; grid-auto-columns:84%; gap:14px; overflow-x:auto; padding:18px; scroll-padding-inline:18px; scroll-snap-type:x mandatory; overscroll-behavior-inline:contain; scrollbar-width:none; }
  .ones-principles__rail::-webkit-scrollbar { display:none; }
  .ones-principles__card,.ones-principles__card:first-child,.ones-principles__card:last-child { padding:16px; border:1px solid rgba(20,20,20,.13); border-radius:14px; background:rgba(255,255,255,.26); scroll-snap-align:start; }
  .ones-principles__card h3 { margin-top:14px; font-size:min(19px, var(--site-title-cap)); }
  .ones-principles__card p { font-size:13px; }
  .contact-page .contact-hero img { object-position:54% center; }
}