:root,:host{--ink:#161616;--yellow:#dfd34b;--paper:#eeeee1;--muted:#8f8f8f;--line:#d4d4d425;--sans:'Roboto Flex',Arial,sans-serif;--serif:'Instrument Serif',Georgia,serif;--ease:cubic-bezier(.22,.75,.2,1)}
*{box-sizing:border-box}html{background:var(--ink)}body,:host{margin:0;color:var(--paper);font:400 14px/1.6 var(--sans);-webkit-font-smoothing:antialiased}button,a{touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button:disabled{opacity:.25;cursor:not-allowed}button:focus-visible,a:focus-visible{outline:2px solid var(--yellow);outline-offset:6px}img{display:block;max-width:100%}button{border:0;background:none}.archive-title,h2,p{margin:0}[hidden]{display:none!important}.tiny{font-size:9px;font-weight:550;letter-spacing:.13em;line-height:1.5}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.lab-header{height:78px;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 4vw;border-bottom:1px solid var(--line);position:relative;z-index:20;background:var(--ink)}.brand{display:flex;align-items:center;gap:10px}.brand svg{width:34px;height:34px;fill:none;stroke:var(--yellow);stroke-width:4}.brand svg .h{fill:var(--yellow);stroke:none}.brand>span{font-size:20px;font-weight:820;letter-spacing:-.045em;line-height:1}.brand small{display:block;font-size:5.5px;letter-spacing:.16em;margin-top:6px}.header-center{font-size:8px;letter-spacing:.12em;color:#b0b0b0}.header-center>span{padding:0 12px;color:#5c5c5c}.lab-label{font-size:8px;letter-spacing:.1em;display:flex;align-items:center;gap:9px}.lab-label i{height:5px;width:5px;background:var(--yellow);border-radius:50%}.archive{height:calc(100svh - 122px);min-height:640px;position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 70% 45%,#3d3d3d34,transparent 55%)}.scene-texture{display:none}.scene-orbit{position:absolute;width:540px;height:540px;left:calc(70% - 270px);top:calc(48% - 270px);border:1px solid #c3c3c313;border-radius:50%;transform:rotate(-30deg) scaleY(.75);transition:opacity 700ms;pointer-events:none}.entrance{position:absolute;left:7%;top:10%;z-index:5;transition:opacity .45s,transform .7s var(--ease);max-width:44%}.collection-label{display:flex;align-items:center;gap:13px;color:var(--yellow);margin-bottom:26px}.collection-label .rule{width:40px;height:1px;background:#7a7a7a}.archive-title{font-size:clamp(48px,5.7vw,88px);font-weight:700;font-stretch:88%;line-height:.98;letter-spacing:-.045em}.archive-title em{font:italic 400 1.11em/1.05 var(--serif);color:var(--yellow);letter-spacing:-.035em}.entrance>p{color:#a6a6a6;font-size:12px;line-height:1.9;margin:25px 0 23px}.enter-button{display:flex;align-items:center;gap:32px;text-align:left;padding:0}.enter-button>span:first-child{font-size:10px;letter-spacing:.07em;font-weight:650}.enter-button small{display:block;color:#939393;font-size:9px;letter-spacing:0;font-weight:400;margin-top:6px}.enter-arrow{width:51px;height:51px;border:1px solid #858585;border-radius:50%;display:grid;place-items:center;font-size:24px;color:var(--yellow);transition:transform .4s,background .4s,color .4s}.enter-button:hover .enter-arrow{transform:rotate(45deg);background:var(--yellow);color:var(--ink)}.entrance-note{font-size:8px;display:block;margin-top:22px;color:#7b7b7b}.entrance-caption{position:absolute;right:7%;bottom:10%;text-align:right;z-index:4;pointer-events:none;transition:opacity .4s,transform .6s var(--ease)}.entrance-caption>.tiny{font-size:8px;color:#989898;display:block}.entrance-caption strong{font-size:27px;letter-spacing:-.045em;font-weight:650;display:block;margin:5px 0}.background-word{position:absolute;left:0;right:0;top:14%;font-size:clamp(90px,14.5vw,240px);font-weight:700;letter-spacing:-.06em;line-height:1;color:#bebebe07;text-align:center;white-space:nowrap;opacity:0;transition:opacity .8s;pointer-events:none;z-index:-1}.entrance-footer{position:absolute;bottom:24px;left:4vw;right:4vw;display:flex;justify-content:space-between;gap:20px;color:#808080;transition:opacity .4s}.entrance-footer .tiny{font-size:7px}.stage{position:absolute;inset:0;perspective:1400px;z-index:2;pointer-events:none}.ground-shadow{position:absolute;left:calc(68% - 120px);top:78%;width:240px;height:30px;filter:blur(18px);background:#0007;border-radius:50%;opacity:.6;transition:left 800ms,top 800ms,opacity 800ms}.cover-object{position:absolute;top:0;left:0;display:block;padding:0;transform-origin:50% 50%;transform-style:preserve-3d;backface-visibility:hidden;box-shadow:7px 15px 20px #0007,0 0 0 1px #ebe8d56b;will-change:transform;user-select:none;-webkit-user-select:none;cursor:grab;pointer-events:auto;touch-action:none;background:#b5b6a0}.cover-object:active{cursor:grabbing}.cover-object>img{width:100%;height:100%;object-fit:cover;pointer-events:none;-webkit-user-drag:none;backface-visibility:hidden}.cover-object:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(108deg,transparent 12%,#ffffff1c 24%,transparent 40%,#ffffff09 64%,transparent 80%);border:1px solid #ffffff35;box-shadow:inset 3px 0 5px #0003}.cover-object:before{content:'';position:absolute;inset:-3px;border:1px solid #e2e2ca30;pointer-events:none}.cover-object.is-active{box-shadow:8px 22px 30px #0008,0 0 0 1px #ebe8d590}.reader{position:absolute;inset:0;pointer-events:none;z-index:6;opacity:0;transition:opacity .5s}.reader button,.reader .filters{pointer-events:auto}.reader-top{position:absolute;top:25px;left:4vw;right:4vw;display:flex;align-items:center;justify-content:space-between;gap:20px}.back-link{display:flex;align-items:center;gap:10px;font-size:21px;color:#b4b4b4;padding:4px 0}.back-link>span{font-size:8px;letter-spacing:.08em}.back-link:hover{color:var(--yellow)}.reader-breadcrumb{color:#8d8d8d;font-size:8px}.reader-breadcrumb>span{padding:0 12px;color:#575757}.help-button{border:1px solid #6c6c6c;border-radius:50%;width:27px;height:27px;color:#b1b1b1;font-size:12px}.collection-index{position:absolute;left:6%;top:21%;width:190px;transition:opacity .4s,transform .6s}.index-eyebrow{font-size:8px;color:#a8a8a8}.collection-index h2{font-size:25px;font-weight:650;line-height:1.15;letter-spacing:-.04em;margin-top:9px}.collection-index h2>span{font-family:var(--serif);font-style:italic;font-size:24px;font-weight:400;color:#9f9f9f;display:block;margin-top:4px}.filters{display:flex;gap:15px;margin:26px 0 20px}.filters button{font-size:8px;color:#858585;padding:0 0 5px;border-bottom:1px solid transparent;letter-spacing:.07em}.filters button.active{color:var(--yellow);border-color:var(--yellow)}.index-list{display:flex;flex-direction:column;gap:4px}.index-item{display:flex;align-items:center;gap:12px;text-align:left;padding:6px 0;opacity:.45;transition:opacity .3s,transform .4s var(--ease);width:130px}.index-item>span:first-child{font-size:17px;letter-spacing:-.04em;font-weight:450;min-width:27px}.index-item>span:last-child{font-size:8px;letter-spacing:.06em}.index-item:before{content:'';width:14px;height:1px;background:#7a7a7a;transition:width .35s}.index-item.active{opacity:1;transform:translateX(9px);color:var(--yellow)}.index-item.active:before{width:21px;background:var(--yellow)}.index-item:hover{opacity:1}.index-note{font-size:8px;color:#757575;line-height:1.8;margin-top:25px}.reader-meta{position:absolute;right:7%;top:32%;width:165px;transition:opacity .4s,transform .6s}.reader-meta>.tiny{color:#a0a0a0;font-size:8px}.current-number{font-family:var(--serif);font-style:italic;font-size:105px;letter-spacing:-.08em;line-height:1;display:block;color:#d5d5d5;margin:9px 0 19px}.current-number:before{content:'#';font-size:45px;vertical-align:top;display:inline-block;margin-top:10px;margin-right:5px;color:#8c8c8c}.meta-rule{width:25px;height:1px;background:#848484;margin-bottom:20px}.reader-meta p{font-size:11px;color:#989898;line-height:1.8}.inspect-link{display:flex;gap:22px;align-items:center;font-size:8px;letter-spacing:.05em;padding:0;margin-top:25px;white-space:nowrap}.inspect-link>span{color:var(--yellow);font-size:20px}.reader-bottom{position:absolute;bottom:27px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;gap:30px;pointer-events:none}.reading-progress{display:flex;gap:13px;align-items:center;width:170px;font-size:10px;font-weight:500;color:#a8a8a8}.reading-progress>div{height:1px;background:#75757545;flex:1;position:relative}.reading-progress i{display:block;height:1px;background:var(--yellow);width:20%;transition:width .5s var(--ease)}.gesture-hint{display:flex;align-items:center;gap:14px}.gesture-arrow{font-size:26px;color:#a5a5a5;animation:gesture-nudge 2.8s ease-in-out 3}.gesture-hint>span:last-child{font-size:8px;letter-spacing:.1em}.gesture-hint small{display:block;letter-spacing:0;font-size:9px;color:#868686;margin-top:5px}.step-buttons{display:flex;gap:10px;width:170px;justify-content:flex-end;pointer-events:auto}.step-buttons button{height:39px;width:39px;border:1px solid #84848466;border-radius:50%;font-size:20px;color:#d4d4d4;transition:background .3s,color .3s}.step-buttons button:not(:disabled):hover{background:var(--yellow);color:var(--ink)}.archive[data-view=reader] .entrance,.archive[data-view=detail] .entrance{opacity:0;transform:translateX(-35px);pointer-events:none}.archive[data-view=reader] .entrance-caption,.archive[data-view=detail] .entrance-caption{opacity:0;transform:translateY(25px)}.archive:not([data-view=entrance]) .entrance-footer{opacity:0;pointer-events:none}.archive:not([data-view=entrance]) .background-word{opacity:1}.archive:not([data-view=entrance]) .scene-orbit{opacity:0}.archive[data-view=reader] .reader{opacity:1}.archive[data-view=reader] .ground-shadow{left:calc(52% - 120px);top:83%}.archive[data-view=detail] .ground-shadow{left:calc(29% - 120px);top:83%}.archive[data-view=detail]{background:radial-gradient(ellipse at 27% 40%,#57575730,transparent 60%)}.archive[data-view=detail] .background-word{opacity:.4}.detail{position:absolute;inset:0;z-index:8;pointer-events:none;opacity:0;transition:opacity .55s}.archive[data-view=detail] .detail{opacity:1}.detail button{pointer-events:auto}.detail-back{position:absolute;top:25px;left:4vw}.detail-copy{position:absolute;left:57%;right:8%;top:15%;max-width:450px;pointer-events:auto}.detail-kicker{font-size:8px;color:#a7a7a7}.detail-copy h2{font-size:clamp(35px,3.3vw,53px);line-height:1.05;letter-spacing:-.04em;font-weight:600;margin:18px 0 16px}.detail-copy h2 em{font-family:var(--serif);font-style:italic;font-weight:400;color:var(--yellow)}.detail-edition{display:flex;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding-bottom:15px}.detail-edition>span:first-child{font-size:25px;font-family:var(--serif);font-style:italic;line-height:1}.detail-edition>span:last-child{font-size:8px;color:#9c9c9c;letter-spacing:.09em}.detail-copy>p{font-size:11px;line-height:1.8;color:#a3a3a3;max-width:340px;margin:19px 0}.detail-copy dl{font-size:9px;margin:20px 0;max-width:340px}.detail-copy dl>div{display:flex;justify-content:space-between;gap:15px;border-bottom:1px solid var(--line);padding:7px 0}.detail-copy dt{color:#8a8a8a}.detail-copy dd{margin:0;text-align:right}.detail-price{display:flex;align-items:center;gap:20px;margin:20px 0}.detail-price strong{font-size:30px;font-weight:450;letter-spacing:-.04em}.detail-price>span{font-size:8px;color:#989898}.save-button{background:var(--yellow);color:var(--ink);font-size:9px;letter-spacing:.07em;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:25px;width:100%;max-width:340px;min-height:50px}.save-button>span{font-size:20px;line-height:1}.save-button[aria-pressed=true]{background:#333333;color:#dcdcdc;box-shadow:inset 0 0 0 1px #717171}.detail-note{font-size:8px;color:#878787;display:block;margin-top:13px;max-width:340px}.lab-footer{height:44px;border-top:1px solid var(--line);padding:0 4vw;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:7px;color:#828282;letter-spacing:.04em}.lab-footer>a{color:#bfbfbf;white-space:nowrap}.lab-footer>span:first-child{font-size:6px;letter-spacing:.12em}.noscript{position:fixed;bottom:0;left:0;right:0;padding:20px;background:var(--yellow);color:var(--ink);z-index:90}dialog{width:min(480px,calc(100% - 32px));padding:40px 32px;background:#222222;color:var(--paper);border:1px solid #8d8d8d55}dialog::backdrop{background:#0a0a0acc;backdrop-filter:blur(7px)}dialog h2{font-family:var(--serif);font-size:40px;font-weight:400;line-height:1.1;margin:20px 0}dialog p{font-size:13px;line-height:1.8;color:#bdbdbd;margin-top:17px}dialog .help-note{font-size:10px;color:#919191}#closeHelp{position:absolute;right:13px;top:8px;font-size:25px}body:has(dialog[open]){overflow:hidden}.cover-fallback{position:absolute;inset:0;background:#474747;display:flex;align-items:center;justify-content:center;font-size:25px;font-weight:600;color:#dfdfc5;line-height:1.2;padding:20px;text-align:center}
@keyframes gesture-nudge{0%,70%,100%{transform:translateY(0);opacity:.6}35%{transform:translateY(-7px);opacity:1}}
@media(min-width:1500px){.archive{min-height:700px}.entrance{top:12%}.entrance>p{font-size:14px;margin:30px 0}.collection-index{width:230px}.collection-index h2{font-size:31px}.index-item{padding:9px 0}.reader-meta{width:190px}.current-number{font-size:125px}.detail-copy{top:18%}.detail-copy>p{font-size:13px}.detail-copy dl{font-size:11px}}
@media(max-width:1000px){.header-center{font-size:7px;max-width:210px;text-align:center;line-height:1.7}.archive{min-height:620px}.entrance{left:5%;top:11%;max-width:45%}.archive-title{font-size:6.2vw}.entrance>p{font-size:11px}.entrance-caption{right:5%}.entrance-caption strong{font-size:23px}.collection-index{left:4%;width:155px;top:23%}.collection-index h2{font-size:21px}.collection-index h2>span{font-size:23px}.reader-meta{right:4%;width:130px}.reader-meta p{font-size:10px}.current-number{font-size:86px}.inspect-link{font-size:7px;gap:13px}.reader-bottom{left:4%;right:4%}.reading-progress,.step-buttons{width:130px}.detail-copy{left:57%;right:5%;top:13%}.detail-copy>p{font-size:10px}.detail-copy h2{font-size:37px}.detail-copy dl{font-size:8px}.save-button{font-size:8px;padding:15px}.detail-kicker{font-size:7px}}
@media(max-width:700px){.lab-header{height:66px;padding:0 20px;gap:15px}.brand>span{font-size:19px}.brand svg{width:31px;height:31px}.header-center{display:none}.lab-label{font-size:7px}.archive{height:calc(100svh - 108px);min-height:740px}.entrance{left:24px;right:24px;top:30px;max-width:none}.collection-label{margin-bottom:17px}.collection-label .tiny{font-size:7px}.collection-label .rule{width:22px}.archive-title{font-size:clamp(42px,8.8vw,61px);line-height:.96}.archive-title br:nth-of-type(2){display:none}.archive-title em{display:block;font-size:1.09em;margin-top:3px}.entrance>p{font-size:10px;line-height:1.8;margin:17px 0 0;max-width:230px}.enter-button{position:absolute;top:520px;left:0;gap:30px}.enter-button>span:first-child{font-size:9px}.enter-button small{font-size:8px}.enter-arrow{height:43px;width:43px;font-size:22px}.entrance-note{position:absolute;top:580px;left:0;font-size:7px;white-space:nowrap}.entrance-caption{bottom:84px;right:24px;text-align:right}.entrance-caption strong{font-size:18px}.entrance-caption>.tiny{font-size:6px}.entrance-caption>.tiny:last-child{display:none}.entrance-footer{left:24px;right:24px;bottom:20px}.entrance-footer .tiny{font-size:6px}.entrance-footer>.tiny:last-child{display:none}.scene-orbit{width:330px;height:330px;left:calc(57% - 165px);top:280px}.background-word{font-size:22vw;top:160px}.reader-top{left:22px;right:22px;top:19px;gap:10px}.back-link{font-size:18px;gap:8px}.back-link>span{font-size:7px}.reader-breadcrumb{display:none}.collection-index{top:70px;left:24px;right:24px;width:auto;display:grid;grid-template-columns:1fr auto;gap:0 15px;align-items:end}.index-eyebrow{font-size:7px;grid-column:1}.collection-index h2{font-size:23px;grid-column:1;margin-top:4px}.collection-index h2>span{display:none}.filters{grid-column:2;grid-row:1/3;margin:0;gap:12px}.filters button{font-size:7px}.index-list{grid-column:1/-1;flex-direction:row;margin-top:18px;gap:15px}.index-item{width:auto;padding:5px 0;gap:0;border-bottom:1px solid transparent;opacity:.45}.index-item:before{display:none}.index-item>span:first-child{font-size:17px;min-width:0}.index-item>span:last-child{display:none}.index-item.active{transform:none;border-bottom-color:var(--yellow)}.index-note{display:none}.reader-meta{top:auto;bottom:88px;right:24px;left:24px;width:auto;display:flex;align-items:center;gap:15px}.reader-meta>.tiny{position:absolute;top:-5px;left:2px;font-size:6px}.current-number{font-size:44px;margin:7px 0 0;letter-spacing:-.065em}.current-number:before{font-size:20px;margin-top:5px;margin-right:3px}.meta-rule,.reader-meta>p{display:none}.inspect-link{margin:10px 0 0 auto;font-size:8px;gap:14px}.reader-bottom{bottom:23px;left:24px;right:24px;gap:15px;flex-wrap:wrap}.reading-progress{width:90px;font-size:8px;gap:8px}.gesture-hint{position:absolute;left:0;top:-17px;gap:8px;transform:translateY(-100%);display:none}.gesture-arrow{font-size:21px}.gesture-hint>span:last-child{font-size:6px}.gesture-hint small{font-size:7px}.step-buttons{width:auto;gap:9px}.step-buttons button{width:36px;height:36px;font-size:19px}.archive[data-view=reader] .ground-shadow{left:calc(51% - 100px);top:72%;width:200px}.detail-copy{left:24px;right:24px;top:430px;max-width:none}.detail-copy h2{font-size:38px;margin:13px 0}.detail-kicker{font-size:7px}.detail-copy>p{font-size:11px;max-width:none;margin:17px 0}.detail-copy dl{max-width:none;font-size:9px}.detail-copy .detail-price{margin:20px 0}.save-button{max-width:none;font-size:9px}.detail-back{left:24px;top:20px}.detail-note{max-width:none;font-size:8px}.archive[data-view=detail]{height:1010px;min-height:1010px}.archive[data-view=detail] .ground-shadow{top:365px;left:calc(50% - 100px);width:200px}.archive[data-view=detail] .background-word{top:110px}.lab-footer{padding:12px 20px;min-height:42px;height:auto;gap:12px;font-size:6px;flex-wrap:wrap}.lab-footer>span:first-child{font-size:5.5px}.lab-footer>span:nth-child(2){display:none}}
@media(max-width:400px){.archive-title{font-size:11vw;line-height:1}.archive-title br:nth-of-type(2){display:block}.archive-title em{font-size:1.1em}.entrance>p{font-size:10px;margin-top:16px}.enter-button{top:550px}.entrance-note{top:611px}.entrance-caption{bottom:116px}.entrance-caption strong{font-size:16px}.archive{min-height:780px}.collection-index h2{font-size:21px}.filters{gap:9px}.reader-meta{bottom:95px}.detail-copy h2{font-size:35px}.lab-footer>a{font-size:7px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}html{scroll-behavior:auto}}

/* Fit the interaction inside laptop viewports without clipping the back issues. */
@media(min-width:701px){.archive{min-height:580px}}
@media(max-width:700px){.gesture-hint{display:flex;position:static;transform:none;gap:0}.gesture-arrow,.gesture-hint small{display:none}.gesture-hint>span:last-child{font-size:6px;letter-spacing:.04em}}


.archive{overflow-anchor:none}
@media(min-width:701px){.index-note{margin-top:16px;font-size:7px}.index-list{gap:2px}.index-item{padding:5px 0}}
@media(max-width:700px){.archive[data-view=reader]{height:calc(100svh - 108px);min-height:680px}}


/* Embedded in the pitch; the sticky site header replaces the lab header. */
:host{display:block;scroll-margin-top:0;background:var(--ink)}
:host .archive{height:calc(100svh - 132px)}
:host .archive-toolbar{height:44px;padding:0 4vw;border-block:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:20px;color:#a6a6a6}
:host .archive-toolbar .tiny{font-size:8px}
:host .archive-toolbar>a{font-size:8px;color:var(--yellow)}
:host .archive-title{margin:0}
@media(max-width:800px){:host{scroll-margin-top:0}}
@media(max-width:700px){:host .archive-toolbar{padding-inline:24px}:host .archive-toolbar .tiny,:host .archive-toolbar>a{font-size:6px}:host .archive[data-view=reader]{height:calc(100svh - 116px)}:host .archive[data-view=detail]{height:1010px}}

/* Match the editorial display while keeping the archive composition. */
.archive-title,.archive-title em{font-family:'Roboto Flex',Arial,sans-serif;font-variation-settings:'wght' 700,'wdth' 76,'opsz' 72;font-weight:700;text-transform:uppercase;font-style:normal;letter-spacing:-.025em}
