*{box-sizing:border-box}body{margin:0;background:#090b0c;color:#f6f2e9;font-family:Arial,Helvetica,sans-serif}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid #f8ca7b;outline-offset:7px}#experience{height:100svh;min-height:600px;overflow:hidden;position:relative;isolation:isolate}.backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at 68% 43%,#313738 0,#131719 37%,#080a0b 80%)}#webgl{position:absolute;inset:0;z-index:2;cursor:grab;transition:opacity 1s,transform 1.2s;touch-action:pan-y}#webgl:active{cursor:grabbing}canvas{display:block}.halo{position:absolute;left:52%;top:15%;width:33vw;height:33vw;border:2px solid #e5e1d7;border-radius:50%;filter:drop-shadow(0 0 13px #ece3cd);opacity:.6;transform:rotateX(15deg);animation:breathe 7s ease-in-out infinite;transition:opacity 1s}header{position:absolute;z-index:8;top:0;left:0;right:0;padding:30px 4%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.21em}header div{display:flex;gap:28px;letter-spacing:0}.chapter{position:absolute;z-index:5;top:28%;left:7%;pointer-events:none;max-width:58%;transition:opacity .35s,transform .65s}.chapter.changing{opacity:0;transform:translateY(35px)}.chapter>span,.label{font-size:10px;letter-spacing:.22em;text-transform:uppercase}h1{font:400 clamp(48px,6.4vw,110px)/.95 Georgia,serif;letter-spacing:-.055em;margin:25px 0}h1 i{font-weight:400}.chapter p{font-size:12px;line-height:1.7;max-width:360px;color:#c5c7c5}.chapter a{pointer-events:auto;display:inline-block;margin-top:22px;border-bottom:1px solid #ddd;padding-bottom:10px;font-size:12px;letter-spacing:.13em}.object-tools{position:absolute;z-index:7;bottom:120px;right:6%;display:flex;gap:18px;align-items:center;font-size:10px;color:#c4c7c7;transition:opacity .5s}.object-tools button{border-bottom:1px solid #777;padding:6px 0}footer{position:absolute;z-index:8;bottom:30px;left:4%;right:4%;display:flex;justify-content:space-between;align-items:center;font-size:11px;letter-spacing:.15em}footer>div{display:flex;gap:12px}footer>div button{border:1px solid #777;width:43px;height:43px;border-radius:50%;font-size:20px}#dots{display:flex;gap:12px}#dots button{width:24px;height:24px;position:relative}#dots button:after{content:'';position:absolute;top:11px;left:0;width:24px;height:2px;background:#666;transition:background .5s,transform .5s}#dots button[aria-current=true]:after{background:white;transform:scaleY(2)}.hint{position:absolute;bottom:100px;left:7%;z-index:6;font-size:9px;letter-spacing:.2em}.hint span{display:inline-block;animation:down 2s infinite}.model-note{position:absolute;right:6%;bottom:88px;z-index:6;font-size:9px;color:#8a9294}#films{position:absolute;inset:0;z-index:1}#films video{width:100%;height:100%;object-fit:cover;position:absolute;opacity:0;transform:scale(1.12);transition:opacity 1.1s,transform 8s}#films video.active{opacity:1;transform:scale(1)}.shade{position:absolute;inset:0;z-index:3;pointer-events:none;background:linear-gradient(90deg,#050708bc,transparent 80%),linear-gradient(0deg,#060909dd,transparent 35%);opacity:.5;transition:opacity 1s}body.film .shade{opacity:1}body.film #webgl{opacity:0;pointer-events:none;transform:translateX(18%)}body.film .halo{opacity:0}body.film .object-tools,body.film .model-note{opacity:0;pointer-events:none}body.film .chapter{top:35%}dialog{max-width:760px;width:90%;max-height:85svh;overflow:auto;border:1px solid #484b49;background:#121718;color:#e9e5dc;padding:60px;line-height:1.9}dialog::backdrop{background:#000b;backdrop-filter:blur(12px)}dialog h2{font:42px/1.1 Georgia}dialog p{font-size:16px}dialog a{border-bottom:1px solid #aaa}.close{position:absolute;top:12px;right:18px;font-size:30px}#sourceVideo{padding:35px;max-width:560px}#sourceVideo video{width:100%;max-height:72svh}@keyframes breathe{50%{opacity:.35;filter:drop-shadow(0 0 25px #fff)}}@keyframes down{50%{transform:translateY(6px)}}@media(max-width:650px){#experience{min-height:620px}header{padding:24px 6%;font-size:9px;letter-spacing:.15em}header div{gap:12px}header div>a{display:none}.chapter{left:7%;top:16%;max-width:90%}h1{font-size:clamp(44px,12vw,67px);margin:18px 0}.chapter p{font-size:11px;max-width:270px}.halo{width:74vw;height:74vw;left:13%;top:38%}.object-tools{bottom:126px;left:7%;right:7%;justify-content:space-between;flex-wrap:wrap;gap:6px;font-size:9px}.object-tools>span{width:100%;margin-bottom:8px}.hint{bottom:98px;font-size:8px}.model-note{right:7%;bottom:77px;font-size:8px}footer{bottom:20px;left:6%;right:6%}#dots{gap:5px}#dots button,#dots button:after{width:15px}footer>div{gap:5px}footer>div button{width:37px;height:37px}.chapter a{font-size:11px}body.film .chapter{top:25%}dialog{padding:45px 25px}dialog h2{font-size:34px}dialog p{font-size:14px}}@media(prefers-reduced-motion:reduce){*,*:after{animation:none!important;transition:none!important}}

[hidden]{display:none!important}

.approved-art{inset:12% 0 14% 38%!important;overflow:hidden;cursor:default!important;mask-image:linear-gradient(90deg,transparent,black 9%,black 95%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,black 9%,black 95%,transparent)}.approved-frame{width:100%;height:100%;overflow:hidden;transition:transform 1s ease;background:#2b2b2b}.approved-frame img{position:absolute;height:100%;width:172%;max-width:none;object-fit:contain;left:-72%;transition:left 1.2s cubic-bezier(.2,.7,.1,1),transform 1.2s;animation:approvedDrift 8s ease-in-out infinite}.rear .approved-frame img{left:0;width:240%}.halo{display:none}.chapter{max-width:50%}.object-tools{z-index:9}@keyframes approvedDrift{50%{transform:scale(1.025) translateY(-5px)}}@media(max-width:650px){.approved-art{inset:35% 0 20% 0!important;mask-image:linear-gradient(0deg,transparent,black 12%,black 90%,transparent);-webkit-mask-image:linear-gradient(0deg,transparent,black 12%,black 90%,transparent)}.chapter{max-width:90%}.approved-frame img{object-fit:contain}.rear .approved-frame img{width:240%}.model-note{font-size:8px}}@media(prefers-reduced-motion:reduce){.approved-frame img{animation:none}}

.approved-art{inset:13% 0 15% 25%!important}.approved-frame{background:transparent}.approved-frame img{left:0;width:100%;height:100%;object-fit:contain}.reference-view .approved-frame img{width:172%;left:-72%}.chapter{max-width:48%}.chapter h1{font-size:clamp(42px,5vw,88px)}@media(max-width:650px){.approved-art{inset:33% -12% 20% -28%!important}.chapter{max-width:90%}.chapter h1{font-size:clamp(42px,11vw,64px)}}

.approved-art{inset:0!important;mask-image:none!important;-webkit-mask-image:none!important}.approved-frame img{width:100%;height:100%;left:0;object-fit:cover;object-position:center;animation:none}.approved-frame{transform:none!important}.chapter{top:28%;max-width:45%;text-shadow:0 2px 28px #000}.chapter p{font-size:13px;max-width:340px;color:#fff}.shade{opacity:1;background:linear-gradient(90deg,#080b0dbd,transparent 72%),linear-gradient(0deg,#060909b0,transparent 30%)}.object-tools{bottom:90px}.hint{display:none}.model-note{bottom:70px}#experience{min-height:560px}.reference-view .approved-frame img{object-fit:contain;background:#202020}@media(max-width:650px){.approved-frame img{object-position:64% center}.chapter{top:15%;max-width:87%}.chapter h1{font-size:43px}.chapter p{font-size:11px;max-width:270px}.shade{background:linear-gradient(0deg,#060909cc,transparent 45%),linear-gradient(180deg,#080b0da0,transparent 60%)}.object-tools{bottom:105px}.model-note{bottom:83px}}

body.visual-only .chapter,body.visual-only header,body.visual-only #counter,body.visual-only .model-note,body.visual-only .object-tools{display:none!important}body.visual-only .shade{opacity:0}body.visual-only #films video{object-fit:contain;background:#080a0d}