.seo-heading{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600&family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600&display=swap');
:root{--bg:#1A1D24;--surface:#21252E;--raised:#2A2F3A;--line:#363C48;--text:#E8EAED;--muted:#98A0AD;--blue:#3E8EA5;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:var(--bg);color:var(--text);font-family:var(--sans)}button,a{font:inherit;color:inherit}button{cursor:pointer}.experience{min-height:100svh;overflow:hidden}.media-stage{position:fixed;inset:0;z-index:0;background:var(--bg)}.still,.film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.film{opacity:0;transition:opacity .32s ease}.film.show{opacity:1}.media-stage:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(26,29,36,.1),transparent 45%,rgba(26,29,36,.1));pointer-events:none}.rail{position:fixed;z-index:9;top:clamp(18px,3vw,38px);left:clamp(18px,3vw,46px);display:flex;align-items:center;gap:12px}.brand{height:44px;min-width:44px;padding:8px 13px;display:grid;place-items:center;border:1px solid rgba(232,234,237,.35);border-radius:999px;background:rgba(26,29,36,.46);backdrop-filter:blur(8px)}.brand img{display:block;width:72px;max-height:24px;object-fit:contain}.back{min-height:44px;border:1px solid rgba(0,0,0,.08);border-radius:999px;background:rgba(245,243,238,.94);color:#1b1b1d;padding:8px 14px 8px 11px;display:flex;align-items:center;gap:8px;font:800 10px var(--sans);letter-spacing:.14em;text-transform:uppercase;box-shadow:0 6px 18px rgba(0,0,0,.18)}.back img{width:19px;height:19px;object-fit:contain}.back:hover{transform:scale(1.04)}.scene{position:absolute;inset:0;z-index:2;min-height:100svh;display:grid;opacity:0;pointer-events:none;transition:opacity .4s ease}.scene.is-active{opacity:1;pointer-events:auto}.scene[hidden]{display:none}.home{grid-template-columns:1fr 1px 1fr}.choice{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,8vw,135px)}.choice.left{align-items:flex-start}.choice.right{align-items:flex-end;text-align:right}.choice p,.intro p,.panel>p{font:500 10px var(--mono);letter-spacing:.21em;text-transform:uppercase;color:var(--muted);margin:0 0 16px}.choice h2{font:500 clamp(52px,6.8vw,108px)/.84 var(--serif);letter-spacing:-.055em;margin:0}.line{height:62svh;align-self:center;background:linear-gradient(transparent,rgba(232,234,237,.5),transparent)}.entry{margin-top:33px;min-height:44px;padding:0 17px;border:1px solid rgba(232,234,237,.65);border-radius:999px;background:rgba(26,29,36,.24);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:16px}.entry:hover{background:var(--text);color:var(--bg);transform:translateY(-2px)}i{font-style:normal;font-size:16px}.solid{background:var(--text);color:var(--bg)}.portals{grid-template-columns:1fr minmax(310px,40%);padding:clamp(110px,14vw,180px) clamp(24px,9vw,145px) 55px;align-items:center}.intro{max-width:600px}.intro h2{font-size:clamp(52px,6vw,96px)}.portal-stack{height:min(66vh,660px);width:min(37vw,510px);justify-self:end;display:flex;flex-direction:column;justify-content:space-between}.portal,.split button{border:1px solid rgba(232,234,237,.48);background:rgba(33,37,46,.38);color:var(--text);text-align:left;display:flex;align-items:center;justify-content:space-between}.portal{min-height:140px;padding:24px 28px;font:500 clamp(26px,2.6vw,44px)/.9 var(--serif)}.portal:hover,.split button:hover,.projects button:hover{background:var(--raised)}.split{display:flex;gap:12px;grid-column:1/-1;align-self:end}.split button{flex:1;min-height:145px;padding:27px;font:500 clamp(28px,3.5vw,57px)/.85 var(--serif)}.content{align-items:end;padding:clamp(94px,10vw,140px) clamp(22px,9vw,145px) clamp(35px,7vw,90px)}.panel{max-width:1000px;padding:clamp(25px,4vw,55px);background:rgba(26,29,36,.54);border-left:1px solid rgba(232,234,237,.38);backdrop-filter:blur(10px)}.panel h2{font-size:clamp(50px,6vw,90px);margin-bottom:29px}.cards,.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(232,234,237,.2);border:1px solid rgba(232,234,237,.2)}.cards.four{grid-template-columns:repeat(4,1fr)}.cards article,.projects button{background:rgba(33,37,46,.85);padding:20px;text-align:left;border:0;color:var(--text)}.cards article{min-height:166px}.cards b,.projects small{display:block;font:400 10px var(--mono);letter-spacing:.08em;color:var(--blue)}h3{font:500 23px/1 var(--serif);margin:26px 0 9px}.cards span,.note{font-size:12px;line-height:1.55;color:var(--muted);max-width:47ch;display:block}.panel strong{font:500 11px var(--mono);color:var(--blue);letter-spacing:.13em;text-transform:uppercase;display:block;margin-bottom:12px}.clients{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.clients button{padding:10px 12px;border:1px solid var(--line);border-radius:999px;background:rgba(42,47,58,.8);font-size:11px;text-align:left}.clients small{display:none}.clients button:hover{border-color:var(--blue)}nav{display:flex;gap:24px;margin-top:26px}nav button,nav a{padding:10px 0;border:0;border-bottom:1px solid var(--blue);background:none;text-decoration:none;font:500 10px var(--mono);letter-spacing:.08em;text-transform:uppercase}.projects button{min-height:160px;font:500 29px/.9 var(--serif)}.projects small{margin-bottom:35px;text-transform:uppercase}
@media(max-width:650px){.home{grid-template-columns:1fr 1px 1fr}.choice{padding:19px}.choice h2{font-size:clamp(39px,13vw,60px)}.choice p{font-size:8px}.line{height:46svh}.entry{margin-top:23px;padding:0 11px;gap:8px;font-size:8px}.portals{grid-template-columns:1fr;padding:105px 20px 27px;align-content:space-between}.intro h2{font-size:clamp(48px,15vw,67px)}.portal-stack{width:100%;height:40svh}.portal{min-height:111px;padding:18px;font-size:34px}.split{gap:8px}.split button{min-height:126px;padding:17px;font-size:29px}.content{padding:94px 19px 25px}.panel{padding:22px 0 0;background:transparent;backdrop-filter:none}.panel h2{font-size:57px}.cards,.cards.four,.projects{grid-template-columns:1fr}.cards article{min-height:0;padding:17px}h3{margin:17px 0 7px}.projects button{min-height:106px}.projects small{margin-bottom:18px}.rail{top:18px;left:18px}.brand{background:rgba(26,29,36,.66)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.film{display:none}}
.media-stage:after{display:none}.brand{background:#21252E;backdrop-filter:none}.back{background:#f5f3ee;backdrop-filter:none}.panel{background:#21252E;backdrop-filter:none}.home{grid-template-columns:1fr 1fr}.choice{justify-content:flex-end;padding:clamp(30px,7vw,120px);padding-bottom:clamp(50px,12vh,130px)}.choice h2{font-size:clamp(38px,4.3vw,68px);line-height:.87}.entry{margin-top:18px;background:#21252E}.portals{padding:0;place-items:center}.portals .intro{display:none}.portal-stack{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(22vw,340px);height:62%;justify-self:auto}.portal{min-height:84px;padding:16px 19px;font-size:clamp(20px,2vw,31px);background:#21252E}.video-error{position:fixed;z-index:20;bottom:24px;right:24px;background:#21252E;border:1px solid var(--line);padding:16px;display:flex;gap:14px;align-items:center;font-size:12px}.video-error button{min-height:44px;background:transparent;border:1px solid var(--text);color:var(--text);padding:0 12px}
.film{transition:none}
.back[hidden]{display:none}
.portal{width:max-content;max-width:90vw;align-self:center;justify-content:center;white-space:nowrap}.home .entry{font-family:Manrope,Arial,sans-serif}.catalog-modal [data-catalog-image]{display:block;width:100%;max-height:230px;object-fit:cover;border-radius:12px;margin:0 0 22px}.catalog-modal [data-catalog-image][hidden]{display:none}.catalog-copy ul{margin:0;padding-left:20px}.catalog-copy li{margin:0 0 8px}.catalog-actions{display:flex;gap:20px;margin-top:28px}.catalog-actions button,.catalog-actions a{border:0;border-bottom:1px solid #1b1b1d;background:none;padding:8px 0;color:#1b1b1d;text-decoration:none;font:600 13px var(--sans)}@media(max-width:650px){.portal{max-width:calc(100vw - 32px);font-size:14px}}
@font-face{font-family:Satoshi;src:url('assets/fonts/Satoshi-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url('assets/fonts/Satoshi-Black.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}:root{--sans:Satoshi,Arial,sans-serif}.media-stage .gallery-canvas{transition:opacity .3s ease}
.gallery-cards{position:absolute;inset:0;z-index:1;pointer-events:none}.gallery-cards button{position:absolute;top:50%;transform:translate(-50%,-50%);width:min(27vw,330px);min-height:118px;padding:18px;text-align:left;border:1px solid rgba(27,27,29,.2);border-radius:18px;background:#f5f3ee;color:#1b1b1d;font:400 14px/1.35 var(--sans);pointer-events:auto}.gallery-cards strong{display:block;font:600 18px/1.15 var(--sans);margin-bottom:8px}.gallery-cards span{display:block}.catalog-modal{position:fixed;z-index:20;left:50%;top:50%;transform:translate(-50%,-50%);width:min(680px,calc(100vw - 40px));max-height:min(72svh,700px);overflow:auto;background:#f5f3ee;color:#1b1b1d;padding:clamp(28px,5vw,62px);border-radius:20px;box-shadow:0 24px 70px rgba(0,0,0,.28)}.catalog-modal[hidden]{display:none}.catalog-modal p:first-child{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:#62666d}.catalog-modal h2{font:500 clamp(42px,6vw,72px)/.95 var(--serif);margin:12px 0 28px}.catalog-copy p{font:400 16px/1.6 var(--sans);margin:0 0 14px}.catalog-close{position:absolute;right:16px;top:16px;width:44px;height:44px;border:1px solid rgba(27,27,29,.2);border-radius:50%;background:transparent;color:#1b1b1d;font-size:27px}.catalog-open{overflow:hidden}@media(max-width:650px){.gallery-cards button{width:calc(100vw - 92px);min-height:132px;padding:18px}.gallery-cards strong{font-size:18px}.catalog-modal{width:calc(100vw - 28px);max-height:78svh;padding:58px 24px 30px}.catalog-copy p{font-size:15px}}
.is-moving .scene{opacity:0!important;pointer-events:none!important}.is-moving .back{opacity:.85}
.video-error[hidden]{display:none!important}
.cards button{border:0;color:var(--text);font:inherit;cursor:pointer}.cards button:hover{background:var(--raised)}
.selector-scene{display:block}.selector{position:absolute;inset:0;pointer-events:none}.selector button{position:absolute;pointer-events:auto;min-height:44px;min-width:150px;padding:10px 18px;border:1px solid rgba(232,234,237,.82);border-radius:999px;background:rgba(26,29,36,.32);color:var(--text);font:400 16px var(--sans);line-height:1.1;text-align:center;transition:background .2s,border-color .2s}.selector button:hover{background:#21252E;border-color:var(--text)}.selector-clients button:nth-child(1){left:25%;top:31%;transform:translate(-50%,-50%)}.selector-clients button:nth-child(2){left:25%;top:66%;transform:translate(-50%,-50%)}.selector-clients button:nth-child(3){left:50%;top:49%;transform:translate(-50%,-50%)}.selector-clients button:nth-child(4){left:75%;top:31%;transform:translate(-50%,-50%)}.selector-clients button:nth-child(5){left:75%;top:66%;transform:translate(-50%,-50%)}.selector-automation button:nth-child(1){left:33%;top:29%;transform:translate(-50%,-50%)}.selector-automation button:nth-child(2){left:63%;top:29%;transform:translate(-50%,-50%)}.selector-automation button:nth-child(3){left:48%;top:72%;transform:translate(-50%,-50%)}@media(max-width:650px){.selector button{min-width:0;width:29vw;max-width:126px;min-height:44px;padding:8px 7px;font-size:14px}.selector-clients button:nth-child(1){left:25%;top:34%}.selector-clients button:nth-child(2){left:25%;top:64%}.selector-clients button:nth-child(3){left:50%;top:49%}.selector-clients button:nth-child(4){left:75%;top:34%}.selector-clients button:nth-child(5){left:75%;top:64%}.selector-automation button:nth-child(1){left:33%;top:34%}.selector-automation button:nth-child(2){left:63%;top:34%}.selector-automation button:nth-child(3){left:48%;top:64%}}
@media(max-width:650px){.still,.film{object-fit:contain;background:var(--bg)}.home{grid-template-columns:1fr 1fr}.home .choice{position:absolute;bottom:calc(50% - 28.125vw + 5px);padding:0 14px}.home .choice.left{left:0;align-items:flex-start}.home .choice.right{right:0;align-items:flex-end}.choice h2{font-size:clamp(20px,6.2vw,25px)}.entry{margin-top:9px;min-height:44px;padding:0 12px;gap:8px;font-size:10px}.portals{padding:0}.portal-stack{width:42vw;height:56.25vw;max-height:211px}.portal{min-height:44px;padding:8px 10px;font-size:clamp(16px,4.8vw,20px)}.panel{background:#21252E}.video-error{left:18px;right:18px;bottom:18px}}
.rail{position:fixed;inset:0;z-index:9;pointer-events:none}.brand{position:fixed;left:50%;top:5vh;transform:translateX(-50%);height:auto;min-width:0;padding:0;border:0;border-radius:0;background:transparent!important;pointer-events:auto}.brand img{width:132px;max-height:none}.back{position:fixed;left:clamp(18px,3vw,46px);top:clamp(18px,3vw,38px);pointer-events:auto}.home .choice{position:absolute;top:80%;width:50%;padding:0;align-items:center!important;text-align:center!important;justify-content:flex-start}.home .choice.left{left:0}.home .choice.right{right:0}.home .choice h2{font-size:clamp(34px,2.5vw,48px);line-height:1;white-space:nowrap}.home .entry{width:max(8.6vw,144px);justify-content:center;margin-top:20px;background:transparent;border-color:rgba(232,234,237,.75);font-size:11px}.home .entry i{display:none}
@media(max-width:650px){.brand{top:5vh}.brand img{width:96px}.back{top:16px;left:16px}.home .choice{top:calc(50% + 14vw);width:50%;padding:0 3px}.home .choice h2{font-size:clamp(16px,4.4vw,19px);white-space:normal}.home .entry{min-width:0;width:calc(100% - 18px);max-width:144px;margin-top:8px;font-size:10px}}
.home .entry{font:400 16px var(--sans);letter-spacing:0;text-transform:none}.home .entry:hover{background:transparent;color:var(--text);transform:none}@media(max-width:650px){.home .entry{font-size:14px}}
.selector-automation button:nth-child(3){left:33%;top:75%}
@media(max-width:650px){.selector{left:0;right:0;top:50%;bottom:auto;height:56.25vw;max-height:none;transform:translateY(-50%)}.selector-automation button:nth-child(3){left:33%;top:75%}}
@media(max-width:650px){.selector-clients button:nth-child(1),.selector-clients button:nth-child(4){top:18%}.selector-clients button:nth-child(2),.selector-clients button:nth-child(5){top:82%}.selector-clients button:nth-child(3){top:50%}}
@media(max-width:650px){body .gallery-clients button{width:22vw}}
.portal,.gallery-clients button,.gallery-arrow{min-height:44px;border:1px solid rgba(27,27,29,.2);border-radius:999px;background:#f5f3ee;color:#1b1b1d;font:600 16px var(--sans);letter-spacing:0;text-transform:none}.portal{min-height:44px;padding:10px 18px}.portal:hover,.gallery-clients button:hover,.gallery-arrow:hover{background:#fff;color:#1b1d1d}.gallery-scene{overflow:hidden}.media-stage .still{z-index:0}.media-stage .gallery-canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;pointer-events:none;opacity:0}.media-stage .gallery-canvas.is-ready{opacity:1}.media-stage .film{z-index:2}.gallery-clients,.gallery-arrows{position:absolute;inset:0;z-index:1;pointer-events:none}.gallery-clients button{position:absolute;top:50%;transform:translate(-50%,-50%);width:clamp(150px,15vw,245px);padding:10px 14px;pointer-events:auto;line-height:1.15}.gallery-arrows{display:flex;align-items:center;justify-content:space-between;padding:0 clamp(16px,3vw,46px)}.gallery-arrow{pointer-events:auto;width:44px;padding:0;font-size:21px;opacity:.95}.gallery-arrow:disabled{opacity:.35;cursor:default}@media(max-width:650px){.portal{font-size:14px}.gallery-clients button{width:29vw;max-width:126px;min-height:44px;padding:7px 6px;font-size:14px}.gallery-arrows{padding:0 8px}.gallery-arrow{width:44px;font-size:19px}}

.gallery-scene{touch-action:none}.portal:hover,.gallery-clients button:hover,.gallery-arrow:hover{background:#E8EAED}

.gallery-arrows{inset:auto;left:50%;bottom:clamp(24px,6vh,70px);transform:translateX(-50%);width:auto;height:44px;padding:0;gap:12px;justify-content:center}
@media(max-width:650px){.gallery-arrows{top:min(calc(50% + 28.125vw + 16px),calc(100% - 60px));bottom:auto;padding:0}}

/* Approved home stays unchanged; new controls use the Hostess typeface. */
.home .entry{font-family:Manrope,Arial,sans-serif}
.portal{width:max-content;max-width:90vw;align-self:center;justify-content:center;gap:12px;white-space:nowrap;padding:10px 18px;font-size:14px;line-height:22px}
.developments .split{position:absolute;inset:0;width:100%;height:100%;align-self:stretch;justify-self:stretch;grid-column:auto;display:block;pointer-events:none}
.developments .split button{position:absolute;left:30%;top:60%;transform:translate(-50%,-50%);width:max-content;max-width:36vw;min-height:44px;padding:10px 18px;border-radius:999px;background:#f5f3ee;color:#1b1b1d;font:600 14px/1.25 Satoshi,Arial,sans-serif;text-align:center;pointer-events:auto;gap:12px}
.developments .split button:nth-child(2){left:70%}
.developments .split br{display:none}
@media(max-width:650px){.developments .split{top:50%;bottom:auto;height:56.25vw;transform:translateY(-50%)}.developments .split button{top:60%;max-width:43vw;padding:8px 12px;font-size:13px}.developments .split button:first-child{left:25%}.developments .split button:nth-child(2){left:75%}}