/* OUTOFSCOPE. / OPTION 04 — editorial storefront */
body.editorial{background:#f6f5f2;color:#111;font-family:'DM Sans',sans-serif}body.editorial .nav{height:86px;background:#f6f5f2;border:0;padding:0 4.8%;position:relative;z-index:3}body.editorial .brand-logo{display:block;width:230px;height:auto;filter:none}body.editorial .nav nav{gap:48px;font-size:11px;font-weight:700;letter-spacing:2px;text-transform:uppercase}body.editorial .nav nav a:hover{color:#777}body.editorial .basketlink{font-size:12px;font-weight:700;letter-spacing:1.2px;text-transform:uppercase}body.editorial .basketlink span{background:transparent;padding:0;margin:0;border-radius:0}body.editorial .editorial-cover{height:min(710px,73vw);min-height:550px;position:relative;background:#111;color:white;overflow:hidden}body.editorial .cover-image{position:absolute;inset:0;background-image:url('https://images.unsplash.com/photo-1506794778202-cad84cf45f1d?auto=format&fit=crop&w=2200&q=90');background-size:cover;background-position:70% 38%;filter:grayscale(.75) contrast(1.1) brightness(.73)}body.editorial .cover-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.91) 0%,rgba(0,0,0,.72) 32%,rgba(0,0,0,.12) 75%)}body.editorial .cover-content{position:relative;z-index:1;max-width:700px;padding:110px 0 0 6%}body.editorial .overline{font-size:10px;letter-spacing:3px;font-weight:700;text-transform:uppercase}body.editorial .cover-content h1{font-family:'Space Grotesk',sans-serif;font-size:clamp(70px,8.3vw,142px);line-height:.88;letter-spacing:-7px;font-weight:700;margin:30px 0}body.editorial .cover-content h1 span{font-weight:400;color:#d5d5d5}body.editorial .cover-desc{max-width:400px;font-size:15px;line-height:1.7;color:#eee}body.editorial .cover-actions{display:flex;gap:14px;margin-top:30px;flex-wrap:wrap}body.editorial .btn{border-radius:0;min-height:48px;padding:15px 28px;letter-spacing:1.5px;text-transform:uppercase;font-size:11px;font-weight:700}body.editorial .btn.primary{background:#f6f5f2;color:#111}body.editorial .btn.secondary{border:1px solid #ddd;color:#fff;background:transparent}body.editorial .cover-caption{position:absolute;bottom:28px;right:5%;font-size:10px;letter-spacing:2px;color:#ddd}body.editorial .service-line{display:grid;grid-template-columns:repeat(4,1fr);padding:24px 5%;background:#eae9e5;text-align:center;gap:10px}body.editorial .service-line span{font-size:10px;letter-spacing:1.7px;font-weight:700}body.editorial .service-line span+span{border-left:1px solid #c4c3bf}body.editorial .collection{padding:110px 5% 100px}body.editorial .collection-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:40px}body.editorial .collection-heading h2,body.editorial .studio-feature h2,body.editorial .about-feature h2{font-family:'Space Grotesk',sans-serif;font-size:clamp(45px,5.6vw,86px);line-height:1;letter-spacing:-4px;margin:18px 0;font-weight:600}body.editorial .collection-heading h2 i{font-style:normal;font-weight:400;color:#777}body.editorial .collection-heading>p{max-width:290px;line-height:1.7;color:#666;font-size:14px}body.editorial .collection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}body.editorial .collection-image{height:420px;position:relative;display:block;overflow:hidden;background:#e5e3df}body.editorial .collection-image img{width:100%;height:100%;object-fit:cover;filter:grayscale(.4);transition:transform .35s}body.editorial .collection-image:hover img{transform:scale(1.04)}body.editorial .collection-image span{position:absolute;top:18px;left:18px;background:#f6f5f2;padding:9px 12px;font-size:9px;font-weight:700;letter-spacing:1.4px}body.editorial .collection-info{display:flex;justify-content:space-between;gap:15px;padding:22px 0 12px}body.editorial .collection-info h3{font-size:16px;letter-spacing:1px;margin:0 0 7px}body.editorial .collection-info p{font-size:12px;color:#777;margin:0}body.editorial .collection-info strong{font-size:15px}body.editorial .collection-action{font-size:11px;text-transform:uppercase;letter-spacing:1px;border-bottom:1px solid #aaa;padding-bottom:8px;display:inline-block}body.editorial .image-note{font-size:11px;color:#777;margin-top:28px}body.editorial .studio-feature{display:grid;grid-template-columns:1fr 1fr;background:#1a1a1a;color:white;min-height:560px}body.editorial .studio-photo{min-height:520px;overflow:hidden}body.editorial .studio-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(.7)}body.editorial .studio-feature-copy{padding:90px 10%;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}body.editorial .studio-feature-copy>p:not(.overline){font-size:15px;line-height:1.8;color:#c8c8c8;max-width:410px;margin-bottom:25px}body.editorial .studio-index{font-size:10px;letter-spacing:2px;color:#aaa;margin-top:60px}body.editorial .about-feature{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:10%;padding:100px 6%}body.editorial .about-feature>p{font-size:17px;line-height:1.9;color:#666}body.editorial .site-footer{background:#101010;color:white;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:45px 5%;flex-wrap:wrap}body.editorial .site-footer img{width:200px;filter:invert(1)}body.editorial .site-footer>div{display:flex;gap:24px;font-size:12px}body.editorial .site-footer small{font-size:11px;color:#999}body:not(.editorial) .brand-logo{width:215px;height:auto;display:block}body:not(.editorial) .nav{background:#f6f5f2}body:not(.editorial) .announcement,body:not(.editorial) .ticker{display:none}body:not(.editorial) .basketlink span{background:transparent;padding:0;margin:0}body:not(.editorial) .btn.primary{background:#161616;color:#fff}body:not(.editorial) .btn.secondary{background:transparent;border:1px solid #111}body:not(.editorial) .studio em,body:not(.editorial) .basket-page em{color:#444}
@media(max-width:850px){body.editorial .nav{height:auto;min-height:75px;gap:16px;flex-wrap:wrap;padding:18px 5%}body.editorial .brand-logo{width:185px}body.editorial .nav nav{order:3;width:100%;justify-content:space-between;gap:10px;font-size:10px}body.editorial .editorial-cover{height:640px;min-height:0}body.editorial .cover-image{background-position:60% center}body.editorial .cover-content{padding:95px 6% 0}body.editorial .cover-content h1{font-size:clamp(57px,11vw,100px);letter-spacing:-4px}body.editorial .collection-grid{grid-template-columns:repeat(2,1fr)}body.editorial .collection-image{height:330px}body.editorial .studio-feature{grid-template-columns:1fr}body.editorial .studio-photo{min-height:330px;height:330px}body.editorial .studio-feature-copy{padding:65px 7%}body.editorial .about-feature{grid-template-columns:1fr;gap:0}}@media(max-width:540px){body.editorial .editorial-cover{height:630px}body.editorial .cover-content{padding-top:85px}body.editorial .cover-content h1{font-size:58px}body.editorial .cover-desc{font-size:13px;max-width:300px}body.editorial .cover-caption{display:none}body.editorial .service-line{grid-template-columns:repeat(2,1fr);gap:18px}body.editorial .service-line span{border:0!important}body.editorial .collection{padding:65px 5%}body.editorial .collection-heading{display:block}body.editorial .collection-grid{grid-template-columns:1fr}body.editorial .collection-image{height:400px}body.editorial .about-feature{padding:70px 6%}body.editorial .site-footer{display:block}body.editorial .site-footer>div{margin:25px 0}}

/* Collection 001 storefront refresh */
body.editorial .editorial-cover{background:#101010;min-height:650px;height:690px}
body.editorial .cover-image{inset:0 0 0 43%;background-image:url('mockups/core-logo.jpg');background-size:cover;background-position:center 48%;filter:contrast(1.12) brightness(.8) grayscale(.18)}
body.editorial .cover-shade{background:linear-gradient(90deg,#101010 0%,#101010 32%,rgba(16,16,16,.88) 43%,rgba(16,16,16,.1) 77%)}
body.editorial .cover-content{padding-top:135px;max-width:850px}
body.editorial .cover-content h1{font-size:clamp(55px,6.5vw,108px);line-height:.98;letter-spacing:-5px}
body.editorial .collection-image img{filter:none}
body.editorial .collection-image{height:380px}
body.editorial .collection-action{font-weight:700}
@media(max-width:850px){body.editorial .cover-image{inset:20% 0 0 18%;opacity:.48}body.editorial .cover-shade{background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.78) 80%)}body.editorial .cover-content{padding-top:95px}body.editorial .cover-content h1{font-size:clamp(48px,9vw,76px)}}
@media(max-width:550px){body.editorial .editorial-cover{min-height:620px}body.editorial .cover-image{inset:32% -15% 0 10%}body.editorial .cover-content h1{font-size:51px;letter-spacing:-3px}}
.product-page{max-width:1350px;margin:0 auto;padding:65px 5% 110px;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(330px,.9fr);gap:7%;align-items:start}
.product-photo{background:#e5e4e1;aspect-ratio:4/5;overflow:hidden}.product-photo img{width:100%;height:100%;object-fit:cover}.product-info{padding-top:25px}.product-info h1{font-size:clamp(40px,5vw,75px);letter-spacing:-.06em;margin:10px 0}.product-info .price{font-size:24px;font-weight:700;margin:16px 0 25px}.product-info .sub{color:#6a6a6a;line-height:1.7;margin-bottom:32px}.product-field{margin:24px 0}.product-field>label{display:block;text-transform:uppercase;font-size:11px;font-weight:700;letter-spacing:1.8px;margin-bottom:12px}.product-options{display:flex;gap:9px;flex-wrap:wrap}.product-options button{background:white;border:1px solid #b8b8b8;color:#151515;min-width:50px;min-height:46px;padding:10px 15px;cursor:pointer;font:inherit}.product-options button.active{background:#111;color:white;border-color:#111}.product-options button:disabled{opacity:.35;cursor:not-allowed}.product-qty{display:flex;align-items:center;gap:16px}.product-qty button{border:1px solid #aaa;background:transparent;width:40px;height:40px;cursor:pointer;font-size:22px}.product-qty output{min-width:25px;text-align:center}.product-add{width:100%;background:#111;color:white;border:0;padding:19px;cursor:pointer;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;margin-top:16px}.product-add:hover{background:#333}.product-notice{font-size:12px;color:#666;line-height:1.8;margin-top:24px}.product-message{min-height:22px;margin-top:15px;font-weight:600}.product-back{font-size:12px;letter-spacing:1px;text-transform:uppercase;text-decoration:underline;text-underline-offset:4px}
@media(max-width:800px){.product-page{grid-template-columns:1fr;gap:20px;padding:25px 5% 70px}.product-info{padding-top:10px}}

/* 002: Hero CTAs clear of the fold, including short laptop viewports */
body.editorial .editorial-cover{min-height:740px;height:min(830px,calc(100svh - 86px));}
body.editorial .cover-content{padding-top:clamp(65px,9vh,110px);}
body.editorial .cover-content h1{font-size:clamp(52px,6vw,95px);}
body.editorial .cover-actions{margin-top:28px;margin-bottom:95px;}
@media(max-width:850px){body.editorial .editorial-cover{height:auto;min-height:740px}body.editorial .cover-content{padding-top:85px}body.editorial .cover-actions{margin-bottom:110px}}
@media(max-width:550px){body.editorial .editorial-cover{min-height:710px}body.editorial .cover-content{padding-top:70px}body.editorial .cover-actions{margin-bottom:95px}}

/* Collection 001: editorial lifestyle imagery */
body.editorial .cover-image{inset:0 0 0 34%;background-image:url('mockups/campaign-models.jpg');background-position:center center;filter:none;opacity:1}
body.editorial .cover-shade{background:linear-gradient(90deg,#090909 0%,rgba(9,9,9,.96) 29%,rgba(9,9,9,.48) 60%,rgba(9,9,9,.05) 100%)}
body.editorial .cover-content{padding-top:clamp(70px,8vh,105px)}
body.editorial .cover-actions{margin-top:30px;margin-bottom:105px}
body.editorial .collection-image img{filter:none;object-position:center top}
body.editorial .collection-image{height:480px}
body.editorial .cover-content h1 span{color:#ff5c27;font-weight:700}
body.editorial .btn.primary{background:#ff5c27;color:#fff}
body.editorial .collection-action:hover{color:#f05a28}
body:not(.editorial) .product-photo img{object-fit:cover;object-position:center top}
@media(max-width:850px){body.editorial .cover-image{inset:18% -10% 0 12%;opacity:.48}body.editorial .collection-image{height:380px}}
@media(max-width:550px){body.editorial .cover-image{inset:32% -80% 0 0;opacity:.38}body.editorial .collection-image{height:450px}}
