/* OUTOFSCOPE. — unified storefront overhaul, 2026-10-28 */
:root{--os-orange:#ff5726;--os-ink:#101010;--os-paper:#f4f2ed}
body.editorial{background:var(--os-paper);overflow-x:hidden}
body .nav,body.editorial .nav{background:#111!important;color:#fff!important;height:82px!important;min-height:82px;display:flex;align-items:center;gap:24px;padding:0 clamp(20px,4vw,72px)!important;border:0!important;position:relative;z-index:10}
body .nav a,body.editorial .nav a{color:#f5f3ed!important}body .nav a:hover{color:var(--os-orange)!important}
body .nav .brand-logo,body.editorial .nav .brand-logo{width:clamp(175px,19vw,255px)!important;max-width:255px;height:auto;display:block;filter:none!important}
body .nav nav,body.editorial .nav nav{display:flex;align-items:center;justify-content:center;gap:clamp(14px,3vw,44px);margin-left:auto;font-size:11px;letter-spacing:1.4px;text-transform:uppercase}
body .nav .basketlink,body.editorial .nav .basketlink{white-space:nowrap;font-size:12px;letter-spacing:1px}body .nav .basketlink span{color:var(--os-orange);background:none;padding:0;margin:0}
body.editorial .editorial-cover{height:clamp(570px,calc(100svh - 82px),790px)!important;min-height:570px!important;display:flex;align-items:center;position:relative;background:#101010;isolation:isolate;overflow:hidden}
body.editorial .editorial-cover .cover-image{position:absolute;inset:0 0 0 39%!important;opacity:1!important;background-size:cover!important;background-position:center 42%!important;filter:none!important;z-index:-2}
body.editorial .editorial-cover .cover-shade{position:absolute;inset:0!important;z-index:-1;background:linear-gradient(90deg,#0b0b0b 0%,rgba(11,11,11,.97) 27%,rgba(11,11,11,.76) 44%,rgba(11,11,11,.14) 78%,rgba(11,11,11,.1) 100%)!important}
body.editorial .editorial-cover .cover-content{position:relative;z-index:2;box-sizing:border-box;max-width:min(660px,55%)!important;width:100%;padding:50px 0 70px clamp(24px,5.5vw,92px)!important;margin:0!important}
body.editorial .editorial-cover .cover-content .overline{font-size:11px;color:var(--os-orange);font-weight:800;letter-spacing:2.4px;margin:0 0 20px}
body.editorial .editorial-cover .cover-content h1{font-family:'Space Grotesk',sans-serif!important;font-size:clamp(48px,5.4vw,84px)!important;line-height:1.01!important;letter-spacing:-.055em!important;font-weight:700!important;margin:0 0 22px!important;overflow-wrap:break-word;word-break:normal;max-width:100%;text-wrap:balance}
body.editorial .editorial-cover .cover-desc{font-size:clamp(14px,1.2vw,17px);line-height:1.65;color:#ddd;max-width:390px;margin:0}
body.editorial .editorial-cover .cover-actions{margin:27px 0 0!important;display:flex;gap:12px;flex-wrap:wrap}
body.editorial .btn.primary{background:var(--os-orange)!important;color:#101010!important;border:1px solid var(--os-orange)!important}body.editorial .btn.secondary{background:transparent!important;color:#fff!important;border:1px solid #777!important}
body.editorial .editorial-cover .cover-caption{bottom:22px;right:4%;font-size:10px;letter-spacing:1.4px}
body.editorial .service-line{background:#191919!important;color:#f4f1eb;padding:20px 4%!important}body.editorial .service-line span{font-size:10px;letter-spacing:1.2px}
body.editorial .collection{padding:82px 4.5% 78px!important}body.editorial .collection-heading{margin-bottom:30px}body.editorial .collection-heading h2{font-size:clamp(38px,4.5vw,66px)!important;letter-spacing:-.05em!important}
body.editorial .collection-grid{gap:20px!important}body.editorial .collection-card{min-width:0}body.editorial .collection-image{height:auto!important;aspect-ratio:4/4.3;position:relative;overflow:hidden;background:#242424}
body.editorial .collection-image img{width:100%;height:100%;object-fit:cover!important;object-position:center 36%!important;filter:none!important;display:block;transition:transform .35s}
body.editorial .collection-image:after{content:'';position:absolute;inset:60% 0 0;background:linear-gradient(transparent,rgba(0,0,0,.25));pointer-events:none}
body.editorial .collection-image span{z-index:1;top:15px;left:15px;background:#f5f2eb;color:#111;font-size:9px}
body.editorial .collection-info{padding:18px 0 10px}body.editorial .collection-info h3{font-size:17px}body.editorial .collection-action{font-weight:800}
body.editorial .gallery-teaser{min-height:370px}body.editorial .studio-feature-copy{padding:65px 9%}body.editorial .studio-feature h2{font-size:clamp(42px,5vw,75px)!important}
body.editorial .site-footer img{filter:none!important}
@media(max-width:900px){body .nav,body.editorial .nav{height:auto!important;min-height:75px!important;padding:15px 5%!important;flex-wrap:wrap}body .nav nav,body.editorial .nav nav{order:3;width:100%;margin:0;justify-content:space-between;gap:12px}body.editorial .editorial-cover{height:680px!important;min-height:680px!important}body.editorial .editorial-cover .cover-content{max-width:76%!important;padding-left:6%!important}body.editorial .editorial-cover .cover-image{inset:0 0 0 22%!important}body.editorial .editorial-cover .cover-shade{background:linear-gradient(90deg,#0b0b0b 0%,rgba(11,11,11,.88) 43%,rgba(11,11,11,.25) 100%)!important}body.editorial .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}}
@media(max-width:580px){body .nav,body.editorial .nav{gap:10px}body .nav .brand-logo,body.editorial .nav .brand-logo{width:175px!important}body .nav .basketlink{font-size:11px}body.editorial .editorial-cover{height:680px!important;min-height:680px!important;align-items:flex-start}body.editorial .editorial-cover .cover-image{inset:27% -32% 0 0!important;background-position:center 30%!important;opacity:.8!important}body.editorial .editorial-cover .cover-shade{background:linear-gradient(180deg,#0b0b0b 0%,rgba(11,11,11,.95) 38%,rgba(11,11,11,.2) 100%)!important}body.editorial .editorial-cover .cover-content{max-width:100%!important;padding:47px 6% 0!important}body.editorial .editorial-cover .cover-content h1{font-size:clamp(43px,10vw,64px)!important;line-height:1.03!important;max-width:460px}body.editorial .editorial-cover .cover-desc{max-width:330px}body.editorial .editorial-cover .cover-actions{gap:9px}body.editorial .editorial-cover .cover-caption{display:none}body.editorial .collection-grid{grid-template-columns:1fr!important}body.editorial .collection-image{aspect-ratio:4/4.1}body.editorial .collection{padding:58px 5%!important}body.editorial .collection-heading{display:block}body.editorial .service-line{grid-template-columns:repeat(2,1fr)}body.editorial .studio-feature{grid-template-columns:1fr}body.editorial .site-footer{display:block}}
