/* Variant B: warm editorial index and field stories. */
.variant-b{--ink:#333b2c}.variant-b .editorial-contents{display:block;padding:100px 5vw 120px;background:var(--paper);overflow:clip;isolation:isolate}.editorial-contents header{margin:0 0 115px 35%}.editorial-contents header h2{font:500 clamp(52px,7vw,115px)/1 Everett,sans-serif;letter-spacing:-.06em;margin:15px 0}.editorial-contents header p{font:13px Everett,sans-serif}.contents-row{position:relative;display:grid;grid-template-columns:35% 65%;padding:30px 0 50px;color:var(--ink);text-decoration:none}.contents-number{font:500 38px/1 Everett,sans-serif}.contents-row h3,.contents-row div>p{font:500 clamp(32px,3.45vw,66px)/1.08 Everett,sans-serif;letter-spacing:-.045em;margin:0}.contents-row div>p{margin-left:12%;max-width:900px;color:#747963;transition:color .25s}.contents-row:hover div>p,.contents-row:focus-visible div>p{color:#39442e}.contents-image{position:absolute;width:clamp(150px,17vw,300px);height:clamp(180px,21vw,350px);object-fit:cover;pointer-events:none;z-index:5;border:6px solid #eee8dc;box-shadow:0 10px 28px #25301d22}.variant-b .archive-marquee{overflow:hidden;position:relative;margin-top:-30px;padding:26px 0 36px;background:var(--paper)}.marquee-track{display:flex;width:max-content;animation:archive-roll 34s linear infinite}.marquee-track span{flex-shrink:0;white-space:pre;font:500 clamp(55px,8.5vw,160px)/1.1 Everett,sans-serif;letter-spacing:-.055em}.archive-marquee:hover .marquee-track{animation-play-state:paused}@keyframes archive-roll{to{transform:translateX(-50%)}}.variant-b .archive-photo{height:66svh}.variant-b .archive-photo img{object-position:50% 64%}.variant-b .archive-footer{min-height:0}.series-story{background:#e1dacb;color:#303729}.story-heading{padding:100px 5vw 80px;display:grid;grid-template-columns:1fr 1fr;gap:45px}.story-heading>span{grid-column:1/-1;font:13px Everett,sans-serif}.story-heading h2{font:500 clamp(65px,8vw,135px)/.94 Everett,sans-serif;letter-spacing:-.06em}.story-heading>p{max-width:280px;justify-self:end;align-self:end;font:25px/1.1 Everett,sans-serif}.story-horizontal{height:300svh}.story-panel{flex:0 0 87vw;position:relative;height:100%;display:grid;grid-template-columns:54% 46%;overflow:hidden;background:#ddd4c2}.story-panel>img,.story-image{width:100%;height:100%;object-fit:cover;min-width:0;position:relative}.story-image>img{width:100%;height:100%;object-fit:contain;padding:4vw;background:#22291e}.story-copy{padding:9vh 4vw;display:flex;flex-direction:column;justify-content:center;gap:30px}.story-copy>span{font:12px Everett,sans-serif}.story-copy h3{font:500 clamp(38px,4vw,75px)/.98 Everett,sans-serif;letter-spacing:-.05em}.story-copy p{font:18px/1.5 Everett,sans-serif;max-width:380px}.story-copy a{font:12px/1.4 Everett,sans-serif;text-decoration:underline;text-underline-offset:5px}.story-copy .story-pull{font:500 32px/1.05 Everett,sans-serif;letter-spacing:-.035em}.film-play{position:absolute;bottom:5vh;left:50%;transform:translateX(-50%);white-space:nowrap;padding:18px 24px;color:#253020;background:#f0eadd;font:14px Everett,sans-serif}.knit-panel{background:#c8c3ad}.knit-panel>img{object-fit:cover}.sea-panel{background:#4a503d;color:#f3eee2}.field-panel{background:#48503d;color:#f3eee2}.oilskin-panel{background:#d6c0a7}.huntsman-materials{background:#d7d9ca}.film-panel{flex-basis:95vw}.series-story .focus-track{gap:0}.story-panel.is-reading h3{animation:story-in .8s cubic-bezier(.2,0,0,1) both}@keyframes story-in{from{opacity:.2;transform:translateY(25px)}to{opacity:1;transform:none}}#film-screen{position:fixed;inset:0;margin:auto;width:min(1100px,94vw);max-width:none;padding:55px 20px 20px;background:#24291f;color:#eee8dc;border:0}#film-screen::backdrop{background:#12180fe0}#film-screen .film-embed{aspect-ratio:16/9}#film-screen iframe{width:100%;height:100%;border:0}.film-close{position:absolute;right:20px;top:15px;font:15px Everett,sans-serif}#film-screen>a{display:block;font:12px Everett,sans-serif;margin-top:15px}
/* Same static grain asset as the reference; no animated noise. */
.variant-b::after{content:'';position:fixed;inset:0;pointer-events:none;z-index:2100;background:url('series-assets/lookbook-grain.jpg') center/cover;mix-blend-mode:multiply;opacity:.055}
.variant-b .masthead{position:fixed!important;z-index:110;transition:opacity .35s}.variant-b .masthead-milrab img{filter:brightness(0)!important;transition:filter .25s}.variant-b.nav-over-photo .masthead-milrab img{filter:brightness(0) invert(1)!important}.variant-b .alphabet-menu{background:#d8d8cbbd;color:#303729;transition:background .25s,color .25s,opacity .25s}.variant-b.nav-over-photo .alphabet-menu{background:#343c2c9e;color:#fff}.variant-b #cover .scene-type{top:0;height:100%;display:flex;align-items:center;justify-content:center}.variant-b #cover .hero-drawn{font-size:clamp(46px,7.6vw,150px)}.variant-b.intro-active main{position:relative;z-index:1600}.variant-b.intro-active main>:not(#cover){visibility:hidden}.variant-b.intro-active .masthead,.variant-b.intro-active .alphabet-menu{z-index:1800}.variant-b.intro-title-visible #cover .scene-type,.variant-b.intro-title-visible #cover .scene-type *{visibility:visible!important}.variant-b .shuffle-note{left:calc(50% - 170px);top:55%;width:auto;transform:translateX(-100%) rotate(-8deg);font:13px Everett,sans-serif}.variant-b .shuffle-note-right{position:absolute;left:calc(50% + 170px);top:calc(50% - 125px);font:13px Everett,sans-serif;transform:rotate(8deg)}.variant-b .shuffle-count{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);font:12px monospace}.variant-b .shuffle-stack{width:255px;height:217px}
@media(max-width:759px){.variant-b .editorial-contents{padding:80px 6vw}.editorial-contents header{margin:0 0 60px 12%}.contents-row{grid-template-columns:12% 88%;padding:25px 0}.contents-number{font-size:21px}.contents-row h3,.contents-row div>p{font-size:29px;line-height:1.1}.contents-row div>p{margin-left:0;margin-top:10px}.story-heading{padding:70px 6vw 50px;display:block}.story-heading h2{font-size:66px;margin:35px 0}.story-heading>p{font-size:21px}.story-horizontal{height:auto}.story-panel,.film-panel{flex-basis:88vw;display:flex;flex-direction:column;height:100%;scroll-snap-align:start}.story-panel>img,.story-image{height:43%;flex-shrink:0}.story-copy{padding:25px 6vw;gap:16px;flex:1}.story-copy h3{font-size:34px}.story-copy p{font-size:14px;line-height:1.4}.story-copy>span,.story-copy a{font-size:10px}.story-copy .story-pull{font-size:23px}.field-panel>.story-copy{order:2}.series-story .focus-pin{height:86svh}.film-play{bottom:20px;padding:12px 16px;font-size:12px}.variant-b .shuffle-stack{width:200px;height:170px}.variant-b .shuffle-note,.variant-b .shuffle-note-right{display:none}.variant-b .masthead-milrab{top:27px;left:auto;right:20px;transform:none;width:95px}.variant-b .archive-photo{height:47svh}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.variant-b .archive-marquee{overflow-x:auto}.story-horizontal{height:auto}.story-panel.is-reading h3{animation:none}.series-story .focus-pin{overflow-x:auto}.story-panel{scroll-snap-align:start}}
.variant-b.intro-active main,.variant-b.intro-active #cover{background:transparent!important}
/* Revision 14: generous editorial spacing, photographs and a true image expansion. */
.variant-b #cover .hero-title-drawing{display:none!important}.variant-b #cover .hero-title-text{color:white;display:block;visibility:visible;position:relative}.variant-b #cover.curl-active .hero-title-text{visibility:hidden!important}.variant-b #cover .hero-drawn{overflow:hidden;line-height:1.15}.variant-b.intro-active main{z-index:auto}.variant-b.intro-active #cover .scene-type{visibility:hidden!important}.variant-b.intro-active #cover .hero-title-text{visibility:hidden!important}.variant-b .shuffle-card{border-radius:0}.variant-b .shuffle-note,.variant-b .shuffle-note-right{display:none}
.variant-b .locked-info{min-height:82svh;padding:100px 4vw 90px;row-gap:130px;grid-template-columns:1fr 1fr}.variant-b .locked-info h2{max-width:70%;font-size:clamp(65px,8vw,145px)}.variant-b .chapter-deck{font-size:13px;max-width:195px}.variant-b .info-columns{gap:4vw}.variant-b .info-columns p{font-size:14px;line-height:1.45}.story-information .info-columns{grid-template-columns:1fr 1fr}.story-information .info-columns>div:last-child{grid-column:2}.story-information h3{font-size:19px;line-height:1.1;margin-bottom:20px}.story-information a{font-size:11px}.story-information .story-pull{font-size:17px}.variant-b .story-panel{display:block;flex-basis:80vw;height:100%;background:#25291f}.variant-b .story-panel>img,.variant-b .story-image{height:100%;width:100%;object-fit:cover}.variant-b .story-image>img{padding:3vw;object-fit:contain}.variant-b .film-still>img{object-fit:contain}.image-hotspot{position:absolute;right:8%;bottom:15%;display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#f4f0e6;color:#222;font:26px Everett;text-decoration:none;box-shadow:0 3px 18px #0003}.variant-b .product-register,.variant-b .register-visual,.variant-b .register-item{border:0}.variant-b .register-stack:before,.variant-b .register-stack:after{display:none}.variant-b .product-register .register-item{font-size:clamp(42px,4.8vw,90px);line-height:.97;padding:10px 3vw 10px 0}.variant-b .register-stack{margin:80px auto;width:70%;height:460px}.variant-b .register-image{border:12px solid #f0e9d8;border-bottom-width:48px;box-shadow:2px 12px 25px #342c2026,0 0 3px #8d684c;clip-path:polygon(.2% 0,99.5% .3%,100% 98.8%,99% 100%,.4% 99.6%,0 1%)}.variant-b .register-image.is-active{transform:rotate(-2deg)}.variant-b .archive-marquee{margin-top:-180px;padding:20px 0 60px;background:transparent;color:#fff;z-index:2;text-shadow:0 2px 20px #0004}.variant-b .archive-colophon{background:var(--paper)}.gard-information{position:relative;overflow:hidden}.gard-information>*:not(svg){position:relative;z-index:1}.tractor-trail{position:absolute;inset:0;width:100%;height:100%;color:#596044;opacity:.3;pointer-events:none}#farm-route{fill:none;stroke:currentColor;stroke-width:1;stroke-dasharray:4 8}.gard-photo{height:100svh;overflow:hidden}.gard-photo img{width:100%;height:115%;object-fit:cover}.variant-b #gard .banner-photo{object-position:50% 42%}
@media(max-width:759px){.variant-b .locked-info{min-height:0;padding:70px 6vw;gap:65px;grid-template-columns:1fr}.variant-b .locked-info h2{max-width:100%;font-size:17vw}.variant-b .info-columns{grid-template-columns:1fr;gap:30px}.story-information .info-columns>div:last-child{grid-column:auto}.variant-b .product-register .register-item{font-size:43px;padding:9px 6vw}.variant-b .register-stack{height:340px;margin:30px auto}.variant-b .story-panel{flex-basis:90vw}.variant-b .archive-marquee{margin-top:-120px;padding-bottom:40px}.tractor-trail{opacity:.16}.variant-b .register-visual{min-height:0}}
.archive-film-polaroid{position:absolute;right:6%;bottom:15%;width:34%;max-width:445px;margin:0;padding:10px 10px 35px;background:#f0e9d8;transform:rotate(4deg);box-shadow:0 8px 25px #0005}.variant-b .archive-film-polaroid img{width:100%;height:auto;display:block}.film-still .film-play{left:25%;bottom:8%}
/* Revision 15 */
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.variant-b #cover.curl-active .hero-photo{visibility:hidden}.variant-b .tractor-trail{left:54%;width:46%;height:90%;top:5%;opacity:.32}.variant-b .archive-marquee{text-shadow:none}.variant-b .product-register{grid-template-columns:25% 35% 40%;min-height:70svh;padding:75px 4vw 100px;gap:0;align-items:start}.product-introduction{grid-column:1/-1;font:400 clamp(30px,3.5vw,62px)/1.06 Everett,sans-serif;letter-spacing:-.05em;padding-bottom:135px;margin:0}.product-introduction span{color:#919184}.product-label{font:12px Everett,sans-serif;border-top:1px solid #aaa99c55;padding-top:24px;align-self:stretch}.variant-b .product-register .register-list{grid-column:2;grid-row:2;padding:20px 0 0;border-top:1px solid #aaa99c55}.variant-b .product-register .register-item{font-size:clamp(25px,2.45vw,43px);line-height:1.08;padding:2px 30px 2px 0;letter-spacing:-.045em}.variant-b .product-register .register-visual{grid-column:3;grid-row:2;min-height:0;padding:24px 0 0;border-top:1px solid #aaa99c55}.variant-b .product-register .register-stack{margin:0 0 0 auto;width:90%;height:250px}.variant-b .product-register .register-image{border:0;clip-path:none;box-shadow:none;transform:translateY(15px);background:#e4ddce}.variant-b .product-register .register-image.is-active{transform:none}.variant-b .product-register .register-image img{object-fit:contain}.peel-sticker{position:absolute!important;right:6%;top:60px;z-index:3;display:grid;place-items:center;width:100px;height:100px;border-radius:50%;background:#d5b14e;color:#33382b;font:13px Everett;transform:rotate(12deg);text-decoration:none;clip-path:polygon(0 0,100% 0,100% 74%,74% 100%,0 100%);transition:transform .4s}.peel-sticker:after{content:'';position:absolute;right:0;bottom:0;width:29px;height:29px;background:linear-gradient(135deg,#f7e8b1,#bca774);transform-origin:100% 100%;transition:width .4s,height .4s;border-radius:7px 0 0 0}.peel-sticker:hover,.peel-sticker:focus-visible{transform:rotate(4deg) translateY(-4px)}.peel-sticker:hover:after{width:40px;height:40px}.story-information{position:relative}.gard-information .peel-sticker{top:auto;bottom:200px;right:12%;background:#babfac}.field-video{width:100%;height:100%;object-fit:cover}.footer-weather{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:1}.huntsman-materials .story-information h2{font-size:clamp(40px,4.5vw,78px);max-width:none;text-indent:40%;line-height:1.03}.huntsman-materials .story-information{min-height:60svh}
@media(max-width:759px){.variant-b .product-register{grid-template-columns:1fr 1fr;padding:60px 6vw}.product-introduction{font-size:32px;padding-bottom:65px}.product-label{display:none}.variant-b .product-register .register-list{grid-column:1;padding-top:20px}.variant-b .product-register .register-visual{grid-column:2}.variant-b .product-register .register-item{font-size:24px;padding:4px 12px 4px 0}.variant-b .product-register .register-stack{height:210px;width:100%}.peel-sticker{width:70px;height:70px;font-size:11px;top:20px}.variant-b .tractor-trail{left:55%;width:45%;opacity:.18}.gard-information .peel-sticker{bottom:250px}.huntsman-materials .story-information h2{text-indent:15%;font-size:40px}}
@media(prefers-reduced-motion:reduce){.peel-sticker,.peel-sticker:after{transition:none}.footer-weather{display:none}}
.variant-b .product-register{grid-template-columns:33% 40% 27%}.variant-b .product-register .register-list{align-self:stretch}.variant-b .product-register .register-stack{width:100%}.variant-b .product-register .register-item{font-size:clamp(25px,2.45vw,43px)}
@media(max-width:759px){.variant-b .product-register{grid-template-columns:1fr 1fr}.variant-b .product-register .register-item{font-size:24px}}