@font-face{font-family:Archivo;src:url(/ai-web-experience-collection/glaze/fonts/archivo-latin-variable.woff2)format("woff2");font-style:normal;font-weight:100 900;font-stretch:62% 125%;font-display:swap}:root{font-synthesis:none;color:#282d1b;--gutter:clamp(24px, 3.3vw, 126px);--ui-size:clamp(12px, 1.03vw, 19px);--caption-size:clamp(12px, 1.05vw, 20px);--edge-bottom:max(4.2svh, env(safe-area-inset-bottom));--ink:#282d1b;--paper:#e4e8df;--ui-ink:#282d1b;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#e4e8df;font-family:Archivo,Helvetica,Arial,sans-serif}html[data-study="1"],html[data-study="2"],html[data-study="3"],html[data-study="6"]{--ui-ink:#f3efe3}html[data-study="4"]{--ui-ink:#42392c}html[data-study="5"]{--ui-ink:#321900}*,:before,:after{box-sizing:border-box}html{scrollbar-width:thin;scrollbar-color:#76806d #e4e8df}body{margin:0}body,button,a{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:0;padding:0}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline-offset:7px;outline:2px solid}button:disabled{opacity:.35;cursor:default}svg{stroke:currentColor;stroke-width:1.25px;stroke-linecap:round;stroke-linejoin:round;display:block}img{max-width:100%;display:block}p,h1,h2,h3{margin:0}::selection{color:#192513;background:#a4b6a0}.skip-link{z-index:100;background:#e4e8df;padding:14px 20px;position:fixed;top:15px;left:15px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}.site-header{z-index:20;height:clamp(74px,8.3svh,160px);padding:0 var(--gutter);color:var(--ui-ink);pointer-events:none;justify-content:space-between;align-items:center;transition:color .25s;display:flex;position:fixed;inset:0 0 auto}.site-header a,.site-header button{pointer-events:auto}.brand{letter-spacing:.27em;padding:14px 0;font-size:clamp(15px,1.19vw,24px);font-weight:600;line-height:1}.header-line{text-align:center;text-transform:uppercase;letter-spacing:.25em;width:40%;font-size:clamp(10px,.84vw,17px);position:absolute;left:30%}html[data-study="1"] .header-line,html[data-study="1"] .index-trigger,html[data-study="1"] .continue{color:#263321}html[data-study="5"] .header-line,html[data-study="5"] .index-trigger,html[data-study="5"] .exhibit-controls{color:#fff8ee}.index-trigger,.index-close{min-height:44px;font-size:var(--ui-size);letter-spacing:.07em;align-items:center;gap:17px;display:inline-flex}.index-trigger svg,.index-close svg{width:25px;height:25px;transition:transform .35s}.index-trigger:hover svg,.index-close:hover svg{transform:rotate(90deg)}.index-trigger span,.index-close span{position:relative}.index-trigger span:after,.index-close span:after{content:"";transform-origin:0;background:currentColor;height:1px;transition:transform .3s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.index-trigger:hover span:after,.index-close:hover span:after{transform:scaleX(1)}#exhibition{outline:none;position:relative}.stage{width:100%;position:relative}.scene{isolation:isolate;min-height:100svh;color:var(--scene-ink,#f2f1e8);background:var(--scene-bg,#e4e8df);position:relative;overflow:hidden}.is-animated .stage{height:100svh;overflow:hidden}.is-animated .scene{height:100%;min-height:0;position:absolute;inset:0}.scene-visual{transform-origin:50%;position:absolute;inset:0;overflow:hidden}.scene-visual>picture{display:contents}.scene-image{object-fit:cover;width:100%;max-width:none;height:100%}.scene-title{z-index:3;letter-spacing:-.055em;font-size:12.7vw;font-weight:150;line-height:.91;position:absolute}.scene-caption{z-index:5;left:var(--gutter);bottom:var(--edge-bottom);font-size:var(--caption-size);font-weight:350;line-height:1.6;position:absolute}.caption-number{letter-spacing:.18em;font-variant-numeric:tabular-nums;margin-bottom:4px;font-size:.82em;font-weight:450;display:block}.caption-name{text-transform:uppercase;letter-spacing:.25em;margin-bottom:5px;font-size:1em;font-weight:500}.scene-caption>p:last-child:not(.caption-name){letter-spacing:.01em}.scene-aside{z-index:5;right:var(--gutter);bottom:calc(var(--edge-bottom) + 46px);text-align:right;max-width:28vw;font-weight:350;line-height:1.4;font-size:var(--caption-size);letter-spacing:.015em;position:absolute}.scene--celadon{--scene-bg:#e4e8df;--scene-ink:#282d1b}.hero-light{background:radial-gradient(at 35% 5%,#f0f1e9 0,#0000 70%),linear-gradient(170deg,#e4e8df 55%,#dce1d6 78%,#e9ece3 100%);position:absolute;inset:0}.hero-word{letter-spacing:-.057em;white-space:nowrap;font-size:31.3vw;font-weight:900;font-stretch:86%;line-height:.82;position:absolute;top:24.2%;left:2.5%}.hero-object{aspect-ratio:2/3;transform-origin:52% 55%;height:94.5%;position:absolute;top:2.2%;left:40.1%}.hero-object img{object-fit:contain;width:100%;max-width:none;height:100%}.hero-shadow{transform-origin:18%;background:radial-gradient(#292f239c 0,#4047334a 28%,#50584024 47%,#0000 72%);width:46%;height:7%;position:absolute;top:86.3%;left:41%}.scene--crackle{--scene-bg:#a6b5a1;--scene-ink:#f5f5e9}.title--crackle{color:#232a19;font-size:12.3vw;top:11.5%;left:60.8%}.scene--crackle .scene-image{object-position:48% 50%}.scene--cobalt{--scene-bg:#263f56;--scene-ink:#f0ede2}.cobalt-word{letter-spacing:-.047em;font-size:22.3vw;font-weight:750;line-height:.9;position:absolute;top:29.8%;left:1.9%}.cobalt-foreground{position:absolute;inset:0;-webkit-mask-image:url(/ai-web-experience-collection/glaze/media/cobalt-mask.webp);mask-image:url(/ai-web-experience-collection/glaze/media/cobalt-mask.webp);-webkit-mask-position:50%;mask-position:50%;-webkit-mask-size:cover;mask-size:cover;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.title--cobalt{top:19%;left:var(--gutter);letter-spacing:-.035em;font-size:2.1vw;font-weight:350;line-height:1.08}.scene--cobalt .scene-aside{left:var(--gutter);right:auto;bottom:calc(var(--edge-bottom) + 76px);text-align:left;max-width:25ch}.scene--cobalt .scene-aside:before,html[data-study="2"] .continue:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(#122b3bf2 24%,#122b3bd9 48%,#0000 73%);position:absolute;inset:-14px -18px}.scene--cobalt .scene-aside,html[data-study="2"] .continue{isolation:isolate}.scene--oxblood{--scene-bg:#290a05;--scene-ink:#f5eedb}.title--oxblood{font-size:13.8vw;line-height:.88;top:27%;left:2.6%}.scene--ivory{--scene-bg:#ddd5c7;--scene-ink:#42392c}.scene--ivory .scene-caption{color:#f4ead7}.title--ivory{font-size:12.2vw;top:16%;left:60%}.scene--amber{--scene-bg:#a66f36;--scene-ink:#371b06}.title--amber{letter-spacing:-.052em;font-size:18.3vw;font-weight:150;font-stretch:86%;line-height:1;top:17.5%;left:41%}.scene--iron{--scene-bg:#100f0e;--scene-ink:#eee9df}.title--iron{text-align:center;width:54%;font-size:6.9vw;line-height:.9;top:10.1%;left:23%}.title--iron h2{font:inherit;letter-spacing:inherit}.replay{letter-spacing:.01em;align-items:center;gap:14px;margin-top:3svh;padding:10px 4px;font-size:clamp(14px,1.1vw,22px);font-weight:350;line-height:1.3;display:inline-flex}.replay span{border-bottom:1px solid;padding-bottom:4px}.replay svg{width:24px;height:24px;transition:transform .3s}.replay:hover svg{transform:translate(-5px)}.exhibit-controls{z-index:19;height:110px;color:var(--ui-ink);pointer-events:none;transition:color .25s;position:fixed;inset:auto 0 0}.exhibit-controls button{pointer-events:auto}.study-progress{width:18%;left:41%;bottom:calc(var(--edge-bottom) - 7px);justify-content:center;align-items:center;gap:5px;display:flex;position:absolute}.study-progress button{justify-content:center;align-items:center;width:32px;height:44px;display:flex}.study-progress span{opacity:.38;background:currentColor;width:29px;height:2px;transition:transform .25s,opacity .25s;display:block;transform:scale(.62,.5)}.study-progress button[aria-current] span{opacity:1;transform:scale(1)}.study-progress button:hover span{opacity:1}.continue{right:var(--gutter);bottom:var(--edge-bottom);font-size:var(--ui-size);letter-spacing:.015em;flex-direction:row;justify-content:flex-end;align-items:flex-end;gap:23px;min-width:44px;min-height:44px;font-weight:350;display:flex;position:absolute}.continue svg{width:20px;height:55px;transition:transform .35s}.continue:hover svg{transform:translateY(5px)}.continue.is-last{visibility:hidden;pointer-events:none}.continue:focus-visible{outline-offset:9px}.study-index{z-index:50;width:100%;max-width:none;height:100svh;max-height:none;padding:0 var(--gutter);color:#263220;overscroll-behavior:contain;background:#e4e8df;border:0;margin:0;position:fixed;inset:0;overflow:auto}.study-index::backdrop{background:#1a211a77}.index-header{justify-content:space-between;align-items:center;min-height:clamp(78px,10svh,165px);display:flex}.index-count{font-size:var(--ui-size);letter-spacing:.13em;text-transform:uppercase}.index-content{grid-template-columns:1.7fr .65fr;column-gap:12%;padding-top:2svh;display:grid}.index-list-area>h2{letter-spacing:-.04em;margin-bottom:2.3svh;font-size:clamp(28px,3vw,74px);font-weight:250}.index-list{margin:0;padding:0;list-style:none}.index-list a{border-top:1px solid #2937232b;grid-template-columns:40px 1fr auto 24px;align-items:center;gap:19px;min-height:clamp(61px,8.25svh,175px);transition:color .3s;display:grid}.index-list a>*{transition:transform .3s}.index-list li:last-child a{border-bottom:1px solid #2937232b}.index-number{font-variant-numeric:tabular-nums;font-size:12px}.index-name{letter-spacing:-.035em;font-size:clamp(29px,3.4vw,88px);font-weight:300;line-height:1.1}.index-note{opacity:.75;font-size:clamp(11px,.85vw,18px)}.index-list svg{width:24px;height:24px}.index-list a:hover>*,.index-list a:focus-visible>*{transform:translate(8px)}.index-list a[aria-current] .index-name{font-weight:550}.index-about{padding-top:1svh}.index-preview{background:#d4ddcc;height:clamp(170px,33svh,680px);margin-bottom:4svh;overflow:hidden}.index-preview img{object-fit:cover;width:100%;height:100%}.index-preview.is-celadon img{object-fit:contain;padding:6%}.index-about h3{letter-spacing:-.035em;margin-bottom:1.7svh;font-size:clamp(23px,2.05vw,47px);font-weight:350}.index-about p{max-width:30ch;font-size:clamp(13px,1.04vw,21px);font-weight:350;line-height:1.65}.index-about .index-credit{margin-top:2svh;font-size:clamp(11px,.8vw,17px)}.index-footer{justify-content:space-between;align-items:center;padding:3svh 0;font-size:clamp(12px,.94vw,19px);line-height:1.5;display:flex}.motion-toggle{align-items:center;gap:17px;min-height:44px;display:flex}.motion-switch{border:1px solid #64705b;border-radius:20px;width:35px;height:19px;position:relative}.motion-switch:before{content:"";background:#53654b;border-radius:50%;width:11px;height:11px;transition:transform .25s;display:block;position:absolute;top:3px;left:3px}.motion-toggle[aria-pressed=true] .motion-switch:before{background:#27391f;transform:translate(16px)}.has-index{overflow:hidden}.is-reduced .scene{height:100svh;min-height:100svh;scroll-margin-top:0;position:relative}.is-reduced .stage{height:auto;overflow:visible}.is-reduced .exhibit-controls{display:none}.is-reduced .scene-visual{transform:none}.no-script-note{padding:24px var(--gutter);background:#e4e8df;font-size:14px}@media (aspect-ratio>=2) and (width>=701px){.hero-word{font-size:29.5vw;line-height:.78;top:23%}.hero-object{height:95%;left:43%}.hero-shadow{width:30%;left:51%}.title--crackle{font-size:10vw}.title--oxblood{font-size:11vw}.title--ivory{font-size:10vw}.title--iron{font-size:5.4vw}}@media (width<=1100px){.index-content{grid-template-columns:1.6fr .7fr;column-gap:6%}.index-note{display:none}.index-list a{grid-template-columns:30px 1fr 24px}}@media (width<=700px){:root{--gutter:24px;--ui-size:13px;--caption-size:13px;--edge-bottom:max(30px, env(safe-area-inset-bottom))}.site-header{height:78px}.brand{letter-spacing:.24em;font-size:15px}.header-line{display:none}.index-trigger,.index-close{gap:10px;font-size:13px}.index-trigger svg,.index-close svg{width:23px;height:23px}.hero-word{letter-spacing:-.06em;font-size:30.3vw;top:18.2%;left:4.8%}.hero-object{aspect-ratio:2/3;width:88%;height:auto;max-height:70%;top:22.7%;left:6%}.hero-shadow{width:74%;height:5svh;top:calc(20.2svh + min(123vw,65.2svh));bottom:auto;left:24%}.scene-caption{bottom:var(--edge-bottom);max-width:75%;line-height:1.5}.caption-number{margin-bottom:4px;font-size:10px}.caption-name{letter-spacing:.2em;margin-bottom:3px;font-size:12px}.scene-aside{bottom:12.5%;right:var(--gutter);max-width:60%;font-size:12px}.scene--celadon .scene-aside{top:11.7%;bottom:auto;left:var(--gutter);font-size:13px;right:auto}.scene-title{letter-spacing:-.05em;font-size:20vw;line-height:.92}.title--crackle{top:14%;left:var(--gutter);color:#22331e;font-size:20vw}html[data-study="1"] .index-trigger,html[data-study="1"] .continue{color:#f3efe3}html[data-study="5"] .exhibit-controls{color:#321900}.scene--crackle .scene-image{object-position:38% center}.scene--crackle .scene-caption{max-width:85%}.cobalt-word{font-size:22vw;font-weight:700;top:15%;left:4.3%}.cobalt-foreground{display:none}.cobalt-base{object-position:72% center}.title--cobalt{top:28%;left:var(--gutter);font-size:6vw}.scene--cobalt .scene-aside{bottom:calc(var(--edge-bottom) + 76px)}.scene--oxblood .scene-aside{bottom:7%}.title--oxblood{top:12.5%;left:var(--gutter);font-size:19vw}.scene--oxblood .scene-image{object-position:center center}.title--ivory{top:12.8%;left:var(--gutter);font-size:19vw}.scene--ivory .scene-caption{color:#15120d;font-weight:450}.title--amber{top:16%;left:var(--gutter);font-size:22vw;font-stretch:100%}.scene--amber .scene-caption{text-shadow:0 1px 7px #d8985077}.title--iron{width:86%;font-size:12.8vw;top:15%;left:7%}.title--iron h2{line-height:.98}.scene--iron .scene-image{object-position:43% center}.scene--iron .scene-aside{display:none}.replay{margin-top:26px;font-size:14px}.exhibit-controls{height:94px}.study-progress{display:none}.continue{bottom:var(--edge-bottom);gap:10px}.continue span{display:none}.continue svg{width:16px;height:40px}.index-header{min-height:78px}.index-count{display:none}.index-content{padding-top:2svh;display:block}.index-list-area>h2{margin-bottom:2.4svh;font-size:37px}.index-list a{grid-template-columns:25px 1fr 22px;gap:10px;min-height:8.7svh}.index-name{font-size:clamp(30px,8.5vw,50px)}.index-number{font-size:11px}.index-list svg{width:21px;height:21px}.index-about{display:none}.index-footer{padding:21px 0 max(25px, env(safe-area-inset-bottom));align-items:center;gap:10px;font-size:11px}.index-footer>p{max-width:16ch}.motion-toggle{gap:10px;font-size:12px}}@media (width<=700px) and (aspect-ratio>=3/4){.hero-object{width:auto;height:82%;max-height:none;top:11%;left:28%}.hero-word{top:21%}.hero-shadow{top:auto;bottom:13%}.scene--celadon .scene-aside{display:none}.scene-title{font-size:12vw}.title--iron{font-size:8vw}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.index-trigger svg,.index-close svg,.study-progress span,.continue svg,.index-list a,.index-list a>*,.motion-switch:before{transition:none}}.is-reduced *,.is-reduced :before,.is-reduced :after{scroll-behavior:auto!important}.collection-exit{left:calc(var(--gutter) + 125px);position:absolute}@media (width>=2200px){.collection-exit{left:calc(var(--gutter) + 150px)}}@media (width<=700px){.collection-exit{left:calc(var(--gutter) + 86px)}}