body:has(.product-story){background:#faf9f6;color:#202d26}
body:has(.product-story) .mast{width:min(1420px,91vw);min-height:78px;border-bottom:0}
.product-story{--dark:#21372d;--soft:#eeede6;--muted:#4b544e;--line:#cdcec3;line-height:1.5}
.product-story h1,.product-story h2,.product-story h3{color:inherit}
.story-wrap{width:min(1230px,88vw);margin-inline:auto}
.story-label{font:400 12px/1.4 var(--sans);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;color:#455747}
.story-hero{position:relative;isolation:isolate;display:grid;align-items:center;min-height:clamp(465px,44vw,730px);overflow:hidden;background:#e5dfd1}
.story-hero .studio{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 51%;z-index:-2}
.story-hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#f5f1e6a1 0%,#f5f1e64d 34%,transparent 54%);pointer-events:none}
.hero-words{width:min(43vw,600px);margin-inline-start:max(6vw,calc((100vw - 1230px)/2));padding-block:55px}
.hero-words h1{font:400 clamp(62px,6.55vw,110px)/.95 var(--serif);letter-spacing:-.071em;text-wrap:balance}
.hero-words h1 em{font-weight:400}.hero-lead{max-width:33ch;font-size:clamp(19px,1.5vw,24px);line-height:1.37;color:#393f38;margin-block:24px}
.story-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.story-actions .store-button{background:#19231d}.movie-link,.underline-link{font:400 17px/1.4 var(--sans);color:inherit;display:inline-flex;gap:9px;align-items:center;background:none;border:0;border-radius:0;padding:5px 0;text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px;cursor:pointer}
.movie-link span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid currentColor;text-decoration:none;font:16px/1 var(--sans)}
.story-index{display:block;border-block-end:1px solid var(--line);background:#faf9f6}.story-index>div{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 22px;padding-block:9px}.story-index a{font:400 16px/1.4 var(--sans);padding:8px 0}.story-index a:last-child{color:#485a3f;font-weight:600}
.product-story section[id],#film{scroll-margin-block-start:20px}
.product-story h2{font:400 clamp(47px,4.9vw,78px)/1.025 var(--serif);letter-spacing:-.061em;text-wrap:balance}
.product-story h3{font:400 clamp(25px,2.25vw,36px)/1.12 var(--serif);letter-spacing:-.045em}
.story-copy,.companion-copy,.search-spread p:not(.story-label),.mail-blurb p{font:400 clamp(18px,1.45vw,22px)/1.48 var(--sans);color:var(--muted)}
.companion{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:9%;padding-block:clamp(58px,6.5vw,98px) clamp(35px,3vw,56px)}
.companion-copy p+p{margin-top:14px}.product-film{margin-block:0 clamp(55px,6vw,100px)}.product-film video{display:block;width:100%;height:auto;aspect-ratio:1920/804;background:#e2dfd1;border-radius:3px}.product-film figcaption{display:flex;justify-content:space-between;gap:12px;padding-top:11px;color:#596459;font-size:15px}
.capture-band{padding-block:clamp(55px,6.5vw,100px);background:#25382f;color:#faf8ed}
.capture-band .story-label,.plus-band .story-label{color:#c3d0be}.capture-band .story-copy,.plus-band .story-copy{color:#e1e8da}
.capture-layout{display:grid;grid-template-columns:.95fr 1.05fr;align-items:start;gap:10%}.capture-intro .story-copy{margin-block:22px;max-width:36ch}.capture-intro .underline-link{color:#faf8ed}
.capture-list{display:grid;grid-template-columns:1fr 1fr;gap:35px 28px}.capture-list>div{padding-top:17px;border-block-start:1px solid #8f9e8f}.capture-list h3{font-size:clamp(24px,2vw,32px)}.capture-list p{margin-top:10px;color:#d8e1d5;font-size:17px;line-height:1.45}
.material-section,.search-section{padding-block:clamp(58px,6.8vw,111px)}
.chapter-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end;margin-block-end:clamp(28px,3vw,52px)}.chapter-intro .story-copy{max-width:44ch}
.material-lab{display:grid;grid-template-columns:1.53fr 1fr;background:#e8e6da;overflow:hidden;border:1px solid #d5d4c9;border-radius:4px}
.material-stage{position:relative;isolation:isolate;container-type:inline-size;min-height:440px;overflow:hidden;background:radial-gradient(ellipse at 22% 10%,#e7e7d9,#c3c8b5)}
.material-stage:before,.plus-shelf:before{content:"";position:absolute;inset:0;pointer-events:none;background:url("grain.png");opacity:.3}
.paper-sample{position:absolute;left:38%;top:16%;width:43%;height:69%;padding:8% 4% 3%;background-color:#faf6e7;box-shadow:2px 7px 15px #313a2938;border-radius:2% 3% 4% 2%;transform:rotate(8deg);color:#384536}
.paper-sample[data-paper-stage=lines]{background-image:repeating-linear-gradient(to bottom,transparent 0 24px,#777e6850 24px 25px)}
.paper-sample[data-paper-stage=dots]{background-image:radial-gradient(#626b5899 .9px,transparent 1px);background-size:12px 12px}
.paper-sample span,.cloth-top{font:400 1.5cqw/1.4 var(--sans);letter-spacing:.14em;text-transform:uppercase}.paper-sample strong{display:block;font:500 5cqw/1.2 var(--hand);margin-block:11% 3%}.paper-sample p{font:500 3cqw/1.13 var(--hand);max-width:20ch}.paper-sample img{width:50%;height:30%;object-fit:contain;float:right;margin:6% 0 0;opacity:.7;mix-blend-mode:multiply}
.cloth-book,.shelf-book{position:absolute;display:flex;flex-direction:column;align-items:center;isolation:isolate;overflow:hidden;border-radius:2% 5% 5% 2%;box-shadow:1px 2px 1px #524c3b,3px 5px 0 #ded6ba,5px 9px 15px #2d342944;color:#253b2d}
.cloth-book{height:72%;width:36%;top:15%;left:13%;padding-top:6%;background-color:#a5b591;transform:rotate(-9deg);transition:background-color .35s ease}
.cloth-book[data-color-stage=sand]{background-color:#ddccaa}.cloth-book[data-color-stage=clay]{background-color:#c68b70}
.cloth-book:before,.shelf-book:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0003,transparent 4%,#e6e3cd29 5%,#0002 7%,transparent 9%),url("grain.png")}
.cloth-book strong{font:400 5.5cqw/1 var(--serif);max-width:7ch;text-align:center;letter-spacing:-.055em;margin-top:8%}.cover-drawing{width:92%;height:43%;object-fit:contain;margin-block:4%;mix-blend-mode:multiply}.cover-drawing[hidden]{display:none}.cover-wordmark,.shelf-brand{position:absolute;bottom:6.5%;width:38%;opacity:.86}
.material-controls{background:#f4f2e9;padding:clamp(22px,3vw,45px);display:flex;flex-direction:column;justify-content:center;gap:17px}.material-controls fieldset{min-width:0;margin:0;padding:0;border:0}.material-controls legend{font:400 15px var(--sans);margin:0 0 7px;color:var(--muted)}.material-controls fieldset>div{display:flex;flex-wrap:wrap;gap:6px}
.material-controls label{display:inline-flex;position:relative;cursor:pointer}.material-controls input{position:absolute;opacity:0;margin:0;inset:0;cursor:pointer}.material-controls label>span{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:38px;padding:5px 13px;border:1px solid #b8bbae;border-radius:24px;font-size:15px;line-height:1.1}
.material-controls input:checked+span{background:#fffef7;box-shadow:inset 0 0 0 1px var(--dark);border-color:var(--dark)}.material-controls input:focus-visible+span{outline:3px solid var(--rust);outline-offset:2px}.swatch{width:13px;height:13px;border-radius:50%;display:inline-block;border:1px solid #0002}.swatch-sage{background:#a5b591}.swatch-sand{background:#ddccaa}.swatch-clay{background:#c68b70}
.review-band{background:#e5e9e0;padding-block:clamp(53px,6vw,95px)}.review-layout{display:grid;grid-template-columns:.95fr 1.05fr;gap:9%;align-items:center}.review-layout .story-copy{margin-block:20px}.mail-blurb{padding-block-start:22px;border-block-start:1px solid #b1bdac}.mail-blurb p{margin-top:8px}
.review-object{display:grid;place-items:center;padding:24px 16px}.review-leaf{width:min(87%,330px);aspect-ratio:.88;transform:rotate(-5deg);padding:11% 8% 8%;background:#faf6e7;box-shadow:0 1px 1px #aaa,4px 5px 0 #d2c8ac,6px 10px 19px #353b2f29;color:#263d30;border-radius:3px 5px 9px 3px;background-image:repeating-linear-gradient(transparent 0 26px,#87977d3b 26px 27px)}.review-leaf>span{font:400 12px var(--sans);text-transform:uppercase;letter-spacing:.12em}.review-leaf h3{margin-block:15% 6%}.review-leaf p{font:500 clamp(21px,2.2vw,32px)/1.14 var(--hand)}.review-mark{margin-block-start:16%;font:500 20px/1.3 var(--hand)}.review-mark span{display:inline-grid;place-items:center;border:1px solid;border-radius:50%;width:22px;height:22px}
.search-spread{display:grid;grid-template-columns:1fr 1fr;gap:0;border-block:1px solid var(--line);background:#f1efe6}.search-spread>div{padding:clamp(22px,3.2vw,48px)}.search-concept{border-inline-start:1px solid var(--line);background:#e9e6dd}.search-spread h3{margin-bottom:12px}.search-spread p:not(.story-label){font-size:18px}.search-spread blockquote{font:400 clamp(28px,2.9vw,46px)/1.12 var(--serif);letter-spacing:-.045em;margin:30px 0 18px}.search-result{margin:22px 0 0;max-height:175px;overflow:hidden;border:1px solid #c8c1ae}.search-result img{width:100%;height:clamp(138px,13vw,172px);display:block;object-fit:cover;object-position:center 37%}
.ownership-band{background:#f0ece2;padding-block:clamp(53px,5.7vw,85px)}.ownership-layout{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:11%}.ownership-layout .story-copy{margin-block:20px 16px;max-width:47ch}.format-list,.plus-points{list-style:none;margin:0;padding:0}.format-list li{display:flex;align-items:baseline;gap:19px;padding-block:17px;border-block-start:1px solid #c0c2b4}.format-list strong{flex:0 0 29%;font:400 23px var(--serif);letter-spacing:-.04em}.format-list li span{font-size:16px;color:var(--muted)}
.plus-band{background:#1c3028;color:#faf7e9;overflow:hidden}.plus-layout{display:grid;grid-template-columns:1fr 1.08fr;align-items:center;gap:5%;padding-block:clamp(55px,6vw,95px)}.plus-copy .story-copy{margin-block:17px}.plus-points{padding-block:2px 20px}.plus-points li{display:flex;align-items:baseline;gap:10px;margin-block:5px;font-size:17px}.plus-points li:before{content:"✓";color:#c4d6a9}
.plus-button{display:inline-flex;align-items:center;gap:21px;background:#f7f4e9;border:1px solid transparent;border-radius:5px;color:#21382c;padding:12px 21px;font:400 17px var(--sans)}.plus-button:hover{background:#e2e7d4}
.plus-shelf{position:relative;isolation:isolate;height:clamp(300px,31vw,480px);container-type:inline-size}.plus-shelf:before{opacity:.09}
.shelf-book{width:36%;height:68%;top:18%;text-align:center;padding-top:8%}.shelf-book>span{display:block;font:400 5.2cqw/1 var(--serif);letter-spacing:-.05em;max-width:7ch}.shelf-book>img:not(.shelf-brand){width:92%;height:46%;object-fit:contain;mix-blend-mode:multiply;margin-top:8%}.shelf-0{background:#d6bfa5;left:7%;transform:rotate(-13deg);z-index:3}.shelf-1{background:#adb99b;left:33%;top:9%;transform:rotate(0deg);z-index:2}.shelf-2{background:#c89074;left:57%;top:15%;transform:rotate(11deg)}
.product-story .inside{padding-block:clamp(50px,6vw,100px)}.product-story .inside h2{font-size:clamp(38px,3.7vw,57px)}
#plus-info .dialog-inner .story-label{margin-bottom:7px}#plus-info .plan-line{margin-top:18px;border-block-start:1px solid var(--line);padding-block-start:13px}#plus-info .plan-line h3{font:400 21px var(--serif);margin-bottom:6px}#plus-info .plan-line p,.plus-status{font-size:16px}
@media(max-width:850px){.story-wrap{width:min(90vw,740px)}.hero-words{margin-inline-start:5vw}.capture-layout,.material-lab,.ownership-layout,.plus-layout{gap:24px}.material-lab{gap:0}.material-stage{min-height:370px}.material-controls{padding:20px}.capture-list{gap:22px 16px}.material-controls label>span{font-size:14px;padding-inline:9px}}
@media(max-width:700px){
 body:has(.product-story) .mast{min-height:0}
 .story-hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;background:#f2eee1}.hero-words{order:0;width:auto;margin:0;padding:32px 5vw 24px}.story-hero .studio{position:static;order:1;z-index:0;aspect-ratio:1.94;object-fit:cover;object-position:right 54%;width:100%;height:auto;max-height:295px}.story-hero:after{display:none}
 .hero-words h1{font-size:clamp(55px,11.8vw,81px);text-wrap:initial}.hero-lead{font-size:19px;margin-block:15px;max-width:38ch}.story-actions{gap:18px}.story-label{margin-block-end:12px}
 .story-index>div{justify-content:flex-start;gap:0 17px;padding-block:7px}.story-index a{font-size:14px;padding-block:5px}
 .product-story h2{font-size:clamp(41px,8.5vw,63px)}.companion,.capture-layout,.chapter-intro,.review-layout,.ownership-layout,.plus-layout{grid-template-columns:1fr;gap:22px}
 .companion{padding-block:40px 22px}.product-film{margin-bottom:40px}.product-film figcaption{font-size:13px}
 .capture-band,.material-section,.review-band,.search-section,.ownership-band,.plus-layout{padding-block:42px}.capture-list{margin-block-start:6px}.capture-list p{font-size:16px}.capture-list h3{font-size:23px}.capture-intro .story-copy{margin-block:14px}
 .material-lab{grid-template-columns:1fr}.material-stage{min-height:0;aspect-ratio:1.55}.material-controls{display:block}.material-controls fieldset{margin-top:12px}.material-controls legend{margin-bottom:4px}
 .review-object{order:1;padding-block:8px 0}.review-leaf{width:min(77%,330px);padding:7% 6%}.review-layout .story-copy{margin-block:14px}
 .search-spread{grid-template-columns:1fr}.search-concept{border-inline-start:0;border-block-start:1px solid var(--line)}.search-result{max-height:140px}
 .format-list li{padding-block:12px}.plus-shelf{height:clamp(220px,57vw,350px)}.plus-layout{gap:15px}.product-story .inside{padding-block:40px}
}
@media(prefers-reduced-motion:no-preference){
 .story-hero .studio{animation:studio-settle 1s cubic-bezier(.23,.72,.31,1) both}
 @keyframes studio-settle{from{transform:scale(1.025)}to{transform:scale(1)}}
 .paper-change{animation:paper-lift .44s ease-out}.cover-change{animation:cover-settle .42s ease-out}
 @keyframes paper-lift{0%{transform:translate(0,0) rotate(8deg)}40%{transform:translate(7px,-4px) rotate(10deg)}100%{transform:translate(0,0) rotate(8deg)}}
 @keyframes cover-settle{0%{transform:rotate(-9deg)}45%{transform:translateY(-3px) rotate(-10deg)}100%{transform:rotate(-9deg)}}
 .plus-shelf.in-view .shelf-0{animation:spread-left .72s ease-out both}.plus-shelf.in-view .shelf-2{animation:spread-right .72s ease-out both}
 @keyframes spread-left{from{transform:translateX(22%) rotate(-3deg)}to{transform:rotate(-13deg)}}
 @keyframes spread-right{from{transform:translateX(-22%) rotate(2deg)}to{transform:rotate(11deg)}}
}
.widget-demo{max-width:350px;border-radius:22px;background:#f6f3e9;color:#253c31;padding:16px 19px 15px;box-shadow:2px 7px 17px #101b1529}
.widget-top,.widget-inner,.widget-actions{display:flex;align-items:center}.widget-top{justify-content:space-between;gap:10px;margin-bottom:10px}.widget-top img{width:114px}.widget-top>span{font:400 12px var(--sans);color:#586152}
.widget-inner{gap:12px}.widget-inner strong,.widget-inner span{display:block}.widget-inner strong{font:400 17px var(--sans)}.widget-inner span{font-size:14px;color:#4c5a4b}
.widget-cover{background:#264e41;width:38px;height:48px;display:grid;place-items:center;box-shadow:1px 2px 3px #60695559;border-radius:2px 5px 4px 2px}.widget-cover img{width:25px;filter:brightness(0) invert(1);opacity:.9}
.widget-actions{gap:7px;margin-top:13px}.widget-actions button{flex:1;min-height:38px;padding:4px 8px;border:0;border-radius:8px;background:#e1e6d8;color:#294333;font:400 15px var(--sans)}.widget-actions button:hover{background:#d0dac7}
#note-scratch{font:400 21px/32px var(--serif);padding:0 12px;color:var(--ink);margin-top:2px;width:100%;min-height:180px;resize:vertical;border:1px solid #bdc2b2;border-radius:4px;background:repeating-linear-gradient(to bottom,#faf7ee 0 31px,#bec3b4 31px 32px)}
@media(max-width:700px){.story-hero .studio{width:132%;max-width:none;margin-inline-start:-32%;height:clamp(215px,68vw,325px);max-height:none;object-position:right 55%}}

.film-transcript{max-width:64ch;margin-top:16px;color:#4d5d54;font-size:16px;line-height:1.55}
.film-transcript summary{width:fit-content;cursor:pointer;text-decoration:underline;text-underline-offset:.2em}
.film-transcript p{margin:12px 0 0}

.product-film .film-action{margin-top:18px}

@media(max-width:600px){.product-film video{aspect-ratio:1/1}}