.atelier{--mx:50vw;--my:50vh;color:#f2eee7;scroll-snap-type:y mandatory;scroll-behavior:smooth;background:#11100e;height:100dvh;position:relative;overflow-y:auto}.atelierSpot{z-index:20;pointer-events:none;background:radial-gradient(240px circle at var(--mx) var(--my),#b58c611c,transparent 72%);mix-blend-mode:screen;position:fixed;inset:0}.atelierNav{z-index:30;letter-spacing:.2em;text-transform:uppercase;background:linear-gradient(#0a0908b3,#0000);border-bottom:1px solid #ffffff26;grid-template-columns:1fr auto 1fr;align-items:center;height:72px;padding:0 3vw;font-size:10px;display:grid;position:fixed;top:0;left:0;right:0}.atelierNav>a{color:inherit;text-decoration:none}.atelierNav>a:last-child{text-align:right}.atelierBrand{align-items:center;gap:12px;display:flex}.atelierBrand span{color:#b58c61;border:1px solid #b58c61;place-items:center;width:34px;height:34px;font:24px Georgia,serif;display:grid}.sceneRail{z-index:30;gap:10px;display:grid;position:fixed;top:50%;right:20px;transform:translateY(-50%)}.sceneRail a{color:#ffffff8c;border:1px solid #ffffff29;border-radius:50%;place-items:center;width:25px;height:25px;font-size:8px;text-decoration:none;transition:all .3s;display:grid}.sceneRail a:hover{color:#fff;border-color:#b58c61;transform:scale(1.12)}.atelierScene{scroll-snap-align:start;isolation:isolate;background:#13110f;align-items:end;height:100dvh;min-height:620px;padding:12vh 8vw 9vh;display:grid;position:relative;overflow:hidden}.sceneImage{z-index:-3;transition:transform 1.4s cubic-bezier(.2,.8,.2,1);position:absolute;inset:0;transform:scale(1.04)}.atelierScene:hover .sceneImage{transform:scale(1)}.sceneImage img{object-fit:cover;filter:saturate(.78)contrast(1.08)brightness(.68)}.sceneImage:after{content:"";background:linear-gradient(90deg,#080706eb 0%,#0807068a 45%,#0807062e 72%),linear-gradient(#0000 45%,#080706c7);position:absolute;inset:0}.sceneNoise{z-index:-1;opacity:.2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.22'/%3E%3C/svg%3E");position:absolute;inset:0}.sceneNumber{color:#0000;-webkit-text-stroke:1px #fff3;letter-spacing:-.08em;font:clamp(110px,23vw,330px)/.75 Georgia,serif;position:absolute;bottom:3vh;right:6vw}.sceneCopy{z-index:2;max-width:820px;position:relative}.sceneCopy>span{color:#c39a70;letter-spacing:.36em;margin-bottom:24px;font-size:10px;display:block}.sceneCopy h1{letter-spacing:-.055em;text-wrap:balance;max-width:1050px;margin:0;font:400 clamp(54px,9vw,140px)/.86 Georgia,serif}.sceneCopy p{color:#f2eee7b8;max-width:560px;margin:30px 0 0;font-size:clamp(14px,1.35vw,20px);line-height:1.7}.sceneLine{background:#fff3;width:1px;position:absolute;top:18vh;bottom:9vh;left:3vw}.sceneLine i{background:#b58c61;width:1px;height:24%;animation:3.8s ease-in-out infinite alternate lineTravel;display:block}.scenePrompt{letter-spacing:.25em;text-transform:uppercase;color:#ffffff85;font-size:8px;position:absolute;bottom:5vh;right:6vw}.scene-split .sceneImage{left:48%}.scene-split .sceneImage:after{background:linear-gradient(90deg,#13110f 0 12%,#13110fd1 30%,#0000 72%)}.scene-mask .sceneImage{clip-path:polygon(8% 0,100% 0,92% 100%,0 100%);inset:10vh 5vw 8vh 42vw}.scene-mask .sceneImage:after{background:linear-gradient(#0000,#000000b3)}.scene-frame .sceneImage{border:1px solid #ffffff2e;inset:13vh 8vw 12vh}.scene-frame .sceneCopy{mix-blend-mode:difference}.scene-orbit .sceneImage{border-radius:50% 50% 3% 3%;inset:9vh 12vw 8vh 47vw;overflow:hidden}.scene-orbit:before{content:"";border:1px solid #b58c6157;border-radius:50%;width:54vw;height:54vw;animation:18s linear infinite orbit;position:absolute;top:12vh;right:-8vw}.scene-mono .sceneImage img{filter:grayscale()contrast(1.2)brightness(.62)}.scene-mono .sceneCopy h1{font-style:italic}.scene-type .sceneCopy{max-width:none}.scene-type .sceneCopy h1{white-space:nowrap;font-size:clamp(70px,13vw,210px);transform:translate(-2vw)}.scene-final{text-align:center;place-items:center;padding:12vh 8vw}.scene-final .sceneCopy{max-width:1000px}.scene-final .sceneCopy p{margin:30px auto}.scene-final .sceneImage:after{background:radial-gradient(circle,#08070647,#080706e6 75%)}.atelierCta{color:#f2eee7;text-transform:uppercase;letter-spacing:.18em;border:1px solid #c39a70;margin-top:30px;padding:15px 24px;font-size:10px;text-decoration:none;transition:all .3s;display:inline-flex}.atelierCta:hover{color:#14110f;background:#c39a70}.scene-final .scenePrompt{display:none}@keyframes lineTravel{0%{transform:translateY(0)}to{transform:translateY(315%)}}@keyframes orbit{to{transform:rotate(360deg)}}@media (max-width:820px){.atelierNav{grid-template-columns:1fr auto;height:62px;padding:0 16px}.atelierNav>div{display:none}.atelierNav>a:last-child{font-size:8px}.sceneRail{gap:6px;right:8px}.sceneRail a{width:20px;height:20px}.atelierScene{min-height:560px;padding:14vh 25px 10vh}.sceneCopy h1{font-size:clamp(50px,17vw,84px);line-height:.9}.sceneCopy p{max-width:88%;font-size:14px}.sceneNumber{font-size:42vw;bottom:7vh;right:18px}.sceneLine{top:16vh;bottom:8vh;left:12px}.scenePrompt{display:none}.scene-split .sceneImage{left:22%}.scene-mask .sceneImage{inset:9vh -18vw 30vh 22vw}.scene-frame .sceneImage{inset:9vh 18px 34vh}.scene-orbit .sceneImage{inset:8vh -25vw 35vh 22vw}.scene-orbit:before{width:95vw;height:95vw;right:-45vw}.scene-type .sceneCopy h1{white-space:normal;font-size:18vw;transform:none}.scene-final{padding-left:26px;padding-right:26px}.atelierSpot{display:none}}@media (prefers-reduced-motion:reduce){.atelier{scroll-behavior:auto}.sceneImage,.sceneRail a{transition:none}.sceneLine i,.scene-orbit:before{animation:none}}