html.lenis,html.lenis body{height:auto}.lenis:not(.lenis-autoToggle).lenis-stopped{overflow:clip}.lenis [data-lenis-prevent],.lenis [data-lenis-prevent-wheel],.lenis [data-lenis-prevent-touch],.lenis [data-lenis-prevent-vertical],.lenis [data-lenis-prevent-horizontal]{overscroll-behavior:contain}.lenis.lenis-smooth iframe{pointer-events:none}.lenis.lenis-autoToggle{transition-behavior:allow-discrete;transition-property:overflow;transition-duration:1ms}@font-face{font-family:Cormorant Garamond;src:url(/ai-web-experience-collection/veil/fonts/cormorant-garamond-latin-300-normal.woff2)format("woff2");font-style:normal;font-weight:300;font-display:swap}@font-face{font-family:Cormorant Garamond;src:url(/ai-web-experience-collection/veil/fonts/cormorant-garamond-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/veil/fonts/manrope-latin-400-normal.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url(/ai-web-experience-collection/veil/fonts/manrope-latin-500-normal.woff2)format("woff2");font-style:normal;font-weight:500;font-display:swap}:root{--paper:#e9e6df;--ink:#292a28;--muted:#64635e;--line:#292a2840;--gutter:4.2vw;--display:"Cormorant Garamond", Georgia, serif;--body:"Manrope", sans-serif;--chapter-span:235vh;font-family:var(--body);color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;scrollbar-width:thin;scrollbar-color:#aaa79f #e9e6df}*{box-sizing:border-box}html{scroll-behavior:auto}body{background:var(--paper);min-width:280px;margin:0}body.dialog-open{overflow:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;background:0 0;border:0;border-radius:0;padding:0}a{color:inherit;text-underline-offset:.24em;text-decoration:none}svg{fill:none;stroke:currentColor;stroke-width:1px;stroke-linecap:round;stroke-linejoin:round;display:block}img{max-width:100%;display:block}h1,h2,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:7px;outline:1px solid}button:disabled{opacity:.24;cursor:default}::selection{color:#e9e6df;background:#535650}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{z-index:100;left:var(--gutter);background:var(--paper);color:var(--ink);padding:12px 20px;font-size:14px;position:fixed;top:16px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;height:max(86px,10.5svh);padding:0 var(--gutter);pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}.site-header a,.site-header button{pointer-events:auto}.wordmark{font-family:var(--display);letter-spacing:.32em;font-size:clamp(21px,1.65vw,54px);font-weight:400;line-height:1}.site-subtitle{letter-spacing:.25em;white-space:nowrap;font-size:clamp(11px,.79vw,22px);position:absolute;left:50%;transform:translate(-50%)}.header-actions{align-items:center;gap:clamp(20px,2.1vw,60px);display:flex}.icon-button{place-items:center;width:40px;height:44px;display:grid}.icon-button svg{width:20px;height:20px}.motion-toggle .play-icon,.motion-toggle[aria-pressed=true] .pause-icon{display:none}.motion-toggle[aria-pressed=true] .play-icon{display:block}.index-toggle{min-height:44px;font-family:var(--display);align-items:center;gap:14px;font-size:clamp(16px,1.1vw,30px);display:flex}.index-toggle svg{width:clamp(30px,2.4vw,60px);height:22px;transition:transform .3s}.index-toggle:hover svg{transform-origin:100%;transform:scaleX(.82)}.stage{z-index:1;isolation:isolate;pointer-events:none;position:fixed;inset:0;overflow:hidden}.stage-backdrop{z-index:-2;background:var(--paper);position:absolute;inset:0}.fallback-art{z-index:0;transition:opacity .55s;position:absolute;inset:0}.fallback-art img{object-fit:cover;object-position:center;width:100%;height:100%;position:absolute}.fallback-light{opacity:0}html[data-renderer=webgl] .fallback-art{opacity:0;visibility:hidden}#fabric-canvas{z-index:3;width:100%;height:100%;display:block;position:absolute;inset:0}.hero-lettering{z-index:1;font-family:var(--display);letter-spacing:-.035em;transform-origin:50% 60%;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;font-size:clamp(230px,35.6vw,1500px);font-weight:300;line-height:.8;display:flex;position:absolute;top:14.8%;left:3.8%;right:4.4%}.finale-lettering{z-index:1;text-align:center;font-family:var(--display);letter-spacing:-.02em;opacity:0;-webkit-user-select:none;user-select:none;font-size:clamp(200px,34.5vw,1400px);font-weight:300;line-height:.8;position:absolute;top:29%;left:0;right:0}.scene{z-index:5;opacity:0;visibility:hidden;pointer-events:none;position:absolute;inset:0}.scene.is-visible{visibility:visible}.scene-hero{opacity:1;visibility:visible}.scene.is-active button,.scene.is-active a,.scene.is-active input{pointer-events:auto}.hero-copy{left:var(--gutter);max-width:41%;position:absolute;bottom:17.7%}.hero-copy h2{font-family:var(--display);letter-spacing:-.025em;font-size:clamp(38px,4.15vw,160px);font-weight:300;line-height:.99}.hero-copy p{letter-spacing:.13em;max-width:38em;margin-top:clamp(18px,1.5vw,46px);font-size:clamp(11px,.78vw,23px);line-height:1.7}.scroll-cue{right:var(--gutter);letter-spacing:.11em;align-items:center;gap:24px;min-height:54px;font-size:clamp(11px,.8vw,23px);display:flex;position:absolute;bottom:19%}.scroll-cue svg{width:14px;height:48px}.scroll-cue:hover svg{transition:transform .3s;transform:translateY(5px)}.scene-copy{left:var(--gutter);max-width:47%;position:absolute;bottom:17.5%}.scene-copy h2{font-family:var(--display);letter-spacing:-.033em;font-size:clamp(64px,7.15vw,268px);font-weight:300;line-height:.94}.scene-label{text-transform:uppercase;letter-spacing:.24em;margin-top:clamp(26px,2.1vw,68px);font-size:clamp(10px,.73vw,21px);line-height:1.6}.scene-label span{color:var(--muted);margin:0 .8em;display:inline-block}.scene-note{color:var(--muted);letter-spacing:.035em;margin-top:19px;font-size:clamp(11px,.76vw,22px);line-height:1.7}.scene-form .scene-copy{max-width:53%}.scene-form .scene-copy h2{font-size:clamp(60px,6.6vw,252px)}.scene-detail .scene-copy h2{font-size:clamp(60px,6.4vw,246px)}.scene-light .scene-copy{bottom:18%}.scene-light .scene-copy h2{font-size:clamp(72px,8.3vw,310px)}.material-control{right:var(--gutter);width:clamp(180px,14vw,380px);position:absolute;bottom:15.5%}.material-control label{letter-spacing:.05em;justify-content:space-between;align-items:baseline;gap:12px;font-size:clamp(11px,.78vw,22px);display:flex}.material-control label span{color:var(--muted);font-size:.9em}.material-control input{cursor:ew-resize;appearance:none;width:100%;height:34px;accent-color:var(--ink);touch-action:pan-y;background:0 0;margin:4px 0 0;padding:0}.material-control input::-webkit-slider-runnable-track{background:var(--line);width:100%;height:1px}.material-control input::-moz-range-track{background:var(--line);width:100%;height:1px}.material-control input::-webkit-slider-thumb{appearance:none;background:var(--ink);border:0;border-radius:50%;width:8px;height:8px;margin-top:-3.5px;box-shadow:0 0 0 7px #0000}.material-control input::-moz-range-thumb{background:var(--ink);border:0;border-radius:50%;width:8px;height:8px}.material-control input:hover::-webkit-slider-thumb{box-shadow:0 0 0 5px var(--line)}.range-endpoints{color:var(--muted);letter-spacing:.12em;justify-content:space-between;font-size:clamp(9px,.62vw,18px);display:flex}.text-action{letter-spacing:.025em;align-items:center;gap:22px;min-height:44px;font-size:clamp(12px,.87vw,24px);display:inline-flex}.text-action span{position:relative}.text-action span:after{content:"";opacity:.4;transform-origin:0;background:currentColor;height:1px;transition:transform .35s;position:absolute;bottom:-7px;left:0;right:0}.text-action:hover span:after{transform:scaleX(.65)}.text-action svg{width:34px;height:22px;transition:transform .35s}.text-action:hover svg{transform:translate(5px)}.form-action{right:var(--gutter);position:absolute;bottom:16.5%}.detail-sample{left:calc(var(--gutter) + 20px);width:clamp(94px,10.4vw,280px);position:absolute;top:20%}.detail-sample img{aspect-ratio:1;object-fit:cover;width:100%;height:auto;transform:rotate(-7deg);box-shadow:10px 18px 30px #3f382b1a}.detail-sample span{color:var(--muted);letter-spacing:.09em;margin-top:21px;font-size:clamp(9px,.68vw,19px);display:block}.detail-leaders{z-index:-1;stroke-width:.65px;opacity:.42;width:100%;height:100%;position:absolute;inset:0}.detail-leaders circle{fill:currentColor;stroke:none}.warp-label,.weft-label{font-family:var(--display);font-size:clamp(18px,1.4vw,40px);position:absolute}.warp-label{top:18%;left:52%}.weft-label{top:54%;right:8%}.warp-label svg,.weft-label svg{opacity:.48;stroke-width:.7px;position:absolute}.warp-label svg{width:50px;height:62px;top:100%;left:.2em}.weft-label svg{width:80px;height:30px;top:-.15em;right:calc(100% + 10px)}.warp-label circle,.weft-label circle{fill:currentColor;stroke:none}.material-lines{z-index:2;opacity:0;position:absolute;inset:0}.thread-mark{width:62%;height:36%;color:var(--muted);stroke-width:.5px;position:absolute;top:20%;left:-8%}.finale-copy{text-align:center;position:absolute;bottom:16.8%;left:10%;right:10%}.finale-copy p{letter-spacing:.015em;font-size:clamp(13px,1.02vw,29px);line-height:1.6}.finale-copy .restart{margin-top:clamp(20px,2vw,64px)}.notes-toggle{bottom:6.5%;right:var(--gutter);color:var(--muted);font-size:clamp(10px,.72vw,19px);position:absolute}.fallback-message{top:12%;left:var(--gutter);max-width:240px;color:var(--muted);z-index:8;font-size:10px;line-height:1.7;display:none;position:absolute}html[data-renderer=still] .fallback-message{display:block}html[data-renderer=still] .material-control,html[data-renderer=still] .form-action{display:none}.scroll-track{z-index:0;pointer-events:none;position:relative}.chapter-anchor{height:var(--chapter-span)}.chapter-anchor:last-child{height:calc(var(--chapter-span) * .85 + var(--viewport-height,100dvh))}.journey-footer{z-index:15;left:var(--gutter);right:var(--gutter);pointer-events:none;position:fixed;bottom:max(30px,4.1svh)}.chapter-nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.chapter-nav a{letter-spacing:.065em;pointer-events:auto;padding:14px 0;font-size:clamp(11px,.77vw,22px);line-height:1.4;transition:color .25s;position:relative}.chapter-nav a span{color:var(--muted);letter-spacing:.08em;margin-right:7px;font-size:.7em}.chapter-nav a:after{content:"";background:var(--ink);transform-origin:0;width:100%;height:2px;transition:transform .3s;position:absolute;bottom:-1px;left:0;transform:scaleX(0)}.chapter-nav a:hover:after,.chapter-nav a[aria-current=step]:after{transform:scaleX(1)}.journey-rule{background:var(--line);height:1px;position:relative}.journey-rule span{background:var(--ink);transform-origin:0;opacity:.45;position:absolute;inset:0;transform:scaleX(0)}.mobile-chapters{display:none}dialog{color:#292a28;overscroll-behavior:contain;background:#e9e6df;border:0;width:100%;max-width:none;height:100svh;max-height:none;margin:0;padding:0}dialog:not([open]){display:none}dialog::backdrop{background:#16191859}.dialog-header{z-index:3;height:max(86px,10.5svh);padding:0 var(--gutter);background:#e9e6df;justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.close-dialog{min-height:44px;font-family:var(--display);align-items:center;gap:18px;font-size:clamp(16px,1.1vw,30px);display:flex}.close-dialog svg{width:24px;height:24px}.index-layout{min-height:77svh;padding:5svh var(--gutter) 6svh;grid-template-columns:1fr 1fr;align-items:center;gap:9vw;display:grid}.index-intro h2{font-family:var(--display);letter-spacing:-.03em;font-size:clamp(64px,7.2vw,240px);font-weight:300;line-height:.97}.index-intro p{color:#64635e;margin-top:32px;font-size:clamp(12px,.85vw,24px);line-height:1.8}.index-thread{color:#89867e;stroke-width:.55px;width:55%;max-width:430px;margin-top:40px}.index-links{flex-direction:column;display:flex}.index-links a{border-bottom:1px solid #292a2833;grid-template-columns:24px 1fr;align-items:center;column-gap:21px;padding:16px 0 19px;display:grid}.index-links a>span{color:#64635e;padding-top:8px;font-size:clamp(10px,.76vw,20px)}.index-links strong{font-family:var(--display);font-size:clamp(37px,3.75vw,122px);font-weight:300;line-height:1.1;transition:transform .35s}.index-links small{color:#64635e;letter-spacing:.015em;grid-column:2;margin-top:8px;font-size:clamp(10px,.73vw,21px)}.index-links a:hover strong{transform:translate(12px)}.index-bottom{margin:0 var(--gutter);color:#64635e;justify-content:space-between;align-items:center;gap:30px;padding-bottom:30px;font-size:clamp(10px,.72vw,20px);display:flex}.index-motion{font-size:inherit}.notes-content{max-width:720px;width:calc(100% - 2 * var(--gutter));margin:6svh auto 10svh}.notes-content h2{font-family:var(--display);letter-spacing:-.03em;margin-bottom:44px;font-size:clamp(55px,5.8vw,110px);font-weight:300;line-height:.95}.notes-content p{max-width:60ch;margin-bottom:24px;font-size:15px;line-height:1.9}.notes-content .notes-small{color:#64635e;font-size:12px}.notes-content .close-notes{margin-top:28px}.no-script{z-index:90;color:#292a28;background:#e9e6df;border:1px solid #aaa79f;padding:24px;font-size:14px;line-height:1.6;position:fixed;bottom:100px;left:24px;right:24px}@media (width>=2200px){.site-header,.dialog-header{height:9svh}.scene-note{margin-top:30px}.index-links a{padding:25px 0 30px}.material-control input{height:50px}.material-control input::-webkit-slider-thumb{width:12px;height:12px;margin-top:-5.5px}.notes-content{max-width:1000px}.notes-content p{font-size:22px}.notes-content .notes-small{font-size:17px}}@media (width<=900px) and (width>=701px){.scene-copy h2{font-size:8.3vw}.scene-form .scene-copy h2,.scene-detail .scene-copy h2{font-size:7.8vw}.scene-copy{bottom:20%}.site-subtitle{font-size:10px}.chapter-nav{gap:16px}.chapter-nav a span{display:none}.material-control{width:165px;bottom:17%}}@media (width<=700px){:root{--gutter:24px}.site-header,.dialog-header{height:80px;padding-top:env(safe-area-inset-top,0)}.wordmark{font-size:21px}.site-subtitle{display:none}.header-actions{gap:16px}.index-toggle{gap:12px;font-size:16px}.index-toggle svg{width:28px}.motion-toggle{width:30px}.hero-lettering{font-size:37.2vw;top:20%;left:4.5%;right:6%}.hero-copy{left:var(--gutter);right:var(--gutter);max-width:100%;bottom:21%}.hero-copy h2{font-size:clamp(40px,11.2vw,72px);line-height:.95}.hero-copy p{letter-spacing:.04em;max-width:31em;margin-top:18px;font-size:10px;line-height:1.7}.scroll-cue{left:var(--gutter);gap:16px;min-height:40px;font-size:9px;bottom:11%;right:auto}.scroll-cue svg{width:12px;height:31px}.scene-copy{left:var(--gutter);right:var(--gutter);max-width:100%;bottom:24%}.scene-copy h2,.scene-form .scene-copy h2,.scene-detail .scene-copy h2{letter-spacing:-.03em;font-size:clamp(43px,12.4vw,75px);line-height:.95}.scene-form .scene-copy h2{font-size:clamp(42px,11.8vw,71px)}.scene-label{letter-spacing:.2em;margin-top:20px;font-size:9px}.scene-note{letter-spacing:.02em;margin-top:12px;font-size:10px;line-height:1.6}.scene-light .scene-copy{bottom:24%}.scene-light .scene-copy h2{font-size:clamp(52px,14vw,86px)}.scene-detail .scene-copy{bottom:17%}.material-control{left:var(--gutter);right:var(--gutter);width:auto;max-width:250px;bottom:12.1%}.material-control label{font-size:10px}.material-control input{height:30px;margin-top:0}.range-endpoints{font-size:8px}.material-control input::-webkit-slider-thumb{width:9px;height:9px;margin-top:-4px}.form-action{bottom:13%;left:var(--gutter);font-size:11px;right:auto}.detail-sample{width:77px;top:16%;left:29px}.detail-sample span{white-space:nowrap;margin-top:14px;font-size:8px}.detail-leaders{opacity:.15}.warp-label{font-size:16px;top:24%;left:47%}.weft-label{font-size:16px;top:43%;right:13%}.warp-label svg{width:32px;height:40px}.weft-label svg{width:52px;height:20px}.finale-lettering{font-size:37vw;top:32%}.finale-copy{left:var(--gutter);right:var(--gutter);bottom:24%}.finale-copy p{max-width:26em;margin:auto;font-size:11px}.finale-copy .restart{margin-top:27px;font-size:12px}.notes-toggle{bottom:12.2%;right:var(--gutter);left:var(--gutter);justify-content:center;font-size:9px}.journey-footer{bottom:max(17px,env(safe-area-inset-bottom))}.chapter-nav{display:none}.mobile-chapters{justify-content:space-between;align-items:center;min-height:45px;display:flex}.mobile-chapters button{pointer-events:auto;width:30px}.mobile-chapters svg{width:21px}.current-chapter{letter-spacing:.12em;text-transform:uppercase;font-size:9px}.fallback-art img{object-position:61% top}.fallback-message{max-width:170px;font-size:8px;top:12%}.thread-mark{width:110%;top:15%;left:-25%}.index-layout{min-height:0;padding-top:20px;padding-bottom:32px;display:block}.index-intro h2{font-size:51px}.index-intro p{margin-top:21px;font-size:11px}.index-thread{display:none}.index-links{margin-top:26px}.index-links a{grid-template-columns:21px 1fr;column-gap:16px;padding:11px 0 14px}.index-links strong{font-size:36px}.index-links small{margin-top:4px;font-size:9px}.index-links a>span{font-size:9px}.index-bottom{gap:16px;padding-bottom:22px;font-size:8px}.index-motion{font-size:9px}.notes-content{margin-top:24px;margin-bottom:50px}.notes-content h2{margin-bottom:30px;font-size:56px}.notes-content p{margin-bottom:22px;font-size:12px;line-height:1.85}.notes-content .notes-small{font-size:10px}.notes-content .text-action{font-size:12px}}@media (height<=600px) and (width>=701px){.site-header,.dialog-header{height:66px}.hero-copy{bottom:19%}.hero-copy h2{font-size:44px}.hero-copy p{margin-top:13px;font-size:10px}.scene-copy{bottom:19%}.scene-copy h2,.scene-light .scene-copy h2,.scene-form .scene-copy h2,.scene-detail .scene-copy h2{font-size:63px}.scene-label{margin-top:15px}.scene-note{display:none}.journey-footer{bottom:20px}.detail-sample{width:90px;top:18%}.material-control{bottom:20%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:0s!important;animation-duration:.001ms!important}}