@font-face{font-family:Cormorant;src:url(/ai-web-experience-collection/codex/fonts/cormorant-garamond-latin-variable.woff2)format("woff2");font-weight:300 700;font-style:normal;font-display:swap}@font-face{font-family:Cormorant;src:url(/ai-web-experience-collection/codex/fonts/cormorant-garamond-italic-latin-variable.woff2)format("woff2");font-weight:300 700;font-style:italic;font-display:swap}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/codex/fonts/manrope-latin-variable.woff2)format("woff2");font-weight:200 800;font-style:normal;font-display:swap}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ground:#151513;--ink:#eee9dd;--muted:#bab5a7;--gutter:clamp(24px,3.45vw,132px);--serif:Cormorant,Georgia,serif;--sans:Manrope,Arial,sans-serif;--chapter-length:150svh;--viewport-height:100svh;--focus:#b49b64;font-family:var(--sans);font-synthesis:none;font-optical-sizing:auto;background:var(--ground);color:var(--ink);scrollbar-color:#82755b #20211d}*{box-sizing:border-box}html{min-width:320px;scroll-behavior:auto!important}body{background:var(--ground);color:var(--ink);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default;opacity:.32}a,button{touch-action:manipulation}button,svg{flex-shrink:0}svg{fill:none;stroke:currentColor;stroke-width:1.2px;stroke-linecap:round;stroke-linejoin:round}button:focus-visible,a:focus-visible{outline:1px solid var(--focus);outline-offset:8px}::selection{color:#151513;background:#b49b64}img,canvas{display:block}h1,h2,p{margin:0}h1,h2{font-family:var(--serif);letter-spacing:-.037em;text-wrap:balance;font-weight:400}em{font-weight:400}button:disabled:focus-visible{outline:none}[hidden]{display:none!important}.skip-link{z-index:100;color:#25261f;background:#eee9dd;padding:12px 18px;font-size:13px;position:fixed;top:16px;left:20px;transform:translateY(-160%)}.skip-link:focus{transform:none}.masthead{z-index:20;left:var(--gutter);right:var(--gutter);pointer-events:none;height:36px;color:var(--ui-ink,var(--ink));justify-content:space-between;align-items:center;display:flex;position:fixed;top:30px}.masthead>*{pointer-events:auto}.wordmark{font-family:var(--sans);letter-spacing:.34em;font-size:clamp(13px,.92vw,20px);font-weight:500;line-height:1}.masthead-title{font-family:var(--serif);letter-spacing:.2em;white-space:nowrap;pointer-events:none;font-size:clamp(14px,1.18vw,23px);position:absolute;left:50%;transform:translate(-50%)}.contents-toggle,.dialog-close{letter-spacing:.13em;align-items:center;gap:15px;min-height:44px;font-size:clamp(12px,.82vw,17px);font-weight:400;display:flex}.plus{width:10px;height:10px;display:inline-block;position:relative}.plus:before,.plus:after{content:"";background:currentColor;width:10px;height:1px;transition:transform .25s;position:absolute;top:4.5px;left:0}.plus:after{transform:rotate(90deg)}.contents-toggle:hover .plus:after{transform:rotate(0)}.stage{z-index:0;pointer-events:none;isolation:isolate;position:fixed;inset:0;overflow:hidden}.book-canvas,.marble-canvas{width:100%;height:100%;position:absolute;inset:0}.book-canvas{opacity:0;will-change:opacity}.marble-canvas{opacity:0;visibility:hidden}.volume-still{will-change:transform,opacity;transform-origin:73% 87%;position:absolute;inset:0}.volume-still img{-webkit-user-select:none;user-select:none;width:auto;max-width:none;height:98%;position:absolute;top:51%;left:67%;transform:translate(-50%,-50%)}.stage-shade{opacity:0;pointer-events:none;background:linear-gradient(#080c08ad,#080c0899 70px,#0000 170px),linear-gradient(0deg,#080c08b3,#080c088c 72px,#0000 180px);position:absolute;inset:0}.binding{z-index:2;position:relative}.chapter{min-height:100svh;padding:150px var(--gutter) 90px;background:var(--ground);position:relative}.scene-copy{max-width:52%}.scene-copy h1,.scene-copy h2{font-size:clamp(58px,7.4vw,212px);line-height:.94}.scene-description{font-family:var(--serif);letter-spacing:-.006em;color:var(--muted);text-wrap:pretty;max-width:32ch;margin-top:34px;font-size:clamp(20px,1.85vw,38px);font-weight:400;line-height:1.25}.text-action{min-height:44px;font-family:var(--sans);letter-spacing:.19em;align-items:center;gap:17px;width:fit-content;font-size:clamp(11px,.9vw,17px);line-height:1.5;display:inline-flex;position:relative}.text-action:after{content:"";transform-origin:0;opacity:.7;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:3px;left:0;right:36px;transform:scaleX(.6)}.text-action:hover:after{transform:scaleX(1)}.text-action svg{width:25px;height:22px;transition:transform .35s}.text-action:hover svg{transform:translate(4px)}.begin-action{flex-direction:column;align-items:flex-start;gap:18px;margin-top:40px;display:flex}.begin-action:after{display:none}.begin-action svg{width:21px;height:38px}.begin-action:hover svg{transform:translateY(5px)}.final-actions{flex-direction:column;gap:15px;margin-top:37px;display:flex}.replay-action{opacity:.7;font-size:clamp(10px,.81vw,15px)}.replay-action svg{width:20px;height:20px}.scene-copy--marble .scene-description{font-family:var(--sans);letter-spacing:.13em;max-width:none;margin-top:40px;font-size:clamp(12px,.92vw,17px);line-height:1.8}.scene-copy--sew .scene-description,.scene-copy--case .scene-description{font-size:clamp(20px,1.65vw,32px)}.enhanced .chapter{height:var(--chapter-length);pointer-events:none;background:0 0;min-height:0;padding:0}.enhanced .binding:after{content:"";height:var(--viewport-height);display:block}.enhanced .scene-copy{left:var(--gutter);opacity:0;visibility:hidden;pointer-events:none;will-change:opacity,transform;width:47%;max-width:none;position:fixed;top:49.5%;transform:translateY(-50%)}.enhanced .scene-copy--volume{opacity:1;visibility:visible;top:51%}.enhanced .scene-copy--fold{top:43%}.enhanced .scene-copy--sew{top:36%}.enhanced .scene-copy--marble{width:56%;top:auto;bottom:14%;transform:none}.enhanced .scene-copy--impression{top:42%}.enhanced .scene-copy--codex{top:49%}.enhanced .scene-copy.is-current,.enhanced .scene-copy a,.enhanced .scene-copy button{pointer-events:auto}.enhanced .scene-copy[inert] a,.enhanced .scene-copy[inert] button{pointer-events:none}.journey-footer{z-index:10;bottom:max(25px,env(safe-area-inset-bottom));left:var(--gutter);right:var(--gutter);color:var(--ui-ink,var(--ink));justify-content:space-between;align-items:center;gap:32px;display:flex;position:fixed}.chapter-label{letter-spacing:.22em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:14px;font-size:clamp(10px,.76vw,15px);display:flex}.chapter-label>span:first-child{font-family:var(--serif);min-width:12px;font-size:1.24em}.chapter-label i{opacity:.65;background:currentColor;width:17px;height:1px}.chapter-rail{border-bottom:1px solid color-mix(in srgb,var(--ink) 28%,transparent);gap:0;width:min(31vw,455px);min-width:290px;padding-bottom:5px;display:flex;position:relative}.chapter-rail a{opacity:.4;min-height:40px;font-family:var(--serif);letter-spacing:.04em;flex:1;place-items:center;font-size:clamp(11px,.8vw,16px);transition:opacity .25s;display:grid;position:relative}.chapter-rail a:hover,.chapter-rail a[aria-current]{opacity:1}.chapter-rail a[aria-current]:before{content:"";background:currentColor;height:2px;position:absolute;bottom:-6px;left:25%;right:25%}.rail-progress{transform-origin:0;pointer-events:none;opacity:.55;background:currentColor;width:100%;height:1px;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.mobile-navigation{display:none}.icon-button{place-items:center;width:44px;height:44px;display:grid}.icon-button svg{width:22px;height:22px}dialog{color:#25261f;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;border:0;max-width:none;max-height:none;padding:0}dialog::backdrop{background:#11120fa8}.contents{overscroll-behavior:contain;background:#eee9dd;width:100%;height:100%;margin:0;position:fixed;inset:0;overflow:auto}.contents-header{padding:30px var(--gutter) 0;justify-content:space-between;align-items:center;min-height:68px;display:flex}.dialog-close .plus{transform:rotate(45deg)}.dialog-close:hover .plus{transition:transform .3s;transform:rotate(135deg)}.contents-layout{min-height:calc(100svh - 160px);padding:7vh var(--gutter) 5vh;grid-template-columns:1fr 1fr;align-items:center;column-gap:9vw;display:grid}.contents-intro h2{font-size:clamp(64px,7vw,154px);line-height:.98}.contents-intro p{font-family:var(--serif);color:#676459;margin-top:37px;font-size:clamp(23px,2.2vw,44px);line-height:1.25}.contents-note{letter-spacing:.18em;color:#6a675c;margin-top:55px;font-size:10px;line-height:1.8;display:block}.contents-list{flex-direction:column;width:100%;display:flex}.contents-list a{border-bottom:1px solid #cecabf;align-items:center;gap:22px;min-height:clamp(47px,5.6vh,81px);padding:8px 0;display:flex;position:relative}.contents-list a:before{content:"";opacity:0;background:#857249;border-radius:50%;width:4px;height:4px;position:absolute;top:50%;left:-14px}.contents-list a[aria-current]:before{opacity:1}.contents-list a span{font-family:var(--serif);color:#777064;width:23px;font-size:15px}.contents-list a strong{font-family:var(--serif);font-size:clamp(26px,2.35vw,52px);font-weight:400;line-height:1.1;transition:transform .3s}.contents-list a:hover strong{transform:translate(8px)}.contents-list a small{font-family:var(--sans);letter-spacing:.12em;color:#706d62;margin-left:auto;font-size:10px}.contents-footer{padding:0 var(--gutter) 23px;align-items:center;gap:40px;min-height:66px;display:flex}.contents-footer>span{letter-spacing:.17em;color:#777064;margin-left:auto;font-size:10px}.utility-button{letter-spacing:.12em;min-height:44px;font-size:11px}.utility-button>span{color:#74613e;margin-left:10px}.colophon{overscroll-behavior:contain;background:#eee9dd;width:min(680px,90vw);max-height:90svh;margin:auto;padding:64px;position:fixed;inset:0;overflow:auto}.colophon-close{font-size:11px;position:absolute;top:20px;right:32px}.colophon h2{margin:20px 0 28px;font-size:56px;line-height:1}.colophon-lead{font-family:var(--serif);margin-bottom:24px;font-size:36px;line-height:1.08}.colophon p:not(.colophon-lead){color:#625f55;font-size:13px;line-height:1.8}.colophon dl{grid-template-columns:1fr 1.6fr;gap:20px;margin:30px 0;display:grid}.colophon dl>div{border-top:1px solid #cbc5b8;padding-top:13px}.colophon dt{text-transform:uppercase;letter-spacing:.13em;color:#787267;margin-bottom:13px;font-size:10px}.colophon dd{font-family:var(--serif);margin:0;font-size:20px;line-height:1.25}.colophon p.colophon-small{margin-top:20px;font-size:11px;line-height:1.75}.colophon a{text-underline-offset:3px;text-decoration:underline}.fallback-notice{display:none}.no-webgl .fallback-notice{right:var(--gutter);max-width:260px;color:var(--muted);z-index:5;text-align:right;font-size:10px;display:block;position:fixed;bottom:85px}.no-webgl .volume-still{opacity:.72!important;transform:none!important}.noscript-note{color:#25261f;padding:100px var(--gutter) 24px;z-index:30;background:#eee9dd;font-size:14px;position:relative}.no-webgl .final-actions #open-cover{display:none}@media (width>=1900px){.masthead{top:4vh}.journey-footer{bottom:4vh}.scene-description{margin-top:3vh}.begin-action,.final-actions{margin-top:4vh}.scene-copy--sew h2{font-size:7vw}.volume-still img{height:100%;left:68%}}@media (width<=1000px) and (width>=760px){.masthead-title{letter-spacing:.11em;font-size:14px}.scene-copy h1,.scene-copy h2{font-size:7.5vw}.scene-description{font-size:22px}.chapter-rail{width:36vw}.contents-layout{column-gap:5vw}.contents-list a small{display:none}}@media (width<=759px){:root{--gutter:24px;--chapter-length:155svh}.masthead{top:max(19px,env(safe-area-inset-top));height:30px}.wordmark{letter-spacing:.28em;font-size:12px}.masthead-title{display:none}.contents-toggle{letter-spacing:.09em;gap:12px;font-size:11px}.plus{width:9px;height:9px}.plus:before,.plus:after{width:9px}.enhanced .scene-copy,.enhanced .scene-copy--volume,.enhanced .scene-copy--fold,.enhanced .scene-copy--sew,.enhanced .scene-copy--impression,.enhanced .scene-copy--codex{top:max(108px,calc(env(safe-area-inset-top) + 90px));left:var(--gutter);right:var(--gutter);width:auto;bottom:auto;transform:none}.scene-copy h1,.scene-copy h2{letter-spacing:-.035em;font-size:clamp(48px,13.7vw,90px);line-height:.97}.scene-description{max-width:31ch;margin-top:18px;font-size:18px;line-height:1.25}.scene-copy--sew .scene-description{font-size:18px}.desktop-break{display:none}.begin-action{flex-direction:row;align-items:center;gap:10px;margin-top:22px;font-size:10px}.begin-action svg{width:12px;height:25px}.final-actions{flex-direction:row;gap:26px;margin-top:18px}.text-action{letter-spacing:.08em;gap:8px;font-size:10px}.text-action:after{bottom:4px;right:22px}.text-action svg{width:17px;height:18px}.replay-action{font-size:10px}.replay-action svg{width:16px;height:17px}.scene-copy--codex .scene-description{font-size:17px}.volume-still{transform-origin:50% 85%}.volume-still img{width:auto;height:52%;top:67%;left:48%}.journey-footer{bottom:max(14px,env(safe-area-inset-bottom));gap:10px}.chapter-label{letter-spacing:.15em;gap:10px;font-size:9px}.chapter-label i{width:10px}.chapter-rail{display:none}.mobile-navigation{align-items:center;gap:1px;display:flex}.mobile-navigation>span{letter-spacing:.1em;text-align:center;min-width:47px;color:var(--muted);font-size:9px}.mobile-navigation .icon-button{width:36px;min-height:44px}.mobile-navigation svg{width:18px;height:18px}.stage-shade{background:linear-gradient(#080c08ad,#080c0899 70px,#0000 170px),linear-gradient(#0000 30%,#080c0899 65%,#080c08b3)}.enhanced .scene-copy--marble{width:calc(100% - 48px);top:auto;bottom:17%;transform:none}.scene-copy--marble h2{font-size:13.7vw}.scene-copy--marble .scene-description{letter-spacing:.1em;max-width:30ch;margin-top:20px;font-size:10px;line-height:1.8}.contents-header{padding-top:18px}.dialog-close{gap:13px;font-size:11px}.contents-layout{grid-template-columns:1fr;gap:27px;min-height:auto;padding-top:36px;padding-bottom:12px}.contents-intro h2{font-size:52px;line-height:.93}.contents-intro p,.contents-note{display:none}.contents-list a{gap:14px;min-height:48px;padding:8px 0}.contents-list a strong{font-size:28px}.contents-list a span{width:20px;font-size:13px}.contents-list a small{font-size:9px}.contents-footer{flex-wrap:wrap;gap:25px;padding-bottom:18px}.contents-footer>span{letter-spacing:.09em;font-size:8px}.utility-button{font-size:10px}.colophon{width:calc(100vw - 32px);max-height:calc(100svh - 32px);padding:42px 26px}.colophon-close{top:13px;right:26px}.colophon h2{margin-top:20px;font-size:45px}.colophon-lead{font-size:31px}.colophon dl{grid-template-columns:1fr;gap:15px}.colophon dd{font-size:19px}}@media (height<=650px) and (width>=760px){.volume-still img{height:77%;top:49%}.final-actions{flex-direction:row;gap:26px;margin-top:18px}.scene-copy h1,.scene-copy h2{font-size:clamp(48px,9.6vh,80px)}.scene-description{margin-top:20px;font-size:20px}.begin-action{flex-direction:row;align-items:center;gap:8px;margin-top:20px}.begin-action svg{height:25px}.masthead{top:15px}.journey-footer{bottom:12px}.contents-layout{padding-top:24px;padding-bottom:15px}.contents-list a{min-height:39px}.contents-intro h2{font-size:62px}.contents-intro p{margin-top:20px;font-size:25px}.contents-note{margin-top:22px}.contents-footer{min-height:50px;padding-bottom:10px}}@media (width<=759px) and (height<=700px){.enhanced .scene-copy,.enhanced .scene-copy--volume,.enhanced .scene-copy--fold,.enhanced .scene-copy--sew,.enhanced .scene-copy--impression,.enhanced .scene-copy--codex{top:85px}.scene-copy h1,.scene-copy h2{font-size:12.8vw}.scene-description{margin-top:13px;font-size:16px}.begin-action{margin-top:13px}.final-actions{margin-top:10px}.volume-still img{height:57%;top:68%}.enhanced .scene-copy--marble{top:auto;bottom:19%}.scene-copy--codex .scene-description{font-size:15px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}.scene-copy,.volume-still{will-change:auto}}.scene-description .phrase{display:inline-block}@media (width>=760px){.chapter[data-scene="1"] h2{font-size:clamp(58px,6.7vw,198px)}.chapter[data-scene="1"] .scene-description{max-width:38ch}}.masthead-start{align-items:center;gap:24px;display:flex}.masthead-start>*{pointer-events:auto}@media (width<=759px){.masthead-start{gap:16px}}