@font-face{font-family:Pen;src:url('assets/pen-print.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{--ink:#07549a;--paper:#f7f6f2;--quiet:#376898;--line:#07549a55;--gutter:5.4vw;font-family:Pen,'Comic Sans MS',cursive;font-size:20px;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;overflow-x:clip}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;background:transparent;border:0;cursor:pointer}button:disabled{cursor:default}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px dashed var(--ink);outline-offset:7px}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-weight:400}h2{font-size:clamp(2.6rem,5.5vw,5.2rem);line-height:1.04;letter-spacing:-.025em}p{line-height:1.22}svg{display:block}button{padding:0}img{display:block;width:100%;height:auto}.svg-definitions{position:absolute;width:0;height:0;overflow:hidden}.paper-surface{position:fixed;inset:0;z-index:-1;background:url('assets/book-paper.webp') repeat;background-size:1152px 768px;filter:grayscale(1) contrast(1.07) brightness(1.025);opacity:.8;pointer-events:none}.skip-link{position:fixed;top:12px;left:12px;z-index:100;background:var(--paper);padding:12px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-header{position:relative;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:28px var(--gutter) 16px;max-width:1800px;margin:auto;min-height:104px}.brand{display:block;width:190px;flex-shrink:0}.brand svg{width:100%;height:auto}.desktop-nav{display:flex;gap:2.8vw;align-items:center;font-size:.95rem}.desktop-nav a{position:relative;padding:7px 0}.desktop-nav a:after{content:'';position:absolute;bottom:0;left:0;right:0;border-bottom:1px solid var(--ink);transform:scaleX(0);transform-origin:left;transition:transform .35s}.desktop-nav a:hover:after{transform:scaleX(1)}.desktop-nav a:last-child span{font-size:1.35rem;margin-left:8px}.menu-toggle{display:none}.mobile-menu[hidden]{display:none}.mobile-menu{position:absolute;top:88px;z-index:25;left:0;right:0;padding:20px var(--gutter) 40px;background:var(--paper) url('assets/book-paper.webp');background-blend-mode:luminosity;box-shadow:0 15px 15px #393b3310;display:grid;gap:16px;font-size:1.5rem}.scene{position:relative;max-width:1800px;margin:0 auto;isolation:isolate;overflow:clip;scroll-margin-top:25px;min-height:680px;height:66.667vw;max-height:1130px}.scene-art{position:absolute;inset:0;z-index:-1;mix-blend-mode:multiply;pointer-events:none;mask-image:linear-gradient(transparent,#000 5%,#000 95%,transparent)}.scene-art img{height:100%;object-fit:contain;transition:transform 1.25s cubic-bezier(.2,.75,.2,1),filter .8s,opacity .8s;filter:brightness(1.025)}.hero-copy{position:relative;padding:4.3vw 0 0 var(--gutter);width:50%}.hero-copy h1{font-size:clamp(4rem,7.7vw,7rem);line-height:.98;letter-spacing:-.026em;max-width:700px}.hero-copy p{font-size:clamp(1.1rem,1.7vw,1.6rem);margin-top:22px}.opening{margin-top:-10px;max-height:980px;height:63vw}.hero-art{inset:-4% 0 -1%}.hero-art img{object-fit:fill}.first-note{position:absolute;left:5.5%;top:66%;font-size:.86rem}.first-note svg{width:90px;position:absolute;left:58px;top:4px;fill:none;stroke:var(--ink);stroke-width:1.5;stroke-linecap:round}.hero-bottom{position:absolute;left:var(--gutter);right:var(--gutter);bottom:5.2%;display:flex;gap:24px;align-items:center}.circled-link{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;position:relative;padding:13px 27px;font-size:1.05rem;isolation:isolate;white-space:nowrap}.circled-link:before{content:'';position:absolute;inset:0;border:1.5px solid var(--ink);border-radius:47% 53% 50% 45% / 47% 46% 54% 53%;transform:rotate(-2deg);transition:transform .4s,background .4s;z-index:-1}.circled-link:hover:before{transform:rotate(1.5deg) scale(1.04);background:#07549a0a}.circled-link span{font-size:1.4rem}.replay{font-size:.78rem;opacity:.7;min-height:44px}.folio{font-size:.87rem;position:absolute;bottom:4.5%;right:var(--gutter)}.hero-bottom .folio{position:static;margin-left:auto}.scene-heading{position:absolute;top:4.5%;left:var(--gutter);z-index:4}.scene-heading h2{max-width:580px}.scene-heading p{margin-top:14px;font-size:1.25rem}.material{height:69vw;max-height:1150px;min-height:760px}.material-art{inset:1% 0 0}.material-controls{position:absolute;right:var(--gutter);top:23%;width:22%;z-index:5;display:flex;flex-direction:column;gap:clamp(30px,6.5vw,120px)}.detail-button{display:flex;align-items:center;gap:10px;position:relative;min-height:46px;font-size:clamp(1rem,1.6vw,1.4rem);text-align:left}.detail-button>span:first-child{font-size:.85em}.detail-plus{margin-left:auto;font-size:1.5rem;transition:transform .5s}.detail-button[aria-pressed=true] .detail-plus{transform:rotate(45deg)}.detail-button:before{content:'';position:absolute;right:calc(100% + 15px);top:50%;width:clamp(25px,8vw,150px);height:22px;border-top:1.5px solid var(--ink);border-radius:50%;transform:rotate(-12deg);transform-origin:right}.detail-button:after{content:'';position:absolute;right:calc(100% + 15px + clamp(25px,8vw,150px));top:24px;background:var(--ink);border-radius:50%;width:5px;height:5px}.material-note{font-size:.98rem;max-width:250px;margin-top:-35px;min-height:134px}.material-note h3{font-size:1.2rem;margin-bottom:8px}.material-note p{font-size:.96rem}.material-note button{font-size:.86rem;margin-top:16px}.material-lens{position:absolute;left:38%;top:44%;width:28%;aspect-ratio:1;border-radius:50%;border:1px solid #07549a50;box-shadow:0 16px 34px #30312725;overflow:hidden;background:var(--paper);opacity:0;transform:scale(.85);transition:opacity .4s,transform .6s;pointer-events:none;z-index:3}.material-lens img{position:absolute;width:410%;max-width:none;height:auto;left:-185%;top:-138%;transition:top .8s,left .8s}.material[data-active] .material-lens{opacity:1;transform:scale(1)}.material[data-active=collar] .material-lens img{left:-200%;top:-145%}.material[data-active=button] .material-lens img{left:-100%;top:-222%}.expression{height:67vw;max-height:1100px}.expression-heading{text-align:center;padding:4% var(--gutter) 0;position:relative;z-index:3}.expression-heading h2{font-size:clamp(2.5rem,5.5vw,5.15rem)}.expression-heading p{font-size:1.5rem;margin-top:12px}.expression-art{inset:9% 0 4%}.expression-stops{position:absolute;left:var(--gutter);right:var(--gutter);bottom:11%;display:flex;gap:28px}.expression-stops button{display:flex;align-items:center;gap:8px;min-height:44px;opacity:.65;position:relative}.expression-stops button[aria-pressed=true]{opacity:1}.expression-stops button[aria-pressed=true]:after{content:'';border-bottom:1px solid var(--ink);position:absolute;left:26px;bottom:3px;right:0;transform:rotate(-1deg)}.expression-note{position:absolute;left:var(--gutter);bottom:3.3%;max-width:65%;display:flex;gap:25px;align-items:center;font-size:.96rem}.expression-note p{max-width:560px}.text-link{text-decoration:underline;text-underline-offset:7px;text-decoration-thickness:1px;font-size:1rem;min-height:44px;display:inline-flex;align-items:center;gap:16px}.expression[data-step='1'] .expression-art img{transform:scale(1.075) translateX(2%)}.expression[data-step='2'] .expression-art img{transform:scale(1.075) translateX(-2%)}.collection{height:70vw;max-height:1180px;min-height:800px}.collection-heading{position:absolute;top:4%;left:var(--gutter);z-index:4}.collection-heading h2{font-size:clamp(2.6rem,5.4vw,5rem)}.collection-heading p{font-size:1.15rem;margin-top:14px}.collection-controls{position:absolute;top:7%;right:var(--gutter);width:27%;display:flex;flex-wrap:wrap;gap:8px 22px;z-index:4}.collection-controls button{font-size:.94rem;min-height:36px}.collection-controls button:first-child{flex:0 0 100%;text-align:left}.collection-controls button[aria-pressed=true]{text-decoration:underline;text-underline-offset:6px}.collection-art{inset:14% 0 12%;transition:transform 1s}.collection-art img{object-fit:fill}.collection[data-view=folded] .collection-art img{transform:translateX(21%) scale(1.2);transform-origin:30% 60%}.collection[data-view=sets] .collection-art img{transform:scale(1.22);transform-origin:52% 60%}.collection[data-view=separates] .collection-art img{transform:translateX(-20%) scale(1.2);transform-origin:72% 60%}.collection-caption{position:absolute;bottom:9%;left:var(--gutter);max-width:640px;display:flex;gap:22px;align-items:baseline}.collection-caption h3{font-size:1.16rem;min-width:160px}.collection-caption p{font-size:.91rem}.collection-bottom{position:absolute;bottom:3%;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;justify-content:space-between}.collection-bottom .folio{position:static}.capabilities{max-width:1640px;margin:4vw auto 0;padding:80px var(--gutter) 110px;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;position:relative}.capabilities:before,.retail-thinking:before,footer:before{content:'';position:absolute;top:0;left:var(--gutter);right:var(--gutter);border-top:1px solid var(--line);transform:rotate(-.25deg)}.chapter-label{font-size:1rem;margin-bottom:28px;display:block}.capability-intro h2{font-size:clamp(3rem,5.3vw,4.8rem)}.capability-intro>p{max-width:370px;margin-top:28px;font-size:1.1rem}.capability-list details{border-bottom:1px solid var(--line);padding:22px 0}.capability-list summary{display:flex;gap:18px;align-items:center;cursor:pointer;list-style:none;min-height:45px}.capability-list summary::-webkit-details-marker{display:none}.capability-list summary>span{font-size:.8rem;opacity:.8}.capability-list h3{font-size:1.3rem;line-height:1.1}.capability-list i{font-style:normal;font-size:1.5rem;margin-left:auto;transition:transform .35s}.capability-list details[open] i{transform:rotate(45deg)}.capability-list p{padding:15px 30px 0 40px;font-size:1rem;max-width:580px}.capability-list .outputs{font-size:.83rem;padding-bottom:10px;opacity:.85}.retail-thinking{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:10%;padding:70px var(--gutter) 100px;position:relative}.retail-thinking h2{font-size:clamp(2.5rem,4vw,4rem)}.channel-tabs{display:flex;gap:24px;margin:15px 0 32px;flex-wrap:wrap}.channel-tabs button{min-height:40px;font-size:1.05rem}.channel-tabs button[aria-selected=true]{text-decoration:underline;text-underline-offset:7px}#channel-panel h3{font-size:1.65rem;margin-bottom:16px}#channel-panel p{font-size:1.12rem;max-width:560px}.contact{position:relative;max-width:1640px;margin:40px auto 110px;padding:70px var(--gutter) 60px;text-align:center}.contact h2{font-size:clamp(4rem,8vw,7.5rem);line-height:1.02}.contact>.circled-link{margin-top:40px;min-width:245px}.contact-note{position:absolute;right:9%;top:65%;transform:rotate(-9deg);font-size:.9rem}.contact .chapter-label{font-size:1.1rem}footer{padding:55px var(--gutter) 35px;max-width:1640px;margin:auto;display:flex;align-items:center;gap:50px;flex-wrap:wrap;position:relative}footer .brand{width:175px}footer>p{font-size:.94rem}.footer-meta{display:flex;gap:10px;flex-direction:column;font-size:.72rem;opacity:.85;margin-left:auto}.motion-toggle{text-align:left;min-height:32px}.back-top{font-size:.84rem}.mobile-only{display:none}dialog{position:fixed;background:var(--paper);color:var(--ink);border:1px solid var(--line);padding:46px clamp(24px,5vw,66px);max-width:650px;width:calc(100% - 30px);max-height:calc(100svh - 30px);overflow:auto;box-shadow:12px 20px 60px #1113;background-image:linear-gradient(#f7f6f2b0,#f7f6f2b0),url('assets/book-paper.webp');background-size:auto,900px;font-family:Pen}dialog::backdrop{background:#183a5360;backdrop-filter:blur(5px)}.dialog-close{position:absolute;right:22px;top:12px;font-size:2rem;width:44px;height:44px}dialog h2{font-size:3rem}.form-explainer{margin:20px 0;font-size:1rem}form{display:grid;gap:15px}form label{display:grid;gap:7px;font-size:.95rem}input,textarea{width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:#fff4;color:var(--ink);padding:8px 3px;font-size:1rem}textarea{resize:vertical}form .circled-link{justify-self:start;margin-top:7px}.form-note{font-size:.8rem}.form-status{font-size:.9rem;min-height:20px}.write-in .letter{display:inline-block;clip-path:inset(0 100% 0 0);opacity:.6;animation:write-letter .18s linear forwards;animation-delay:var(--delay)}@keyframes write-letter{to{clip-path:inset(0 -10% -10% 0);opacity:1}}.no-motion *, .no-motion *:before,.no-motion *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .write-in .letter{clip-path:none;opacity:1}
@media(min-width:1800px){:root{--gutter:96px}.hero-copy{padding-top:75px}}
@media(max-width:1100px) and (min-width:701px){.scene{min-height:680px}.opening{min-height:660px}.hero-copy h1{font-size:7.9vw}.hero-copy p{font-size:1.05rem}.material-controls{width:24%;gap:60px}.material-note{margin-top:-20px}.expression-note{max-width:70%;font-size:.85rem;gap:18px}.expression-note button{font-size:.85rem;white-space:nowrap}.expression-stops{bottom:13%}.collection{min-height:740px}.collection-caption{bottom:11%;max-width:70%}.collection-art{inset:17% 0 17%}.capabilities,.retail-thinking{gap:6%}.capability-list h3{font-size:1.1rem}.contact-note{right:5%;top:75%}}
@media(max-width:700px){:root{--gutter:6vw;font-size:19px}html{scroll-padding-top:35px}.site-header{padding:22px var(--gutter) 14px;min-height:82px}.brand{width:153px}.desktop-nav{display:none}.menu-toggle{display:flex;gap:17px;align-items:center;font-size:1rem;min-height:44px}.menu-toggle span{font-size:1.5rem}.scene{height:auto;min-height:0;max-height:none;overflow:clip}.opening{height:calc(125vw + 270px);min-height:710px;max-height:950px;margin-top:0}.hero-copy{padding-top:28px;width:100%}.hero-copy h1{font-size:clamp(3.2rem,14vw,5rem);line-height:.97;max-width:92%;letter-spacing:-.015em}.hero-copy h1 br:first-child{display:none}.hero-copy h1 br:last-child{display:none}.hero-copy h1{width:91%}.hero-copy p{font-size:1.04rem;line-height:1.16;margin-top:18px}.hero-art{top:31%;bottom:7%;left:-34%;right:-2%;mask-image:linear-gradient(transparent,#000 7%,#000 93%,transparent)}.hero-art img{object-fit:contain}.first-note{left:6%;top:auto;bottom:22%;font-size:.73rem}.first-note svg{left:23px;top:20px;width:62px;transform:rotate(12deg)}.hero-bottom{left:var(--gutter);right:var(--gutter);bottom:3.5%;gap:10px;flex-wrap:wrap}.circled-link{font-size:.92rem;padding:12px 22px;min-height:48px}.hero-bottom .folio{font-size:.72rem}.replay{order:3;flex-basis:100%;text-align:left;min-height:30px;font-size:.72rem}.material{height:calc(130vw + 390px);min-height:880px;max-height:1160px;margin-top:25px}.scene-heading{top:3%;left:var(--gutter)}.scene-heading h2{font-size:clamp(2.6rem,11vw,3.8rem)}.scene-heading p{font-size:1.1rem;margin-top:10px}.material-art{top:16%;bottom:22%;left:-33%;right:-6%}.material-art img{object-fit:cover;object-position:25% 50%}.material-controls{top:auto;bottom:7%;left:var(--gutter);right:var(--gutter);width:auto;gap:0;display:grid;grid-template-columns:1fr}.detail-button{padding:10px 0;border-bottom:1px solid var(--line);min-height:48px;font-size:1.02rem;gap:12px}.detail-button:before,.detail-button:after{display:none}.material-note{margin:16px 0 0;min-height:78px;max-width:100%;font-size:.9rem}.material-note h3{font-size:1.1rem;margin-bottom:4px}.material-note p{font-size:.94rem;max-width:330px}.material-note button{margin-top:8px;font-size:.85rem}.material-lens{left:46%;top:36%;width:46%;border-width:1px}.material>.folio{bottom:2%;font-size:.75rem}.expression{height:calc(90vw + 490px);min-height:795px;margin-top:30px;max-height:1020px}.expression-heading{padding:10px var(--gutter) 0;text-align:left}.expression-heading h2{font-size:clamp(2.5rem,10.5vw,3.6rem);line-height:1.07}.expression-heading p{font-size:1.13rem;margin-top:14px}.mobile-only{display:block}.expression-art{top:20%;bottom:22%;left:-38%;right:-2%}.expression-art img{object-fit:contain}.expression-stops{bottom:19%;left:var(--gutter);right:var(--gutter);gap:15px;display:grid;grid-template-columns:repeat(3,1fr)}.expression-stops button{font-size:.82rem;display:block;min-height:58px;text-align:left;line-height:1.1}.expression-stops button span{display:block;margin-top:6px}.expression-stops button[aria-pressed=true]:after{left:0;bottom:-2px;right:10%}.expression-note{bottom:7%;left:var(--gutter);max-width:86%;display:block;font-size:1rem}.expression-note p{max-width:330px}.expression-note button{font-size:.87rem;margin-top:6px}.expression>.folio{bottom:2%;font-size:.75rem}.collection{height:calc(100vw + 470px);min-height:820px;max-height:1060px;margin-top:30px}.collection-heading{top:1%}.collection-heading h2{font-size:clamp(2.5rem,10.5vw,3.6rem)}.collection-heading p{font-size:1rem;max-width:290px;margin-top:12px}.collection-controls{top:24%;left:var(--gutter);right:var(--gutter);width:auto;gap:8px 18px}.collection-controls button{font-size:.85rem;min-height:36px}.collection-controls button:first-child{flex-basis:auto}.collection-art{top:34%;bottom:21%;left:-11%;right:-11%}.collection-art img{object-fit:contain}.collection-caption{bottom:10%;display:block;max-width:85%}.collection-caption h3{font-size:1.12rem;margin-bottom:9px}.collection-caption p{font-size:.96rem;max-width:340px}.collection-bottom{bottom:2%;gap:16px}.collection-bottom>a{font-size:.82rem;gap:7px}.collection-bottom .folio{font-size:.72rem}.capabilities{padding:55px var(--gutter) 70px;display:block;margin-top:60px}.chapter-label{font-size:.92rem;margin-bottom:20px}.capability-intro h2{font-size:3rem}.capability-intro>p{font-size:1.07rem;margin-top:20px;max-width:340px}.capability-list{margin-top:36px}.capability-list details{padding:17px 0}.capability-list h3{font-size:1.11rem}.capability-list summary{gap:12px}.capability-list p{padding-left:27px;padding-right:8px}.capability-list .outputs{font-size:.83rem;line-height:1.5}.retail-thinking{display:block;padding:50px var(--gutter) 30px}.retail-thinking h2{font-size:2.55rem}.channel-tabs{gap:25px;margin-top:34px;margin-bottom:22px}#channel-panel h3{font-size:1.45rem}#channel-panel p{font-size:1.02rem}.contact{padding:65px var(--gutter) 40px;margin:30px auto 55px}.contact h2{font-size:clamp(3rem,13vw,4.4rem)}.contact-note{display:none}.contact .chapter-label{font-size:.95rem}.contact>.circled-link{margin-top:30px;min-width:210px}footer{padding-top:32px;gap:25px 20px}footer .brand{width:146px}footer>p{font-size:.77rem}.footer-meta{margin-left:0;flex:0 0 100%;gap:8px;font-size:.73rem}.back-top{font-size:.78rem;margin-top:-5px}.paper-surface{background-size:768px 512px}.contact-dialog{padding:28px}dialog h2{font-size:2.5rem}dialog .chapter-label{margin-top:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.write-in .letter{clip-path:none;opacity:1}}
/* Fidelity corrections from desktop and phone review. */
[hidden]{display:none!important}
.site-header{position:sticky;top:0;background:linear-gradient(#f7f6f2ec,#f7f6f2ec),url('assets/book-paper.webp');background-size:auto,1152px;box-shadow:0 8px 16px #f7f6f240}
.hero-art img{position:absolute;inset:0;width:100%;height:100%}.hero-art .cloth-layer{clip-path:inset(0 0 0 calc(100% - var(--cloth,100%)));transition:none}
.drawing-controls{display:flex;align-items:center;gap:12px;margin-left:20px;font-size:.83rem}.drawing-controls button{min-height:44px}.drawing-controls input{appearance:none;-webkit-appearance:none;width:100px;height:36px;padding:0;background:transparent;border:0;cursor:ew-resize}.drawing-controls input::-webkit-slider-runnable-track{height:1px;background:var(--ink)}.drawing-controls input::-webkit-slider-thumb{appearance:none;width:12px;height:12px;border:1px solid var(--ink);border-radius:46%;background:var(--paper);margin-top:-5.5px}.drawing-controls input::-moz-range-track{height:1px;background:var(--ink)}.drawing-controls input::-moz-range-thumb{width:12px;height:12px;border:1px solid var(--ink);border-radius:46%;background:var(--paper)}
.material-art{right:5%;left:-5%}.detail-button:before,.detail-button:after{display:none}.detail-leaders{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:2;overflow:visible}.detail-leaders path{stroke:var(--ink);stroke-width:1.1;fill:none;opacity:.8}.detail-leaders circle{fill:var(--ink)}.material-lens img{left:-114%;top:-108%}.material[data-active=collar] .material-lens img{left:-204%;top:-127%}.material[data-active=button] .material-lens img{width:550%;left:-137%;top:-266%}
@media(max-width:1100px) and (min-width:701px){.drawing-controls{margin-left:0;gap:8px}.drawing-controls input{width:70px}.hero-bottom{gap:16px}}
@media(max-width:700px){.site-header{background-size:auto,768px}.hero-bottom{bottom:3%;row-gap:7px}.drawing-controls{order:3;flex-basis:100%;margin:0;font-size:.82rem;gap:15px}.drawing-controls input{width:110px}.replay{position:absolute;right:0;bottom:6px;width:auto;flex-basis:auto;text-align:right;font-size:.67rem;min-height:36px}.hero-art{bottom:12%}.opening{height:calc(125vw + 310px);min-height:750px}.first-note{bottom:26%}.material-art{top:16%;bottom:24%;left:-38%;right:-1%}.detail-leaders{display:none}.material-lens{top:31%;width:47%}.material-controls{bottom:6.5%}.material{min-height:940px;height:calc(130vw + 430px)}}
@media(max-width:700px){.material-art{top:18%;bottom:40%}.hero-art{left:-18%;right:-6%}.first-note{bottom:26%;left:6%;font-size:.7rem}.first-note svg{display:none}.material-lens{top:31%}.mobile-menu{position:fixed;top:82px}.contact .circled-link{white-space:normal}}
@media(max-width:360px){.drawing-controls input{width:72px}.drawing-controls{gap:10px}.hero-copy h1{font-size:2.95rem}.collection-controls{gap:3px 13px}.hero-bottom>.circled-link{padding:10px 17px;font-size:.83rem}.hero-bottom .folio{font-size:.66rem}}
.write-in .word{white-space:nowrap;display:inline-block}
@media(max-width:700px){.collection-art{top:32%;bottom:21%}.collection-art img{object-position:50% 0%}.collection{min-height:790px}.material-note{max-width:100%}.detail-reset{min-height:40px}}
/* One shared paper surface; artwork must not add a second paper tint. */
:root{--paper-size:1152px 768px;--paper-filter:grayscale(1) contrast(1.07)}
body{isolation:isolate}
.paper-surface{z-index:-2;background-size:var(--paper-size);filter:var(--paper-filter)}
.scene{isolation:auto}
.scene-art{mix-blend-mode:darken}
.site-header,.mobile-menu{background:var(--paper);box-shadow:none;isolation:isolate}
.site-header::before,.mobile-menu::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/book-paper.webp') repeat;background-size:var(--paper-size);background-attachment:fixed;filter:var(--paper-filter);opacity:.8}
@media(max-width:700px){:root{--paper-size:768px 512px}}
/* Keep the paper scan continuous rather than restarting it in visible rows. */
.paper-surface,.site-header::before,.mobile-menu::before{background-size:cover;background-repeat:no-repeat}
/* The sticky header samples the full viewport paper, including on iOS.
   A header-sized background or background-attachment:fixed rescales it on Safari. */
.site-header{--header-height:104px;background:transparent}
.site-header::before,.site-header::after{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;clip-path:inset(0 0 calc(100% - var(--header-height)) 0);background-attachment:scroll}
.site-header::before{background:var(--paper);filter:none;opacity:1}
.site-header::after{background:url('assets/book-paper.webp') no-repeat 0 0 / cover;filter:var(--paper-filter);opacity:.8}
@media(max-width:700px){.site-header{--header-height:82px}}
/* Feather the sticky paper overlay so its composited edge cannot form a hairline. */
.site-header::before,.site-header::after{clip-path:none;-webkit-mask-image:linear-gradient(to bottom,#000 calc(var(--header-height) - 10px),transparent calc(var(--header-height) + 10px));mask-image:linear-gradient(to bottom,#000 calc(var(--header-height) - 10px),transparent calc(var(--header-height) + 10px))}
.site-header,.site-header .brand{border:0;box-shadow:none;text-decoration:none}