/* A quieter main page; the expressive product overlays keep their character. */
.editorial-site{--section-gap:clamp(100px,12vw,180px);--content-width:1200px;--content-inset:80px;--media-radius:9px;--collection-gap:24px;--media-background:#fafafa;--heading-weight:700;--supporting-weight:400}
.editorial-site #page.flow-main{display:block;gap:0}
.editorial-site #page>.opening,.editorial-site #page>#collection,.editorial-site #page>#process,.editorial-site #page>#make-yours{height:auto;min-height:0}
.editorial-site #page>section{height:auto;min-height:0;display:block;padding-block:0;margin-bottom:var(--section-gap);scroll-margin-top:120px}
.editorial-site .flow-wrap{width:min(var(--content-width),calc(100% - var(--content-inset)))}
.editorial-site .eyebrow{font-weight:500;font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:#77776f}
.editorial-site #page>.opening{width:100%;display:block;padding-top:clamp(45px,7svh,85px)}
.editorial-site .opening-copy{text-align:center;padding-inline:24px}
.editorial-site .opening .eyebrow{border:0;border-radius:0;background:none;color:#77776f;font-weight:500;padding:0;letter-spacing:.08em}
.editorial-site .opening h1{font-size:clamp(38px,5.2vw,74px);margin:25px auto 23px;line-height:1.04;letter-spacing:-.04em}
.editorial-site .opening-deck{font-size:clamp(15px,1.4vw,19px);line-height:1.5;color:#73736e}
.editorial-site .collaboration-credit{font-size:12px;color:#73736e;margin-top:22px}
.collaboration-credit span{padding-inline:7px;color:#c8c8bf}
.editorial-site .opening-photo{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-rows:minmax(0,1fr);overflow:hidden;gap:6px;margin-top:clamp(38px,5vw,68px);height:min(60vw,650px);width:100%}
.editorial-site .opening-photo>img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:50% 55%;min-width:0;min-height:0;max-height:100%}
.editorial-site .opening-photo:has(>img:only-child){grid-template-columns:1fr}
.editorial-site .collection-intro,.editorial-site .process-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:38px;scroll-margin-top:120px}
.editorial-site #page #screen-to-desk{height:auto;min-height:0;padding:0;display:flex;width:100%;justify-content:space-between}
.editorial-site .collection-intro h2,.editorial-site .process-heading h2{font-size:clamp(25px,3vw,40px);line-height:1.12;letter-spacing:-.035em;font-weight:500;max-width:570px;margin-top:13px}
.editorial-site .collection-intro>p,.editorial-site .process-heading>p{font-size:15px;line-height:1.55;color:#73736e;max-width:330px}
.editorial-site #collection .collection-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--collection-gap)}
.editorial-site .collection-card{aspect-ratio:1;height:auto;flex:none;border-radius:var(--media-radius);background:var(--media-background)}
.editorial-site .collection-card>img.collection-main,.editorial-site .collection-card>img.collection-alt{width:100%;height:100%;object-fit:cover}
.editorial-site .collection-card .collection-origin{position:absolute;top:18px;left:18px;display:flex;align-items:center;gap:9px;z-index:3;font-size:10px;letter-spacing:0}
.editorial-site .collection-origin .flow-icon{position:static;width:20px;height:20px;object-fit:contain;flex-shrink:0}
.editorial-site .collection-name{font-size:16px;right:18px;left:auto;bottom:17px}
.editorial-site .text-button{font:inherit;font-size:12px;border-bottom:1px solid #cacac2;color:#333;line-height:1.5;padding-bottom:3px;cursor:pointer}
.editorial-site #process{width:min(1200px,calc(100% - 80px))}
.editorial-site #process .bench-window{width:100%;height:auto;padding:12px;overflow:hidden;border-radius:14px;border:1px solid #e9e9e3;background:#fdfdfc}
.editorial-site #process .workbench{height:600px;width:100%;min-width:0;background:transparent}
.editorial-site .bench-card{padding:7px 7px 10px;border-radius:7px;touch-action:pan-y;box-shadow:0 4px 12px #00000009}
.editorial-site .bench-card>img{width:100%;height:auto;object-fit:contain;display:block;background:#fafaf8;border-radius:3px}
.editorial-site .bench-card>span{font-size:10px;line-height:1.35;margin:8px 3px 0;color:#66665f}
.editorial-site #shuffle-bench{display:none}
.editorial-site .process-archive{margin-top:24px}
.editorial-site .process-archive>summary{list-style:none;display:flex;gap:22px;align-items:center;width:max-content}
.editorial-site .process-archive>summary::-webkit-details-marker{display:none}
.editorial-site .process-archive>summary>span{font-size:18px;transition:transform .2s}
.editorial-site .process-archive[open]>summary>span{transform:rotate(45deg)}
.editorial-site .archive-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:26px;margin-top:35px}
.editorial-site .archive-card{width:100%;padding:0;background:none;border:0;text-align:left;cursor:zoom-in;color:#73736e;font:inherit;font-size:11px;line-height:1.4}
.editorial-site .archive-card>img{width:100%;height:180px;object-fit:contain;border-radius:4px;background:#fafafa}
.editorial-site .archive-card>span{display:block;margin-top:9px}
.editorial-site #page>#make-yours{height:auto;min-height:0;margin-bottom:0;padding:0}
.editorial-site #make-yours .ending-box{width:100%;display:block;border-radius:14px}
.editorial-site #make-yours .pack-selection{display:flex;flex-direction:column;align-items:center;row-gap:0;padding:45px 36px 30px;background:#fff}
.editorial-site #make-yours h2{font-size:clamp(28px,3.3vw,42px);line-height:1.1;font-weight:500;letter-spacing:-.035em;margin:14px 0 28px;text-align:center}
.editorial-site #make-yours .pack-mosaic{width:270px;max-width:100%;height:auto;grid-template-columns:repeat(3,1fr);grid-template-rows:repeat(2,52px);gap:14px 20px;padding:0;margin-bottom:28px}
.editorial-site #make-yours .pack-mosaic img{width:100%;height:52px;max-height:none}
.editorial-site #make-yours .purchase-description{width:100%;max-width:520px;text-align:center}
.editorial-site #make-yours .purchase-description>p{font-size:14px;line-height:1.6;margin:0 auto 21px;max-width:440px}
.editorial-site #make-yours .purchase-description .edition-note{font-size:11px;line-height:1.5;border:0;padding:0;max-width:none;margin:26px auto 0;color:#898982}
.editorial-site #make-yours .ending-faq{max-width:none;padding:28px 36px 25px;border-top:1px solid #e9e8e2}
.editorial-site #make-yours .ending-faq>.eyebrow{font-size:10px;letter-spacing:.04em;padding-bottom:13px}
.editorial-site #make-yours .faq-item summary{font-size:13px;padding:18px 0}
.editorial-site #make-yours .faq-answer{padding-bottom:18px}
.editorial-site #make-yours .faq-answer p{font-size:13px;line-height:1.6}
.editorial-site .original-footer{margin-top:var(--section-gap);padding-top:0}
@media(max-width:800px){
 .editorial-site .flow-wrap,.editorial-site #process{width:calc(100% - 40px)}
 .editorial-site .collection-intro,.editorial-site .process-heading{display:block;margin-bottom:28px}
 .editorial-site #page #screen-to-desk{display:block}
 .editorial-site .collection-intro>p,.editorial-site .process-heading>p{max-width:480px;margin-top:18px;font-size:14px}
 .editorial-site{--collection-gap:16px}
 .editorial-site .collection-name{font-size:13px;right:12px;bottom:14px}
 .editorial-site .collection-card .collection-origin{left:13px;top:14px}
 .editorial-site .archive-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px 16px}
}
@media(max-width:600px){
 .editorial-site{--section-gap:90px;--collection-gap:14px}
 .editorial-site #page>.opening{padding-top:35px}
 .editorial-site .opening h1{font-size:clamp(34px,8.5vw,48px);margin:24px auto 18px}
 .editorial-site .opening-deck{font-size:14px;max-width:270px;margin-inline:auto}
 .editorial-site .collaboration-credit{font-size:11px;margin-top:16px}
 .editorial-site .opening-photo{height:82vw;grid-template-columns:1fr;gap:0;margin-top:34px}
 .editorial-site .opening-photo>img{object-position:50% 58%}
 .editorial-site .opening-photo>img+img{display:none}
 .editorial-site #collection .collection-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .editorial-site .collection-name{font-size:12px;right:10px;bottom:13px}
 .editorial-site .collection-origin .flow-icon{width:17px;height:17px}
 .editorial-site #process .bench-window{padding:5px}
 .editorial-site #process .workbench{height:690px}
 .editorial-site .bench-card>span{font-size:9px}
 .editorial-site .archive-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 14px}
 .editorial-site .archive-card>img{height:150px}
 .editorial-site #make-yours .pack-selection{padding:32px 22px 27px}
 .editorial-site #make-yours h2{font-size:29px;margin-bottom:25px}
 .editorial-site #make-yours .pack-mosaic{width:240px;grid-template-rows:repeat(2,45px);gap:13px 20px}
 .editorial-site #make-yours .pack-mosaic img{height:45px}
 .editorial-site #make-yours .ending-faq{padding:25px 22px 20px}
 .editorial-site #make-yours .purchase-description>p{font-size:13px}
}
@media(prefers-reduced-motion:reduce){.editorial-site .collection-card>img,.editorial-site .bench-card{transition:none}}

/* Restore the collection's centred chapter rhythm, with the new artwork retained. */
.editorial-site .section-label{background:#191919;border-color:#191919;color:#fff;font-weight:700;padding:9px 17px;font-size:11px;text-align:center}
.editorial-site .opening .section-label>span:first-child{display:none}
.editorial-site .opening h1{margin:38px auto 23px}
.editorial-site .collection-intro,.editorial-site .process-heading,.editorial-site #page #screen-to-desk{display:block;text-align:center;margin-bottom:0}
.editorial-site #page .section-heading{padding:38px 0 56px;text-align:center}
.editorial-site #page .section-heading h2,.editorial-site #make-yours h2{font-size:clamp(34px,4.5vw,62px);font-weight:700;line-height:1.06;letter-spacing:-.035em;max-width:none;margin:0 auto}
.editorial-site #page .section-heading p{max-width:440px;font-size:15px;line-height:1.55;color:#73736e;margin:24px auto 0}
.editorial-site .process-archive>summary{margin-inline:auto}
.editorial-site #make-yours .pack-selection{padding-top:38px}
.editorial-site #make-yours .purchase-description h3{font-size:22px;margin:0 auto 14px}
.editorial-site #make-yours .pack-mosaic{margin-bottom:35px}
@media(max-width:800px){
 .editorial-site #page .section-heading{padding:32px 0 44px}
 .editorial-site #page .section-heading h2,.editorial-site #make-yours h2{font-size:clamp(34px,5.5vw,46px)}
}
@media(max-width:600px){
 .editorial-site .opening h1{margin-top:28px}
 .editorial-site #page .section-heading{padding:28px 0 36px}
 .editorial-site #page .section-heading p{font-size:14px;margin-top:20px;max-width:310px}
 .editorial-site .section-label{font-size:10px;padding:8px 14px}
 .editorial-site #make-yours .purchase-description h3{font-size:20px}
}

/* The printed key is the reveal: the six designs lift directly out of it. */
.editorial-site #page .section-heading{padding-top:0}
.editorial-site .collaboration-credit{margin-top:20px}
.pack-reveal{position:relative;display:block;width:220px;max-width:100%;margin:28px auto 0;isolation:isolate}
.flow-site #make-yours .pack-buy.filament-cta{--mount-width:220px;position:relative;z-index:3}
.pack-designs{position:absolute;width:380px;height:240px;bottom:28px;left:50%;transform:translateX(-50%);pointer-events:none;z-index:2}
.pack-design{position:absolute;left:calc(50% - 58px);bottom:0;width:116px;height:110px;object-fit:contain;opacity:0;transform:translate(0,12px) scale(.35);transform-origin:50% 100%;filter:drop-shadow(0 5px 6px #00000012);transition:transform .38s cubic-bezier(.22,1,.36,1),opacity .18s}
.pack-reveal.is-open .pack-design{opacity:1;transform:translate(var(--dx),var(--dy)) rotate(var(--tilt));transition:transform .6s cubic-bezier(.2,1.12,.3,1),opacity .2s;transition-delay:calc(var(--design-index)*25ms)}
.design-0{--dx:-105px;--dy:-50px;--tilt:-17deg}
.design-1{--dx:-58px;--dy:-128px;--tilt:-12deg}
.design-2{--dx:23px;--dy:-142px;--tilt:9deg}
.design-3{--dx:105px;--dy:-65px;--tilt:16deg}
.design-4{--dx:-28px;--dy:-44px;--tilt:-8deg}
.design-5{--dx:65px;--dy:-40px;--tilt:10deg}
.editorial-site.cursor-on-asset #trail,.editorial-site.cursor-on-asset #party{opacity:0}
@media(max-width:600px){.pack-reveal{width:190px}.flow-site #make-yours .pack-buy.filament-cta{--mount-width:190px}.pack-designs{width:300px;transform:translateX(-50%) scale(.8);transform-origin:50% 100%}}
@media(prefers-reduced-motion:reduce){.pack-design{transition:none!important}}

/* Keep supporting copy on one line where the viewport has room. */
@media(min-width:760px){.editorial-site #page .section-heading p{max-width:none;white-space:nowrap}}
.editorial-site .opening .collaboration-credit{margin:28px auto 0}
.editorial-site .opening h1{margin-top:25px}
.editorial-site #make-yours .edition-signup{margin:30px auto 0;width:min(420px,100%);padding-top:26px;border-top:1px solid #e9e8e2}
.editorial-site #make-yours .purchase-description .edition-note{margin:0 0 9px;color:#353530;font-size:14px;font-weight:var(--heading-weight);line-height:1.5}
.edition-signup>label{display:block;font-size:13px;color:#77776f;margin-bottom:15px}
.edition-form{display:flex;align-items:stretch;gap:8px}
.edition-form input{min-width:0;flex:1;border:1px solid #ddddd5;border-radius:8px;background:#fff;padding:12px 13px;font:inherit;font-size:13px;color:#222}
.edition-form input:focus-visible{outline:2px solid #247ccb;outline-offset:2px}
.edition-form button{border:1px solid #202020;border-radius:8px;background:#202020;color:white;padding:11px 16px;font:inherit;font-size:12px;white-space:nowrap;cursor:pointer}
.edition-form button:disabled{opacity:.45;cursor:default}
.editorial-site #make-yours .purchase-description .signup-status{font-size:11px;margin:10px auto 0;color:#898982;line-height:1.5}
@media(max-width:600px){.editorial-site .opening .collaboration-credit{margin-top:24px}.editorial-site .opening h1{margin-top:22px}.editorial-site #make-yours .purchase-description .edition-note{font-size:13px}.edition-form button{padding-inline:12px}}

@media(max-width:600px){.editorial-site #page #make-yours .section-heading h2{font-size:clamp(26px,7.6vw,34px)}}

/* Matched panels and a shared caption baseline keep the six stories aligned. */
.editorial-site #page>.origin-story#screen-to-desk{width:min(1200px,calc(100% - 80px));height:auto;min-height:0;display:block;padding:0;margin-bottom:var(--section-gap);text-align:center}
.editorial-site #screen-to-desk .section-heading{padding:0 0 38px}
.editorial-site #page #screen-to-desk .story-intro{margin:24px auto 0;max-width:640px}
.editorial-site #page #screen-to-desk .story-tagline{font-size:17px;font-weight:var(--supporting-weight);line-height:1.45;letter-spacing:-.02em;margin:0 auto;color:#363630;white-space:normal}
.editorial-site #page #screen-to-desk .story-copy{font-size:14px;font-weight:400;line-height:1.6;max-width:610px;color:#77776f;margin:10px auto 0;white-space:normal}
.story-scene{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;width:100%;margin:0}
.story-panel{display:block;min-width:0;text-align:left}
.story-visual{position:relative;aspect-ratio:1.2;min-width:0;overflow:hidden;border-radius:var(--media-radius);background:var(--media-background,#fafafa)}
.story-icon{display:flex;align-items:center;justify-content:center}
.story-icon>img{display:block;width:125px;height:140px;object-fit:contain}
.story-photo>img{display:block;position:absolute;inset:0;width:100%;height:100%;min-width:0;min-height:0;object-fit:cover;object-position:50% 55%}
.story-panel-caption{padding:20px 0 0;border-top:1px solid #e9e9e3;margin-top:18px}
.story-context{display:block;font-size:11px;line-height:1.45;color:#888880;letter-spacing:.02em;margin:0 0 9px}
.editorial-site .story-panel-caption>p{font-size:22px;line-height:1.3;font-weight:600;letter-spacing:-.025em;margin:0;min-height:58px;max-width:360px}
@media(max-width:800px){.editorial-site #page>.origin-story#screen-to-desk{width:calc(100% - 40px)}.story-scene{gap:16px}}
@media(max-width:600px){
 .editorial-site #screen-to-desk .section-heading{padding-bottom:28px}
 .editorial-site #page #screen-to-desk .story-intro{margin-top:20px}
 .editorial-site #page #screen-to-desk .story-tagline{font-size:15px;max-width:300px}
 .editorial-site #page #screen-to-desk .story-copy{font-size:13px;max-width:315px;line-height:1.55}
 .story-scene{gap:12px}
 .story-visual{aspect-ratio:1}
 .story-icon>img{width:65px;height:78px}
 .story-panel-caption{padding-top:13px;margin-top:13px}
 .story-context{font-size:9px;min-height:26px;margin-bottom:6px}
 .editorial-site .story-panel-caption>p{font-size:15px;min-height:60px;line-height:1.35}
}

.story-ticker{width:100%;margin:0 auto}
.story-window{overflow:hidden}
.story-track{display:flex;align-items:stretch;transition:transform .65s cubic-bezier(.22,1,.36,1);will-change:transform}
.story-slide{flex:0 0 100%;min-width:0}
.story-controls{display:flex;justify-content:center;align-items:center;margin-top:7px;height:30px}
.story-dots{display:flex;gap:3px;align-items:center}
.story-dot{display:flex;align-items:center;justify-content:center;width:26px;height:28px;border:0;background:none;padding:0;cursor:pointer}
.story-dot::after{content:"";width:7px;height:7px;border-radius:50%;background:#d8d8d4;transition:width .25s,background .25s}
.story-dot[aria-current="true"]::after{width:22px;border-radius:5px;background:var(--story-color)}
.story-dot:focus-visible{outline:2px solid #247ccb;outline-offset:2px;border-radius:6px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:600px){.story-controls{margin-top:5px}}
@media(prefers-reduced-motion:reduce){.story-track,.story-dot::after{transition:none}}
/* Let the objects use the space above the key without colliding with its copy. */
.editorial-site #make-yours .purchase-description>h3,.editorial-site #make-yours .purchase-description>p{transition:opacity .18s}
.editorial-site #make-yours .purchase-description:has(.pack-reveal.is-open)>h3,.editorial-site #make-yours .purchase-description:has(.pack-reveal.is-open)>p{opacity:0}
@media(prefers-reduced-motion:reduce){.editorial-site #make-yours .purchase-description>h3,.editorial-site #make-yours .purchase-description>p{transition:none}}
/* The reveal can rise beyond the panel edge; keep the full designs visible. */
.editorial-site #make-yours .ending-box{overflow:visible}
.editorial-site #make-yours .pack-selection{border-radius:14px 14px 0 0}
.editorial-site #make-yours .ending-faq{border-radius:0 0 14px 14px}

/* One replaceable image spans the hero at every breakpoint. */
.editorial-site .opening-photo{grid-template-columns:minmax(0,1fr);gap:0;height:clamp(400px,50vw,900px)}
.editorial-site .opening-photo>img{object-position:50% 68%}
.collaboration-credit a{color:inherit;text-decoration:underline;text-decoration-color:#b6b6ae;text-underline-offset:4px;transition:color .2s,text-decoration-color .2s}
.collaboration-credit a:hover{color:#151515;text-decoration-color:#151515}
.collaboration-credit a:focus-visible{outline:2px solid #247ccb;outline-offset:5px;border-radius:2px}
.editorial-site #make-yours .purchase-description .edition-note{font-size:16px;font-weight:var(--heading-weight);margin-bottom:8px}
.editorial-site #make-yours .purchase-description .edition-copy{font-size:13px;line-height:1.5;color:#77776f;margin:0 0 17px}
/* The printed key stays gray, with only a small lift on reveal. */
#pack-reveal .pack-buy .filament-button{transition:transform .25s cubic-bezier(.2,.8,.2,1),filter .25s,box-shadow .25s}
#pack-reveal.is-open .pack-buy{--cta-filament:#dededb}
#pack-reveal.is-open .pack-buy .filament-button{transform:translateY(-1.5px);filter:none;box-shadow:0 4px 7px #32323218,0 1px 2px #32323210}
#pack-reveal .pack-buy .part-body,#pack-reveal .pack-buy .road-body,#pack-reveal .pack-buy .cavity{transition:fill .25s,stroke .25s}
#pack-reveal.is-open .filament-purchase-note{color:#34342f}
#pack-reveal .pack-buy:active .filament-button{transform:translateY(1px);box-shadow:0 1px 3px #32323215}
@media(max-width:600px){.editorial-site .opening-photo{height:82vw;min-height:0}.editorial-site .opening-photo>img{object-position:50% 60%}.editorial-site #make-yours .purchase-description .edition-note{font-size:15px}.edition-form button{font-size:11px;padding-inline:12px}}
@media(prefers-reduced-motion:reduce){#pack-reveal .pack-buy .filament-button,#pack-reveal .pack-buy .part-body,#pack-reveal .pack-buy .road-body,#pack-reveal .pack-buy .cavity{transition:none}}

/* More breathing room above the pack copy and before the purchase key. */
.editorial-site #make-yours .pack-selection{padding-top:62px}
.editorial-site #make-yours .pack-reveal{margin-top:46px}
@media(max-width:600px){.editorial-site #make-yours .pack-selection{padding-top:48px}.editorial-site #make-yours .pack-reveal{margin-top:36px}}

/* Shared body edges: collection, story and download pack use one content rail. */
.editorial-site #page>.origin-story#screen-to-desk{width:min(var(--content-width),calc(100% - var(--content-inset)))}
@media(max-width:800px){.editorial-site{--content-inset:40px}}

/* Keep the updated copy placement with the original type pairing. */
.editorial-site #page .opening-deck{max-width:650px;margin:26px auto 0;font-family:var(--text);font-size:16px;line-height:1.6;letter-spacing:0;color:#73736e}
.editorial-site #page #screen-to-desk #story-title{max-width:none;white-space:nowrap;font-size:clamp(27px,4.6vw,64px)}
.editorial-site #page #screen-to-desk .story-intro{margin-top:22px}
@media(max-width:600px){.editorial-site #page .opening-deck{max-width:340px;font-size:14px;margin-top:22px}.editorial-site #page #screen-to-desk #story-title{font-size:clamp(24px,6.7vw,40px);letter-spacing:-.05em}}

/* Product details share each artifact's colour and use the native SF Wi-Fi glyph. */
.editorial-site #page #screen-to-desk .story-tagline{color:#77776f}
.editorial-site .ptitle h2{color:var(--a)}
.ic.sf-wifi{background:currentColor;mask:url(img/nav/wifi.png) center/contain no-repeat;-webkit-mask:url(img/nav/wifi.png) center/contain no-repeat}

/* Product photographs share the collection’s corners in every detail view. */
.editorial-site #sheet .rail .card,.editorial-site #sheet .rail .card>img,.editorial-site #sheet .mhero .main,.editorial-site #sheet .mhero .pcard{border-radius:var(--media-radius)}

/* A short layer-by-layer print reveal settles into a tactile, raised blue face. */
.editorial-site .hero-accent{display:inline-block;position:relative;white-space:nowrap;color:#4bb3e6;background:repeating-linear-gradient(0deg,#339fcf 0px,#339fcf .65px,#89d4ef .85px,#4bb3e6 1.4px,#4bb3e6 2.8px);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;-webkit-text-stroke:.2px #369fca;filter:drop-shadow(0 1px 0 #267fa4) drop-shadow(.3px .8px 0 #216b8e) drop-shadow(0 2px 1.2px #277fa329);animation:filament-print-in 1.8s steps(22,end) .15s both}
@keyframes filament-print-in{from{clip-path:inset(100% -.08em -.15em -.08em)}to{clip-path:inset(-.03em -.08em -.15em -.08em)}}
@media(max-width:600px){.editorial-site .hero-accent{filter:drop-shadow(0 .8px 0 #267fa4) drop-shadow(.2px .5px 0 #216b8e)}}
@media(prefers-reduced-motion:reduce){.editorial-site .hero-accent{animation:none;clip-path:none}}

/* Parallel digital and printed endings; a single weight for each text level. */
.editorial-site .hero-ui{display:inline-block;position:relative;isolation:isolate;padding:0 .035em;margin-inline:-.035em;border-radius:3px}
.editorial-site .hero-ui::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;background:#e9f5fb;box-shadow:inset 0 0 0 1px #4bb3e62e;transform-origin:left center;animation:ui-selection-in .8s cubic-bezier(.2,.7,.2,1) .15s both}
.editorial-site .hero-ui::after{content:"";position:absolute;left:calc(100% - max(1px,.025em));top:.08em;bottom:.06em;width:max(1px,.025em);border-radius:1px;background:#278fc3;animation:ui-caret-in .8s cubic-bezier(.2,.7,.2,1) .15s both,ui-caret-blink .5s steps(1,end) .95s 2}
@keyframes ui-selection-in{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ui-caret-in{from{left:0}to{left:calc(100% - max(1px,.025em))}}
@keyframes ui-caret-blink{0%,100%{opacity:1}50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.editorial-site .hero-ui::before,.editorial-site .hero-ui::after{animation:none}}
.editorial-site #page .section-heading h2,.editorial-site #make-yours h2,.editorial-site #make-yours .purchase-description h3,.editorial-site #make-yours .edition-note{font-weight:var(--heading-weight)}
.editorial-site .opening-deck,.editorial-site #page .section-heading p,.editorial-site #page #screen-to-desk .story-tagline,.editorial-site #make-yours .purchase-description>p,.editorial-site .edition-copy{font-weight:var(--supporting-weight)}

/* A shallow stack fans open one card at a time, without changing grid spacing. */
.editorial-site #collection .collection-item.stack-ready{opacity:0;transform:translate(var(--stack-shift,0%),38px) scale(.94) rotate(var(--stack-tilt,0deg));transform-origin:50% 85%}
.editorial-site #collection .collection-item.stack-ready.arrived{animation:collection-stack-in .8s cubic-bezier(.16,1,.3,1) var(--stack-delay,0ms) both}
@keyframes collection-stack-in{0%{opacity:0;transform:translate(var(--stack-shift,0%),38px) scale(.94) rotate(var(--stack-tilt,0deg))}25%{opacity:1}100%{opacity:1;transform:none}}
.editorial-site #collection .collection-item.stack-ready:focus-within{animation:none;opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.editorial-site #collection .collection-item.stack-ready,.editorial-site #collection .collection-item.stack-ready.arrived{animation:none;opacity:1;transform:none}}

/* Keep the complete six-object hero visible, including on small screens. */
.editorial-site .opening-photo{display:block;height:auto}
.editorial-site .opening-photo>img{height:auto;aspect-ratio:auto;object-fit:contain;object-position:center}

/* Supplied path artwork, 10% wider than the previous main headings. */
.editorial-site .opening h1.has-filament-art{display:grid;place-items:center;height:2.288em}
.editorial-site .hero-filament-art{display:block;width:8.3457em;max-width:100%;height:auto;opacity:0}
.editorial-site .lettering-ready .hero-filament-art{opacity:1;animation:filament-print-in 1.8s steps(22,end) .15s both}
@media(prefers-reduced-motion:reduce){.editorial-site .hero-filament-art{opacity:1}.editorial-site .lettering-ready .hero-filament-art{animation:none;clip-path:none}}

.editorial-site #page .section-heading h2.has-filament-art{display:grid;place-items:center;line-height:0}
.editorial-site .section-filament-art{display:block;max-width:100%;height:auto;margin:0 auto}
.editorial-site #collection-title .section-filament-art{width:8.950284em}
.editorial-site #story-title .section-filament-art{width:8.74192em}
.editorial-site #ending-title .section-filament-art{width:7.2688em}

/* Owner-supplied filament plus; retain the native accordion's open/close cue. */
.editorial-site .faq-item summary>.faq-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 32px;width:32px;height:32px}
.editorial-site .faq-toggle img{display:block;flex:none;width:auto;max-width:none;height:24px}
@media(prefers-reduced-motion:reduce){.editorial-site .faq-item summary>.faq-toggle{transition:none}}

/* Restored introduction beneath the hero photograph. */
.editorial-site #page .opening-story{width:min(1000px,calc(100% - 80px));max-width:none;margin:clamp(80px,10vw,140px) auto 0;padding:0;text-align:center;font-family:var(--display);font-size:clamp(26.4px,2.82vw,38.4px);font-weight:var(--heading-weight);line-height:1.18;letter-spacing:-.035em;color:#141414}
.editorial-site #page .opening-story p{margin:0;color:inherit;font:inherit;letter-spacing:inherit}
.editorial-site #page .opening-story p+p{margin-top:clamp(64px,7.65vw,108px)}
@media(max-width:600px){.editorial-site #page .opening-story{width:calc(100% - 40px);font-size:24px;line-height:1.25;margin-top:64px}.editorial-site .opening-story .intro-line-break{display:none}}

/* Gallery follows the introduction directly while testing the simpler layout. */
.editorial-site #page>.opening{margin-bottom:clamp(56px,6vw,88px)}

/* Introduction set with the same freestanding vector filament as the headings. */
.editorial-site .printed-intro picture{display:block;width:min(var(--intro-width),100%);margin-inline:auto}
.editorial-site .printed-intro picture[hidden]{display:none}
.editorial-site .intro-filament-art{display:block;width:100%;height:auto}
@media(max-width:600px){.editorial-site .printed-intro picture{width:min(var(--intro-mobile-width),100%)}}

/* Print each paragraph once as it enters the reading area. Layout stays stable. */
.editorial-site .printed-intro.intro-reveal-ready:not(.intro-revealed) picture{opacity:0;clip-path:inset(100% -2px -3px -2px);transform:translateY(12px)}
.editorial-site .printed-intro.intro-reveal-ready.intro-revealed picture{animation:intro-print-reveal .95s cubic-bezier(.2,.7,.2,1) both}
@keyframes intro-print-reveal{from{opacity:0;clip-path:inset(100% -2px -3px -2px);transform:translateY(12px)}20%{opacity:1}to{opacity:1;clip-path:inset(-2px -2px -3px -2px);transform:none}}
@media(prefers-reduced-motion:reduce){
 .editorial-site .printed-intro.intro-reveal-ready picture{opacity:1!important;clip-path:none!important;transform:none!important;animation:none!important}
}