:root{font-family:Manrope,sans-serif;color:#f1eadc;background:#201e19;font-synthesis:none;--gold:#d2b780;--green:#21533e;--gem-light:#8aac77;--gem-dark:#092d25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid #c59850;outline-offset:6px}::selection{background:#856740;color:#fff}.skip{position:fixed;left:20px;top:-100px;z-index:100;background:#eee5d5;color:#222;padding:15px}.skip:focus{top:15px}.atelier-header{position:fixed;top:0;left:0;right:0;height:104px;padding:0 4.5%;z-index:30;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(#201e19bf,transparent);color:#f6edda}.atelier-logo{width:124px;display:block}.logo-art{display:block;width:100%;fill:currentColor}.logo-rest{fill:#d2b780}.logo-tagline{display:none}.header-caption{font-size:9px;letter-spacing:3px}.shop-link{font-size:11px;display:flex;gap:25px;align-items:center}.shop-link span{font-size:22px}.journey{position:relative}.viewport{overflow:hidden;height:100svh;position:sticky;top:0}.world{position:relative;width:100%;height:100%;will-change:transform}.scene{width:100%;height:100svh;position:absolute;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:110px 10% 90px;gap:5%;isolation:isolate}.opening{left:0;top:0;background:#24251f}.inspiration{left:100%;top:0;background:#e9e1d1;color:#39392c}.shaping{left:100%;top:100%;background:#292c25}.setting{left:0;top:100%;background:#d9decd;color:#263e32}.finishing{left:0;top:200%;background:#352821}.opening-art{position:absolute;inset:0;z-index:-2}.opening-art img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:brightness(.66) saturate(.6)}.image-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#191d18ed 0%,#20231c8a 38%,transparent 85%),linear-gradient(0deg,#1a201ac9,transparent 45%)}.hero-copy{position:relative;grid-column:1/-1;max-width:850px}.eyebrow{font-size:9px;font-weight:500;letter-spacing:3px;display:block;margin-bottom:30px}h1,h2,p{margin:0}h1,h2{font-family:Cormorant Garamond,Georgia,serif;font-weight:400;line-height:.93;letter-spacing:-3px}h1{font-size:clamp(66px,8.5vw,142px)}h2{font-size:clamp(52px,5.5vw,94px)}h1 em,h2 em{font-weight:400;color:#d2b780}.hero-copy p,.chapter-copy>p{font-size:13px;line-height:1.9;max-width:335px;margin-top:28px;color:#e5e1d0bd}.begin-link{display:inline-flex;gap:55px;align-items:center;border-bottom:1px solid #c8be9c70;padding:17px 0;margin-top:22px;font-size:11px}.begin-link span{font-size:22px}.hero-note{position:absolute;right:6%;bottom:110px;font-size:9px;line-height:1.9;letter-spacing:1px;text-align:right;color:#e7dec5}.orbit-word{position:absolute;right:7%;top:35%;width:140px;height:140px;border:1px solid #ddd3b773;border-radius:50%;display:grid;place-items:center;text-align:center;font-size:9px;letter-spacing:4px;line-height:2;transform:rotate(-25deg);padding:20px}.chapter-copy{position:relative;z-index:2}.inspiration h2 em,.setting h2 em{color:#7b633c}.inspiration .chapter-copy>p,.setting .chapter-copy>p{color:#485040}.small-note{display:block;font-size:9px;letter-spacing:1px;line-height:1.8;margin-top:28px}.sketchbook{position:relative;background:#f7f1e4;height:min(60vh,600px);width:100%;max-width:440px;transform:rotate(7deg);box-shadow:10px 24px 70px #454a3025;padding:25px}.paper-label,.paper-foot{font-size:8px;letter-spacing:2px}.drawing{position:absolute;inset:7% 4%;width:92%;height:80%}.guide{stroke:#9c92736b;stroke-width:1;stroke-dasharray:5 5}.sketch-line{stroke:#7b6847;stroke-width:1.5;stroke-dasharray:1800;stroke-dashoffset:var(--draw,0)}.handwritten{position:absolute;bottom:15%;left:16%;font:italic 23px Cormorant Garamond,serif;transform:rotate(-6deg);color:#7c7055}.paper-foot{position:absolute;bottom:22px;left:25px}.huge-number{position:absolute;bottom:-.2em;left:42%;font:400 38vw Cormorant Garamond,serif;opacity:.05;z-index:-1}.interaction-label{display:block;font-size:9px;letter-spacing:2px;color:var(--gold);margin-top:28px}.chapter-copy .instruction{font-size:11px;margin-top:12px}.work-status{margin-top:20px;font-size:11px;color:#e8ce95}.text-button{color:#e2d5b9;background:none;border:0;border-bottom:1px solid #e2d5b955;padding:8px 0;font-size:10px;margin-top:12px}.workbench{height:min(60vh,560px);position:relative;display:grid;place-items:center;background:radial-gradient(ellipse,#62604a44,transparent 70%)}.bench-label,.bench-caption{position:absolute;font-size:8px;letter-spacing:3px;text-align:center;left:0;right:0}.bench-label{top:0}.bench-caption{bottom:10px;color:#d1c7ac}.metal-target{display:grid;place-items:center;width:270px;height:300px;position:relative;background:none;border:0;padding:0;z-index:2;touch-action:pan-y}.metal-disc{position:relative;width:220px;height:240px;border-radius:46% 46% 48% 48%;display:grid;place-items:center;background:radial-gradient(ellipse at 25% 25%,#d8bd75,#a88947 37%,#d7b86a 60%,#6d4c20);box-shadow:inset 0 0 0 4px #d6b46c,inset 10px 5px 18px #fce0a180,inset -10px -10px 25px #46301b,20px 30px 35px #0007;transform:rotate(-9deg)}.stamp{font:italic 70px Cormorant Garamond,serif;color:#8b693e;text-shadow:1px 1px #efca8f80}.pendant-loop{position:absolute;top:1px;left:calc(50% - 17px);width:34px;height:46px;border:7px solid #b69a5c;border-radius:50%;box-shadow:inset 2px 2px 3px #453c27,2px 2px 3px #ead299;z-index:-1}.dents{position:absolute;inset:0;overflow:hidden;border-radius:inherit}.dent{position:absolute;width:25px;height:18px;border-radius:50%;background:radial-gradient(ellipse at 60% 65%,#e3c28270,#5c431350);box-shadow:inset 2px 2px 3px #60421d88,1px 1px 2px #ffe0a6a1}.hammer{position:absolute;right:-12px;top:0;width:15px;height:120px;background:linear-gradient(90deg,#675034,#b59163,#57412f);transform:rotate(35deg);transform-origin:50% 90%;border-radius:4px;pointer-events:none}.hammer i{position:absolute;left:-28px;top:-4px;width:70px;height:27px;background:linear-gradient(#a6a69a,#555e58,#9da49a);border-radius:4px;box-shadow:0 4px 5px #0007}.striking .hammer{animation:strike .28s ease-out}.striking .metal-disc{animation:impact .28s ease-out}.bench-ring{position:absolute;width:340px;height:340px;border:1px solid #d5bd852b;border-radius:50%;pointer-events:none}.gem-display{position:relative;height:65vh;display:grid;place-items:center}.gem-orbit{position:absolute;width:min(34vw,450px);aspect-ratio:1;border:1px solid #64715140;border-radius:50%}.gem-orbit:after{content:"";position:absolute;inset:25px;border:1px solid #64715126;border-radius:50%}.jewel{position:relative;transform:rotate(-16deg);filter:drop-shadow(20px 35px 20px #34463248)}.jewel-bail{position:absolute;width:34px;height:55px;border:8px solid #ba975c;border-radius:50%;top:-42px;left:calc(50% - 17px)}.jewel-rim{width:210px;height:280px;background:linear-gradient(120deg,#896634,#fbdf9a 35%,#967031 60%,#e6c17a);border-radius:48% 48% 46% 46%;padding:14px;position:relative;box-shadow:inset 0 0 0 3px #b99048}.gem{width:100%;height:100%;border-radius:inherit;background:conic-gradient(from 20deg at 50% 40%,var(--gem-dark),var(--green) 15%,var(--gem-light) 23%,var(--green) 28%,var(--gem-dark) 43%,var(--green) 60%,var(--gem-light) 67%,var(--gem-dark) 85%,var(--gem-dark));box-shadow:inset 0 0 25px #0009;transition:background .3s}.gem:after{content:"";position:absolute;inset:34px;clip-path:polygon(50% 0,100% 28%,85% 80%,50% 100%,10% 70%,0 25%);background:linear-gradient(130deg,#fff5,transparent 50%,#0003)}.prong{position:absolute;width:12px;height:28px;background:linear-gradient(90deg,#8f6733,#eed496,#b79052);border-radius:8px}.p1{left:20px;top:35px;transform:rotate(-35deg)}.p2{right:20px;top:35px;transform:rotate(35deg)}.p3{left:20px;bottom:35px;transform:rotate(35deg)}.p4{right:20px;bottom:35px;transform:rotate(-35deg)}.gem-caption{position:absolute;bottom:20px;font-size:8px;letter-spacing:2px;text-align:center}.swatches{display:flex;gap:13px;margin-top:28px}.swatches button{width:44px;height:44px;background:none;border:1px solid transparent;border-radius:50%;padding:6px}.swatches button[aria-pressed=true]{border-color:#6f765e}.swatches i{display:block;width:100%;height:100%;border-radius:50%;background:#28543d}.swatches [data-gem=red] i{background:#7a2b37}.swatches [data-gem=champagne] i{background:#c2a36c}.chapter-copy .colour-name{font-size:11px;margin-top:15px}.polish-stage{height:65vh;position:relative;display:grid;place-items:center;background:radial-gradient(ellipse at var(--light-x,50%) 40%,#bf955830,transparent 65%)}.final-pendant{position:relative;width:250px;height:320px;display:grid;place-items:center;transform:rotate(-12deg)}.polished-disc{width:230px;height:260px;border-radius:48%;display:grid;place-items:center;background:linear-gradient(var(--light-angle,120deg),#715023 5%,#b08a47 20%,#f9e4ac 42%,#aa803b 58%,#f0d18f 80%,#80602b);box-shadow:inset 2px 2px 4px #f3dfb0,15px 30px 35px #0006}.polished-disc span{font:italic 90px Cormorant Garamond,serif;color:#896831;text-shadow:1px 1px #efd7a4}.light-beam{position:absolute;inset:-10% 30%;background:linear-gradient(90deg,transparent,#fae0a410,transparent);transform:rotate(-25deg);pointer-events:none}.light-label{display:flex;justify-content:space-between;max-width:310px;font-size:11px;margin-top:35px}input[type=range]{display:block;width:100%;max-width:310px;margin:22px 0 14px;accent-color:#d8b574;cursor:ew-resize;min-height:26px}.range-labels{display:flex;justify-content:space-between;max-width:310px;font-size:7px;letter-spacing:1.4px}.chapter-nav{position:fixed;right:27px;top:50%;transform:translateY(-50%);display:grid;gap:4px;z-index:30}.chapter-nav a{display:grid;place-items:center;width:32px;height:34px;font-size:8px;border:1px solid transparent;border-radius:50%;color:#f7eddb;background:#292b2566}.chapter-nav a.active{border-color:#cbb77d;background:#292b25}.journey-footer{position:fixed;bottom:27px;left:4.5%;right:4.5%;display:flex;justify-content:space-between;z-index:30;font-size:8px;letter-spacing:2px;pointer-events:none;color:#f2e9d4;mix-blend-mode:difference}.journey-footer b{font-size:17px;padding-left:10px}.progress-line{position:fixed;bottom:0;left:0;height:2px;background:#c2a66c;width:100%;transform:scaleX(var(--progress,0));transform-origin:left;z-index:40}.story-end{position:relative;min-height:100svh;background:#ebe3d4;color:#343b2e;padding:140px 8% 60px;text-align:center;display:flex;align-items:center;justify-content:center;flex-direction:column}.story-end h2{font-size:clamp(64px,8vw,125px)}.story-end h2 em{color:#8b734e}.story-end>p{font-size:13px;line-height:1.9;margin-top:30px}.collection-link{margin-top:35px;padding:18px 25px;background:#344334;color:#f4eddf;display:flex;gap:50px;align-items:center;font-size:11px}.end-foot{width:100%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #41493733;margin-top:85px;padding-top:30px;font-size:10px}.end-foot>a:first-child{font:30px Cormorant Garamond,serif;letter-spacing:5px}.story-end .editorial-note{max-width:650px;font-size:9px;opacity:.7}.at-end .journey-footer{display:none}@keyframes strike{50%{transform:translate(-40px,40px) rotate(-15deg)}}@keyframes impact{50%{transform:rotate(-9deg) translateY(4px)}}@media(max-width:700px){.atelier-header{height:78px;padding:0 6%}.atelier-logo{width:92px}.header-caption{display:none}.shop-link{font-size:10px;gap:10px}.scene{padding:100px 9% 80px;gap:14px;grid-template-columns:1fr;align-content:center}.hero-copy{align-self:center}h1{font-size:clamp(58px,14vw,82px)}h2{font-size:clamp(40px,10vw,60px);letter-spacing:-1.8px}.eyebrow{font-size:8px;margin-bottom:18px;letter-spacing:2px}.hero-copy p,.chapter-copy>p{font-size:11px;line-height:1.7;margin-top:16px;max-width:310px}.orbit-word{display:none}.hero-note{bottom:85px;right:9%;font-size:7px}.opening-art img{object-position:65%}.opening-art .image-vignette{background:linear-gradient(90deg,#191d18db,#20231c55),linear-gradient(0deg,#191d18,transparent)}.sketchbook{height:30svh;width:65%;justify-self:center;padding:16px;max-height:300px}.paper-label,.paper-foot{font-size:6px}.paper-foot{bottom:12px;left:16px}.handwritten{font-size:17px}.inspiration .small-note{display:none}.workbench{height:30svh;min-height:180px}.metal-target{transform:scale(.65);width:270px;height:300px;position:absolute;top:50%;left:50%;margin:-150px 0 0 -135px}.bench-ring{width:210px;height:210px}.bench-label{display:none}.bench-caption{font-size:6px;bottom:-5px}.interaction-label{font-size:8px;margin-top:18px}.chapter-copy .instruction{font-size:10px;margin-top:9px}.work-status{margin-top:12px;font-size:10px}.text-button{margin-top:4px}.gem-display{height:31svh;grid-row:2}.jewel{transform:scale(.65) rotate(-16deg)}.gem-orbit{width:230px}.gem-caption{bottom:-5px;font-size:6px}.swatches{margin-top:15px}.setting h2 br:nth-child(2){display:none}.chapter-copy .colour-name{margin-top:8px}.setting .small-note{margin-top:12px;font-size:8px}.polish-stage{height:32svh}.final-pendant{transform:scale(.68) rotate(-12deg)}.light-label{margin-top:20px}.chapter-nav{right:4px;gap:1px}.chapter-nav a{width:24px;height:30px;font-size:7px}.journey-footer{bottom:18px;font-size:6px;letter-spacing:1px}.journey-footer span:nth-child(2){font-size:6px}.story-end{padding:110px 9% 70px}.end-foot{flex-wrap:wrap;gap:25px;margin-top:60px;justify-content:center}.end-foot span{width:100%;order:2}.story-end .editorial-note{font-size:8px}}@media(max-height:650px)and (min-width:701px){h1{font-size:80px}h2{font-size:55px}.scene{padding-top:100px}.eyebrow{margin-bottom:15px}.chapter-copy>p{margin-top:15px;font-size:11px}.interaction-label{margin-top:15px}.jewel{transform:scale(.8) rotate(-16deg)}}body:not(.motion-ready) .journey{height:auto!important}body:not(.motion-ready) .viewport{height:auto;position:relative;overflow:visible}body:not(.motion-ready) .world{transform:none!important}body:not(.motion-ready) .scene{position:relative;left:auto;top:auto;min-height:100svh;height:auto}body:not(.motion-ready) .chapter-nav{display:none}body:not(.motion-ready) .journey-footer{display:none}body:not(.motion-ready) .scene{scroll-margin-top:60px}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.world{will-change:auto}}.hero-copy{animation:story-arrival 1.1s cubic-bezier(.2,.7,.2,1) both}@keyframes story-arrival{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.sketch-line{stroke-dashoffset:0!important}}