/* The unpublished atelier. Components are complete before JavaScript runs. */
body:has(.atelier){--atelier-paper:#eee8dd;--atelier-dark:#1c1b18}
body:has(.atelier) .header{height:86px;border-bottom:1px solid #e5d4b51c;background:#1c1b18}
body:has(.atelier) .header:before{background:#1c1b18}
.atelier{position:relative;background:#1c1b18;color:#eee8dd}
.atelier-stage{position:relative;min-height:680px;height:calc(100svh - 86px);isolation:isolate;overflow:hidden}
.atelier-grid{position:absolute;inset:0;z-index:-1;background-image:linear-gradient(#d1bd9410 1px,transparent 1px),linear-gradient(90deg,#d1bd9410 1px,transparent 1px);background-size:calc(100% / 12) 100%;mask-image:linear-gradient(transparent,#000 30%,#000 70%,transparent)}
.atelier-intro{position:absolute;left:6%;top:14%;width:51%;z-index:4}
.atelier-intro .eyebrow{font-size:14px;letter-spacing:.08em;color:#c4b89f}
.atelier-intro h1{font-size:clamp(62px,6.4vw,108px);line-height:.94;letter-spacing:-.05em;margin:28px 0 28px;font-weight:400}
.atelier-intro h1 em{color:#d5b68a}.atelier-intro h1 span{color:#ece5d8}
.atelier-description{font-size:20px;line-height:1.5;max-width:36ch;color:#c4bdaf}
.atelier-description br{display:none}.atelier-actions{display:flex;flex-wrap:wrap;gap:15px 25px;align-items:center;margin-top:29px}
.atelier-actions .button,.atelier-actions .text-link{font-size:17px}.atelier-actions .button{padding:14px 20px}
.design-object{position:absolute;right:4%;top:13%;width:43%;aspect-ratio:1.13;perspective:1200px;transform:translate3d(var(--object-x,0px),var(--object-y,0px),0) scale(var(--object-scale,1));will-change:transform}
.object-orbit{position:absolute;inset:-10% -3%;border:1px solid #d9bd8e35;border-radius:50%;transform:rotate(-30deg) scaleY(.65)}
.object-orbit:before,.object-orbit:after{content:'';position:absolute;width:7px;height:7px;background:#d0b88e;border-radius:50%;left:15%;top:15%}.object-orbit:after{left:80%;top:82%;width:4px;height:4px}
.object-sheet{position:absolute;inset:10% 4% 8% 0;background:#e7dfcd;color:#333a2e;box-shadow:0 30px 65px #0005;transform:rotate(var(--sheet-rotate,-9deg)) rotateY(var(--sheet-y,-13deg));border:1px solid #ffffef42;overflow:hidden}
.object-topline{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #333a2e33;margin:0 6%;height:14%;font-size:clamp(12px,1.4vw,22px)}
.object-topline span:last-child{font-size:clamp(7px,.65vw,11px)}
.object-copy{position:absolute;left:7%;top:27%;width:46%}.object-copy>span:first-child{font-size:clamp(9px,.8vw,13px)}.object-copy>p{font-size:clamp(26px,3.2vw,52px);line-height:1;letter-spacing:-.035em;margin:12% 0}.object-cta{border-bottom:1px solid;font-size:clamp(10px,.9vw,15px)}
.object-bottom{position:absolute;bottom:5%;left:6%;right:6%;display:flex;justify-content:space-between;font-size:clamp(8px,.8vw,13px)}
.object-photo{position:absolute;top:1%;right:-1%;width:47%;height:var(--photo-height,76%);transform:translate3d(var(--photo-x,0px),var(--photo-y,0px),45px) rotate(var(--photo-rotate,10deg));box-shadow:0 20px 55px #0006;overflow:hidden;border:5px solid #e6decd}.object-photo img{width:100%;height:100%;object-fit:cover;object-position:60%}
.object-type{position:absolute;left:-5%;bottom:-8%;width:27%;aspect-ratio:.95;background:#a68a61;color:#211f19;padding:7%;padding:4%;box-shadow:0 18px 35px #0004;transform:translate3d(var(--type-x,0px),var(--type-y,0px),80px) rotate(var(--type-rotate,-13deg));opacity:var(--detail-opacity,1)}
.object-type>span,.object-type small{font-size:clamp(8px,.7vw,12px);display:block;white-space:nowrap}.object-type b{display:block;font-weight:400;font-size:clamp(35px,5vw,78px);line-height:1.1;margin:9% 0}
.object-palette{position:absolute;right:-2%;bottom:-3%;width:38%;padding:4%;background:#eee8dc;color:#413b2e;transform:translateY(var(--palette-y,0px)) rotate(var(--palette-rotate,7deg));box-shadow:0 18px 35px #0004;opacity:var(--detail-opacity,1)}.object-palette>span{font-size:clamp(9px,.8vw,13px)}.object-palette>div{display:flex;margin-top:12px}.object-palette i{display:block;width:25%;aspect-ratio:1;background:#c3ad87}.object-palette i:nth-child(2){background:#758069}.object-palette i:nth-child(3){background:#3d4837}.object-palette i:nth-child(4){background:#e0d5bd}
.object-note{position:absolute;font-size:13px;letter-spacing:.05em;color:#b6ab95;opacity:var(--detail-opacity,1)}.note-one{left:10%;top:-9%}.note-two{right:8%;bottom:-19%;font-size:11px}
.atelier-bottom{position:absolute;bottom:26px;left:6%;right:6%;display:flex;justify-content:space-between;align-items:center;color:#c7b89d;font-size:15px;z-index:5}.atelier-bottom>a{display:flex;align-items:center;gap:13px}.atelier-bottom>span{font-size:13px;letter-spacing:.04em}.scroll-circle{width:42px;height:42px;border:1px solid #c8b28966;border-radius:50%;display:grid;place-items:center;font-size:24px}
.atelier-arrival{display:none;position:absolute;left:8%;top:29%;opacity:var(--arrival-opacity,0);pointer-events:none}.atelier-arrival>span{font-size:15px;color:#c3b79e}.atelier-arrival>p{font-size:clamp(50px,6.2vw,100px);line-height:.95;margin-top:23px;letter-spacing:-.04em}
.atelier-live .atelier{height:205svh}.atelier-live .atelier-stage{position:sticky;top:86px}.atelier-live .atelier-intro{opacity:var(--intro-opacity,1);transform:translateY(var(--intro-y,0px))}.atelier-live .atelier-arrival{display:block}
.worlds-walk{background:#eee8dd;color:#302d25;position:relative;scroll-margin-top:86px}
.worlds-stage{position:relative;padding:65px 6% 28px;overflow:hidden;background:#eee8dd}
.worlds-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;border-bottom:1px solid #9c8b713d;padding-bottom:25px}.worlds-heading .eyebrow{color:#76634a;font-size:13px;max-width:15ch}.worlds-heading h2{font-size:clamp(38px,4.2vw,65px);font-weight:400}.worlds-heading h2 em{color:#8c7756}.worlds-count{font-size:15px;color:#837157;white-space:nowrap}
.worlds-track{position:relative}.work-scene{display:grid;grid-template-columns:.8fr 1.7fr;gap:6%;align-items:center;padding:45px 0 55px;min-width:0}
.scene-editorial .eyebrow{color:#7d6d53;font-size:13px;letter-spacing:.04em}.scene-editorial h3{font-size:clamp(36px,4.1vw,66px);line-height:.97;margin:26px 0 24px;letter-spacing:-.04em}.scene-editorial>p{font-size:19px;line-height:1.5;color:#685e50;max-width:29ch}.scene-editorial .text-link{font-size:18px;color:#453d2e;border-color:#8c7858;margin-top:28px}
.scene-site{display:block;position:relative;background:#d9d0bb;color:#303a29;box-shadow:0 25px 55px #473b2b26;overflow:hidden;transform:perspective(1200px) rotateY(var(--site-angle,0deg));transition:box-shadow .3s}.scene-site:hover{box-shadow:0 25px 55px #473b2b42}
.scene-nav{display:flex;justify-content:space-between;align-items:center;padding:15px 5%;border-bottom:1px solid #5e68403b}.scene-nav b{font-size:24px;font-weight:500}.scene-nav>span{font-size:12px}
.scene-canvas{height:clamp(300px,33vw,500px);position:relative;isolation:isolate;overflow:hidden}.scene-canvas>img{position:absolute;right:0;top:0;width:52%;height:100%;object-fit:cover;z-index:-1}.scene-site-copy{position:absolute;left:6%;top:22%;width:48%}.scene-site-copy>span:first-child{font-size:12px;letter-spacing:.02em}.scene-site-copy>p{font-size:clamp(37px,4.4vw,72px);line-height:.94;margin:20px 0 27px;letter-spacing:-.04em}.scene-link{font-size:14px;border-bottom:1px solid;padding-bottom:5px}.scene-stamp{position:absolute;right:15px;bottom:15px;width:44px;height:44px;border-radius:50%;border:1px solid #f9eedaaa;color:#fff4dc;display:grid;place-items:center;font-size:13px;background:#1b261433}.scene-foot{display:flex;justify-content:space-between;padding:14px 5%;font-size:13px}
.scene-morrow .scene-site{background:#ded0cc;color:#592f41}.scene-morrow .scene-canvas{background:#592f41}.scene-morrow .scene-canvas>img{width:50%;height:90%;top:10%;right:5%;border-radius:50% 50% 0 0}.scene-morrow .scene-site-copy{color:#f2e2d7;left:6%;top:25%;width:55%}.scene-morrow .scene-site-copy>p{font-size:clamp(39px,5vw,78px)}
.scene-form-field .scene-site{background:#2b332d;color:#efe8db}.scene-form-field .scene-canvas>img{width:100%;filter:brightness(.73)}.scene-form-field .scene-site-copy{top:auto;bottom:8%;width:75%;color:#fff7e6}.scene-form-field .scene-site-copy>p{font-size:clamp(42px,5.5vw,86px)}
.worlds-bottom{border-top:1px solid #9c8b713d;padding-top:20px;display:flex;justify-content:space-between;align-items:center;gap:20px}.worlds-bottom>p{font-size:14px;color:#736651}.worlds-stops{display:flex;gap:7px}.worlds-stops button{border:0;border-bottom:1px solid #968265;background:none;font:inherit;font-size:15px;padding:10px 16px;color:#6b5e48;min-height:44px}.worlds-stops button[aria-pressed=true]{background:#302d25;color:#f2e9d8}
.atelier-live .worlds-walk{height:310svh}.atelier-live .worlds-stage{height:calc(100svh - 86px);position:sticky;top:86px;display:flex;flex-direction:column;padding-top:24px;padding-bottom:22px}.atelier-live .worlds-track{flex:1;min-height:0}.atelier-live .work-scene{position:absolute;inset:0;transform:translate3d(var(--scene-x,0%),0,0);opacity:var(--scene-opacity,1);padding-block:24px}.atelier-live .scene-canvas{height:clamp(240px,43svh,480px)}
.journey-bridge{position:relative;padding:100px 6% 115px;overflow:hidden;background:#1c1b18;text-align:center;isolation:isolate}.journey-bridge>.eyebrow{font-size:15px}.journey-bridge h2{font-size:clamp(44px,7.5vw,115px);line-height:1.04;margin:36px 0;font-weight:400}.journey-bridge h2>span{display:block;transform:translateX(var(--line-shift,0px))}.journey-bridge h2>span:nth-child(2){transform:translateX(calc(var(--line-shift,0px) * -1));color:#b9af9e}.journey-bridge h2 em{color:#d0b88e}.journey-bridge .text-link{font-size:17px}.bridge-orbit{position:absolute;width:70%;height:110%;border:1px solid #bea27535;border-radius:50%;left:15%;top:-5%;z-index:-1;transform:rotate(var(--bridge-turn,-28deg)) scaleY(.7)}
.journey-trail{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);display:flex;padding:4px 9px;gap:5px;background:#25221eea;border:1px solid #c6ab7755;border-radius:40px;z-index:35;backdrop-filter:blur(10px)}.journey-trail a{display:grid;place-items:center;font-size:12px;min-width:34px;height:34px;border-radius:50%;color:#b8aa92}.journey-trail a[aria-current=location]{background:#d2bb94;color:#231f17}
.composition-play{padding:90px 6%;display:grid;grid-template-columns:.85fr 1.4fr;gap:8%;align-items:center;background:#ded3bf;color:#312c23;overflow:hidden;scroll-margin-top:100px}.compose-intro .eyebrow{color:#7c684b;font-size:14px}.compose-intro h2{font-size:clamp(40px,4.4vw,68px);margin:20px 0 24px;line-height:1.02}.compose-intro h2 em{color:#88704d}.compose-intro>p{font-size:20px;line-height:1.5;color:#625746;max-width:31ch}.compose-controls{margin-top:28px}.compose-controls .button{background:#302c24;color:#f0e4cc;border-color:#302c24;font-size:18px;min-height:48px}.compose-controls>p{font-size:15px;line-height:1.4;color:#6f614c;margin-top:18px;min-height:44px}
.compose-board{position:relative;aspect-ratio:1.3;background:#f2ebdf;color:#3e3628;border:1px solid #9d8a6733;box-shadow:0 35px 50px #5b4a2926;container-type:inline-size;overflow:hidden;transform:rotate(-2deg)}.compose-ruler{position:absolute;top:0;left:0;right:0;height:12%;display:flex;justify-content:space-between;align-items:center;padding:0 5%;border-bottom:1px solid #b09b7733;font-size:1.8cqw;letter-spacing:.06em}.compose-piece{position:absolute;transition:transform 1s cubic-bezier(.2,.8,.2,1),background .8s,border-radius .8s;transform-origin:center}.compose-heading{left:7%;top:30%;z-index:3;width:52%}.compose-heading small{font-size:1.9cqw;letter-spacing:.04em}.compose-heading p{font-size:6.5cqw;line-height:1;margin-top:6%}.compose-image{right:6%;top:20%;width:34%;height:66%;z-index:2}.compose-image img{width:100%;height:100%;object-fit:cover;mix-blend-mode:multiply}.compose-colour{width:33%;height:58%;right:9%;top:26%;background:#c7b899;z-index:1;border-radius:50% 50% 0 0}.compose-link{left:7%;bottom:21%;z-index:4;font-size:2.2cqw;border-bottom:1px solid #746449;padding-bottom:4px}.compose-caption{position:absolute;left:7%;bottom:7%;font-size:1.9cqw}.compose-ready:not(.is-polished) .compose-heading{transform:translate(10%,-20%) rotate(-12deg)}.compose-ready:not(.is-polished) .compose-image{transform:translate(-10%,-5%) rotate(13deg)}.compose-ready:not(.is-polished) .compose-link{transform:translate(50%,140%) rotate(9deg)}.compose-ready:not(.is-polished) .compose-colour{transform:translate(-145%,28%) rotate(-25deg);border-radius:0;background:#b7b99e}.is-polished .compose-board{outline:1px solid #8d774a55;outline-offset:10px}
.atelier-motion .journey-bloom{clip-path:inset(0 var(--bloom-inset,0%) round 3px)}.atelier-motion .journey-rise .capability-links>a{transform:translateY(var(--rise-y,0px))}.atelier-motion .journey-rise .capability-links>a:nth-child(2){transform:translateY(calc(var(--rise-y,0px) * .6))}.atelier-motion .journey-rise .capability-links>a:nth-child(3){transform:translateY(calc(var(--rise-y,0px) * .25))}
@media(max-width:1099px){.atelier-intro h1{font-size:6.7vw}.atelier-intro{left:5%;width:54%}.atelier-intro .eyebrow{font-size:12px}.atelier-description{font-size:18px}.design-object{right:3%;width:42%;top:22%}.atelier-actions{gap:15px}.atelier-actions .button,.atelier-actions .text-link{font-size:16px}.worlds-heading h2{font-size:40px}.scene-editorial h3{font-size:42px}.scene-editorial>p{font-size:17px}.scene-nav>span{font-size:10px}.worlds-bottom>p{max-width:24ch}.composition-play{gap:6%}}
@media(max-width:899px){
 .atelier-stage{height:auto;min-height:0;padding:56px 6% 30px}.atelier-intro{position:relative;inset:auto;width:100%}.atelier-intro h1{font-size:clamp(55px,10vw,87px);max-width:13ch;margin:23px 0}.atelier-intro .eyebrow{font-size:13px}.atelier-description{max-width:37ch;font-size:19px}.atelier-actions{margin-top:23px}.atelier-actions .button,.atelier-actions .text-link{font-size:17px}
 .design-object{position:relative;inset:auto;width:80%;margin:70px auto 65px;aspect-ratio:1.15}.object-topline{font-size:20px}.object-topline span:last-child{font-size:9px}.object-copy>span:first-child{font-size:10px}.object-copy>p{font-size:clamp(30px,6vw,48px)}.object-cta{font-size:12px}.object-bottom{font-size:9px}.object-type>span,.object-type small{font-size:9px}.object-type b{font-size:58px}.object-palette>span{font-size:10px}.object-note{font-size:12px}.note-two{font-size:10px}.atelier-bottom{position:relative;inset:auto;justify-content:center;margin-top:20px}.atelier-bottom>span{display:none}
 .worlds-stage{padding:42px 6% 30px}.worlds-heading{display:block;padding-bottom:24px}.worlds-heading .eyebrow{max-width:none;margin-bottom:12px}.worlds-heading h2{font-size:clamp(36px,6vw,52px)}.worlds-count{display:none}.work-scene{grid-template-columns:1fr;gap:28px;padding:45px 0;border-bottom:1px solid #9c8b713d}.scene-editorial h3{font-size:45px;margin:17px 0}.scene-editorial h3 br{display:none}.scene-editorial>p{max-width:48ch;font-size:19px}.scene-editorial .text-link{margin-top:15px;font-size:17px}.scene-nav b{font-size:22px}.scene-nav>span{font-size:10px}.scene-canvas{height:360px}.scene-site-copy>p{font-size:clamp(33px,6.7vw,59px)}.scene-morrow .scene-site-copy>p{font-size:clamp(37px,7.7vw,66px)}.scene-form-field .scene-site-copy>p{font-size:clamp(44px,8vw,70px)}.scene-site-copy>span:first-child{font-size:11px}.scene-link{font-size:13px}.scene-foot{font-size:12px}.worlds-bottom>p{max-width:none}.worlds-bottom{border:0}.journey-bridge{padding:85px 6%}.journey-bridge h2{font-size:clamp(42px,7.8vw,70px)}.journey-bridge .text-link{font-size:16px}
 .composition-play{grid-template-columns:1fr;gap:45px;padding:65px 6%}.compose-intro h2{font-size:48px}.compose-intro>p{max-width:42ch}.compose-board{max-width:640px;width:100%;margin:auto}.journey-trail{display:none!important}
}
@media(max-width:480px){body:has(.atelier) .header{height:76px}.atelier-stage{padding:35px 6% 25px}.atelier-intro .eyebrow{font-size:11px;letter-spacing:.03em}.atelier-intro h1{font-size:clamp(43px,12vw,58px);margin:23px 0}.atelier-description{font-size:18px;line-height:1.4}.atelier-actions{gap:12px 20px}.atelier-actions .button,.atelier-actions .text-link{font-size:15px}.atelier-actions .button{padding:12px 14px}.design-object{width:88%;margin-top:64px;margin-bottom:56px}.object-type b{font-size:37px}.object-type>span,.object-type small{font-size:7px}.object-topline{font-size:14px}.object-topline span:last-child{font-size:6px}.object-copy>p{font-size:27px}.object-copy>span:first-child{font-size:7px}.object-cta{font-size:9px}.object-bottom{font-size:7px}.object-palette>span{font-size:8px}.object-palette>div{margin-top:6px}.object-note{font-size:10px}.note-two{font-size:8px}.object-photo{border-width:3px}.atelier-bottom{font-size:14px}.scroll-circle{width:35px;height:35px}.worlds-stage{padding-inline:6%}.worlds-heading h2{font-size:35px}.scene-editorial h3{font-size:38px}.scene-editorial>p{font-size:18px}.scene-nav{padding-block:12px}.scene-nav b{font-size:18px}.scene-nav>span{font-size:8px}.scene-canvas{height:290px}.scene-site-copy{top:24%;left:6%}.scene-site-copy>span:first-child{font-size:8px}.scene-site-copy>p{font-size:32px}.scene-morrow .scene-site-copy>p{font-size:37px}.scene-form-field .scene-site-copy>p{font-size:44px}.scene-link{font-size:11px}.scene-stamp{width:30px;height:30px;font-size:10px}.scene-foot{font-size:10px}.journey-bridge h2{font-size:39px}.journey-bridge>.eyebrow{font-size:13px}.journey-bridge .text-link{font-size:14px;gap:15px}.compose-intro h2{font-size:42px}.compose-intro>p{font-size:18px}.compose-controls .button{font-size:17px}}
.compose-image img{object-position:80% center}
/* Full-bleed artwork gives each chapter a place, texture, and depth. */
.atelier-backdrop{position:absolute;inset:-5%;z-index:-3;display:block;transform:scale(var(--backdrop-scale,1)) translateY(var(--backdrop-y,0px));pointer-events:none}.atelier-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center}
.atelier-stage:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#171510b8 0%,#17151088 37%,#17151018 70%),linear-gradient(0deg,#17151099,transparent 32%);pointer-events:none}
.atelier-grid{opacity:.2}.atelier-intro h1{text-shadow:0 4px 30px #18140e55}.atelier-intro .eyebrow{color:#f0dcc0}.atelier-description{color:#f0e6d5;text-shadow:0 2px 14px #17130c}.atelier-actions .text-link{color:#f4ddb5}.object-note{color:#fae8c8;text-shadow:0 1px 9px #17130c}.object-orbit{border-color:#fae4b959}.atelier-bottom{color:#f1dfc0}.atelier-bottom>span{display:none}.atelier-arrival{color:#fff1d9;text-shadow:0 3px 28px #0007}.atelier-arrival>span{color:#f1dfc0}
.worlds-walk{background:#27251f;color:#f3eadb}.worlds-stage{background:#27251f;isolation:isolate}.worlds-atmosphere{position:absolute;inset:0;z-index:-3;pointer-events:none;overflow:hidden}.worlds-atmosphere>img{position:absolute;inset:-3%;width:106%;max-width:none;height:106%;object-fit:cover;opacity:var(--atmosphere-opacity,0);transform:scale(1.05) translateX(var(--atmosphere-x,0%));filter:brightness(.62) saturate(.75)}.worlds-atmosphere>img:first-child{opacity:var(--atmosphere-opacity,1)}.worlds-stage:after{content:'';position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#181914d9,#1819148c 35%,#18191422),linear-gradient(0deg,#1b1c18c9,transparent 30%,#1b1c1880);pointer-events:none}
.worlds-heading{border-color:#e3d1b53b}.worlds-heading .eyebrow,.worlds-count{color:#e9d3ac}.worlds-heading h2{color:#f5eddf}.worlds-heading h2 em{color:#e4c697}.scene-editorial .eyebrow{color:#e5d1ae}.scene-editorial h3{color:#f8edda;text-shadow:0 3px 25px #0006}.scene-editorial>p{color:#e8dece}.scene-editorial .text-link{color:#f2d8ac;border-color:#d5b789}.scene-site{box-shadow:0 25px 65px #0007}.worlds-bottom{border-color:#e3d1b53b}.worlds-bottom>p{color:#dfd1ba}.worlds-stops button{color:#ebdac0;border-color:#ae9470;background:#26251b66}.worlds-stops button[aria-pressed=true]{background:#ead9bb;color:#29251e}
.journey-bridge{background:linear-gradient(#14201666,#111a16a8),url('/assets/pulida-garden.png') center 55% / cover;color:#fff3db;padding-block:125px}.journey-bridge h2{text-shadow:0 4px 35px #0c170f99}.journey-bridge h2>span:nth-child(2){color:#e8e0cc}.journey-bridge h2 em{color:#f0ce94}.journey-bridge>.eyebrow,.journey-bridge .text-link{color:#fff0ce}.bridge-orbit{border-color:#e9d4a38c}
.composition-play{background:linear-gradient(#34210b12,#2a1d0d29),url('/assets/design-table.webp') center / cover;gap:6%;padding-block:110px}.compose-intro{background:#eee5d6ed;padding:32px;box-shadow:0 15px 45px #33251233;transform:rotate(-1deg);backdrop-filter:blur(6px)}.compose-intro h2{font-size:clamp(37px,3.9vw,60px)}.compose-intro .eyebrow{font-size:13px}.compose-board{box-shadow:0 30px 60px #20150866;transform:rotate(2deg)}
body:has(.atelier) .design-playground{background:linear-gradient(90deg,#d8c49cdf,#d8c49c70),url('/assets/light-study.webp') center / cover}
body:has(.atelier) .journey-bloom{background:linear-gradient(90deg,#f0e9dfe6,#f0e9dfb8),url('/assets/light-study.webp') center / cover}
body:has(.atelier) .home-services{position:relative;isolation:isolate;width:100%;max-width:none;padding-inline:6%}body:has(.atelier) .home-services:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#171612e8,#171612a8),url('/assets/studio-workspace.webp') center / cover;pointer-events:none}
@media(max-width:899px){.atelier-backdrop img{object-position:65% center}.atelier-stage:after{background:linear-gradient(180deg,#171510a3,#17151025 58%,#17151066)}.worlds-atmosphere{position:absolute}.worlds-atmosphere>img{object-position:60% center}.worlds-stage:after{background:#161a15ae}.composition-play{padding-block:65px}.compose-intro{padding:26px;max-width:630px}.compose-intro h2{font-size:48px}.journey-bridge{padding-block:90px}}
@media(max-width:480px){.atelier-backdrop img{object-position:56% center}.atelier-stage:after{background:linear-gradient(180deg,#171510a3,#17151050 65%,#17151066)}.composition-play{padding:55px 6%}.compose-intro{padding:24px}.compose-intro h2{font-size:38px}.compose-intro>p{font-size:18px}.journey-bridge{background-position:67% center}.work-scene{border-color:#e3d1b53b}}
@media(min-width:900px){.worlds-heading .eyebrow{max-width:23ch;flex:0 0 190px}.worlds-heading h2{margin-right:auto}.atelier-bottom>span{max-width:25ch;text-align:right}.atelier-live .worlds-bottom{padding-right:100px}}
.motion-disabled .compose-piece{transition:none}
@media(prefers-reduced-motion:reduce){.compose-piece{transition:none}.design-object,.scene-site,.journey-bridge h2>span{will-change:auto}}

/* Scroll choreography: the same camera sequence runs at every usable width. */
.atelier-live .atelier{height:250svh}
.atelier-live .atelier-stage{top:var(--stage-top,86px);height:calc(100svh - var(--stage-top,86px));min-height:0;overflow:clip;clip-path:inset(var(--stage-inset,0%) round 4px)}
.atelier-live .atelier-intro{transform:translateY(var(--intro-y,0px)) scale(var(--intro-scale,1));transform-origin:left top}
.atelier-live .design-object{opacity:var(--object-opacity,1);transform-origin:center}
.atelier-live .atelier-arrival{z-index:6;transform:scale(var(--arrival-scale,1));transform-origin:left center}
.atelier-live .worlds-walk{height:350svh}
.atelier-live .worlds-stage{top:var(--stage-top,86px);height:calc(100svh - var(--stage-top,86px));overflow:clip}
.atelier-live .worlds-track{overflow:clip}
.atelier-live .work-scene{transform:translate3d(var(--scene-x,0%),var(--scene-y,0%),0) scale(var(--scene-scale,1)) rotate(var(--scene-turn,0deg));transform-origin:center;will-change:transform,opacity}
.atelier-live .worlds-atmosphere>img{transform:scale(var(--atmosphere-scale,1.05)) translateX(var(--atmosphere-x,0%));will-change:transform,opacity}
.journey-bridge{padding:0;background:#172015;overflow:clip}
.bridge-stage{position:relative;padding:125px 6%;overflow:clip;isolation:isolate}
.bridge-stage:before{content:'';position:absolute;inset:-5%;z-index:-2;background:linear-gradient(#14201666,#111a16a8),url('/assets/pulida-garden.png') center / cover;transform:scale(var(--bridge-camera,1));transform-origin:68% 52%}
.atelier-live .journey-bridge{height:180svh}
.atelier-live .bridge-stage{height:calc(100svh - var(--stage-top,86px));position:sticky;top:var(--stage-top,86px);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:45px 6%}
.atelier-motion .bridge-stage h2{transform:translateY(var(--bridge-title-y,0px)) scale(var(--bridge-title-scale,1));transform-origin:center}
.atelier-motion .scroll-chapter{overflow:clip;clip-path:inset(0 var(--chapter-inset,0%) round 4px)}
.atelier-motion .scroll-chapter>*{transform:translateY(var(--chapter-y,0px)) scale(var(--chapter-scale,1));transform-origin:center}
.atelier-motion :is(.compose-board,.play-preview,.transformation-story .signature-lab){transform:perspective(1200px) rotateY(var(--preview-turn,0deg)) scale(var(--preview-scale,1));transform-origin:center}
.atelier-motion .home-services:before{background-size:cover;transform:scale(var(--chapter-scale,1))}
@media(max-width:899px){
 .atelier-live .atelier-stage{padding:0}
 .atelier-live .atelier-intro{position:absolute;left:6%;right:6%;top:5%;width:auto}
 .atelier-live .atelier-intro h1{font-size:clamp(42px,8.4vw,66px);line-height:.93;margin:20px 0}
 .atelier-live .atelier-intro .eyebrow{font-size:12px}
 .atelier-live .atelier-description{font-size:18px;max-width:38ch}
 .atelier-live .atelier-actions{margin-top:18px;gap:12px 20px}
 .atelier-live .atelier-actions .button,.atelier-live .atelier-actions .text-link{font-size:16px}
 .atelier-live .design-object{position:absolute;top:66%;right:18%;width:58%;margin:0}
 .atelier-live .atelier-arrival{position:absolute;left:6%;top:8%;width:88%;text-align:center;transform-origin:center}
 .atelier-live .atelier-arrival>p{font-size:clamp(45px,8vw,64px);margin-top:12px}
 .atelier-live .atelier-arrival>span{font-size:14px}
 .atelier-live .atelier-bottom{position:absolute;bottom:18px;left:6%;right:6%;margin:0;justify-content:flex-start;font-size:13px}
 .atelier-live .atelier-bottom .scroll-circle{width:30px;height:30px;font-size:19px}
 .atelier-live .object-note{display:none}
 .atelier-live .worlds-stage{padding:20px 6% 16px}
 .atelier-live .worlds-heading{padding-bottom:14px;display:block;flex:none}
 .atelier-live .worlds-heading .eyebrow{margin-bottom:7px;font-size:12px}
 .atelier-live .worlds-heading h2{font-size:clamp(29px,5vw,40px)}
 .atelier-live .work-scene{display:flex;flex-direction:column;justify-content:center;gap:16px;padding-block:16px;border:0}
 .atelier-live .scene-editorial{width:100%}
 .atelier-live .scene-editorial .eyebrow{font-size:11px}
 .atelier-live .scene-editorial h3{font-size:34px;margin:9px 0;line-height:1}
 .atelier-live .scene-editorial h3 br{display:none}
 .atelier-live .scene-editorial>p{display:none}
 .atelier-live .scene-editorial .text-link{font-size:15px;margin:0;padding:3px 0;min-height:32px}
 .atelier-live .scene-site{width:100%;flex:0 1 auto;min-height:0}
 .atelier-live .scene-canvas{height:clamp(165px,30svh,340px)}
 .atelier-live .scene-nav{padding:9px 5%}.atelier-live .scene-nav b{font-size:19px}
 .atelier-live .scene-site-copy>p{font-size:clamp(30px,5.8vw,47px);margin:13px 0 18px}
 .atelier-live .scene-form-field .scene-site-copy>p{font-size:clamp(36px,6.7vw,55px)}
 .atelier-live .scene-foot{padding:9px 5%;font-size:11px}
 .atelier-live .worlds-bottom{padding:10px 0 0;display:block;flex:none}
 .atelier-live .worlds-bottom>p{font-size:11px;margin-bottom:4px}
 .atelier-live .worlds-stops{display:flex;gap:7px;padding-right:95px}
 .atelier-live .worlds-stops button{font-size:13px;padding:8px 11px;min-height:40px;white-space:nowrap}
 .atelier-live .bridge-stage h2{font-size:clamp(36px,6.4vw,56px);line-height:1.12;margin:40px 0}
 .bridge-stage{padding:90px 6%}
}
@media(max-width:480px){
 .atelier-live .atelier-intro h1{font-size:43px}.atelier-live .atelier-intro .eyebrow{font-size:10px}
 .atelier-live .atelier-description{font-size:16px;max-width:34ch}
 .atelier-live .atelier-actions .button,.atelier-live .atelier-actions .text-link{font-size:14px}
 .atelier-live .atelier-actions .button{padding:10px 13px}.atelier-live .atelier-actions{gap:8px 15px}
 .atelier-live .design-object{top:61%;width:66%;right:17%}
 .atelier-live .scene-editorial h3{font-size:28px}.atelier-live .scene-editorial .eyebrow{font-size:10px}
 .atelier-live .scene-canvas{height:clamp(165px,27svh,250px)}
 .atelier-live .scene-nav>span{font-size:7px}.atelier-live .scene-nav b{font-size:17px}
 .atelier-live .scene-site-copy>p{font-size:29px}.atelier-live .scene-form-field .scene-site-copy>p{font-size:36px}
 .atelier-live .worlds-stops{gap:4px;padding-right:80px}.atelier-live .worlds-stops button{font-size:12px;padding-inline:8px}
 .atelier-live .worlds-bottom>p{font-size:10px}.atelier-live .bridge-stage h2{font-size:34px}
}
