@import url('https://fonts.googleapis.com/css2?family=Bodoni+Moda:opsz,wght@6..96,600;6..96,700&family=Cormorant+Garamond:wght@500;600;700&family=DM+Sans:wght@300;400;500;600&family=DM+Serif+Display:ital@0;1&family=Manrope:wght@300;400;500;600;700&family=Playfair+Display:wght@600;700;800&display=swap');
:root{--bg:#050608;--ink:#f3eee6;--muted:#aaa69f;--line:rgba(255,255,255,.12);--bronze:#c6a16b;--max:1480px}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;color:var(--ink);font-family:"DM Sans",sans-serif;background:radial-gradient(circle at 72% 12%,rgba(145,180,202,.08),transparent 24%),radial-gradient(circle at 18% 20%,rgba(198,161,107,.07),transparent 20%),linear-gradient(180deg,#040507,#090b10 52%,#050608);overflow-x:hidden}
body:before{content:"";position:fixed;inset:-40%;z-index:0;pointer-events:none;opacity:.14;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='180' height='180' filter='url(%23n)' opacity='.32'/%3E%3C/svg%3E")}
.loader{position:fixed;inset:0;z-index:999;background:#050608;display:grid;place-items:center;align-content:center;gap:18px;transition:.8s}.loader.done{opacity:0;visibility:hidden}.loader img{width:84px;height:84px}.loader p{margin:0;font-size:10px;letter-spacing:.28em;color:#bda985}.loader-line{width:180px;height:1px;background:rgba(255,255,255,.14);overflow:hidden}.loader-line span{display:block;width:42%;height:100%;background:linear-gradient(90deg,transparent,var(--bronze),transparent);animation:load 1.2s infinite}@keyframes load{from{transform:translateX(-120%)}to{transform:translateX(340%)}}
.cursor-glow{position:fixed;width:280px;height:280px;border-radius:50%;pointer-events:none;z-index:1;background:radial-gradient(circle,rgba(145,180,202,.09),transparent 66%);filter:blur(12px);translate:-50% -50%;opacity:.7}.page-progress{position:fixed;right:0;top:0;width:2px;height:100%;z-index:20;background:rgba(255,255,255,.03)}.page-progress span{display:block;width:100%;height:0;background:linear-gradient(var(--bronze),rgba(145,180,202,.8))}
header,main,footer{position:relative;z-index:2}header{position:fixed;inset:0 0 auto 0;height:88px;padding:18px 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:.35s;border-bottom:1px solid transparent;z-index:10}header.scrolled{height:74px;background:rgba(5,6,8,.6);backdrop-filter:blur(26px) saturate(150%);border-color:var(--line)}.brand img{width:76px;height:52px;object-fit:contain}nav{display:flex;gap:32px}nav a,.text-link{color:var(--ink);text-decoration:none;font-size:11px;letter-spacing:.17em;text-transform:uppercase}.header-cta{justify-self:end}
.glass-btn{display:inline-flex;align-items:center;gap:14px;padding:14px 18px;border-radius:999px;text-decoration:none;color:var(--ink);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.035));backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 60px rgba(0,0,0,.26);transition:.3s}.glass-btn:hover{transform:translateY(-2px);border-color:rgba(255,255,255,.28)}.primary{background:linear-gradient(145deg,rgba(198,161,107,.22),rgba(255,255,255,.05))}
.hero{min-height:100svh;max-width:var(--max);margin:auto;padding:118px 4vw 26px;display:grid;grid-template-rows:minmax(0,1fr) auto}.hero-main{display:grid;grid-template-columns:minmax(320px,44%) minmax(420px,56%);align-items:center;gap:4vw;min-height:0}.hero-copy{align-self:center;padding-bottom:10px}.eyebrow{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:#c7ad87;margin:0 0 20px}h1,h2,h3{font-family:"Cormorant Garamond",serif;font-weight:600;line-height:.94;margin:0}h1{font-size:clamp(56px,6.5vw,108px);letter-spacing:-.05em;max-width:720px}h2{font-size:clamp(44px,5vw,82px);letter-spacing:-.04em}h3{font-size:clamp(30px,3vw,48px);letter-spacing:-.03em}.lead{max-width:640px;color:#b7b2aa;font-size:17px;line-height:1.72;margin:26px 0 32px}.hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap}
.stage{position:relative;height:min(72vh,760px);min-height:560px;perspective:1500px;isolation:isolate}.stage-aura{position:absolute;inset:11%;border-radius:50%;background:radial-gradient(circle,rgba(145,180,202,.13),rgba(198,161,107,.045) 30%,transparent 68%);filter:blur(22px)}
.world-card{position:absolute;width:230px;height:290px;border-radius:30px;padding:12px;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));backdrop-filter:blur(22px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 120px rgba(0,0,0,.38);overflow:hidden;transition:transform .2s,opacity .4s}.world-card:after{content:"";position:absolute;inset:12px;border-radius:20px;background:linear-gradient(180deg,transparent 52%,rgba(0,0,0,.72));pointer-events:none}.world-card .image{position:absolute;inset:12px;border-radius:20px;background-size:cover;background-position:center}.world-card .meta{position:absolute;z-index:2;left:26px;right:26px;bottom:25px}.world-card .meta span{display:block;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#ded9d1;opacity:.8;margin-bottom:7px}.world-card .meta strong{font-size:21px}.w1{left:2%;top:12%;transform:rotate(-7deg)}.w2{left:12%;bottom:2%;transform:rotate(7deg)}.w3{right:0;top:4%;width:200px;height:245px;transform:rotate(6deg)}.w4{right:8%;bottom:1%;width:220px;height:265px;transform:rotate(-5deg)}.w5{right:31%;top:39%;width:155px;height:195px;transform:rotate(10deg)}
.lens-wrap{position:absolute;left:50%;top:50%;width:min(34vw,500px);aspect-ratio:1;transform:translate(-50%,-50%);transform-style:preserve-3d;filter:drop-shadow(0 55px 100px rgba(0,0,0,.36));transition:transform .2s}.lens{position:absolute;inset:8%;border-radius:48% 52% 43% 57%/54% 44% 56% 46%;overflow:hidden;border:1px solid rgba(255,255,255,.23);background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.58),transparent 10%),radial-gradient(circle at 70% 67%,rgba(126,175,205,.25),transparent 28%),radial-gradient(circle at 44% 54%,rgba(198,161,107,.15),transparent 30%),linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.025));backdrop-filter:blur(26px) saturate(180%);box-shadow:inset 0 2px 2px rgba(255,255,255,.32),inset -30px -40px 75px rgba(70,115,145,.18),0 0 95px rgba(145,180,202,.10);animation:morph 9s ease-in-out infinite alternate,spin 22s linear infinite}.lens:before{content:"";position:absolute;inset:-8%;background-image:url("assets/hospitality.jpg");background-size:cover;background-position:center;opacity:.42;filter:saturate(.75) contrast(1.1);mix-blend-mode:screen;transform:scale(1.2);transition:background-image .8s}.lens:after{content:"";position:absolute;inset:11%;border-radius:inherit;border:1px solid rgba(255,255,255,.15)}.lens img{position:absolute;left:50%;top:50%;width:31%;transform:translate(-50%,-50%) rotate(5deg);z-index:3;opacity:.92;filter:drop-shadow(0 16px 32px rgba(0,0,0,.28))}
.orbit{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 60px rgba(145,180,202,.08);animation:orbit 15s linear infinite}.o1{inset:0;transform:rotateX(68deg) rotateZ(-18deg)}.o2{inset:12% -4% 11% 15%;border-color:rgba(198,161,107,.24);animation-duration:19s;animation-direction:reverse}.o3{inset:20% 10% 3% 4%;animation-duration:12s}.fragment{position:absolute;width:74px;height:18px;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(198,161,107,.75),transparent);box-shadow:0 0 26px rgba(198,161,107,.26);animation:fragment 7s ease-in-out infinite}.f1{left:8%;top:22%;transform:rotate(22deg)}.f2{right:5%;bottom:23%;transform:rotate(-18deg);animation-delay:-2s}.f3{left:18%;bottom:10%;width:52px;animation-delay:-4s}
.micro-panel{position:absolute;display:flex;gap:8px;align-items:center;padding:10px 13px;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:rgba(255,255,255,.05);backdrop-filter:blur(18px);font-size:9px;letter-spacing:.12em;text-transform:uppercase}.micro-panel span{color:#bea77f}.mp1{left:33%;top:7%}.mp2{right:25%;top:19%}.mp3{right:29%;bottom:7%}
@keyframes morph{0%{border-radius:48% 52% 43% 57%/54% 44% 56% 46%;transform:rotate(-8deg) scale(.97)}100%{border-radius:57% 43% 55% 45%/42% 58% 42% 58%;transform:rotate(12deg) scale(1.04)}}@keyframes spin{to{rotate:360deg}}@keyframes orbit{to{transform:rotateX(68deg) rotateZ(342deg)}}@keyframes fragment{0%,100%{translate:0 0;opacity:.5}50%{translate:16px -12px;opacity:1}}
.designed-row{display:grid;grid-template-columns:1.3fr repeat(5,1fr);gap:18px;border-top:1px solid var(--line);padding-top:17px;min-height:48px;color:#aaa69e;font-size:10px;letter-spacing:.17em;text-transform:uppercase;align-items:center}.designed-row span:first-child{color:#c7ad87}
.kinetic-band{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:22px 0;background:rgba(255,255,255,.018)}.kinetic-track{display:flex;align-items:center;gap:34px;width:max-content;animation:marquee 24s linear infinite}.kinetic-track span{font-family:"Cormorant Garamond",serif;font-size:36px;letter-spacing:.04em}.kinetic-track i{font-style:normal;color:var(--bronze)}@keyframes marquee{to{transform:translateX(-50%)}}
.world-section{position:relative;padding:0 4vw 120px}.sticky-world{position:sticky;top:74px;min-height:calc(100svh - 74px);max-width:var(--max);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:center}.world-copy p:last-of-type{color:#b3aea6;font-size:17px;line-height:1.72;max-width:540px}.world-index{display:flex;align-items:center;gap:14px;margin-top:36px;font-size:11px;letter-spacing:.16em;text-transform:uppercase}.world-index i{width:60px;height:1px;background:linear-gradient(90deg,var(--bronze),transparent)}.world-canvas{height:72vh;border-radius:42px;overflow:hidden;position:relative;border:1px solid rgba(255,255,255,.14);box-shadow:0 50px 140px rgba(0,0,0,.38)}.world-image{position:absolute;inset:0;background-size:cover;background-position:center;opacity:0;transform:scale(1.06);transition:opacity .8s,transform 1.4s}.world-image.active{opacity:1;transform:scale(1)}.world-canvas:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(0,0,0,.74))}.world-glass-caption{position:absolute;z-index:2;left:34px;right:34px;bottom:32px;padding:22px 24px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:rgba(8,10,13,.28);backdrop-filter:blur(20px)}.world-glass-caption span{display:block;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#d3c6b2;margin-bottom:8px}.world-glass-caption strong{font-family:"Cormorant Garamond",serif;font-size:36px}.world-steps{max-width:var(--max);margin:0 auto;padding-top:10vh;display:grid;gap:38vh}.world-steps article{min-height:34vh;max-width:460px;margin-left:auto;padding:34px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));backdrop-filter:blur(18px)}.world-steps span{font-size:10px;color:#c5a978;letter-spacing:.16em}.world-steps h3{margin:12px 0}.world-steps p{color:#aaa69f;line-height:1.7}
.panel{padding:140px 4vw;border-top:1px solid var(--line)}.inner{max-width:var(--max);margin:auto}.split{display:grid;grid-template-columns:1fr 1.15fr;gap:6vw;align-items:end;margin-bottom:65px}.split>p{font-size:18px;line-height:1.72;color:#b5b0a8;max-width:680px}
.work-strip{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:22px}
.package-theatre{border:1px solid rgba(255,255,255,.13);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.022));backdrop-filter:blur(28px) saturate(150%);box-shadow:inset 0 1px 0 rgba(255,255,255,.15),0 45px 120px rgba(0,0,0,.23);padding:38px}.industry-tabs{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:28px}.pill{border:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.03);color:var(--ink);border-radius:999px;padding:11px 14px;font:inherit;font-size:10px;letter-spacing:.13em;text-transform:uppercase;cursor:pointer}.pill.active{border-color:rgba(198,161,107,.35);background:rgba(198,161,107,.13);color:#ead8bf}
.package-grid{display:grid;grid-template-columns:250px 1fr 1.05fr;gap:36px;align-items:start}.package-list{display:grid;gap:12px}.package-tab{text-align:left;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.025);color:var(--ink);padding:18px;border-radius:22px;cursor:pointer;transition:.3s}.package-tab small{display:block;font-size:9px;color:#9d9890;letter-spacing:.16em;text-transform:uppercase;margin-bottom:8px}.package-tab strong{font-family:"Cormorant Garamond",serif;font-size:24px}.package-tab em{display:block;font-style:normal;color:#8e8a83;font-size:10px;letter-spacing:.14em;text-transform:uppercase;margin-top:8px}.package-tab.active{transform:translateY(-2px);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(198,161,107,.07));border-color:rgba(255,255,255,.18)}
.system-visual{min-height:560px;border:1px solid rgba(255,255,255,.10);border-radius:32px;background:rgba(255,255,255,.025);position:relative;overflow:hidden;perspective:1200px}.system-backdrop{position:absolute;inset:0;background:radial-gradient(circle at 50% 48%,rgba(145,180,202,.13),transparent 38%),radial-gradient(circle at 30% 24%,rgba(198,161,107,.08),transparent 24%)}.system-core,.system-layer,.system-node{position:absolute;border:1px solid rgba(255,255,255,.14);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));backdrop-filter:blur(22px);box-shadow:0 35px 90px rgba(0,0,0,.30);transition:.55s cubic-bezier(.2,.75,.2,1)}.system-core{left:50%;top:50%;width:200px;height:265px;border-radius:34px;transform:translate(-50%,-50%) rotate(-8deg);display:grid;place-items:center}.system-core img{width:76px;opacity:.85}.system-layer{left:50%;top:50%;width:180px;height:235px;border-radius:30px}.l1{transform:translate(-74%,-34%) rotate(9deg)}.l2{transform:translate(-25%,-76%) rotate(-13deg)}.system-ring{position:absolute;left:50%;top:50%;width:330px;height:330px;border:1px solid rgba(255,255,255,.14);border-radius:50%;transform:translate(-50%,-50%) rotate(18deg);transition:.55s}.system-node{width:92px;height:92px;border-radius:22px;display:grid;place-items:center;font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#d5cabb;opacity:0}.n1{left:7%;top:10%}.n2{right:7%;top:13%}.n3{left:10%;bottom:9%}.n4{right:10%;bottom:8%}.system-caption{position:absolute;left:24px;bottom:20px;font-size:9px;letter-spacing:.18em;color:#a9a49d}.system-visual[data-mode=presence] .l1,.system-visual[data-mode=presence] .l2{opacity:0;transform:translate(-50%,-50%) scale(.74)}.system-visual[data-mode=presence] .system-ring{opacity:.25;scale:.82}.system-visual[data-mode=signature] .l1{transform:translate(-82%,-25%) rotate(10deg)}.system-visual[data-mode=signature] .l2{transform:translate(-18%,-78%) rotate(-14deg)}.system-visual[data-mode=landmark] .system-core{transform:translate(-50%,-50%) rotate(-3deg) scale(.92)}.system-visual[data-mode=landmark] .l1{transform:translate(-95%,-18%) rotate(12deg)}.system-visual[data-mode=landmark] .l2{transform:translate(-5%,-88%) rotate(-15deg)}.system-visual[data-mode=landmark] .system-ring{width:390px;height:390px;border-color:rgba(198,161,107,.25)}.system-visual[data-mode=landmark] .system-node{opacity:1}
.package-copy p{font-size:17px;line-height:1.72;color:#b6b1a9}.prices{display:flex;align-items:baseline;gap:13px;margin:14px 0}.old{color:#77736d;text-decoration:line-through}.new{font-family:"Cormorant Garamond",serif;font-size:36px}.includes{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:12px}.includes li{display:grid;grid-template-columns:16px 1fr;gap:12px;color:#d0cac1;line-height:1.55}.includes li:before{content:"•";color:var(--bronze)}.note{color:#8f8b84;font-size:13px;line-height:1.6;margin-top:18px}.package-actions{margin-top:24px;display:flex;gap:14px;flex-wrap:wrap}.bespoke-row{margin-top:24px;padding:32px 36px;border-radius:30px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.018));display:flex;align-items:center;justify-content:space-between;gap:30px}.bespoke-row h3{max-width:850px}
.process-track{display:flex;align-items:center;gap:16px}.process-track div{display:grid;gap:9px}.process-track span{font-size:9px;color:#c3a675;letter-spacing:.16em}.process-track strong{text-transform:uppercase;letter-spacing:.12em;font-size:11px}.process-track i{height:1px;flex:1;background:linear-gradient(90deg,rgba(198,161,107,.25),rgba(255,255,255,.35),rgba(198,161,107,.15))}
.contact-shell{display:grid;grid-template-columns:1fr 1fr;gap:7vw;padding:54px;border:1px solid rgba(255,255,255,.14);border-radius:40px;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.025));backdrop-filter:blur(28px);box-shadow:0 45px 130px rgba(0,0,0,.28)}.contact-shell>div p{color:#b4afa7;font-size:17px;line-height:1.7}form{display:grid;gap:15px}label{display:grid;gap:8px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:#a9a49c}input,select,textarea{width:100%;padding:15px 16px;border-radius:16px;border:1px solid rgba(255,255,255,.12);background:rgba(0,0,0,.24);color:white;font:inherit}textarea{min-height:130px;resize:vertical}
.reveal{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}
footer{padding:48px 4vw 60px;border-top:1px solid var(--line)}.footer-inner{max-width:var(--max);margin:auto;display:flex;justify-content:space-between;align-items:center;color:#8f8b84;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.footer-inner img{width:76px;height:52px;object-fit:contain}
@media(max-width:1100px){nav{display:none}header{grid-template-columns:1fr auto}.hero{padding-top:106px}.hero-main{grid-template-columns:1fr}.stage{height:600px}.designed-row{grid-template-columns:repeat(2,1fr);margin-top:12px}.sticky-world{grid-template-columns:1fr;position:relative;top:auto}.world-canvas{height:65vh}.world-steps{gap:14vh}.world-steps article{margin-left:0}.split,.contact-shell{grid-template-columns:1fr}.work-strip{grid-template-columns:1fr 1fr}.package-grid{grid-template-columns:1fr}.package-list{grid-template-columns:repeat(3,1fr)}}
@media(max-width:680px){.cursor-glow{display:none}header{height:72px}.brand img{width:58px}.header-cta{font-size:9px;padding:12px 14px}.hero{padding:98px 4vw 24px}h1{font-size:52px}.lead{font-size:16px}.hero-actions{flex-direction:column;align-items:flex-start;gap:16px}.stage{height:500px;min-height:500px}.lens-wrap{width:280px}.world-card{width:145px;height:185px}.w1{left:0;top:8%}.w2{left:3%;bottom:1%}.w3{right:0;top:4%;width:130px;height:165px}.w4{right:5%;bottom:3%;width:145px;height:180px}.w5,.micro-panel{display:none}.designed-row{grid-template-columns:1fr 1fr}.world-section{padding:0 4vw 80px}.sticky-world{min-height:auto;padding:90px 0 30px}.world-canvas{height:58vh}.world-glass-caption strong{font-size:28px}.world-steps{gap:40px;padding-top:30px}.world-steps article{min-height:auto}.panel{padding:100px 4vw}.work-strip{grid-template-columns:1fr}.package-theatre{padding:22px}.package-list{grid-template-columns:1fr}.system-visual{min-height:400px}.bespoke-row{align-items:flex-start;flex-direction:column}.process-track{display:grid;grid-template-columns:1fr 1fr}.process-track i{display:none}.contact-shell{padding:28px}.footer-inner{flex-direction:column;align-items:flex-start;gap:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}

/* v0.6 authored-moment upgrades */
.hero-arc{position:absolute;border:1px solid rgba(255,255,255,.11);border-radius:50%;pointer-events:none;mix-blend-mode:screen;filter:drop-shadow(0 0 40px rgba(145,180,202,.07))}
.arc-a{inset:8% 3% 10% 18%;transform:rotate(-24deg)}
.arc-b{inset:19% 18% 3% 2%;border-color:rgba(198,161,107,.18);transform:rotate(28deg)}
.hero-word{position:absolute;font-family:"Cormorant Garamond",serif;font-size:clamp(52px,7vw,118px);letter-spacing:.02em;color:rgba(255,255,255,.035);writing-mode:vertical-rl;text-orientation:mixed;pointer-events:none;user-select:none}
.word-a{right:-1%;top:8%}.word-b{left:24%;bottom:3%;transform:rotate(180deg)}
.transition-gate{position:relative;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:32px 0 42px;background:linear-gradient(180deg,rgba(255,255,255,.016),rgba(255,255,255,.028))}
.transition-surface{position:absolute;left:50%;top:-160px;width:120vw;height:300px;transform:translateX(-50%);border-radius:50%;border:1px solid rgba(255,255,255,.08);box-shadow:0 70px 150px rgba(0,0,0,.35),inset 0 -30px 90px rgba(145,180,202,.04);background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.008));backdrop-filter:blur(18px)}
.transition-gate .kinetic-track{position:relative;z-index:2}
.value-rail{padding:120px 4vw;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.015),transparent)}
.value-rail-inner{max-width:var(--max);margin:auto}
.value-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw;align-items:end;margin-bottom:54px}
.value-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.value-card{min-height:250px;padding:26px;border:1px solid rgba(255,255,255,.11);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));backdrop-filter:blur(18px);display:flex;flex-direction:column;justify-content:space-between;transition:.4s}
.value-card:hover{transform:translateY(-8px);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(198,161,107,.035))}
.value-card span{font-size:10px;letter-spacing:.16em;color:#c3a675}.value-card strong{font-family:"Cormorant Garamond",serif;font-size:32px}.value-card p{color:#aaa69f;line-height:1.65;margin:0}
.studio-statement{padding:80px 4vw 120px}
.statement-inner{max-width:var(--max);margin:auto;padding:54px;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12);display:grid;grid-template-columns:180px 1fr;gap:5vw;align-items:start}
.statement-inner>span{font-size:10px;letter-spacing:.2em;color:#c5a879}
.statement-inner blockquote{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(34px,4.2vw,68px);line-height:1.08;color:#e9e2d7}
.hero,.world-section,.panel,.value-rail,.studio-statement{scroll-margin-top:80px}
@media(max-width:1100px){
  .value-copy{grid-template-columns:1fr}
  .value-cards{grid-template-columns:repeat(2,1fr)}
  .statement-inner{grid-template-columns:1fr}
}
@media(max-width:680px){
  .hero-word{display:none}
  .value-rail{padding:90px 4vw}
  .value-cards{grid-template-columns:1fr}
  .value-card{min-height:210px}
  .statement-inner{padding:34px 0}
}

/* v0.7 full-site continuity and navigation */
.desktop-nav{display:flex;gap:28px}
.desktop-nav button,.desktop-nav a{appearance:none;border:0;background:none;color:var(--ink);font:inherit;font-size:11px;letter-spacing:.17em;text-transform:uppercase;cursor:pointer;text-decoration:none}
.header-actions{justify-self:end;display:flex;align-items:center;gap:12px}
.menu-toggle{display:none;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.05);position:relative}
.menu-toggle span{position:absolute;left:13px;right:13px;height:1px;background:white}.menu-toggle span:first-child{top:17px}.menu-toggle span:last-child{top:25px}
.mega-panel{position:absolute;top:88px;left:3vw;right:3vw;opacity:0;visibility:hidden;transform:translateY(-10px);transition:.3s;pointer-events:none}
.mega-panel.open{opacity:1;visibility:visible;transform:none;pointer-events:auto}
.mega-inner{padding:34px;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:rgba(7,8,10,.82);backdrop-filter:blur(28px) saturate(145%);box-shadow:0 35px 100px rgba(0,0,0,.35);display:grid;grid-template-columns:1fr 1fr 1fr;gap:28px}
.mega-column small{display:block;font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:#b69c74;margin-bottom:18px}
.mega-column a{display:block;color:#eee7dd;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:28px;margin:8px 0}
.mega-column p{color:#9f9b94;line-height:1.6}
.mobile-panel{position:fixed;inset:72px 0 0 0;background:rgba(5,6,8,.96);backdrop-filter:blur(24px);padding:28px 5vw;z-index:9;display:flex;flex-direction:column;gap:20px;transform:translateX(100%);transition:.35s}
.mobile-panel.open{transform:none}
.mobile-panel a{color:white;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:42px}
.studio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.studio-card{min-height:330px;padding:28px;border:1px solid rgba(255,255,255,.11);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));display:flex;flex-direction:column;justify-content:space-between}
.studio-card span,.timeline-item>span{font-size:10px;letter-spacing:.16em;color:#c3a675}
.studio-card p,.timeline-item p{color:#aaa69f;line-height:1.7}
.timeline{border-top:1px solid rgba(255,255,255,.12)}
.timeline-item{display:grid;grid-template-columns:100px 1fr;gap:40px;padding:34px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.timeline-item>div{display:grid;grid-template-columns:.7fr 1.3fr;gap:4vw;align-items:start}
.timeline-item h3{font-size:34px}
.timeline-item p{margin:0}
.capability-section{padding:120px 4vw;border-top:1px solid var(--line);background:radial-gradient(circle at 75% 20%,rgba(145,180,202,.08),transparent 28%)}
.capability-inner{max-width:var(--max);margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:5vw}
.capability-matrix{border:1px solid rgba(255,255,255,.12);border-radius:30px;overflow:hidden;background:rgba(255,255,255,.025)}
.capability-matrix div{display:grid;grid-template-columns:1fr auto;padding:22px 24px;border-bottom:1px solid rgba(255,255,255,.09)}
.capability-matrix div:last-child{border-bottom:0}
.capability-matrix span{color:#aaa69f}
.capability-matrix strong{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#d7c6ad}
@media(max-width:1100px){
  .desktop-nav{display:none}.menu-toggle{display:block}
  .studio-grid{grid-template-columns:repeat(2,1fr)}
  .capability-inner{grid-template-columns:1fr}
}
@media(max-width:680px){
  .header-cta{display:none}
  .studio-grid{grid-template-columns:1fr}
  .timeline-item{grid-template-columns:48px 1fr;gap:18px}
  .timeline-item>div{grid-template-columns:1fr}
}

/* v0.8 multi-page system */
.desktop-nav a.active{color:#d8bf98}
.inner-page main{padding-top:88px}
.inner-hero{min-height:78svh;max-width:var(--max);margin:auto;padding:90px 4vw 54px;display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center;border-bottom:1px solid var(--line)}
.inner-hero-copy p:last-child{max-width:640px;color:#b3aea6;font-size:18px;line-height:1.72}
.inner-hero h1{font-size:clamp(58px,7vw,112px)}
.inner-hero-visual{position:relative;height:560px}
.floating-frame{position:absolute;background-size:cover;background-position:center;border-radius:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 40px 110px rgba(0,0,0,.35)}
.ff1{width:260px;height:340px;left:4%;top:12%;transform:rotate(-8deg)}.ff2{width:220px;height:280px;right:5%;top:5%;transform:rotate(7deg)}.ff3{width:210px;height:270px;right:14%;bottom:0;transform:rotate(-5deg)}
.lens-mini,.contact-orb{position:absolute;left:50%;top:50%;width:240px;height:240px;transform:translate(-50%,-50%);border-radius:48% 52% 43% 57%/54% 44% 56% 46%;border:1px solid rgba(255,255,255,.2);background:radial-gradient(circle at 30% 25%,rgba(255,255,255,.4),transparent 12%),linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.025));backdrop-filter:blur(24px);display:grid;place-items:center;animation:morph 9s ease-in-out infinite alternate}
.lens-mini img,.contact-orb img{width:72px}
.project-list{display:grid;gap:90px}.project-row{display:grid;grid-template-columns:1.2fr .8fr;gap:5vw;align-items:center}.project-row.reverse{grid-template-columns:.8fr 1.2fr}.project-row.reverse .project-media{order:2}
.project-media{min-height:620px;border-radius:36px;background-size:cover;background-position:center;border:1px solid rgba(255,255,255,.13);box-shadow:0 45px 120px rgba(0,0,0,.3)}.project-row span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c5a878}.project-row h2{margin:16px 0}.project-row p{color:#aaa69f;line-height:1.7;font-size:17px}
.service-orbit{position:relative;width:520px;height:520px;margin:auto}.service-core{position:absolute;inset:30%;border-radius:36px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025));backdrop-filter:blur(20px)}.service-ring{position:absolute;inset:8%;border-radius:50%;border:1px solid rgba(198,161,107,.22)}.service-node{position:absolute;width:110px;height:110px;border-radius:24px;border:1px solid rgba(255,255,255,.13);background:rgba(255,255,255,.04);backdrop-filter:blur(18px);display:grid;place-items:center;font-size:10px;letter-spacing:.14em;text-transform:uppercase}.sn1{left:0;top:10%}.sn2{right:0;top:14%}.sn3{left:8%;bottom:4%}.sn4{right:6%;bottom:2%}
.service-tier-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service-tier{padding:32px;border-radius:32px;border:1px solid rgba(255,255,255,.11);background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));min-height:620px;display:flex;flex-direction:column}.service-tier.featured{background:linear-gradient(145deg,rgba(198,161,107,.12),rgba(255,255,255,.03));transform:translateY(-20px)}.service-tier>span{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c3a675}.service-tier h2{margin:18px 0}.tier-price{display:flex;align-items:baseline;gap:12px}.tier-price s{color:#77736d}.tier-price strong{font-family:"Cormorant Garamond",serif;font-size:36px}.service-tier p,.service-tier li{color:#aaa69f;line-height:1.65}.service-tier ul{padding-left:18px;margin-top:auto}
.process-dial{position:relative;width:460px;height:460px;border:1px solid rgba(255,255,255,.15);border-radius:50%;margin:auto;animation:orbit 18s linear infinite}.process-dial>span{position:absolute;font-size:11px;color:#c6a16b}.process-dial span:nth-child(1){left:50%;top:-8px}.process-dial span:nth-child(2){right:10%;top:18%}.process-dial span:nth-child(3){right:-4px;top:50%}.process-dial span:nth-child(4){right:14%;bottom:14%}.process-dial span:nth-child(5){left:18%;bottom:2%}.process-dial span:nth-child(6){left:-4px;top:42%}.dial-core{position:absolute;inset:28%;border-radius:50%;border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);display:grid;place-items:center;font-family:"Cormorant Garamond",serif;font-size:42px}
.studio-monolith{width:340px;height:480px;margin:auto;border-radius:40px;border:1px solid rgba(255,255,255,.16);background:linear-gradient(145deg,rgba(255,255,255,.10),rgba(255,255,255,.025));backdrop-filter:blur(24px);display:grid;place-items:center;box-shadow:0 45px 120px rgba(0,0,0,.3);transform:rotate(-5deg)}.studio-monolith img{width:100px}
.contact-hero{position:relative}.contact-orb{position:relative;left:auto;top:auto;transform:none;width:360px;height:360px;margin:auto}
@media(max-width:1100px){.inner-hero{grid-template-columns:1fr}.project-row,.project-row.reverse{grid-template-columns:1fr}.project-row.reverse .project-media{order:0}.service-tier-grid{grid-template-columns:1fr}.service-tier.featured{transform:none}.inner-hero-visual{height:500px}}
@media(max-width:680px){.inner-page main{padding-top:72px}.inner-hero{min-height:auto;padding:70px 4vw}.inner-hero h1{font-size:54px}.project-media{min-height:440px}.service-orbit{width:320px;height:320px}.service-node{width:80px;height:80px}.process-dial{width:300px;height:300px}.studio-monolith{width:240px;height:340px}.contact-orb{width:260px;height:260px}}


/* v0.9 production readiness */
.skip-link{position:fixed;left:16px;top:12px;z-index:1000;padding:12px 16px;border-radius:999px;background:#f3eee6;color:#050608;text-decoration:none;transform:translateY(-180%);transition:transform .2s}
.skip-link:focus{transform:none}
:focus-visible{outline:2px solid #d8bf98;outline-offset:4px}
button,input,select,textarea{font:inherit}
button{color:inherit}
body.menu-open{overflow:hidden}
.menu-toggle.open span:first-child{top:21px;transform:rotate(45deg)}
.menu-toggle.open span:last-child{top:21px;transform:rotate(-45deg)}
.menu-toggle span{transition:.25s}
.form-status{min-height:1.5em;margin:4px 0 0;color:#c7ad87;font-size:13px;line-height:1.5;text-transform:none;letter-spacing:0}
.field-error{border-color:rgba(214,117,105,.8)!important;box-shadow:0 0 0 3px rgba(214,117,105,.08)}
.footer-legal{display:flex;align-items:center;gap:16px}
.footer-legal a{color:#8f8b84;text-decoration:none}
.footer-legal a:hover{color:#eee7dd}
.legal-page main,.error-page main{padding-top:88px}
.legal-shell,.error-shell{max-width:980px;margin:auto;padding:120px 4vw}
.legal-shell h1,.error-shell h1{font-size:clamp(58px,8vw,110px)}
.legal-shell h2{margin-top:54px;font-size:34px}
.legal-shell p,.legal-shell li,.error-shell p{color:#b3aea6;font-size:17px;line-height:1.75}
.legal-note{padding:18px 20px;border:1px solid rgba(255,255,255,.12);border-radius:18px;background:rgba(255,255,255,.035)}
.error-shell{min-height:75svh;display:flex;flex-direction:column;justify-content:center}
.error-code{font-size:11px;letter-spacing:.2em;color:#c5a879;text-transform:uppercase}
@media(max-width:680px){
  .footer-legal{flex-wrap:wrap}
  .legal-page main,.error-page main{padding-top:72px}
  .legal-shell,.error-shell{padding:90px 4vw}
}


/* v1.0 final art-direction integration */
.stage::before{
  content:"";
  position:absolute;
  inset:5% 4%;
  border-radius:50%;
  background:
    linear-gradient(90deg,rgba(5,6,8,.86),rgba(5,6,8,.18) 42%,rgba(5,6,8,.48)),
    url("assets/hero-signature.jpg") center/cover no-repeat;
  opacity:.34;
  filter:saturate(.82) contrast(1.08);
  mask-image:radial-gradient(ellipse at center,#000 20%,rgba(0,0,0,.78) 48%,transparent 76%);
  -webkit-mask-image:radial-gradient(ellipse at center,#000 20%,rgba(0,0,0,.78) 48%,transparent 76%);
  pointer-events:none;
}
.stage-aura{z-index:1}
.world-card,.lens-wrap,.micro-panel,.hero-arc,.hero-word{z-index:2}
.lens{
  background:
    radial-gradient(circle at 28% 22%,rgba(255,255,255,.58),transparent 10%),
    radial-gradient(circle at 70% 67%,rgba(126,175,205,.25),transparent 28%),
    radial-gradient(circle at 44% 54%,rgba(198,161,107,.15),transparent 30%),
    url("assets/hero-signature.jpg") center/cover,
    linear-gradient(145deg,rgba(255,255,255,.16),rgba(255,255,255,.025));
}
.lens::before{opacity:.28}
.world-card .image{background-position:center}
.w1 .image{background-position:48% 52%}
.w2 .image{background-position:58% 50%}
.w3 .image{background-position:64% 50%}
.w4 .image{background-position:52% 48%}
.w5 .image{background-position:58% 46%}
.world-image[data-world="hospitality"]{background-position:50% 52%}
.world-image[data-world="restaurant"]{background-position:58% 50%}
.world-image[data-world="venue"]{background-position:56% 48%}
.world-image[data-world="product"]{background-position:64% 50%}
.world-image[data-world="tourism"]{background-position:50% 42%}
.project-media{position:relative}
.value-rail,.capability-section,.contact-panel{
  background-image:
    linear-gradient(180deg,rgba(5,6,8,.84),rgba(5,6,8,.96)),
    url("assets/texture-dark.jpg");
  background-size:cover;
  background-position:center;
  background-attachment:fixed;
}
.contact-orb,.studio-monolith{
  background:
    linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.02)),
    url("assets/orb-support.jpg") center/cover;
}
@media(max-width:680px){
  .stage::before{inset:10% -12%;opacity:.27}
  .value-rail,.capability-section,.contact-panel{background-attachment:scroll}
}


/* v1.1 hero fit, interaction, glass controls and regional pricing */
@media(min-width:1101px){
  .hero{
    height:100dvh;
    min-height:680px;
    overflow:hidden;
    padding:96px 4vw 16px;
  }
  .hero-main{height:calc(100dvh - 154px);max-height:790px}
  .stage{
    height:100%;
    min-height:440px;
    max-height:700px;
  }
  .hero-copy{padding-bottom:0}
  .hero-copy h1{font-size:clamp(52px,5.7vw,94px)}
  .lead{margin:20px 0 25px}
  .designed-row{padding-top:13px;min-height:40px}
}
.world-card{
  --wheel-x:0px;
  --wheel-y:0px;
  --wheel-scale:1;
  transition:transform .65s cubic-bezier(.2,.8,.2,1),opacity .4s,filter .45s,box-shadow .45s;
  will-change:transform;
}
.world-card.is-featured{
  z-index:8!important;
  filter:saturate(1.04) brightness(1.05);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.25),0 55px 150px rgba(0,0,0,.55),0 0 60px rgba(198,161,107,.08);
}
.w1.is-featured{transform:translateY(-38px) scale(1.09) rotate(-1deg)}
.w2.is-featured{transform:translateY(-48px) scale(1.09) rotate(1deg)}
.w3.is-featured{transform:translateY(-38px) scale(1.11) rotate(0)}
.w4.is-featured{transform:translateY(-45px) scale(1.09) rotate(-1deg)}
.w5.is-featured{transform:translateY(-36px) scale(1.12) rotate(0)}
.world-card:not(.is-featured).has-featured{opacity:.64;filter:saturate(.65) brightness(.72)}
.stage-card-hint{
  position:absolute;right:2%;top:50%;z-index:9;
  writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#9f9a91;
}

.kinetic-window{
  position:relative;z-index:2;overflow:hidden;
  margin:0 2.5vw;padding:14px 0;
  border:1px solid rgba(255,255,255,.13);border-radius:999px;
  background:linear-gradient(110deg,rgba(255,255,255,.08),rgba(255,255,255,.025) 45%,rgba(198,161,107,.055));
  backdrop-filter:blur(24px) saturate(155%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 24px 70px rgba(0,0,0,.22);
}
.kinetic-window::after{
  content:"";position:absolute;inset:-120% -18%;pointer-events:none;
  background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.13) 48%,transparent 58%);
  animation:glassSweep 6s linear infinite;
}
.kinetic-track{display:flex;width:max-content;gap:0;animation:marqueeChain 30s linear infinite}
.kinetic-group{display:flex;align-items:center;gap:34px;flex-shrink:0;padding-right:34px}
.kinetic-group span{font-family:"Cormorant Garamond",serif;font-size:36px;letter-spacing:.04em}
.kinetic-group i{font-style:normal;color:var(--bronze)}
@keyframes marqueeChain{to{transform:translateX(-50%)}}
@keyframes glassSweep{to{transform:translateX(36%)}}

.w3 .image{
  background-size:contain!important;
  background-repeat:no-repeat;
  background-position:center center!important;
  background-color:#060709;
}
.package-topbar{
  display:flex;align-items:center;justify-content:space-between;gap:24px;
  margin-bottom:22px;padding-bottom:22px;border-bottom:1px solid rgba(255,255,255,.1);
}
.package-topbar>div:first-child{display:grid;gap:7px}
.package-kicker{font-size:9px;letter-spacing:.17em;text-transform:uppercase;color:#c6a16b}
.package-topbar strong{font-family:"Cormorant Garamond",serif;font-size:27px}
.currency-control{position:relative;z-index:7}
.currency-current{
  min-width:220px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;
  padding:12px 15px;border:1px solid rgba(255,255,255,.14);border-radius:18px;
  background:linear-gradient(145deg,rgba(255,255,255,.1),rgba(255,255,255,.025));
  backdrop-filter:blur(22px);color:var(--ink);cursor:pointer;text-align:left;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 18px 50px rgba(0,0,0,.2)
}
.currency-current span{font-size:12px;letter-spacing:.14em;font-weight:600}
.currency-current small,.currency-menu small{color:#97928a;font-size:9px;letter-spacing:.08em}
.currency-current b{font-weight:400;transition:.25s}
.currency-control.open .currency-current b{transform:rotate(180deg)}
.currency-menu{
  position:absolute;right:0;top:calc(100% + 9px);width:280px;padding:8px;
  border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(8,9,12,.92);
  backdrop-filter:blur(30px) saturate(150%);box-shadow:0 30px 90px rgba(0,0,0,.4);
  opacity:0;visibility:hidden;transform:translateY(-7px);transition:.25s;
}
.currency-control.open .currency-menu{opacity:1;visibility:visible;transform:none}
.currency-menu button{
  width:100%;display:grid;grid-template-columns:60px 1fr;gap:12px;text-align:left;
  padding:12px;border:0;border-radius:13px;background:transparent;color:white;cursor:pointer
}
.currency-menu button:hover,.currency-menu button.active{background:rgba(255,255,255,.075)}
.currency-menu span{font-size:11px;letter-spacing:.12em}
.package-foundation{
  display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:22px;
}
.package-foundation span{
  padding:13px 14px;border-radius:16px;border:1px solid rgba(255,255,255,.09);
  background:rgba(255,255,255,.026);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:#aaa59d
}
.package-foundation b{color:#c6a16b;margin-right:8px;font-weight:500}
.service-currency-row{
  display:flex;justify-content:space-between;align-items:center;gap:30px;
  margin:-20px 0 65px;padding:26px 28px;border:1px solid rgba(255,255,255,.11);
  border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));
}
.service-currency-row p{margin:0;color:#aaa69f;line-height:1.65}
.service-currency-row .eyebrow{margin-bottom:8px;color:#c7ad87}
.glass-select{position:relative}
.glass-select select{
  appearance:none;-webkit-appearance:none;padding-right:48px;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.022));
  backdrop-filter:blur(18px);box-shadow:inset 0 1px 0 rgba(255,255,255,.10);
}
.glass-select>span{
  position:absolute;right:17px;top:50%;transform:translateY(-50%);
  pointer-events:none;color:#c6a16b;font-size:13px
}
@media(max-width:1100px){
  .package-foundation{grid-template-columns:1fr 1fr}
  .package-topbar,.service-currency-row{align-items:flex-start}
}
@media(max-width:680px){
  .package-topbar,.service-currency-row{flex-direction:column}
  .currency-control,.currency-current{width:100%}
  .currency-menu{left:0;right:auto;width:100%}
  .package-foundation{grid-template-columns:1fr}
  .kinetic-window{margin:0 3vw}
  .kinetic-group span{font-size:29px}
}


/* v1.2 visual QA corrections */

/* The signature object is now a pure, perfectly circular glass lens.
   Industry photography belongs to the surrounding cards, not inside the mark. */
.lens{
  inset:8%;
  border-radius:50%!important;
  overflow:hidden;
  background:
    radial-gradient(circle at 29% 22%,rgba(255,255,255,.72) 0 2%,rgba(255,255,255,.2) 8%,transparent 20%),
    radial-gradient(circle at 68% 72%,rgba(116,172,207,.25),transparent 32%),
    radial-gradient(circle at 44% 54%,rgba(198,161,107,.16),transparent 34%),
    conic-gradient(from 210deg,rgba(255,255,255,.03),rgba(145,180,202,.18),rgba(255,255,255,.04),rgba(198,161,107,.14),rgba(255,255,255,.03)),
    linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.018))!important;
  backdrop-filter:blur(28px) saturate(185%);
  box-shadow:
    inset 8px 10px 22px rgba(255,255,255,.20),
    inset -24px -30px 62px rgba(54,97,126,.18),
    inset 0 0 0 1px rgba(255,255,255,.08),
    0 0 90px rgba(145,180,202,.12),
    0 55px 110px rgba(0,0,0,.38);
  animation:lensFloat 7s ease-in-out infinite!important;
}
.lens::before{
  content:"";
  position:absolute;
  inset:7%;
  border-radius:50%;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  mix-blend-mode:screen;
  background:
    linear-gradient(118deg,transparent 20%,rgba(255,255,255,.20) 38%,transparent 50%),
    radial-gradient(circle at 35% 30%,rgba(255,255,255,.20),transparent 23%),
    radial-gradient(circle at 65% 69%,rgba(83,142,182,.18),transparent 36%)!important;
  animation:glassRefraction 8s ease-in-out infinite alternate;
}
.lens::after{inset:12%;border-radius:50%}
.lens img{
  width:29%;
  transform:translate(-50%,-50%)!important;
  opacity:.94;
}
@keyframes lensFloat{
  0%,100%{transform:translateY(0) rotate(-2deg) scale(.985)}
  50%{transform:translateY(-11px) rotate(2deg) scale(1.015)}
}
@keyframes glassRefraction{
  from{transform:rotate(-8deg) scale(1)}
  to{transform:rotate(8deg) scale(1.08)}
}

/* Faster, stable card focus. Transforms no longer fight pointer parallax. */
.world-card{
  --base-rotate:0deg;
  --focus-y:0px;
  --focus-scale:1;
  transform:translate3d(0,var(--focus-y),0) rotate(var(--base-rotate)) scale(var(--focus-scale))!important;
  transition:
    transform .28s cubic-bezier(.2,.85,.2,1),
    opacity .24s ease,
    filter .24s ease,
    box-shadow .28s ease!important;
  will-change:transform,opacity;
}
.w1{--base-rotate:-7deg}.w2{--base-rotate:7deg}.w3{--base-rotate:6deg}.w4{--base-rotate:-5deg}.w5{--base-rotate:10deg}
.world-card.is-featured{
  --base-rotate:0deg;
  --focus-y:-24px;
  --focus-scale:1.075;
  z-index:9!important;
  opacity:1!important;
  filter:saturate(1.04) brightness(1.045)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.26),
    0 46px 115px rgba(0,0,0,.52),
    0 0 48px rgba(198,161,107,.09)!important;
}
.world-card.has-featured:not(.is-featured){
  opacity:.76;
  filter:saturate(.72) brightness(.82);
}
.stage-card-hint{opacity:.72;transition:opacity .25s}
.stage:has(.world-card.is-featured) .stage-card-hint{opacity:.25}

/* Corrected homepage Work composition:
   one cinematic anchor on the left, two intentional stacked portraits on the right. */
.work-strip{
  display:grid!important;
  grid-template-columns:minmax(0,1.45fr) minmax(300px,.75fr)!important;
  grid-template-rows:repeat(2,minmax(300px,1fr));
  gap:22px;
  align-items:stretch;
}

/* The Work page rows use deliberate alternating focal positions. */
.project-row:nth-child(1) .project-media{background-position:56% 50%}
.project-row:nth-child(2) .project-media{background-position:50% 48%}
.project-row:nth-child(3) .project-media{
  background-size:contain;
  background-repeat:no-repeat;
  background-position:center;
  background-color:#050608;
}

@media(max-width:1100px){
  .work-strip{
    grid-template-columns:1fr 1fr!important;
    grid-template-rows:auto auto;
  }
}
@media(max-width:680px){
  .work-strip{grid-template-columns:1fr!important}
  .lens-wrap{width:270px}
}


/* v1.3 refinement */

/* True full-bleed continuous marquee */
.transition-gate{
  padding:26px 0 34px;
}
.kinetic-window{
  margin:0!important;
  border-left:0!important;
  border-right:0!important;
  border-radius:0!important;
  width:100vw;
}
.kinetic-track{
  display:flex;
  width:max-content;
  animation:marqueeInfinite 34s linear infinite!important;
}
.kinetic-group{
  flex:none;
  min-width:max-content;
  padding-right:34px;
}
@keyframes marqueeInfinite{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}

/* Less clutter in visual worlds */
.world-copy{
  align-self:center;
  max-width:540px;
}
.world-copy h2{
  max-width:520px;
}
.world-copy p:last-of-type{
  max-width:480px;
}
.world-canvas{
  box-shadow:0 36px 110px rgba(0,0,0,.32);
}
.world-canvas::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  background:
    linear-gradient(90deg,rgba(5,6,8,.18),transparent 35%),
    linear-gradient(180deg,transparent 55%,rgba(5,6,8,.72));
  pointer-events:none;
}
.world-glass-caption{
  left:24px;
  right:24px;
  bottom:22px;
  padding:16px 18px;
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:24px;
  border-radius:20px;
  background:rgba(8,10,13,.22);
}
.world-caption-copy{
  min-width:0;
}
.world-glass-caption strong{
  font-size:clamp(24px,2.4vw,34px);
  max-width:560px;
  display:block;
}
.world-dots{
  display:flex;
  gap:7px;
  flex-shrink:0;
  padding-bottom:5px;
}
.world-dots i{
  width:6px;
  height:6px;
  border-radius:50%;
  background:rgba(255,255,255,.22);
  transition:.3s;
}
.world-dots i.active{
  width:22px;
  border-radius:999px;
  background:linear-gradient(90deg,var(--bronze),rgba(255,255,255,.6));
}
.world-steps{
  gap:28vh;
}
.world-steps article{
  max-width:400px;
  padding:24px;
  background:rgba(7,8,10,.4);
}
.world-steps h3{
  font-size:34px;
}
.world-steps p{
  margin-bottom:0;
}

/* Keep central monogram card above all package layers */
.system-core{
  z-index:8!important;
}
.system-layer{
  z-index:3;
}
.system-ring{
  z-index:2;
}
.system-node{
  z-index:5;
}
.system-caption{
  z-index:9;
}
.project-row:nth-child(3) .project-media{
  background-size:cover!important;
  background-position:center 48%!important;
}

/* Project direction controls */
.glass-select{
  display:block;
  width:100%;
}
.glass-select select{
  display:block;
  width:100%;
  min-height:52px;
  color:#f3eee6;
  cursor:pointer;
}
.glass-select select option{
  background:#0b0d10;
  color:#f3eee6;
}
.glass-select span{
  z-index:2;
}

/* Floating WhatsApp */
.whatsapp-float{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:40;
  display:flex;
  align-items:center;
  gap:10px;
  min-height:52px;
  padding:10px 16px 10px 10px;
  border:1px solid rgba(255,255,255,.16);
  border-radius:999px;
  color:#f3eee6;
  text-decoration:none;
  background:
    linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.025)),
    radial-gradient(circle at 20% 20%,rgba(115,213,149,.18),transparent 45%);
  backdrop-filter:blur(24px) saturate(160%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.18),
    0 22px 70px rgba(0,0,0,.32),
    0 0 36px rgba(77,194,116,.08);
  transition:.28s ease;
}
.whatsapp-float:hover{
  transform:translateY(-3px);
  border-color:rgba(130,225,162,.32);
}
.wa-icon{
  width:32px;
  height:32px;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:rgba(110,215,145,.14);
  border:1px solid rgba(139,230,169,.22);
  font-size:18px;
  transform:rotate(-20deg);
}
.wa-label{
  font-size:10px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:680px){
  .world-glass-caption{
    left:14px;right:14px;bottom:14px;
  }
  .world-dots{display:none}
  .world-steps{gap:26px}
  .world-steps article{max-width:none}
  .whatsapp-float{
    left:14px;
    bottom:14px;
    padding-right:12px;
  }
  .wa-label{display:none}
}

.field-error-wrap{
  border-radius:16px;
  box-shadow:0 0 0 3px rgba(214,117,105,.08);
}


/* v1.4 contact stack and package-object composition */

/* Move supporting experience planes out from behind the monogram core. */
.system-visual[data-mode=signature] .system-core{
  transform:translate(-60%,-48%) rotate(-6deg) scale(.96);
}
.system-visual[data-mode=signature] .l1{
  transform:translate(-104%,-26%) rotate(11deg);
}
.system-visual[data-mode=signature] .l2{
  transform:translate(12%,-72%) rotate(-12deg);
}
.system-visual[data-mode=landmark] .system-core{
  transform:translate(-56%,-48%) rotate(-3deg) scale(.92);
}
.system-visual[data-mode=landmark] .l1{
  transform:translate(-112%,-12%) rotate(12deg);
}
.system-visual[data-mode=landmark] .l2{
  transform:translate(18%,-82%) rotate(-14deg);
}

/* Right-side quick-contact stack */
.contact-float-stack{
  position:fixed;
  right:22px;
  bottom:22px;
  z-index:45;
  display:flex;
  flex-direction:column;
  align-items:flex-end;
  gap:10px;
}
.contact-float{
  min-height:52px;
  display:flex;
  align-items:center;
  gap:10px;
  padding:9px 15px 9px 9px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:#f3eee6;
  text-decoration:none;
  background:linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.024));
  backdrop-filter:blur(25px) saturate(165%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 22px 70px rgba(0,0,0,.32);
  transition:transform .25s ease,border-color .25s ease,background .25s ease;
}
.contact-float:hover{
  transform:translateY(-3px);
  border-color:rgba(255,255,255,.28);
}
.contact-icon{
  width:34px;
  height:34px;
  display:grid;
  place-items:center;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
}
.contact-icon svg{
  width:18px;
  height:18px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.whatsapp-float{
  position:static!important;
  left:auto!important;
  right:auto!important;
  bottom:auto!important;
  background:
    linear-gradient(145deg,rgba(24,29,27,.92),rgba(8,10,9,.8)),
    radial-gradient(circle at 22% 22%,rgba(37,211,102,.19),transparent 44%);
}
.whatsapp-float .whatsapp-icon{
  color:#31d26f;
  border-color:rgba(49,210,111,.28);
  background:rgba(49,210,111,.10);
}
.whatsapp-float .whatsapp-icon svg{
  fill:none;
}
.whatsapp-float .whatsapp-icon svg path:first-child{
  fill:rgba(49,210,111,.08);
}
.email-float .contact-icon{
  color:#d5c1a3;
  border-color:rgba(213,193,163,.22);
  background:rgba(213,193,163,.07);
}
.contact-label{
  font-size:9px;
  letter-spacing:.14em;
  text-transform:uppercase;
}
@media(max-width:680px){
  .contact-float-stack{right:14px;bottom:14px}
  .contact-float{padding:8px}
  .contact-label{display:none}
}


/* v1.5 seamless motion and Tourism-card correction */

/* Tourism card no longer sits behind the glass lens. */
.w5{
  right:-2%;
  bottom:2%;
  z-index:4!important;
  --base-rotate:6deg;
}
.w5.is-featured{z-index:9!important}
@media(min-width:1101px){
  .w5{
    right:-4%;
    bottom:0;
    width:176px;
    height:224px;
  }
}
@media(max-width:1100px){
  .w5{right:0;bottom:0}
}

/* Replace full rotations with slow reversible drift.
   No 360-degree snap, therefore no visible reset. */
.orbit{
  animation:orbitDrift 8s ease-in-out infinite alternate!important;
  transform-origin:center;
}
.o1{animation-duration:8.5s!important}
.o2{animation-duration:10.5s!important;animation-direction:alternate-reverse!important}
.o3{animation-duration:7.5s!important}
@keyframes orbitDrift{
  from{transform:rotateX(68deg) rotateZ(-24deg) scale(.985)}
  to{transform:rotateX(68deg) rotateZ(24deg) scale(1.015)}
}

/* Remove the obvious travelling highlight reset.
   The glass keeps a static multi-point refraction instead. */
.kinetic-window::after{
  animation:none!important;
  transform:none!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 30%,rgba(255,255,255,.10),transparent 18%),
    radial-gradient(circle at 72% 68%,rgba(198,161,107,.06),transparent 24%),
    linear-gradient(110deg,transparent 18%,rgba(255,255,255,.035) 43%,transparent 66%)!important;
  opacity:.85;
}
@keyframes glassSweep{
  from{transform:none}
  to{transform:none}
}

/* Cleaner WhatsApp mark */
.whatsapp-float .whatsapp-icon{
  background:#20c964!important;
  border-color:rgba(255,255,255,.22)!important;
  color:#fff!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.28),0 8px 24px rgba(32,201,100,.16);
}
.whatsapp-icon svg{
  width:20px!important;
  height:20px!important;
  stroke:none!important;
}
.whatsapp-icon .wa-bubble{
  fill:#fff!important;
}
.whatsapp-icon .wa-phone{
  fill:#20c964!important;
}


/* v1.6 — A WALD Concierge */
.concierge-launcher{
  position:fixed;
  left:22px;
  bottom:22px;
  z-index:46;
  display:flex;
  align-items:center;
  gap:11px;
  min-height:58px;
  padding:8px 17px 8px 8px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:#f4efe8;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(255,255,255,.025)),
    radial-gradient(circle at 20% 10%,rgba(132,178,207,.13),transparent 46%);
  backdrop-filter:blur(28px) saturate(170%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 26px 80px rgba(0,0,0,.38);
  cursor:pointer;
  transition:.28s ease;
}
.concierge-launcher:hover{transform:translateY(-3px);border-color:rgba(198,161,107,.32)}
.concierge-launcher-orb{
  width:40px;height:40px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.18);
  background:
    radial-gradient(circle at 30% 20%,rgba(255,255,255,.36),transparent 24%),
    radial-gradient(circle at 72% 76%,rgba(102,162,199,.22),transparent 38%),
    rgba(255,255,255,.045);
  box-shadow:inset 3px 4px 10px rgba(255,255,255,.13);
}
.concierge-launcher-orb img{width:19px;height:19px;object-fit:contain}
.concierge-launcher-copy{display:grid;text-align:left;line-height:1}
.concierge-launcher-copy small{font-size:8px;letter-spacing:.17em;color:#aaa59d;margin-bottom:5px}
.concierge-launcher-copy strong{font-family:"Cormorant Garamond",serif;font-size:18px;font-weight:500}

.concierge-panel{
  position:fixed;
  left:22px;
  bottom:92px;
  z-index:47;
  width:min(410px,calc(100vw - 44px));
  height:min(650px,calc(100dvh - 126px));
  display:grid;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  border-radius:30px;
  color:#f4efe8;
  background:
    linear-gradient(145deg,rgba(17,19,23,.94),rgba(6,7,9,.93)),
    radial-gradient(circle at 12% 0%,rgba(135,176,201,.09),transparent 34%);
  backdrop-filter:blur(36px) saturate(165%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 40px 130px rgba(0,0,0,.58);
  opacity:0;
  visibility:hidden;
  transform:translateY(16px) scale(.975);
  transform-origin:bottom left;
  transition:.3s cubic-bezier(.2,.8,.2,1);
}
.concierge-panel.open{opacity:1;visibility:visible;transform:none}
.concierge-head{
  display:flex;align-items:center;justify-content:space-between;gap:18px;
  padding:17px 18px 13px;border-bottom:1px solid rgba(255,255,255,.08)
}
.concierge-identity{display:flex;align-items:center;gap:11px}
.concierge-avatar{
  width:38px;height:38px;display:grid;place-items:center;border-radius:50%;
  border:1px solid rgba(255,255,255,.17);
  background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.30),transparent 26%),rgba(255,255,255,.045)
}
.concierge-avatar img{width:18px;height:18px;object-fit:contain}
.concierge-identity div{display:grid;gap:4px}
.concierge-identity small{font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#98938b}
.concierge-identity strong{font-size:11px;letter-spacing:.14em;font-weight:500}
.concierge-close{
  width:34px;height:34px;border:1px solid rgba(255,255,255,.1);border-radius:50%;
  background:rgba(255,255,255,.035);color:#c9c4bc;font-size:20px;cursor:pointer
}
.concierge-status{
  display:flex;align-items:center;gap:7px;padding:9px 18px;
  font-size:8px;letter-spacing:.12em;text-transform:uppercase;color:#89857f
}
.concierge-status-dot{
  width:6px;height:6px;border-radius:50%;background:#68d38d;box-shadow:0 0 13px rgba(104,211,141,.5)
}
.concierge-messages{
  min-height:0;overflow-y:auto;padding:13px 17px 20px;scrollbar-width:thin;
  scrollbar-color:rgba(255,255,255,.12) transparent
}
.concierge-message{display:flex;gap:9px;margin:0 0 14px}
.concierge-message.user{justify-content:flex-end}
.concierge-message>div{
  max-width:84%;padding:11px 13px;border:1px solid rgba(255,255,255,.09);
  border-radius:17px 17px 17px 5px;background:rgba(255,255,255,.045)
}
.concierge-message.user>div{
  border-radius:17px 17px 5px 17px;
  background:linear-gradient(145deg,rgba(198,161,107,.17),rgba(255,255,255,.045))
}
.concierge-message p{margin:0;font-size:12px;line-height:1.65;color:#d8d3cc}
.message-mark{
  width:25px;height:25px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;
  border:1px solid rgba(255,255,255,.11);font-size:7px;letter-spacing:.04em;color:#c6a16b
}
.concierge-message.pending>div{opacity:.65}
.concierge-suggestions{
  display:flex;gap:7px;overflow-x:auto;padding:0 17px 12px;scrollbar-width:none;
  transition:.25s
}
.concierge-suggestions.used{opacity:.55}
.concierge-suggestions button{
  flex:none;padding:8px 10px;border:1px solid rgba(255,255,255,.1);border-radius:999px;
  background:rgba(255,255,255,.035);color:#b9b4ac;font-size:9px;cursor:pointer
}
.concierge-suggestions button:hover{border-color:rgba(198,161,107,.28);color:#f1ece4}
.concierge-form{
  display:flex;align-items:flex-end;gap:8px;margin:0 14px;padding:8px;
  border:1px solid rgba(255,255,255,.12);border-radius:20px;
  background:rgba(255,255,255,.035)
}
.concierge-form textarea{
  min-height:34px;max-height:118px;flex:1;resize:none;border:0;outline:0;
  padding:8px;background:transparent;color:#f3eee7;font:inherit;font-size:11px;line-height:1.5
}
.concierge-form textarea::placeholder{color:#77736e}
.concierge-form button{
  width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;border:0;border-radius:50%;
  color:#090a0c;background:linear-gradient(145deg,#d2b17f,#a98554);cursor:pointer
}
.concierge-form button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.6}
.concierge-form.busy button{opacity:.55;cursor:wait}
.concierge-foot{
  display:flex;justify-content:space-between;gap:16px;padding:11px 17px 14px;
  font-size:8px;letter-spacing:.05em;color:#77736d
}
.concierge-foot a{color:#bba27d;text-decoration:none}
@media(max-width:680px){
  .concierge-launcher{left:14px;bottom:14px;padding-right:10px}
  .concierge-launcher-copy{display:none}
  .concierge-panel{
    left:10px;bottom:75px;width:calc(100vw - 20px);
    height:min(690px,calc(100dvh - 88px));border-radius:25px
  }
}


/* =========================================================
   v1.8 — reference-matched hero + concierge rebuild
   ========================================================= */

:root{
  --display:"Bodoni Moda", Georgia, serif;
  --sans:"Manrope", Arial, sans-serif;
}
html,body{max-width:100%;overflow-x:clip}
body{font-family:var(--sans)}
h1,h2,h3,.concierge-launcher-copy strong{font-family:var(--display)!important}
h1{
  font-weight:500!important;
  letter-spacing:-.055em!important;
  line-height:.965!important;
}
.hero-copy .eyebrow{
  color:#b79464;
  font-size:10px;
  letter-spacing:.26em;
  margin-bottom:24px;
}
.hero-copy .lead{
  font-size:15px;
  line-height:1.75;
  max-width:610px;
  color:#aaa8a3;
}
.hero-actions{margin-top:2px}
.glass-btn{
  border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018));
  border-color:rgba(255,255,255,.17);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 14px 38px rgba(0,0,0,.24);
}

/* Exact hero composition language from selected direction */
.hero-orbit-stage{
  position:relative;
  height:min(72vh,720px);
  min-height:560px;
  isolation:isolate;
  perspective:1600px;
  overflow:visible;
}
.hero-orbit-stage::before{
  content:"";
  position:absolute;
  inset:10% 5%;
  border-radius:50%;
  background:
    radial-gradient(circle at 54% 50%,rgba(206,166,108,.105),transparent 35%),
    radial-gradient(circle at 52% 48%,rgba(116,158,183,.08),transparent 57%);
  filter:blur(18px);
  pointer-events:none;
}
.stage-aura{inset:15%;opacity:.5}
.orbit-halo{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(200,160,104,.16);
  border-radius:50%;
  transform:translate(-50%,-50%) rotateX(68deg);
  pointer-events:none;
  box-shadow:0 0 50px rgba(198,161,107,.03);
}
.halo-a{width:77%;height:49%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(7deg)}
.halo-b{width:66%;height:42%;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(-13deg)}
.halo-c{width:88%;height:57%;border-style:dashed;opacity:.45;transform:translate(-50%,-50%) rotateX(68deg) rotateZ(20deg)}

.orbital-track{
  position:absolute;
  left:50%;top:50%;
  width:min(35vw,510px);
  aspect-ratio:1;
  transform:translate(-50%,-50%);
  transform-style:preserve-3d;
  animation:awOrbit 38s linear infinite;
  z-index:3;
}
.orbit-card{
  --angle:0deg;
  --radius:min(23vw,335px);
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  right:auto!important;
  bottom:auto!important;
  width:clamp(105px,9.3vw,148px)!important;
  height:clamp(160px,14vw,220px)!important;
  margin:calc(clamp(160px,14vw,220px) / -2) 0 0 calc(clamp(105px,9.3vw,148px) / -2);
  padding:0!important;
  border:0!important;
  border-radius:24px!important;
  overflow:visible!important;
  background:none!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  opacity:1!important;
  filter:none!important;
  transform:rotate(var(--angle)) translateX(var(--radius)) rotate(calc(var(--angle) * -1))!important;
  transform-origin:center;
  z-index:4;
}
.oc1{--angle:0deg}
.oc2{--angle:60deg}
.oc3{--angle:120deg}
.oc4{--angle:180deg}
.oc5{--angle:240deg}
.oc6{--angle:300deg}
.orbital-card-face{
  position:absolute;
  inset:0;
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(255,235,205,.26);
  background:
    linear-gradient(145deg,rgba(255,255,255,.115),rgba(255,255,255,.018));
  backdrop-filter:blur(16px) saturate(145%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 0 28px rgba(198,161,107,.06),
    0 24px 60px rgba(0,0,0,.34),
    0 0 24px rgba(198,161,107,.05);
  animation:awCounterOrbit 38s linear infinite;
  transition:transform .4s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s;
}
.orbit-card:hover .orbital-card-face{
  transform:scale(1.055) translateY(-6px);
  border-color:rgba(255,225,183,.42);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    inset 0 0 36px rgba(198,161,107,.10),
    0 35px 80px rgba(0,0,0,.44),
    0 0 40px rgba(198,161,107,.10);
}
.orbit-card .image{
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  background-size:cover!important;
  background-position:center!important;
  opacity:.38;
  filter:saturate(.55) contrast(1.06) brightness(.72);
  mix-blend-mode:screen;
}
.orbital-card-face::before{
  content:"";
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    linear-gradient(115deg,rgba(255,255,255,.18),transparent 22%,transparent 72%,rgba(198,161,107,.10)),
    linear-gradient(180deg,rgba(8,9,11,.02),rgba(8,9,11,.28));
}
.orbital-card-face::after{
  content:"";
  position:absolute;inset:9px;z-index:3;pointer-events:none;
  border-radius:17px;
  border:1px solid rgba(255,255,255,.055);
}
.world-card::after,.world-card .meta{display:none!important}

.hero-signature-lens{
  left:50%;top:50%;
  width:min(31vw,455px);
  z-index:7;
  pointer-events:none;
}
.hero-signature-lens .lens{
  inset:9%;
  border-radius:50%!important;
  background:
    radial-gradient(circle at 27% 20%,rgba(255,255,255,.58),transparent 13%),
    radial-gradient(circle at 70% 73%,rgba(96,146,178,.19),transparent 34%),
    radial-gradient(circle at 48% 49%,rgba(198,161,107,.12),transparent 39%),
    conic-gradient(from 180deg,rgba(255,255,255,.02),rgba(198,161,107,.14),rgba(100,150,182,.11),rgba(255,255,255,.03),rgba(198,161,107,.10));
  border:1px solid rgba(255,255,255,.27);
  backdrop-filter:blur(28px) saturate(175%);
  box-shadow:
    inset 10px 12px 24px rgba(255,255,255,.17),
    inset -30px -34px 70px rgba(55,94,121,.18),
    inset 0 0 0 1px rgba(255,255,255,.05),
    0 0 80px rgba(198,161,107,.08),
    0 55px 100px rgba(0,0,0,.42);
  animation:signatureFloat 8s ease-in-out infinite alternate!important;
}
.hero-signature-lens .lens::before{
  opacity:1!important;
  inset:6%!important;
  border-radius:50%!important;
  background:
    linear-gradient(118deg,transparent 18%,rgba(255,255,255,.19) 36%,transparent 49%),
    radial-gradient(circle at 34% 28%,rgba(255,255,255,.18),transparent 24%),
    radial-gradient(circle at 64% 71%,rgba(90,142,175,.16),transparent 34%)!important;
  mix-blend-mode:screen;
  filter:none!important;
  transform:none!important;
}
.hero-signature-lens .lens::after{inset:14%;border-radius:50%}
.hero-signature-lens .lens img{
  width:31%;
  transform:translate(-50%,-50%)!important;
  filter:sepia(.25) drop-shadow(0 14px 26px rgba(0,0,0,.35));
}
.orbit-line{
  position:absolute;
  inset:2%;
  border:1px solid rgba(198,161,107,.19);
  border-radius:50%;
  transform:rotateX(69deg) rotateZ(12deg);
}
.ol2{inset:10%;transform:rotateX(72deg) rotateZ(-24deg);opacity:.7}
.ol3{inset:-7%;transform:rotateX(66deg) rotateZ(38deg);border-style:dotted;opacity:.45}

@keyframes awOrbit{to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes awCounterOrbit{to{transform:rotate(-360deg)}}
@keyframes signatureFloat{
  from{transform:translateY(-5px) scale(.99)}
  to{transform:translateY(8px) scale(1.015)}
}

/* Prevent the concierge from ever changing the page geometry */
.concierge-launcher,.concierge-panel,.contact-float-stack{
  box-sizing:border-box!important;
}
.concierge-launcher{
  left:24px;
  bottom:22px;
  min-height:54px;
  padding:7px 16px 7px 7px;
  z-index:100;
}
.concierge-launcher-orb{
  width:38px;height:38px;
}
.concierge-launcher-orb img{
  width:23px;height:23px;
}
.concierge-panel{
  position:fixed!important;
  inset:auto auto 88px 22px!important;
  width:min(390px,calc(100vw - 28px))!important;
  max-width:calc(100vw - 28px)!important;
  height:min(610px,calc(100dvh - 108px))!important;
  max-height:calc(100dvh - 108px)!important;
  transform:translate3d(0,18px,0) scale(.985)!important;
  contain:layout paint style;
  overflow:hidden!important;
  z-index:101;
}
.concierge-panel.open{
  transform:translate3d(0,0,0) scale(1)!important;
}
.concierge-head{padding:15px 16px 12px}
.concierge-avatar{
  width:42px;height:42px;
}
.concierge-avatar img{
  width:26px;height:26px;
}
.concierge-identity strong{
  font-family:var(--display);
  font-size:16px;
  letter-spacing:.02em;
  text-transform:none;
}
.concierge-identity small{font-size:7px}
.concierge-status{padding:8px 16px}
.concierge-messages{padding:12px 15px 15px}
.concierge-message>div{
  max-width:82%;
  padding:10px 12px;
  border-radius:16px 16px 16px 5px;
}
.concierge-message p{
  font-size:11px;
  line-height:1.62;
}
.message-mark{
  width:28px;height:28px;
  background:rgba(255,255,255,.035);
  color:transparent;
  position:relative;
}
.message-mark::before{
  content:"";
  position:absolute;inset:5px;
  background:url("assets/brand-monogram.png") center/contain no-repeat;
}
.concierge-suggestions{
  display:grid!important;
  grid-template-columns:1fr 1fr!important;
  gap:7px!important;
  overflow:visible!important;
  padding:0 14px 10px!important;
}
.concierge-suggestions button{
  min-width:0!important;
  width:100%!important;
  min-height:36px!important;
  padding:8px 10px!important;
  border-radius:12px!important;
  font-size:8px!important;
  letter-spacing:.04em!important;
  line-height:1.25!important;
  white-space:normal!important;
  text-align:left!important;
}
.concierge-form{
  margin:0 13px;
  min-height:52px;
}
.concierge-form textarea{
  min-width:0;
  overflow:hidden;
}
.concierge-foot{
  padding:9px 15px 12px;
  border-top:1px solid rgba(255,255,255,.06);
}
body:has(.concierge-panel.open){
  overflow-x:clip!important;
  width:100%!important;
}
@media(max-width:1100px){
  .orbital-track{width:min(42vw,470px)}
  .orbit-card{--radius:min(27vw,300px)}
  .hero-signature-lens{width:min(37vw,420px)}
}
@media(max-width:780px){
  .hero-orbit-stage{height:480px;min-height:480px;margin-top:18px}
  .orbital-track{width:290px}
  .orbit-card{
    --radius:205px;
    width:88px!important;height:134px!important;
    margin:-67px 0 0 -44px;
    border-radius:18px!important;
  }
  .orbital-card-face{border-radius:18px}
  .hero-signature-lens{width:250px}
}
@media(max-width:680px){
  .concierge-launcher{left:12px;bottom:12px}
  .concierge-panel{
    inset:auto 10px 74px 10px!important;
    width:auto!important;
    max-width:none!important;
    height:min(650px,calc(100dvh - 86px))!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .orbital-track,.orbital-card-face,.hero-signature-lens .lens{animation:none!important}
}


/* =========================================================
   v1.9 — Sculptural hero and concierge correction
   ========================================================= */

:root{
  --display:"DM Serif Display", Georgia, serif!important;
}
h1,h2,h3,.concierge-launcher-copy strong,.concierge-identity strong{
  font-family:var(--display)!important;
}
.hero{
  min-height:100svh!important;
  overflow:hidden!important;
}
.hero-main{
  min-height:calc(100svh - 108px)!important;
  align-items:center!important;
  grid-template-columns:minmax(430px,.92fr) minmax(580px,1.08fr)!important;
  gap:clamp(20px,2.5vw,46px)!important;
  padding-top:96px!important;
  padding-bottom:74px!important;
}
.hero-copy{
  max-width:680px!important;
  padding-left:clamp(12px,1vw,20px);
  position:relative;
  z-index:8;
}
.hero-copy h1{
  max-width:650px!important;
  font-size:clamp(64px,5.35vw,96px)!important;
  font-weight:400!important;
  line-height:.965!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
}
.hero-copy .lead{
  max-width:590px!important;
  margin-top:26px!important;
  font-size:14px!important;
  line-height:1.72!important;
}
.hero-actions{margin-top:30px!important}

/* One connected sculpture—not an evenly spaced wheel */
.hero-orbit-stage{
  height:min(75vh,720px)!important;
  min-height:600px!important;
  transform:translate3d(var(--stage-x,0),var(--stage-y,0),0);
  transition:transform .25s ease-out;
  overflow:visible!important;
}
.hero-orbit-stage::before{
  inset:4% 0 2% 0!important;
  background:
    radial-gradient(circle at 52% 50%,rgba(196,151,91,.12),transparent 24%),
    radial-gradient(circle at 53% 50%,rgba(39,61,76,.16),transparent 46%),
    radial-gradient(ellipse at 52% 88%,rgba(183,131,67,.065),transparent 32%)!important;
  filter:blur(22px)!important;
}
.sculpture-floor{
  position:absolute;
  left:50%;bottom:8%;
  width:74%;height:17%;
  transform:translateX(-50%) perspective(600px) rotateX(66deg);
  border-radius:50%;
  background:
    radial-gradient(ellipse,rgba(203,158,101,.13),rgba(57,66,72,.055) 35%,transparent 68%);
  filter:blur(12px);
  opacity:.62;
  z-index:1;
  pointer-events:none;
}
.sculpture-floor::after{
  content:"";
  position:absolute;
  inset:25% 13%;
  border-radius:50%;
  background:rgba(0,0,0,.72);
  filter:blur(16px);
}
.orbital-track{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  aspect-ratio:auto!important;
  transform:none!important;
  animation:none!important;
  transform-style:preserve-3d;
  perspective:1400px;
  z-index:5;
}
.orbit-card{
  position:absolute!important;
  width:clamp(112px,8.6vw,148px)!important;
  height:clamp(180px,13.2vw,224px)!important;
  margin:0!important;
  transform-origin:center!important;
  transition:opacity .28s ease,filter .28s ease!important;
  will-change:transform,opacity,filter;
  pointer-events:auto;
}
.orbital-card-face{
  border-radius:25px!important;
  border:1px solid rgba(244,220,186,var(--edge-light,.22))!important;
  background:
    linear-gradient(128deg,rgba(255,255,255,.105),rgba(255,255,255,.012) 44%,rgba(174,120,68,.055)),
    rgba(15,17,19,.14)!important;
  backdrop-filter:blur(13px) saturate(118%)!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.18),
    inset -7px -10px 24px rgba(11,13,15,.30),
    inset 8px 0 20px rgba(179,129,74,.025),
    0 26px 54px rgba(0,0,0,.34)!important;
  animation:none!important;
  transform:none!important;
}
.orbit-card .image{
  opacity:var(--image-opacity,.22)!important;
  mix-blend-mode:screen!important;
  filter:saturate(.44) contrast(1.12) brightness(.63)!important;
}
.orbital-card-face::before{
  background:
    linear-gradient(111deg,rgba(255,255,255,.17),transparent 16%,transparent 64%,rgba(196,147,87,.105)),
    radial-gradient(circle at 20% 12%,rgba(255,255,255,.10),transparent 21%),
    linear-gradient(180deg,rgba(4,5,7,.02),rgba(4,5,7,.24))!important;
}
.orbital-card-face::after{
  inset:8px!important;
  border-radius:18px!important;
  border-color:rgba(255,255,255,.045)!important;
}
.orbit-card:hover{
  filter:none!important;
  opacity:1!important;
  z-index:180!important;
}
.orbit-card:hover .orbital-card-face{
  transform:translateY(-6px) scale(1.025)!important;
}

/* Dense black crystal nucleus */
.hero-signature-lens{
  left:53%!important;
  top:51%!important;
  width:min(28vw,410px)!important;
  z-index:70!important;
}
.hero-signature-lens::before{
  content:"";
  position:absolute;
  inset:-13%;
  border-radius:50%;
  background:
    radial-gradient(circle,transparent 46%,rgba(194,148,91,.055) 56%,transparent 72%);
  filter:blur(7px);
}
.hero-signature-lens .lens{
  inset:5%!important;
  background:
    radial-gradient(circle at 28% 21%,rgba(255,255,255,.31),transparent 7%),
    radial-gradient(circle at 35% 28%,rgba(255,255,255,.065),transparent 18%),
    radial-gradient(circle at 68% 72%,rgba(86,119,139,.10),transparent 29%),
    radial-gradient(circle at 50% 49%,rgba(7,8,10,.92),rgba(2,3,4,.985) 61%,rgba(0,0,0,1) 79%),
    conic-gradient(from 220deg,rgba(202,155,96,.13),transparent 17%,rgba(103,135,151,.07),transparent 44%,rgba(202,155,96,.10),transparent 74%)!important;
  border:1px solid rgba(240,214,180,.23)!important;
  box-shadow:
    inset 8px 10px 20px rgba(255,255,255,.08),
    inset -18px -24px 48px rgba(0,0,0,.75),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 0 0 12px rgba(255,255,255,.012),
    0 0 68px rgba(196,147,87,.10),
    0 42px 90px rgba(0,0,0,.56)!important;
}
.hero-signature-lens .lens::before{
  background:
    linear-gradient(120deg,transparent 13%,rgba(255,255,255,.11) 25%,transparent 36%),
    radial-gradient(circle at 33% 24%,rgba(255,255,255,.085),transparent 18%),
    conic-gradient(from 30deg,transparent,rgba(193,145,85,.055),transparent 35%,rgba(84,124,148,.05),transparent 70%)!important;
}
.hero-signature-lens .lens::after{
  inset:16%!important;
  border-color:rgba(213,172,116,.12)!important;
  box-shadow:inset 0 0 36px rgba(0,0,0,.64);
}
.hero-signature-lens .lens img{
  width:34%!important;
  filter:sepia(.3) brightness(1.10) drop-shadow(0 10px 20px rgba(0,0,0,.56))!important;
}
.orbit-line{
  border-color:rgba(200,153,94,.28)!important;
  filter:drop-shadow(0 0 5px rgba(199,150,90,.11));
}
.ol1{inset:-4%!important;transform:rotateX(70deg) rotateZ(9deg)!important}
.ol2{inset:8%!important;transform:rotateX(74deg) rotateZ(-29deg)!important;opacity:.78!important}
.ol3{inset:-13%!important;transform:rotateX(65deg) rotateZ(34deg)!important;opacity:.36!important}
.halo-a{width:73%!important;height:43%!important}
.halo-b{width:58%!important;height:37%!important}
.halo-c{width:84%!important;height:52%!important}

/* Concierge: compact, luxurious, structurally isolated */
html.concierge-open,
html.concierge-open body{
  overflow-x:clip!important;
  width:100%!important;
}
.concierge-launcher{
  left:24px!important;
  bottom:20px!important;
  min-height:52px!important;
  transform-origin:left bottom;
  transition:opacity .2s ease,transform .22s ease,visibility .2s!important;
}
.concierge-launcher[aria-hidden="true"]{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
  transform:translateY(8px) scale(.94)!important;
}
.concierge-panel{
  inset:auto auto 20px 20px!important;
  width:370px!important;
  height:min(520px,calc(100dvh - 40px))!important;
  max-height:calc(100dvh - 40px)!important;
  grid-template-rows:auto auto minmax(0,1fr) auto auto auto!important;
  border-radius:24px!important;
  background:
    radial-gradient(circle at 12% 0%,rgba(116,153,175,.08),transparent 28%),
    linear-gradient(148deg,rgba(17,19,22,.965),rgba(7,8,10,.955))!important;
  border-color:rgba(255,255,255,.12)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 28px 100px rgba(0,0,0,.62)!important;
  contain:layout paint!important;
}
.concierge-head{
  min-height:68px;
  padding:13px 15px!important;
  align-items:center!important;
}
.concierge-identity{
  gap:10px!important;
  min-width:0;
}
.concierge-avatar{
  width:40px!important;
  height:40px!important;
  flex:0 0 auto;
}
.concierge-avatar img{width:24px!important;height:24px!important}
.concierge-identity div{min-width:0}
.concierge-identity strong{
  font-size:16px!important;
  line-height:1!important;
  white-space:nowrap;
}
.concierge-identity small{
  font-size:7px!important;
  letter-spacing:.13em!important;
  margin-bottom:3px;
}
.concierge-close{
  width:32px!important;height:32px!important;
  flex:0 0 auto;
}
.concierge-status{
  padding:7px 15px!important;
  border-bottom:1px solid rgba(255,255,255,.055);
}
.concierge-messages{
  padding:13px 14px 12px!important;
}
.concierge-message{
  margin-bottom:11px!important;
  align-items:flex-start;
}
.concierge-message>div{
  max-width:84%!important;
  padding:10px 12px!important;
  border-radius:14px 14px 14px 5px!important;
}
.concierge-message.user>div{
  border-radius:14px 14px 5px 14px!important;
}
.concierge-message p{
  font-size:10.5px!important;
  line-height:1.58!important;
}
.message-mark{
  width:27px!important;height:27px!important;
  flex-basis:27px!important;
}
.concierge-suggestions{
  display:flex!important;
  gap:6px!important;
  overflow-x:auto!important;
  padding:0 14px 9px!important;
  scrollbar-width:none;
}
.concierge-suggestions button{
  width:auto!important;
  min-width:max-content!important;
  min-height:31px!important;
  padding:7px 10px!important;
  border-radius:999px!important;
  white-space:nowrap!important;
  text-align:center!important;
  font-size:7.5px!important;
}
.concierge-form{
  margin:0 12px!important;
  min-height:48px!important;
  border-radius:16px!important;
  padding:6px!important;
}
.concierge-form textarea{
  padding:7px!important;
  font-size:10px!important;
}
.concierge-form button{
  width:36px!important;height:36px!important;
}
.concierge-foot{
  padding:8px 14px 11px!important;
  align-items:center;
}
.concierge-foot span{
  max-width:210px;
  line-height:1.4;
}
@media(max-width:1180px){
  .hero-main{
    grid-template-columns:minmax(390px,.92fr) minmax(500px,1.08fr)!important;
  }
  .hero-copy h1{font-size:clamp(58px,5.6vw,82px)!important}
  .hero-signature-lens{width:min(31vw,380px)!important}
}
@media(max-width:920px){
  .hero-main{
    grid-template-columns:1fr!important;
    padding-top:122px!important;
  }
  .hero-copy{max-width:720px!important}
  .hero-copy h1{max-width:680px!important}
  .hero-orbit-stage{height:560px!important;min-height:560px!important}
  .hero-signature-lens{left:50%!important;width:330px!important}
}
@media(max-width:680px){
  .hero-copy h1{font-size:clamp(48px,14vw,68px)!important}
  .hero-orbit-stage{height:470px!important;min-height:470px!important}
  .hero-signature-lens{width:245px!important}
  .orbit-card{width:86px!important;height:138px!important}
  .concierge-panel{
    inset:auto 9px 9px 9px!important;
    width:auto!important;
    height:min(590px,calc(100dvh - 18px))!important;
    max-height:calc(100dvh - 18px)!important;
  }
}
@media(prefers-reduced-motion:reduce){
  .hero-orbit-stage{transform:none!important}
}


/* =========================================================
   v2.0 — final visual polish pass
   ========================================================= */

.hero-main{
  grid-template-columns:minmax(440px,.94fr) minmax(560px,1.06fr)!important;
  gap:clamp(24px,3vw,54px)!important;
}
.hero-copy{
  padding-left:clamp(18px,2vw,34px)!important;
}
.hero-copy h1{
  max-width:610px!important;
  font-size:clamp(62px,5.05vw,91px)!important;
  line-height:.985!important;
  letter-spacing:-.04em!important;
}
.hero-copy .lead{
  max-width:565px!important;
  font-size:13.5px!important;
  color:#9f9d98!important;
}
.hero-copy .eyebrow{
  margin-bottom:22px!important;
  color:#af8b5c!important;
}
.hero-actions{
  margin-top:28px!important;
  gap:22px!important;
}
.glass-btn{
  min-height:50px!important;
  padding-inline:22px!important;
}
.text-link{
  font-size:10px!important;
  letter-spacing:.20em!important;
}

/* Make the sculpture feel more like one object */
.hero-orbit-stage{
  height:min(72vh,690px)!important;
  min-height:580px!important;
}
.hero-orbit-stage::before{
  inset:8% 2% 3% 0!important;
}
.orbit-card{
  width:clamp(110px,8.1vw,140px)!important;
  height:clamp(176px,12.5vw,214px)!important;
}
.orbital-card-face{
  border-radius:23px!important;
  border-color:rgba(241,216,182,var(--edge-light,.20))!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.16),
    inset -8px -12px 22px rgba(7,9,11,.34),
    inset 8px 0 20px rgba(173,123,71,.02),
    0 22px 46px rgba(0,0,0,.36)!important;
}
.orbit-card .image{
  filter:saturate(.38) contrast(1.10) brightness(.58)!important;
}
.hero-signature-lens{
  left:52.5%!important;
  width:min(26vw,388px)!important;
}
.hero-signature-lens .lens{
  box-shadow:
    inset 8px 10px 20px rgba(255,255,255,.07),
    inset -20px -26px 52px rgba(0,0,0,.78),
    inset 0 0 0 1px rgba(255,255,255,.02),
    0 0 0 10px rgba(255,255,255,.009),
    0 0 58px rgba(193,146,87,.09),
    0 38px 86px rgba(0,0,0,.58)!important;
}
.hero-signature-lens .lens img{
  width:32%!important;
}
.ol4{
  inset:20%!important;
  transform:rotateX(76deg) rotateZ(17deg)!important;
  border-color:rgba(200,153,94,.15)!important;
  opacity:.56!important;
}
.sculpture-floor{
  width:68%!important;
  opacity:.54!important;
}
.halo-a,.halo-b,.halo-c{
  opacity:.52!important;
}

/* Bottom rail becomes quieter and more refined */
.designed-row{
  min-height:54px!important;
  border-top-color:rgba(255,255,255,.065)!important;
}
.designed-row .label{
  color:#9e815f!important;
}
.industry-chip{
  font-size:9px!important;
  letter-spacing:.16em!important;
  color:#8c8984!important;
}

/* Concierge refinement */
.concierge-launcher{
  min-height:50px!important;
  padding:6px 14px 6px 6px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.085),rgba(255,255,255,.018)),
    radial-gradient(circle at 18% 10%,rgba(132,178,207,.10),transparent 42%)!important;
}
.concierge-launcher-orb{
  width:36px!important;
  height:36px!important;
}
.concierge-launcher-copy small{
  font-size:7px!important;
}
.concierge-launcher-copy strong{
  font-size:17px!important;
}
.concierge-panel{
  width:360px!important;
  height:min(500px,calc(100dvh - 36px))!important;
  border-radius:22px!important;
}
.concierge-head{
  min-height:64px!important;
}
.concierge-identity strong{
  font-size:15px!important;
}
.concierge-messages{
  padding-top:11px!important;
}
.concierge-message p{
  font-size:10px!important;
}
.concierge-suggestions button{
  min-height:29px!important;
  padding:6px 9px!important;
}
.concierge-form{
  min-height:46px!important;
}
.concierge-foot{
  font-size:7px!important;
}
.concierge-panel::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(125deg,rgba(255,255,255,.035),transparent 18%,transparent 76%,rgba(185,137,78,.025));
  border-radius:inherit;
}

/* Prevent launcher/panel from creating any scrollbar edge-case */
.concierge-launcher,
.concierge-panel{
  max-width:calc(100vw - 20px)!important;
}
@media(max-width:1180px){
  .hero-main{
    grid-template-columns:minmax(390px,.95fr) minmax(490px,1.05fr)!important;
  }
  .hero-copy h1{
    font-size:clamp(58px,5.25vw,80px)!important;
  }
}
@media(max-width:920px){
  .hero-copy{
    padding-left:12px!important;
  }
  .hero-copy h1{
    max-width:660px!important;
  }
}


/* =========================================================
   v2.1 — texture, refraction and depth pass
   ========================================================= */

body::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:999;
  pointer-events:none;
  opacity:.12;
  background:url("assets/texture-grain-256.webp") repeat;
  mix-blend-mode:soft-light;
}

.hero::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(0,0,0,.08),transparent 42%,rgba(0,0,0,.10)),
    radial-gradient(circle at 76% 47%,rgba(181,131,72,.055),transparent 22%);
  z-index:0;
}
.hero-main{position:relative;z-index:1}

.hero-copy{
  align-self:center!important;
  transform:translateY(-2px);
}
.hero-copy h1{
  max-width:585px!important;
  font-size:clamp(60px,4.85vw,88px)!important;
  line-height:.99!important;
}
.hero-copy .lead{
  max-width:545px!important;
  margin-top:24px!important;
}
.hero-actions{margin-top:26px!important}

.hero-orbit-stage{
  height:min(70vh,660px)!important;
  min-height:560px!important;
}
.hero-orbit-stage::after{
  content:"";
  position:absolute;
  inset:7% 0 6% 0;
  pointer-events:none;
  background:
    url("assets/texture-bronze-caustics.png") center/92% 78% no-repeat,
    url("assets/texture-glass-refraction.png") center/88% 88% no-repeat;
  opacity:.74;
  mix-blend-mode:screen;
  filter:saturate(.72);
  z-index:2;
}
.sculpture-floor{
  bottom:5%!important;
  width:64%!important;
  height:14%!important;
  opacity:.49!important;
}

.hero-signature-lens{
  left:51.5%!important;
  top:50.5%!important;
  width:min(24.8vw,368px)!important;
}
.hero-signature-lens .lens{
  background:
    url("assets/texture-glass-refraction.png") center/165% 165% no-repeat,
    radial-gradient(circle at 29% 20%,rgba(255,255,255,.28),transparent 6%),
    radial-gradient(circle at 34% 27%,rgba(255,255,255,.052),transparent 18%),
    radial-gradient(circle at 68% 72%,rgba(84,116,136,.07),transparent 28%),
    radial-gradient(circle at 50% 49%,rgba(6,7,9,.94),rgba(2,3,4,.992) 61%,rgba(0,0,0,1) 80%),
    conic-gradient(from 220deg,rgba(202,155,96,.11),transparent 17%,rgba(103,135,151,.055),transparent 44%,rgba(202,155,96,.085),transparent 74%)!important;
  background-blend-mode:screen,normal,normal,normal,normal,normal;
  box-shadow:
    inset 7px 9px 18px rgba(255,255,255,.065),
    inset -22px -29px 54px rgba(0,0,0,.82),
    inset 0 0 0 1px rgba(255,255,255,.018),
    0 0 0 9px rgba(255,255,255,.008),
    0 0 52px rgba(193,146,87,.085),
    0 34px 82px rgba(0,0,0,.62)!important;
}
.hero-signature-lens .lens::before{
  opacity:.80!important;
}
.hero-signature-lens .lens img{
  width:30.5%!important;
}

.orbit-card{
  width:clamp(108px,7.8vw,136px)!important;
  height:clamp(172px,12vw,208px)!important;
}
.orbital-card-face{
  background:
    url("assets/texture-glass-refraction.png") center/190% 190% no-repeat,
    linear-gradient(128deg,rgba(255,255,255,.09),rgba(255,255,255,.008) 44%,rgba(174,120,68,.045)),
    rgba(12,14,16,.11)!important;
  background-blend-mode:screen,normal,normal;
  border-color:rgba(245,220,185,var(--edge-light,.18))!important;
  box-shadow:
    inset 1px 1px 0 rgba(255,255,255,.13),
    inset -8px -13px 24px rgba(6,8,10,.37),
    inset 10px 0 18px rgba(170,121,68,.018),
    0 22px 44px rgba(0,0,0,.39)!important;
}
.orbit-card .image{
  opacity:var(--image-opacity,.18)!important;
  filter:saturate(.30) contrast(1.13) brightness(.54)!important;
  mix-blend-mode:screen!important;
}
.orbital-card-face::before{
  background:
    linear-gradient(111deg,rgba(255,255,255,.135),transparent 15%,transparent 67%,rgba(196,147,87,.085)),
    radial-gradient(circle at 18% 11%,rgba(255,255,255,.075),transparent 18%),
    linear-gradient(180deg,rgba(4,5,7,.01),rgba(4,5,7,.26))!important;
}
.orbit-line{
  border-width:1px!important;
  border-color:rgba(201,154,95,.31)!important;
}
.ol1{opacity:.82!important}
.ol2{opacity:.60!important}
.ol3{opacity:.30!important}
.ol4{opacity:.42!important}
.halo-a,.halo-b,.halo-c{
  border-color:rgba(198,151,92,.12)!important;
  opacity:.40!important;
}

.designed-row{
  min-height:50px!important;
  background:linear-gradient(180deg,rgba(255,255,255,.012),transparent);
}

/* Concierge reduced to a quiet luxury tool */
.concierge-launcher{
  min-height:48px!important;
  padding:6px 13px 6px 6px!important;
}
.concierge-panel{
  width:348px!important;
  height:min(480px,calc(100dvh - 32px))!important;
}
.concierge-head{min-height:60px!important}
.concierge-avatar{
  width:36px!important;
  height:36px!important;
}
.concierge-avatar img{width:21px!important;height:21px!important}
.concierge-identity strong{font-size:14px!important}
.concierge-status{font-size:7px!important}
.concierge-message p{font-size:9.8px!important}
.concierge-message>div{padding:9px 11px!important}
.concierge-suggestions button{
  min-height:28px!important;
  padding:6px 9px!important;
  font-size:7.2px!important;
}
.concierge-form{
  min-height:44px!important;
}
.concierge-form button{
  width:34px!important;height:34px!important;
}
.concierge-foot{
  padding:7px 13px 9px!important;
}

@media(max-width:1180px){
  .hero-signature-lens{width:min(28vw,345px)!important}
}
@media(max-width:920px){
  .hero-orbit-stage{height:530px!important;min-height:530px!important}
}
@media(max-width:680px){
  body::before{opacity:.08}
  .hero-signature-lens{width:232px!important}
  .orbit-card{width:82px!important;height:132px!important}
}


/* =========================================================
   v3.0 — true WebGL hero + sitewide visual QA
   ========================================================= */

/* Global typography safeguards: no descender/ascender collisions. */
h1,h2,h3,h4,h5,h6{
  text-wrap:balance;
  overflow-wrap:normal;
  word-break:normal;
  padding-bottom:.08em;
}
h1{line-height:1.02!important;letter-spacing:-.038em!important}
h2{line-height:1.04!important;letter-spacing:-.032em!important}
h3{line-height:1.08!important;letter-spacing:-.022em!important}
p,li,.lead,.project-row p,.service-tier p,.service-tier li{
  line-height:1.72!important;
  text-wrap:pretty;
}
.eyebrow,.kicker,.label,.project-row span,.service-tier>span{
  line-height:1.4!important;
}
button,a,.glass-btn,.text-link,.industry-chip{
  line-height:1.25;
}
.hero-copy h1{
  max-width:600px!important;
  font-size:clamp(58px,4.75vw,86px)!important;
  line-height:1.015!important;
  padding-bottom:.12em!important;
}
.hero-copy .lead{margin-top:22px!important;margin-bottom:28px!important}
.hero-actions{margin-top:0!important}

.webgl-stage{
  position:relative;
  height:min(70vh,670px)!important;
  min-height:570px!important;
  overflow:visible!important;
  isolation:isolate;
}
.webgl-hero{
  position:absolute;
  inset:-4% -4% -2% -5%;
  z-index:5;
  pointer-events:auto;
}
.webgl-hero canvas{
  display:block;
  width:100%!important;
  height:100%!important;
}
.webgl-fallback{display:none}
.sculpture-vignette{
  position:absolute;
  inset:8% 0 6%;
  z-index:1;
  pointer-events:none;
  background:
    radial-gradient(circle at 51% 48%,rgba(190,145,87,.10),transparent 25%),
    radial-gradient(circle at 51% 49%,rgba(65,104,128,.08),transparent 42%);
  filter:blur(18px);
}
.webgl-stage .sculpture-floor{
  z-index:2!important;
  bottom:5%!important;
  width:62%!important;
  height:14%!important;
}

/* Hide retired CSS sculpture elements if cached markup ever appears. */
.webgl-stage .orbital-track,
.webgl-stage .hero-signature-lens,
.webgl-stage .orbit-halo,
.webgl-stage .stage-aura{display:none!important}

/* Header and navigation breathing room. */
.site-header{min-height:82px}
.site-header nav{gap:clamp(20px,2.1vw,36px)}
.site-header nav a{line-height:1.2;padding-block:8px}
.brand img{display:block;max-height:44px;width:auto}

/* Sitewide spacing rhythm. */
.section-shell,.section-wrap,.content-shell{padding-top:clamp(84px,9vw,150px);padding-bottom:clamp(84px,9vw,150px)}
.service-tier h2,.project-row h2{padding-bottom:.12em}
.service-tier{gap:8px}
.service-tier ul{margin-bottom:0}
.tier-price{flex-wrap:wrap;row-gap:4px}
.tier-price strong{line-height:1.05}

/* Cards and copy never clip at narrow widths. */
.service-tier,.project-row,.glass-card,.package-card{overflow:visible}
.service-tier p,.service-tier li,.project-row p{max-width:68ch}

/* Concierge remains outside document flow and text no longer crowds. */
.concierge-panel{contain:layout paint style!important}
.concierge-identity strong{line-height:1.08!important;padding-bottom:2px}
.concierge-message p{line-height:1.58!important}
.concierge-suggestions button{line-height:1.22!important}
.concierge-form textarea{line-height:1.45!important}

@media(max-width:1180px){
  .hero-main{grid-template-columns:minmax(400px,.94fr) minmax(500px,1.06fr)!important}
  .hero-copy h1{font-size:clamp(54px,5vw,76px)!important}
  .webgl-stage{min-height:540px!important}
}
@media(max-width:920px){
  .hero-main{grid-template-columns:1fr!important;gap:8px!important}
  .hero-copy{max-width:720px!important}
  .hero-copy h1{max-width:680px!important}
  .webgl-stage{height:540px!important;min-height:540px!important}
  .webgl-hero{inset:-8% -7% -5% -7%}
}
@media(max-width:680px){
  h1{line-height:1.045!important}
  h2{line-height:1.07!important}
  .hero-copy h1{font-size:clamp(46px,13.2vw,64px)!important;line-height:1.035!important}
  .webgl-stage{height:460px!important;min-height:460px!important}
  .webgl-hero{inset:-10% -14% -6% -14%}
  .site-header{min-height:72px}
}
@media(prefers-reduced-motion:reduce){
  .webgl-stage{transform:none!important}
}


/* =========================================================
   v3.1 — local-file compatibility + authoritative concierge
   ========================================================= */

/* Remove the failed texture rectangle/fallback visual completely. */
.webgl-stage::after,
.hero-orbit-stage::after{content:none!important;display:none!important}
.webgl-fallback{display:none!important}
.webgl-hero{background:transparent!important}
.webgl-hero canvas{background:transparent!important}
.webgl-unavailable .webgl-fallback{display:grid!important}
.webgl-unavailable .webgl-hero{display:none!important}

/* Exact desktop composition cleanup. */
.hero-main{
  grid-template-columns:minmax(430px,.93fr) minmax(570px,1.07fr)!important;
  gap:clamp(32px,3.2vw,62px)!important;
}
.hero-copy h1{
  font-size:clamp(58px,4.65vw,84px)!important;
  line-height:1.045!important;
  letter-spacing:-.035em!important;
  max-width:590px!important;
}
.hero-copy .lead{font-size:13px!important;line-height:1.68!important;max-width:560px!important}
.webgl-stage{min-height:590px!important;height:min(72vh,690px)!important}
.webgl-hero{inset:-7% -8% -5% -7%!important}

/* Concierge: one definitive layout, no legacy grid/card stretching. */
.concierge-panel{
  position:fixed!important;
  left:20px!important;
  bottom:20px!important;
  top:auto!important;
  right:auto!important;
  width:min(368px,calc(100vw - 40px))!important;
  height:min(510px,calc(100dvh - 40px))!important;
  max-width:calc(100vw - 40px)!important;
  max-height:calc(100dvh - 40px)!important;
  display:grid!important;
  grid-template-rows:64px 30px minmax(0,1fr) auto 54px 30px!important;
  overflow:hidden!important;
  border-radius:24px!important;
  opacity:0!important;
  visibility:hidden!important;
  transform:translateY(12px) scale(.975)!important;
  transform-origin:left bottom!important;
  z-index:1000!important;
  contain:layout paint style!important;
}
.concierge-panel.open{
  opacity:1!important;
  visibility:visible!important;
  transform:none!important;
}
.concierge-head{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:12px!important;
  min-height:0!important;
  height:64px!important;
  padding:11px 13px!important;
}
.concierge-identity{
  display:flex!important;
  align-items:center!important;
  gap:10px!important;
  min-width:0!important;
}
.concierge-avatar{
  width:38px!important;
  height:38px!important;
  flex:0 0 38px!important;
}
.concierge-avatar img{width:22px!important;height:22px!important}
.concierge-identity>div{
  display:flex!important;
  flex-direction:column!important;
  gap:3px!important;
  min-width:0!important;
}
.concierge-identity small{
  display:block!important;
  font-size:7px!important;
  line-height:1.2!important;
  letter-spacing:.12em!important;
  white-space:nowrap!important;
}
.concierge-identity strong{
  display:block!important;
  font-family:var(--display)!important;
  font-size:15px!important;
  line-height:1.08!important;
  letter-spacing:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}
.concierge-close{width:32px!important;height:32px!important;flex:0 0 32px!important}
.concierge-status{
  height:30px!important;
  padding:6px 13px!important;
  font-size:7px!important;
  line-height:1!important;
  order:0!important;
}
.concierge-messages{
  min-height:0!important;
  overflow-y:auto!important;
  padding:12px 13px!important;
}
.concierge-message{
  display:flex!important;
  align-items:flex-start!important;
  gap:8px!important;
  margin:0 0 10px!important;
}
.concierge-message>div{
  width:auto!important;
  max-width:84%!important;
  min-width:0!important;
  padding:9px 11px!important;
  border-radius:14px 14px 14px 5px!important;
}
.concierge-message p{
  margin:0!important;
  font-size:10px!important;
  line-height:1.55!important;
  letter-spacing:0!important;
}
.message-mark{width:26px!important;height:26px!important;flex:0 0 26px!important}
.concierge-suggestions{
  display:flex!important;
  flex-wrap:wrap!important;
  align-content:flex-start!important;
  gap:6px!important;
  width:auto!important;
  height:auto!important;
  min-height:0!important;
  overflow:visible!important;
  padding:0 13px 10px!important;
}
.concierge-suggestions button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  width:auto!important;
  min-width:0!important;
  min-height:28px!important;
  height:28px!important;
  padding:6px 10px!important;
  border-radius:999px!important;
  font-size:7.5px!important;
  line-height:1!important;
  letter-spacing:.02em!important;
  white-space:nowrap!important;
  text-align:center!important;
}
.concierge-form{
  display:flex!important;
  align-items:center!important;
  gap:7px!important;
  width:auto!important;
  height:46px!important;
  min-height:46px!important;
  margin:0 12px 8px!important;
  padding:5px 6px 5px 10px!important;
  border-radius:15px!important;
}
.concierge-form textarea{
  flex:1 1 auto!important;
  width:100%!important;
  min-width:0!important;
  min-height:32px!important;
  height:32px!important;
  max-height:32px!important;
  padding:7px 2px!important;
  font-size:9.5px!important;
  line-height:1.4!important;
}
.concierge-form button{width:34px!important;height:34px!important;flex:0 0 34px!important}
.concierge-foot{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:8px!important;
  min-height:30px!important;
  height:30px!important;
  padding:6px 13px 8px!important;
  font-size:7px!important;
  line-height:1.2!important;
}
.concierge-foot span{max-width:230px!important}
.concierge-launcher[aria-hidden="true"]{display:none!important}

@media(max-width:920px){
  .hero-main{grid-template-columns:1fr!important}
  .webgl-stage{height:550px!important;min-height:550px!important}
}
@media(max-width:680px){
  .concierge-panel{
    left:8px!important;right:8px!important;bottom:8px!important;
    width:auto!important;max-width:none!important;
    height:min(560px,calc(100dvh - 16px))!important;
    max-height:calc(100dvh - 16px)!important;
  }
  .webgl-stage{height:465px!important;min-height:465px!important}
}


/* =========================================================
   v3.2 — art-direction correction after live browser review
   ========================================================= */
.hero-main{
  grid-template-columns:minmax(455px,.98fr) minmax(535px,1.02fr)!important;
  gap:clamp(22px,2.4vw,44px)!important;
}
.hero-copy{
  max-width:650px!important;
  padding-left:clamp(28px,3.4vw,62px)!important;
}
.hero-copy h1{
  max-width:610px!important;
  font-size:clamp(56px,4.35vw,79px)!important;
  line-height:1.065!important;
  letter-spacing:-.03em!important;
}
.hero-copy .lead{max-width:545px!important;margin-top:20px!important}
.webgl-stage{height:min(67vh,635px)!important;min-height:560px!important}
.webgl-hero{inset:-3% -2% -2% -3%!important}
.webgl-stage .sculpture-floor{width:54%!important;height:11%!important;opacity:.30!important;bottom:7%!important}

/* Concierge: genuinely compact and never a second page on top of the first. */
.concierge-panel{
  width:min(312px,calc(100vw - 32px))!important;
  height:min(408px,calc(100dvh - 32px))!important;
  grid-template-rows:54px 24px minmax(0,1fr) auto 48px 26px!important;
  left:16px!important;
  bottom:16px!important;
  border-radius:20px!important;
}
.concierge-head{height:54px!important;padding:9px 11px!important}
.concierge-avatar{width:32px!important;height:32px!important;flex-basis:32px!important}
.concierge-avatar img{width:19px!important;height:19px!important}
.concierge-identity strong{font-size:13px!important}
.concierge-identity small{font-size:6.4px!important}
.concierge-close{width:28px!important;height:28px!important;flex-basis:28px!important}
.concierge-status{height:24px!important;padding:5px 11px!important;font-size:6.4px!important}
.concierge-messages{padding:9px 10px!important}
.concierge-message{gap:6px!important;margin-bottom:8px!important}
.concierge-message:first-child .message-mark{display:none!important}
.concierge-message:first-child>div{max-width:100%!important}
.concierge-message>div{padding:8px 9px!important;max-width:88%!important}
.concierge-message p{font-size:8.9px!important;line-height:1.48!important}
.message-mark{width:23px!important;height:23px!important;flex-basis:23px!important;font-size:6px!important}
.concierge-suggestions{gap:5px!important;padding:0 10px 8px!important}
.concierge-suggestions button{height:25px!important;min-height:25px!important;padding:5px 8px!important;font-size:6.6px!important}
.concierge-form{height:42px!important;min-height:42px!important;margin:0 9px 6px!important;padding:4px 5px 4px 8px!important}
.concierge-form textarea{height:30px!important;min-height:30px!important;max-height:30px!important;font-size:8.5px!important;padding:6px 2px!important}
.concierge-form button{width:31px!important;height:31px!important;flex-basis:31px!important}
.concierge-foot{height:26px!important;min-height:26px!important;padding:5px 10px 7px!important;font-size:6px!important}
.concierge-foot span{max-width:190px!important}

@media(max-width:1180px){
  .hero-main{grid-template-columns:minmax(390px,.96fr) minmax(480px,1.04fr)!important}
  .hero-copy{padding-left:24px!important}
}
@media(max-width:920px){
  .hero-main{grid-template-columns:1fr!important}
  .hero-copy{padding-left:12px!important}
  .webgl-stage{height:520px!important;min-height:520px!important}
}


/* =========================================================
   v3.3 — locked art-directed composition
   ========================================================= */
.hero-main{
  grid-template-columns:minmax(470px,1.04fr) minmax(520px,.96fr)!important;
  gap:clamp(30px,3vw,54px)!important;
  align-items:center!important;
}
.hero-copy{
  position:relative!important;
  z-index:12!important;
  max-width:660px!important;
}
.hero-copy h1{
  max-width:620px!important;
  font-size:clamp(58px,4.4vw,80px)!important;
  line-height:1.075!important;
  letter-spacing:-.028em!important;
}
.webgl-stage{
  min-height:570px!important;
  height:min(66vh,625px)!important;
  transform:translateX(2%)!important;
}
.webgl-hero{
  inset:0 -3% -1% -3%!important;
}
.sculpture-vignette{
  opacity:.56!important;
  inset:14% 7% 13%!important;
}
.webgl-stage .sculpture-floor{
  width:44%!important;
  height:8%!important;
  opacity:.19!important;
  bottom:9%!important;
}
.concierge-panel{
  width:min(300px,calc(100vw - 28px))!important;
  height:min(390px,calc(100dvh - 28px))!important;
}
.concierge-message p{
  font-size:8.6px!important;
  line-height:1.48!important;
}
.concierge-suggestions button{
  font-size:6.4px!important;
}
@media(max-width:1180px){
  .hero-main{
    grid-template-columns:minmax(410px,1fr) minmax(470px,1fr)!important;
  }
}
@media(max-width:920px){
  .hero-main{grid-template-columns:1fr!important}
  .webgl-stage{
    transform:none!important;
    min-height:500px!important;
    height:500px!important;
  }
}

.hero-main{grid-template-columns:minmax(500px,1.06fr) minmax(560px,.94fr)!important;gap:clamp(18px,2.2vw,38px)!important}
.hero-copy{z-index:15!important}.hero-copy h1{max-width:650px!important;font-size:clamp(60px,4.55vw,84px)!important;line-height:1.055!important;letter-spacing:-.032em!important}
.webgl-stage{min-height:600px!important;height:min(69vh,660px)!important;transform:translateX(1.5%)!important}.webgl-hero{inset:-3% -4% -3% -3%!important}
.webgl-stage .sculpture-floor{width:49%!important;height:9%!important;opacity:.23!important;bottom:8%!important}
.concierge-launcher,.concierge-panel{display:none!important}
@media(max-width:1180px){.hero-main{grid-template-columns:minmax(420px,1fr) minmax(500px,1fr)!important}}
@media(max-width:920px){.hero-main{grid-template-columns:1fr!important}.webgl-stage{height:520px!important;min-height:520px!important;transform:none!important}}

/* v3.5 final art-direction pass */
.hero-main{grid-template-columns:minmax(500px,1.07fr) minmax(560px,.93fr)!important;gap:clamp(18px,2vw,36px)!important}
.hero-copy{z-index:15!important;max-width:670px!important}
.hero-copy h1{max-width:650px!important;font-size:clamp(60px,4.6vw,84px)!important;line-height:1.06!important;letter-spacing:-.032em!important}
.webgl-stage{min-height:600px!important;height:min(68vh,650px)!important;transform:translateX(1%)!important}
.webgl-hero{inset:-2% -3% -2% -3%!important}
.webgl-stage .sculpture-floor{width:46%!important;height:8%!important;opacity:.20!important;bottom:8%!important}
.aw-concierge-panel{width:min(328px,calc(100vw - 32px))!important;height:min(450px,calc(100dvh - 32px))!important}
@media(max-width:1180px){.hero-main{grid-template-columns:minmax(420px,1fr) minmax(490px,1fr)!important}}
@media(max-width:920px){.hero-main{grid-template-columns:1fr!important}.webgl-stage{min-height:510px!important;height:510px!important;transform:none!important}}


/* =========================================================
   v3.6 — 18 JULY TARGET LOCK
   Reference-matched desktop scale, spacing and living lens.
   ========================================================= */
@media(min-width:921px){
  header{
    height:78px!important;
    padding:14px 4.6vw!important;
    grid-template-columns:1fr auto 1fr!important;
  }
  header.scrolled{height:70px!important}
  .brand img{width:66px!important;height:48px!important;max-height:48px!important;object-fit:contain!important}
  .desktop-nav{gap:36px!important}
  .desktop-nav a,.desktop-nav button{font-size:10px!important;letter-spacing:.18em!important}
  .header-cta{padding:13px 19px!important;font-size:9px!important}
  .hero{
    height:100svh!important;
    min-height:720px!important;
    max-width:1600px!important;
    padding:88px 4.6vw 18px!important;
    grid-template-rows:minmax(0,1fr) 46px!important;
  }
  .hero-main{
    height:auto!important;
    min-height:0!important;
    grid-template-columns:minmax(470px,.94fr) minmax(520px,1.06fr)!important;
    gap:clamp(24px,2.6vw,48px)!important;
    padding:0!important;
    align-items:center!important;
  }
  .hero-copy{max-width:620px!important;padding:0!important;align-self:center!important}
  .hero-copy .eyebrow{margin:0 0 18px!important;font-size:9px!important;letter-spacing:.24em!important}
  .hero-copy h1{
    max-width:590px!important;
    font-size:clamp(54px,4.7vw,78px)!important;
    line-height:1.055!important;
    letter-spacing:-.032em!important;
  }
  .hero-copy .lead{
    max-width:565px!important;
    margin:22px 0 0!important;
    font-size:13px!important;
    line-height:1.68!important;
  }
  .hero-actions{margin-top:27px!important;gap:28px!important}
  .hero-actions .glass-btn{padding:13px 18px!important;font-size:9px!important}
  .hero-actions .text-link{font-size:9px!important}
  .hero-orbit-stage{
    height:min(65vh,610px)!important;
    min-height:520px!important;
    width:100%!important;
    transform:translateX(1.5%)!important;
    overflow:visible!important;
  }
  .webgl-hero{inset:-1% -2% -1% -2%!important}
  .sculpture-vignette{inset:16% 8% 13%!important;opacity:.46!important}
  .webgl-stage .sculpture-floor{width:42%!important;height:8%!important;bottom:8%!important;opacity:.19!important}
  .designed-row{
    grid-template-columns:1.25fr repeat(5,1fr)!important;
    padding-top:14px!important;
    min-height:46px!important;
    font-size:9px!important;
  }
}
@media(min-width:1440px){
  .hero-main{grid-template-columns:minmax(500px,.95fr) minmax(610px,1.05fr)!important}
  .hero-copy h1{font-size:clamp(60px,4.45vw,80px)!important}
  .hero-orbit-stage{height:min(64vh,620px)!important;min-height:550px!important}
}
@media(max-width:1180px) and (min-width:921px){
  .hero{padding-inline:3.5vw!important}
  .hero-main{grid-template-columns:minmax(400px,.94fr) minmax(470px,1.06fr)!important;gap:18px!important}
  .hero-copy h1{font-size:clamp(50px,5.3vw,68px)!important}
  .hero-orbit-stage{min-height:500px!important;height:560px!important}
}
@media(max-width:920px){
  .hero{height:auto!important;min-height:100svh!important}
  .hero-main{grid-template-columns:1fr!important;padding-top:0!important}
  .hero-copy{padding-left:0!important}
  .hero-orbit-stage{height:500px!important;min-height:500px!important;transform:none!important}
  .webgl-hero{inset:-4% -8% -4% -8%!important}
}
@media(max-width:680px){
  .hero{padding-top:88px!important}
  .hero-copy h1{font-size:clamp(46px,13vw,62px)!important}
  .hero-orbit-stage{height:430px!important;min-height:430px!important}
  .webgl-hero{inset:-5% -16% -5% -16%!important}
}


/* =========================================================
   v3.7 — STATIC FOREGROUND LOCK
   Removes the experimental 3D/WebGL model completely and
   uses the supplied artwork as the hero foreground.
   ========================================================= */
.hero-foreground-stage{
  position:relative;
  width:100%;
  height:min(65vh,610px);
  min-height:520px;
  margin:0;
  overflow:hidden;
  border-radius:clamp(24px,2.6vw,42px);
  isolation:isolate;
  background:#050608;
  box-shadow:
    inset 0 0 0 1px rgba(226,184,128,.08),
    0 42px 110px rgba(0,0,0,.42);
}
.hero-foreground-stage::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:2;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(5,6,8,.48) 0%,rgba(5,6,8,.10) 24%,transparent 48%),
    linear-gradient(180deg,rgba(5,6,8,.08),transparent 42%,rgba(5,6,8,.24));
}
.hero-foreground-image{
  position:absolute;
  inset:0;
  z-index:1;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:61% 50%;
  transform:scale(1.018);
  filter:saturate(.92) contrast(1.035) brightness(.9);
}
.hero-foreground-shade{
  position:absolute;
  z-index:3;
  inset:auto 6% 4% 10%;
  height:18%;
  pointer-events:none;
  background:radial-gradient(ellipse at center,rgba(180,112,51,.16),transparent 68%);
  filter:blur(18px);
  opacity:.62;
}
.webgl-stage,.webgl-hero,.webgl-fallback,.sculpture-vignette,.sculpture-floor{
  display:none!important;
}
@media(min-width:921px){
  .hero-foreground-stage{
    height:min(65vh,610px)!important;
    min-height:520px!important;
    transform:translateX(1.5%);
  }
}
@media(min-width:1440px){
  .hero-foreground-stage{
    height:min(64vh,620px)!important;
    min-height:550px!important;
  }
}
@media(max-width:1180px) and (min-width:921px){
  .hero-foreground-stage{
    height:560px!important;
    min-height:500px!important;
  }
}
@media(max-width:920px){
  .hero-foreground-stage{
    height:500px!important;
    min-height:500px!important;
    transform:none!important;
    border-radius:28px;
  }
  .hero-foreground-image{object-position:64% 50%;}
}
@media(max-width:680px){
  .hero-foreground-stage{
    height:430px!important;
    min-height:430px!important;
    border-radius:22px;
  }
  .hero-foreground-image{
    object-position:68% 50%;
    transform:scale(1.04);
  }
}


/* =========================================================
   v3.8 — TRUE BACKGROUND COMPOSITION
   The supplied artwork is a full-bleed hero background.
   All interface elements remain live HTML layered above it.
   ========================================================= */
.hero.hero-static-background{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  background:#030405!important;
}
.hero.hero-static-background::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(90deg,rgba(2,3,4,.54) 0%,rgba(2,3,4,.34) 30%,rgba(2,3,4,.08) 55%,rgba(2,3,4,.03) 77%,rgba(2,3,4,.16) 100%),
    linear-gradient(180deg,rgba(2,3,4,.20) 0%,rgba(2,3,4,0) 27%,rgba(2,3,4,0) 67%,rgba(2,3,4,.42) 100%);
}
.hero.hero-static-background::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  box-shadow:inset 0 -120px 170px rgba(0,0,0,.28);
}
.hero-art-background{
  position:absolute;
  inset:0;
  z-index:0;
  overflow:hidden;
  pointer-events:none;
  background:#030405;
}
.hero-art-background img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:50% 50%;
  transform:scale(1.003);
  filter:brightness(.86) contrast(1.035) saturate(.96);
}
.hero.hero-static-background .hero-main{
  position:relative!important;
  z-index:2!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  width:100%!important;
  max-width:var(--max)!important;
  margin:0 auto!important;
  padding:0!important;
  gap:0!important;
  grid-template-columns:none!important;
}
.hero.hero-static-background .hero-copy{
  position:relative!important;
  z-index:3!important;
  width:min(48%,660px)!important;
  max-width:660px!important;
  margin:0!important;
  padding:0!important;
  text-shadow:0 2px 28px rgba(0,0,0,.52);
}
.hero.hero-static-background .hero-copy .lead{
  text-shadow:0 1px 18px rgba(0,0,0,.78);
}
.hero.hero-static-background .designed-row{
  position:relative!important;
  z-index:3!important;
  width:100%!important;
  max-width:var(--max)!important;
  margin:0 auto!important;
  background:linear-gradient(90deg,rgba(4,5,7,.12),rgba(4,5,7,.03));
}
.hero-foreground-stage,
.hero-foreground-image,
.hero-foreground-shade,
.webgl-stage,
.webgl-hero,
.webgl-fallback,
.sculpture-vignette,
.sculpture-floor,
.hero-orbit-stage,
.hero-signature-lens,
.orbital-track,
.orbit-card,
.orbit-line{
  display:none!important;
}
@media(min-width:921px){
  .hero.hero-static-background{
    height:100svh!important;
    min-height:720px!important;
    padding:88px 4.6vw 18px!important;
    grid-template-rows:minmax(0,1fr) 46px!important;
  }
  .hero.hero-static-background .hero-main{
    min-height:0!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(47%,650px)!important;
  }
}
@media(min-width:1600px){
  .hero-art-background img{object-position:50% 50%;}
}
@media(max-width:1180px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{
    width:min(51%,600px)!important;
  }
  .hero-art-background img{object-position:53% 50%;}
}
@media(max-width:920px){
  .hero.hero-static-background{
    min-height:100svh!important;
    height:auto!important;
    padding:96px 5vw 20px!important;
    grid-template-rows:minmax(620px,1fr) auto!important;
  }
  .hero.hero-static-background::before{
    background:
      linear-gradient(90deg,rgba(2,3,4,.73) 0%,rgba(2,3,4,.46) 62%,rgba(2,3,4,.18) 100%),
      linear-gradient(180deg,rgba(2,3,4,.18),rgba(2,3,4,.02) 45%,rgba(2,3,4,.48));
  }
  .hero-art-background img{
    object-position:65% 50%;
    filter:brightness(.70) contrast(1.04) saturate(.92);
  }
  .hero.hero-static-background .hero-main{
    min-height:620px!important;
    align-items:center!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(100%,650px)!important;
    max-width:650px!important;
  }
  .hero.hero-static-background .designed-row{
    overflow-x:auto;
    grid-template-columns:130px repeat(5,minmax(120px,1fr))!important;
    scrollbar-width:none;
  }
  .hero.hero-static-background .designed-row::-webkit-scrollbar{display:none}
}
@media(max-width:680px){
  .hero.hero-static-background{
    padding:88px 18px 16px!important;
    grid-template-rows:minmax(570px,1fr) auto!important;
  }
  .hero.hero-static-background .hero-main{min-height:570px!important}
  .hero-art-background img{object-position:70% 50%;}
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(46px,13vw,62px)!important;
    max-width:540px!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:520px!important;
  }
}


/* =========================================================
   v3.9 — TRUE-FRAME HERO + RELIABLE NAVIGATION
   18 July 2026
   ========================================================= */

/* Preserve the complete supplied artwork on desktop instead of cover-cropping it.
   The abstract foreground tolerates the subtle responsive stretch and now matches
   the approved full-frame composition rather than appearing zoomed. */
@media (min-width:921px){
  .hero-art-background img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center!important;
    transform:none!important;
  }
}

/* Larger, sharper header lockup. The source image is high resolution; the old CSS
   was simply rendering it too small, which made it look soft on large monitors. */
header .brand{
  display:flex!important;
  align-items:center!important;
  align-self:center!important;
  min-width:102px;
}
header .brand img{
  width:94px!important;
  height:70px!important;
  max-height:70px!important;
  object-fit:contain!important;
  image-rendering:auto;
  filter:drop-shadow(0 6px 18px rgba(0,0,0,.24));
  transition:width .28s ease,height .28s ease,opacity .28s ease;
}
header.scrolled .brand img{
  width:84px!important;
  height:58px!important;
  max-height:58px!important;
}

/* The dropdown is attached to the actual live header height. Padding creates a
   transparent pointer bridge so the cursor can move from a nav word into the menu. */
.mega-panel{
  top:100%!important;
  left:3vw!important;
  right:3vw!important;
  padding-top:14px!important;
  transform:translateY(-8px)!important;
  transition:opacity .24s ease,visibility .24s ease,transform .24s ease!important;
}
.mega-panel.open{transform:none!important}
.mega-inner{
  position:relative;
  overflow:hidden;
  background:
    radial-gradient(circle at 18% 0%,rgba(255,255,255,.095),transparent 30%),
    linear-gradient(145deg,rgba(20,24,29,.70),rgba(6,8,11,.86))!important;
  border-color:rgba(255,255,255,.16)!important;
  -webkit-backdrop-filter:blur(34px) saturate(165%)!important;
  backdrop-filter:blur(34px) saturate(165%)!important;
  box-shadow:0 38px 110px rgba(0,0,0,.48),inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.mega-inner::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,rgba(255,255,255,.10),transparent 24%,transparent 70%,rgba(195,141,82,.055));
}

@media(max-width:920px){
  header .brand{min-width:78px}
  header .brand img{
    width:76px!important;
    height:58px!important;
    max-height:58px!important;
  }
}
@media(max-width:680px){
  header .brand img{
    width:70px!important;
    height:52px!important;
    max-height:52px!important;
  }
}

/* =========================================================
   v3.10 — 3D LIQUID-GLASS PRICING + PLACEMENT POLISH
   18 July 2026
   ========================================================= */

/* Keep the compact concierge and the right contact stack on one baseline. */
.aw-concierge-launcher{
  bottom:22px!important;
}
.aw-concierge-panel{
  bottom:22px!important;
}
@media(max-width:680px){
  .aw-concierge-launcher{bottom:14px!important}
}

/* The home lockup is already correct before scrolling. Only the compact header
   receives the small optical correction requested for large monitors. */
header .brand{
  transition:transform .28s ease;
}
header.scrolled .brand{
  transform:translateY(-3px);
}

/* Three package cards: layered iPhone-like liquid glass with genuine depth.
   The system uses spacious internal rhythm so copy never collides. */
.service-tier-grid{
  perspective:1500px;
  perspective-origin:50% 35%;
  gap:clamp(22px,2vw,32px)!important;
  align-items:stretch!important;
}
.service-tier{
  --tier-rx:0deg;
  --tier-ry:0deg;
  --tier-hover-lift:0px;
  --tier-base-lift:0px;
  --tier-gx:50%;
  --tier-gy:28%;
  --tier-glow:0;
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  min-width:0;
  min-height:610px!important;
  padding:31px 29px 30px!important;
  gap:0!important;
  border:1px solid rgba(244,232,216,.19)!important;
  border-radius:34px!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(113,136,154,.045) 38%,rgba(7,10,14,.31) 78%)!important;
  box-shadow:
    0 34px 88px rgba(0,0,0,.31),
    inset 0 1px 0 rgba(255,255,255,.24),
    inset 0 -1px 0 rgba(193,139,80,.08),
    0 0 0 1px rgba(255,255,255,.018)!important;
  -webkit-backdrop-filter:blur(29px) saturate(175%) contrast(105%);
  backdrop-filter:blur(29px) saturate(175%) contrast(105%);
  transform-style:preserve-3d;
  transform:
    perspective(1500px)
    rotateX(var(--tier-rx))
    rotateY(var(--tier-ry))
    translateY(calc(var(--tier-base-lift) + var(--tier-hover-lift)));
  transition:
    transform .34s cubic-bezier(.2,.74,.2,1),
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
  will-change:transform;
}
.service-tier.featured{
  --tier-base-lift:-8px;
  background:
    linear-gradient(145deg,rgba(221,185,135,.145),rgba(144,164,181,.055) 42%,rgba(8,10,14,.30) 82%)!important;
  border-color:rgba(230,199,158,.28)!important;
}
.service-tier::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    url("assets/texture-glass-refraction.png") center/185% 185% no-repeat,
    radial-gradient(circle at 16% 9%,rgba(255,255,255,.105),transparent 27%),
    linear-gradient(112deg,rgba(255,255,255,.075),transparent 27%,transparent 70%,rgba(194,137,77,.045));
  opacity:.47;
  mix-blend-mode:screen;
}
.service-tier::after{
  content:"";
  position:absolute;
  inset:-1px;
  z-index:1;
  pointer-events:none;
  border-radius:inherit;
  background:
    radial-gradient(circle at var(--tier-gx) var(--tier-gy),rgba(255,255,255,.29),rgba(159,199,226,.10) 13%,transparent 34%);
  opacity:var(--tier-glow);
  transition:opacity .22s ease;
}
.service-tier:hover{
  border-color:rgba(239,211,173,.37)!important;
  box-shadow:
    0 42px 105px rgba(0,0,0,.38),
    inset 0 1px 0 rgba(255,255,255,.31),
    inset 0 -1px 0 rgba(195,140,80,.11),
    0 0 0 1px rgba(255,255,255,.025)!important;
}
.service-tier > *{
  position:relative;
  z-index:2;
  min-width:0;
  transform:translateZ(18px);
}
.service-tier > span{
  display:block;
  margin:0 0 16px!important;
  font-size:9px!important;
  line-height:1.45!important;
}
.service-tier h2{
  margin:0 0 14px!important;
  padding:0 0 .08em!important;
  transform:translateZ(30px);
}
.service-tier .tier-price{
  display:flex;
  align-items:baseline;
  flex-wrap:wrap;
  gap:8px 12px!important;
  min-height:46px;
  margin:0 0 17px!important;
  transform:translateZ(27px);
}
.service-tier .tier-price s{
  font-size:13px;
  line-height:1.3;
}
.service-tier .tier-price strong{
  font-size:clamp(31px,2.45vw,39px)!important;
  line-height:1.02!important;
}
.service-tier > p{
  margin:0 0 22px!important;
  font-size:14px!important;
  line-height:1.68!important;
  color:#bdb8b0!important;
}
.service-tier ul{
  display:grid;
  gap:11px;
  width:100%;
  margin:auto 0 0!important;
  padding:21px 0 0!important;
  list-style:none;
  border-top:1px solid rgba(255,255,255,.085);
}
.service-tier li{
  display:grid;
  grid-template-columns:13px minmax(0,1fr);
  align-items:start;
  gap:9px;
  margin:0!important;
  padding:0!important;
  font-size:12.5px!important;
  line-height:1.55!important;
  color:#c8c2ba!important;
}
.service-tier li::before{
  content:"";
  width:5px;
  height:5px;
  margin-top:.56em;
  border-radius:50%;
  background:linear-gradient(145deg,#f0d7b2,#a9733f);
  box-shadow:0 0 10px rgba(213,161,99,.23);
}
@media(max-width:1100px){
  .service-tier-grid{gap:22px!important}
  .service-tier,.service-tier.featured{
    --tier-base-lift:0px;
    min-height:auto!important;
  }
}
@media(max-width:680px){
  .service-tier{
    padding:26px 23px 25px!important;
    border-radius:28px!important;
  }
}
.service-tier h2,.service-tier .tier-price strong{color:var(--ink)!important;text-shadow:0 2px 22px rgba(0,0,0,.26)}
.service-tier .tier-price s{color:#8f8a82!important}

/* =========================================================
   v3.11 — TRUE WEBGL PACKAGE THEATRE
   Raw WebGL2 renderer: real 3D geometry, lighting and depth.
   ========================================================= */
.system-visual{
  min-height:600px!important;
  background:
    radial-gradient(circle at 50% 44%,rgba(109,143,168,.13),transparent 34%),
    radial-gradient(circle at 78% 20%,rgba(192,126,66,.11),transparent 27%),
    linear-gradient(155deg,rgba(20,25,31,.62),rgba(4,6,9,.88))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    0 40px 120px rgba(0,0,0,.38)!important;
  isolation:isolate;
}
.system-visual::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(118deg,rgba(255,255,255,.055),transparent 24%,transparent 72%,rgba(198,141,79,.045)),
    radial-gradient(circle at 50% 56%,transparent 0 38%,rgba(1,2,4,.34) 88%);
  mix-blend-mode:screen;
}
.system-visual::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:4;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 90px rgba(3,5,8,.42);
}
.system-webgl-canvas{
  position:absolute;
  inset:0;
  z-index:3;
  display:block;
  width:100%;
  height:100%;
  cursor:grab;
  touch-action:pan-y;
}
.system-webgl-canvas:active{cursor:grabbing}
.system-visual .system-backdrop{z-index:0}
.system-visual .system-caption{
  z-index:6;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(6,9,12,.34);
  -webkit-backdrop-filter:blur(18px) saturate(160%);
  backdrop-filter:blur(18px) saturate(160%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.11);
}
.system-visual.webgl-ready .system-core,
.system-visual.webgl-ready .system-layer,
.system-visual.webgl-ready .system-ring,
.system-visual.webgl-ready .system-node{
  opacity:0!important;
  visibility:hidden!important;
  pointer-events:none!important;
}
.system-visual.webgl-fallback .system-webgl-canvas{display:none}
@media(max-width:1100px){
  .system-visual{min-height:560px!important}
}
@media(max-width:680px){
  .system-visual{min-height:430px!important}
  .system-webgl-canvas{pointer-events:none}
}
@media(prefers-reduced-motion:reduce){
  .system-webgl-canvas{pointer-events:none}
}

/* v3.12 visual correction — dark smoked-glass WebGL theatre */
.system-visual{
  background:
    radial-gradient(circle at 50% 45%,rgba(88,111,126,.10),transparent 32%),
    radial-gradient(circle at 72% 22%,rgba(152,94,46,.075),transparent 24%),
    linear-gradient(155deg,rgba(12,16,20,.84),rgba(3,5,8,.97))!important;
}
.system-visual::before{
  background:
    linear-gradient(118deg,rgba(255,255,255,.035),transparent 22%,transparent 76%,rgba(184,124,68,.032)),
    radial-gradient(circle at 50% 55%,transparent 0 36%,rgba(1,2,4,.48) 90%)!important;
  mix-blend-mode:normal!important;
}
.system-visual::after{
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.032),
    inset 0 0 110px rgba(0,0,0,.46)!important;
}

/* =========================================================
   v3.13 — ARCHITECTURAL GLASS PACKAGE SYSTEM
   Replaces the experimental WebGL sculpture with a controlled,
   readable CSS-3D product architecture. The hierarchy is clear
   at a glance and the three package depths remain interactive.
   ========================================================= */
.architectural-system{
  min-height:600px!important;
  position:relative;
  isolation:isolate;
  overflow:hidden!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 50% 48%,rgba(129,154,172,.105),transparent 31%),
    radial-gradient(circle at 74% 22%,rgba(165,105,55,.065),transparent 26%),
    linear-gradient(155deg,rgba(15,19,24,.90),rgba(3,5,8,.985))!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.12),
    inset 0 0 0 1px rgba(255,255,255,.025),
    0 40px 110px rgba(0,0,0,.34)!important;
  perspective:1500px;
}
.architectural-system::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
  background:
    linear-gradient(112deg,rgba(255,255,255,.055),transparent 20%,transparent 73%,rgba(190,132,72,.035)),
    radial-gradient(circle at 50% 56%,transparent 0 42%,rgba(0,0,0,.50) 94%)!important;
  mix-blend-mode:normal!important;
}
.architectural-system::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:8;
  pointer-events:none;
  border-radius:inherit;
  box-shadow:
    inset 0 0 0 1px rgba(255,255,255,.035),
    inset 0 0 100px rgba(0,0,0,.36)!important;
}
.architectural-system .system-webgl-canvas{display:none!important}
.architectural-system .system-backdrop{
  position:absolute;
  inset:0;
  z-index:0;
  background:
    radial-gradient(ellipse at 50% 60%,rgba(178,128,72,.055),transparent 39%),
    radial-gradient(ellipse at 50% 39%,rgba(111,145,169,.07),transparent 31%);
}
.architecture-grid{
  position:absolute;
  inset:0;
  z-index:0;
  opacity:.20;
  background-image:
    linear-gradient(rgba(255,255,255,.027) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.027) 1px,transparent 1px);
  background-size:44px 44px;
  -webkit-mask-image:radial-gradient(circle at 50% 52%,#000 0 35%,transparent 76%);
  mask-image:radial-gradient(circle at 50% 52%,#000 0 35%,transparent 76%);
}
.architecture-scene{
  --scene-rx:0deg;
  --scene-ry:0deg;
  position:absolute;
  inset:4.5% 5.5% 7%;
  z-index:3;
  transform-style:preserve-3d;
  transform:rotateX(var(--scene-rx)) rotateY(var(--scene-ry));
  transition:transform .42s cubic-bezier(.2,.72,.2,1);
  will-change:transform;
}
.architecture-aura{
  position:absolute;
  left:50%;top:51%;
  width:58%;height:58%;
  transform:translate(-50%,-50%) translateZ(-120px);
  border-radius:50%;
  background:radial-gradient(circle,rgba(209,164,107,.09),rgba(90,123,147,.045) 36%,transparent 70%);
  filter:blur(18px);
  opacity:.72;
  transition:.7s ease;
}
.architecture-ring{
  position:absolute;
  left:50%;top:50%;
  border-radius:50%;
  border:1px solid rgba(221,185,139,.19);
  box-shadow:
    inset 0 0 25px rgba(195,132,68,.035),
    0 0 30px rgba(0,0,0,.18);
  transform-style:preserve-3d;
  transition:.72s cubic-bezier(.2,.75,.2,1);
}
.ring-primary{
  width:61%;aspect-ratio:1;
  transform:translate(-50%,-50%) translateZ(-55px) rotateX(66deg) rotateZ(-7deg);
}
.ring-secondary{
  width:48%;aspect-ratio:1;
  border-color:rgba(134,165,184,.15);
  transform:translate(-50%,-50%) translateZ(-82px) rotateY(67deg) rotateZ(19deg);
  opacity:0;
}
.glass-slab,
.architecture-core,
.architecture-node{
  transform-style:preserve-3d;
  backface-visibility:hidden;
}
.glass-slab{
  position:absolute;
  left:50%;top:50%;
  width:148px;height:206px;
  border:1px solid rgba(236,219,197,.18);
  border-radius:28px;
  background:
    linear-gradient(145deg,rgba(231,239,244,.10),rgba(88,108,123,.045) 43%,rgba(9,12,16,.38) 88%),
    radial-gradient(circle at 20% 12%,rgba(255,255,255,.11),transparent 27%);
  -webkit-backdrop-filter:blur(24px) saturate(150%);
  backdrop-filter:blur(24px) saturate(150%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset -1px -1px 0 rgba(172,115,60,.06),
    0 34px 60px rgba(0,0,0,.26);
  opacity:0;
  transition:
    transform .72s cubic-bezier(.2,.78,.2,1),
    opacity .45s ease,
    filter .45s ease;
}
.glass-slab::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.055);
  background:linear-gradient(118deg,rgba(255,255,255,.055),transparent 30%,transparent 74%,rgba(185,126,68,.025));
}
.glass-slab::after{
  content:"";
  position:absolute;
  top:16px;right:-12px;
  width:12px;height:calc(100% - 32px);
  border-radius:0 12px 12px 0;
  background:linear-gradient(180deg,rgba(232,198,157,.18),rgba(73,87,98,.07) 38%,rgba(14,16,19,.24));
  transform:rotateY(64deg);
  transform-origin:left;
  opacity:.72;
}
.glass-slab span{
  position:absolute;
  left:18px;bottom:17px;
  font-size:8px;
  line-height:1;
  letter-spacing:.18em;
  color:rgba(226,212,193,.55);
}
.architecture-core{
  position:absolute;
  left:50%;top:50%;
  width:184px;height:246px;
  transform:translate(-50%,-50%) translateZ(78px) rotateX(2deg) rotateY(-7deg);
  transition:transform .72s cubic-bezier(.2,.78,.2,1);
}
.core-depth,
.core-face{
  position:absolute;
  inset:0;
  border-radius:31px;
}
.core-depth{
  border:1px solid rgba(223,197,163,.14);
  background:linear-gradient(145deg,rgba(149,171,185,.06),rgba(3,5,8,.44));
  box-shadow:0 34px 64px rgba(0,0,0,.30);
}
.core-depth-a{transform:translate3d(-15px,13px,-42px) rotateY(2deg);opacity:.74}
.core-depth-b{transform:translate3d(13px,-10px,-22px) rotateY(-2deg);opacity:.86}
.core-face{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:15px;
  overflow:hidden;
  border:1px solid rgba(246,226,200,.28);
  background:
    url("assets/texture-glass-refraction.png") center/210% 210% no-repeat,
    linear-gradient(145deg,rgba(224,235,242,.13),rgba(91,112,128,.065) 38%,rgba(6,9,12,.64) 88%);
  -webkit-backdrop-filter:blur(31px) saturate(165%);
  backdrop-filter:blur(31px) saturate(165%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.32),
    inset 0 -1px 0 rgba(184,127,69,.09),
    0 38px 85px rgba(0,0,0,.34),
    0 0 0 1px rgba(255,255,255,.018);
}
.core-face::before{
  content:"";
  position:absolute;
  inset:-35% 44% 25% -35%;
  transform:rotate(23deg);
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),transparent);
  filter:blur(4px);
  opacity:.65;
}
.core-face img{
  position:relative;
  z-index:2;
  width:74px;
  height:auto;
  object-fit:contain;
  filter:drop-shadow(0 10px 18px rgba(0,0,0,.28));
  opacity:.94;
}
.core-eyebrow,
.core-mode{
  position:relative;
  z-index:2;
  font-size:7px;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:rgba(230,219,204,.62);
}
.core-mode{
  min-width:88px;
  padding:8px 10px;
  border:1px solid rgba(233,205,170,.15);
  border-radius:999px;
  text-align:center;
  color:#d9bd98;
  background:rgba(5,8,11,.28);
}
.slab-back-left{transform:translate(-50%,-50%) translate3d(-74px,9px,-70px) rotateY(24deg) rotateZ(-3deg) scale(.88)}
.slab-back-right{transform:translate(-50%,-50%) translate3d(76px,-10px,-64px) rotateY(-25deg) rotateZ(3deg) scale(.88)}
.slab-wing-left{width:126px;height:176px;transform:translate(-50%,-50%) translate3d(-145px,42px,-96px) rotateY(37deg) rotateZ(-9deg) scale(.82)}
.slab-wing-right{width:126px;height:176px;transform:translate(-50%,-50%) translate3d(145px,-42px,-94px) rotateY(-37deg) rotateZ(9deg) scale(.82)}
.architecture-node{
  position:absolute;
  z-index:7;
  display:flex;
  align-items:center;
  gap:9px;
  min-width:94px;
  height:42px;
  padding:0 13px;
  border:1px solid rgba(234,213,185,.17);
  border-radius:16px;
  background:
    linear-gradient(145deg,rgba(255,255,255,.105),rgba(91,111,126,.045) 46%,rgba(5,8,11,.55)),
    rgba(8,11,14,.34);
  -webkit-backdrop-filter:blur(24px) saturate(155%);
  backdrop-filter:blur(24px) saturate(155%);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    0 18px 38px rgba(0,0,0,.24);
  font-size:8px;
  letter-spacing:.15em;
  text-transform:uppercase;
  color:rgba(232,218,198,.82);
  opacity:0;
  transform:translate3d(0,12px,48px) scale(.88);
  transition:
    opacity .4s ease,
    transform .62s cubic-bezier(.2,.78,.2,1);
}
.architecture-node i{
  flex:none;
  width:6px;height:6px;
  border-radius:50%;
  background:#c89458;
  box-shadow:0 0 13px rgba(200,148,88,.34);
}
.node-gallery{left:4%;top:16%}
.node-seo{right:3%;top:17%}
.node-analytics{left:5%;bottom:15%}
.node-payments{right:3%;top:39%}
.node-listings{left:1%;top:47%}
.node-support{right:6%;bottom:15%}
.node-bookings{left:50%;top:5%;transform:translate3d(-50%,12px,48px) scale(.88)}
.architecture-link{
  position:absolute;
  z-index:2;
  height:1px;
  width:25%;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(202,151,93,.04),rgba(202,151,93,.38),rgba(142,169,187,.14));
  box-shadow:0 0 12px rgba(191,135,76,.09);
  opacity:0;
  transition:opacity .42s ease;
}
.link-1{left:19%;top:26%;transform:rotate(19deg)}
.link-2{left:58%;top:34%;transform:rotate(-19deg)}
.link-3{left:18%;top:66%;transform:rotate(-18deg)}
.link-4{left:59%;top:65%;transform:rotate(17deg)}
.link-5{left:50%;top:17%;width:18%;transform:rotate(90deg)}
.architectural-system .system-caption{
  z-index:10!important;
  left:20px!important;
  bottom:18px!important;
  padding:8px 12px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:999px!important;
  background:rgba(5,8,11,.42)!important;
  -webkit-backdrop-filter:blur(18px) saturate(150%);
  backdrop-filter:blur(18px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10)!important;
}
/* Presence: a single focused foundation. */
.architectural-system[data-mode="presence"] .architecture-core{
  transform:translate(-50%,-50%) translateZ(84px) rotateX(2deg) rotateY(-7deg) scale(1.04);
}
.architectural-system[data-mode="presence"] .ring-primary{opacity:.54;transform:translate(-50%,-50%) translateZ(-55px) rotateX(67deg) rotateZ(-7deg) scale(.88)}
.architectural-system[data-mode="presence"] .architecture-aura{opacity:.58;transform:translate(-50%,-50%) translateZ(-120px) scale(.80)}
/* Signature: three-layer experience with visible content nodes. */
.architectural-system[data-mode="signature"] .slab-back-left,
.architectural-system[data-mode="signature"] .slab-back-right{opacity:.88}
.architectural-system[data-mode="signature"] .architecture-core{transform:translate(-50%,-50%) translateZ(88px) rotateX(2deg) rotateY(-3deg) scale(.95)}
.architectural-system[data-mode="signature"] .ring-primary{opacity:.74;transform:translate(-50%,-50%) translateZ(-55px) rotateX(65deg) rotateZ(-7deg) scale(1.02)}
.architectural-system[data-mode="signature"] .ring-secondary{opacity:.24}
.architectural-system[data-mode="signature"] .node-gallery,
.architectural-system[data-mode="signature"] .node-seo,
.architectural-system[data-mode="signature"] .node-analytics{
  opacity:1;
  transform:translate3d(0,0,48px) scale(1);
}
.architectural-system[data-mode="signature"] .link-1,
.architectural-system[data-mode="signature"] .link-2,
.architectural-system[data-mode="signature"] .link-3{opacity:.62}
/* Landmark: a fuller connected ecosystem, still composed and legible. */
.architectural-system[data-mode="landmark"] .slab-back-left,
.architectural-system[data-mode="landmark"] .slab-back-right{opacity:.82}
.architectural-system[data-mode="landmark"] .slab-wing-left,
.architectural-system[data-mode="landmark"] .slab-wing-right{opacity:.70}
.architectural-system[data-mode="landmark"] .architecture-core{transform:translate(-50%,-50%) translateZ(92px) rotateX(2deg) rotateY(0deg) scale(.89)}
.architectural-system[data-mode="landmark"] .ring-primary{opacity:.82;transform:translate(-50%,-50%) translateZ(-55px) rotateX(66deg) rotateZ(-5deg) scale(1.12)}
.architectural-system[data-mode="landmark"] .ring-secondary{opacity:.40;transform:translate(-50%,-50%) translateZ(-82px) rotateY(67deg) rotateZ(19deg) scale(1.10)}
.architectural-system[data-mode="landmark"] .architecture-node{
  opacity:1;
  transform:translate3d(0,0,48px) scale(1);
}
.architectural-system[data-mode="landmark"] .node-bookings{transform:translate3d(-50%,0,48px) scale(1)}
.architectural-system[data-mode="landmark"] .architecture-link{opacity:.68}
.architectural-system[data-mode="landmark"] .architecture-aura{opacity:.80;transform:translate(-50%,-50%) translateZ(-120px) scale(1.06)}
@media(max-width:1100px){
  .architectural-system{min-height:560px!important}
  .architecture-scene{inset:5% 7% 8%}
  .architecture-node{min-width:88px;padding:0 11px}
}
@media(max-width:680px){
  .architectural-system{min-height:430px!important}
  .architecture-scene{inset:4% 3% 8%;transform:none!important}
  .architecture-core{width:145px;height:194px}
  .glass-slab{width:112px;height:160px}
  .slab-wing-left,.slab-wing-right{width:96px;height:140px}
  .architecture-node{min-width:auto;height:34px;padding:0 9px;border-radius:13px;font-size:7px}
  .node-gallery{left:2%;top:16%}.node-seo{right:1%;top:18%}.node-analytics{left:2%;bottom:15%}
  .node-payments{right:1%;top:43%}.node-listings{left:0;top:48%}.node-support{right:2%;bottom:15%}
  .node-bookings{top:4%}
  .architectural-system[data-mode="presence"] .architecture-core{scale:.92}
  .architectural-system[data-mode="signature"] .architecture-core{scale:.84}
  .architectural-system[data-mode="landmark"] .architecture-core{scale:.78}
  .architecture-link{display:none}
}
@media(prefers-reduced-motion:reduce){
  .architecture-scene,.architecture-ring,.architecture-core,.glass-slab,.architecture-node{transition:none!important}
}


/* =========================================================
   v3.15 — SMOOTH HERO ART + TOP RESET + LARGER LOCKUP
   18 July 2026
   ========================================================= */
.hero-art-background img{
  image-rendering:auto;
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
@media (min-width:921px){
  .hero-art-background img{
    object-fit:cover!important;
    object-position:60% 50%!important;
    transform:scale(1.01)!important;
    filter:brightness(.88) contrast(1.03) saturate(.97)!important;
  }
}
@media (min-width:1400px){
  .hero-art-background img{object-position:58% 50%!important}
}
@media (max-width:920px){
  .hero-art-background img{
    object-fit:cover!important;
    object-position:68% 50%!important;
    transform:scale(1.02)!important;
  }
}
@media (max-width:680px){
  .hero-art-background img{object-position:72% 50%!important}
}

header .brand{
  min-width:112px!important;
}
header .brand img{
  width:104px!important;
  height:76px!important;
  max-height:76px!important;
}
header.scrolled .brand{
  transform:translateY(-1px)!important;
}
header.scrolled .brand img{
  width:92px!important;
  height:64px!important;
  max-height:64px!important;
}
@media(max-width:920px){
  header .brand{min-width:84px!important}
  header .brand img{
    width:80px!important;
    height:60px!important;
    max-height:60px!important;
  }
  header.scrolled .brand img{
    width:76px!important;
    height:56px!important;
    max-height:56px!important;
  }
}
@media(max-width:680px){
  header .brand img{
    width:74px!important;
    height:54px!important;
    max-height:54px!important;
  }
}


/* =========================================================
   v3.16 — LIVELIER EDITORIAL TYPOGRAPHY
   18 July 2026
   ========================================================= */
:root{
  --display:"Bodoni Moda", Georgia, serif!important;
  --sans:"Manrope", Arial, sans-serif!important;
}
body{
  font-family:var(--sans)!important;
  text-rendering:optimizeLegibility;
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
h1,h2,h3,
.hero-copy .eyebrow,
.concierge-launcher-copy strong,
.concierge-identity strong,
.package-tab strong,
.package-copy h2,
.world-glass-caption strong,
.value-card strong,
.statement-inner blockquote,
.mega-column a,
.tier-price strong,
.new,
.package-topbar strong{
  font-family:var(--display)!important;
}

h1{
  font-size:clamp(60px,6.8vw,112px)!important;
  font-weight:600!important;
  line-height:.90!important;
  letter-spacing:-.048em!important;
  text-wrap:balance;
  text-shadow:0 10px 36px rgba(0,0,0,.20);
}
.hero-copy .eyebrow{
  font-size:13px!important;
  letter-spacing:.24em!important;
}
h2{
  font-weight:600!important;
  line-height:.94!important;
  letter-spacing:-.036em!important;
}
h3,
.package-tab strong,
.package-topbar strong,
.world-glass-caption strong,
.value-card strong{
  font-weight:600!important;
  letter-spacing:-.025em!important;
}
.package-tab strong{
  font-size:26px!important;
}
.package-copy h2{
  font-size:clamp(48px,5.2vw,84px)!important;
}
.lead,
.package-copy p,
.includes li,
.service-tier p,
.service-tier li,
.world-copy p:last-of-type,
.split>p{
  letter-spacing:-.01em;
}
nav a,.text-link,.glass-btn,.pill,.package-tab small,.package-tab em,.designed-row,.world-index,.world-steps span{
  font-family:var(--sans)!important;
}
@media (max-width:920px){
  h1{
    font-size:clamp(52px,11vw,82px)!important;
    line-height:.92!important;
  }
}


/* =========================================================
   v3.17 — REFERENCE TYPOGRAPHY + TRUE-FRAME HERO
   18 July 2026
   ========================================================= */
:root{
  --display:"DM Serif Display", Georgia, serif!important;
  --sans:"Manrope", Arial, sans-serif!important;
}

/* The reference uses a fuller, warmer editorial serif rather than the thin
   Bodoni treatment. Keep utility text restrained so the headline dominates. */
h1,h2,h3,
.concierge-launcher-copy strong,
.concierge-identity strong,
.package-tab strong,
.package-copy h2,
.world-glass-caption strong,
.value-card strong,
.statement-inner blockquote,
.mega-column a,
.tier-price strong,
.new,
.package-topbar strong{
  font-family:var(--display)!important;
  font-weight:400!important;
}
.hero-copy .eyebrow{
  font-family:var(--sans)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.245em!important;
}
h1{
  font-size:clamp(66px,7.05vw,116px)!important;
  line-height:.895!important;
  letter-spacing:-.041em!important;
  max-width:760px!important;
  text-wrap:balance;
  text-shadow:0 8px 34px rgba(0,0,0,.24);
}
h2{
  line-height:.94!important;
  letter-spacing:-.032em!important;
}
h3,
.package-tab strong,
.package-topbar strong,
.world-glass-caption strong,
.value-card strong{
  letter-spacing:-.02em!important;
}
.package-tab strong{font-size:27px!important}
.hero-copy .lead{
  max-width:650px!important;
  font-size:16px!important;
  line-height:1.68!important;
  font-weight:400!important;
  letter-spacing:-.012em!important;
}

/* Preserve the complete generated artwork on desktop. Using cover was enlarging
   the right-hand sculpture and cropping away the composition. */
@media (min-width:921px){
  .hero-art-background img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    object-position:center center!important;
    transform:none!important;
    filter:brightness(.86) contrast(1.025) saturate(.96)!important;
  }
  .hero.hero-static-background{
    padding-bottom:0!important;
  }
  .hero.hero-static-background .hero-main{
    padding-bottom:92px!important;
  }

  /* Raise the complete industry rail above the fixed concierge. */
  .hero.hero-static-background .designed-row{
    position:absolute!important;
    left:50%!important;
    bottom:64px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 9.2vw)!important;
    max-width:var(--max)!important;
    min-height:48px!important;
    padding-top:15px!important;
    margin:0!important;
    background:linear-gradient(90deg,rgba(4,5,7,.11),rgba(4,5,7,.015))!important;
  }
}
@media (min-width:1600px){
  h1{font-size:clamp(72px,6.7vw,120px)!important}
}
@media (max-width:1180px) and (min-width:921px){
  h1{font-size:clamp(62px,6.7vw,90px)!important}
  .hero.hero-static-background .hero-copy{width:min(50%,610px)!important}
  .hero.hero-static-background .designed-row{bottom:58px!important}
}
@media (max-width:920px){
  h1{
    font-size:clamp(52px,12vw,82px)!important;
    line-height:.91!important;
  }
  .hero-art-background img{
    object-fit:cover!important;
    object-position:68% 50%!important;
    transform:scale(1.01)!important;
  }
  .hero.hero-static-background .designed-row{
    position:relative!important;
    left:auto!important;
    bottom:auto!important;
    transform:none!important;
    width:100%!important;
  }
}
@media (max-width:680px){
  h1{font-size:clamp(49px,13vw,66px)!important}
  .hero-art-background img{object-position:72% 50%!important}
}


/* =========================================================
   v3.18 — BOLD REFERENCE TYPE + TRUE ZOOM-OUT
   18 July 2026
   ========================================================= */
:root{
  /* System-safe so local file previews render identically without relying on
     a remote font request. Georgia Bold is much closer to the approved heavy
     editorial reference than the thin Bodoni/DM Serif rendering. */
  --display:Georgia,"Times New Roman",serif!important;
  --sans:Manrope,"Segoe UI",Arial,sans-serif!important;
}

h1,h2,h3,
.concierge-launcher-copy strong,
.concierge-identity strong,
.package-tab strong,
.package-copy h2,
.world-glass-caption strong,
.value-card strong,
.statement-inner blockquote,
.mega-column a,
.tier-price strong,
.new,
.package-topbar strong{
  font-family:var(--display)!important;
  font-weight:700!important;
  font-synthesis:weight!important;
}

/* Match the reference: broad, heavy letters; close line rhythm without the
   over-condensed tracking used in the previous pass. */
.hero.hero-static-background .hero-copy h1{
  font-family:Georgia,"Times New Roman",serif!important;
  font-size:clamp(68px,6.95vw,118px)!important;
  font-weight:700!important;
  line-height:.885!important;
  letter-spacing:-.032em!important;
  max-width:780px!important;
  text-wrap:balance!important;
  -webkit-font-smoothing:antialiased;
  text-shadow:0 8px 34px rgba(0,0,0,.23)!important;
}
.hero.hero-static-background .hero-copy{
  width:min(50%,690px)!important;
  max-width:690px!important;
}
.hero-copy .eyebrow{
  font-family:var(--sans)!important;
  font-size:12px!important;
  font-weight:500!important;
  letter-spacing:.235em!important;
  margin-bottom:24px!important;
}
.hero-copy .lead{
  margin-top:27px!important;
  max-width:650px!important;
  font-size:17px!important;
  line-height:1.68!important;
}

/* The artwork is deliberately rendered smaller inside the black hero canvas.
   Because the outer areas are black, the extra breathing room is seamless and
   reads as a genuine camera zoom-out rather than a visible frame. */
@media (min-width:921px){
  .hero-art-background{
    display:grid!important;
    place-items:center!important;
    background:#020304!important;
  }
  .hero-art-background img{
    position:relative!important;
    inset:auto!important;
    width:88%!important;
    height:88%!important;
    object-fit:contain!important;
    object-position:center center!important;
    transform:none!important;
    filter:brightness(.87) contrast(1.03) saturate(.97)!important;
  }
  .hero.hero-static-background .hero-main{
    padding-bottom:112px!important;
  }
  .hero.hero-static-background .designed-row{
    bottom:100px!important;
    grid-template-columns:minmax(220px,1.25fr) repeat(5,minmax(110px,1fr))!important;
    padding-left:250px!important;
    gap:clamp(18px,2vw,36px)!important;
  }
}
@media (min-width:1500px){
  .hero-art-background img{
    width:86%!important;
    height:86%!important;
  }
}
@media (max-width:1280px) and (min-width:921px){
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(64px,6.7vw,92px)!important;
    letter-spacing:-.03em!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(51%,620px)!important;
  }
  .hero-art-background img{
    width:91%!important;
    height:91%!important;
  }
  .hero.hero-static-background .designed-row{
    bottom:94px!important;
    padding-left:210px!important;
  }
}
@media (max-width:920px){
  .hero.hero-static-background .hero-copy h1{
    font-family:Georgia,"Times New Roman",serif!important;
    font-size:clamp(52px,12vw,82px)!important;
    font-weight:700!important;
    line-height:.91!important;
    letter-spacing:-.03em!important;
  }
  .hero-art-background img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:70% 50%!important;
    transform:scale(.96)!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:0!important;
  }
}


/* v3.18 framing refinement: retain a dark full-bleed atmosphere beneath the
   reduced artwork, then align the sharp artwork to the right. This creates
   genuine breathing room for the copy without exposing a rectangular edge. */
@media (min-width:921px){
  .hero-art-background{
    place-items:center end!important;
  }
  .hero-art-background::before{
    content:"";
    position:absolute;
    inset:-4%;
    z-index:0;
    pointer-events:none;
    background:url("assets/hero-background.webp") center center/cover no-repeat;
    filter:blur(24px) brightness(.34) saturate(.72);
    opacity:.58;
    transform:scale(1.04);
  }
  .hero-art-background img{
    z-index:1!important;
    justify-self:end!important;
    margin-right:1.5%!important;
  }
}


/* =========================================================
   v3.19 — REFERENCE-MATCHED HERO TYPOGRAPHY + TRUE WIDE FRAME
   18 July 2026
   ========================================================= */
:root{
  --display:"DM Serif Display", Georgia, serif!important;
}

/* Reference typography: substantial but not oversized. Each approved line is
   locked as a single line so browser width cannot create the broken six-line
   layout seen in v3.18. */
.hero.hero-static-background .hero-copy{
  width:min(53%,720px)!important;
  max-width:720px!important;
  padding-top:34px!important;
}
.hero.hero-static-background .hero-copy h1{
  font-family:"DM Serif Display", Georgia, serif!important;
  font-size:clamp(62px,5.7vw,94px)!important;
  font-weight:400!important;
  font-synthesis:none!important;
  line-height:.91!important;
  letter-spacing:-.038em!important;
  max-width:720px!important;
  text-wrap:initial!important;
  text-shadow:0 6px 30px rgba(0,0,0,.26)!important;
}
.hero.hero-static-background .hero-copy h1 span{
  display:block!important;
  white-space:nowrap!important;
}
.hero-copy .eyebrow{
  margin-bottom:22px!important;
}
.hero-copy .lead{
  margin-top:25px!important;
  max-width:635px!important;
}

/* The generated artwork itself has a larger sculpture than the earlier image.
   Render it materially smaller inside the hero and use a dark, blurred copy only
   as atmospheric fill. This is a genuine zoom-out rather than a cover crop. */
@media (min-width:921px){
  .hero-art-background{
    display:grid!important;
    place-items:center end!important;
    background:#020304!important;
  }
  .hero-art-background::before{
    inset:-8%!important;
    background:url("assets/hero-background.webp") center/cover no-repeat!important;
    filter:blur(36px) brightness(.24) saturate(.65)!important;
    opacity:.48!important;
    transform:scale(1.08)!important;
  }
  .hero-art-background img{
    position:relative!important;
    inset:auto!important;
    z-index:1!important;
    width:79%!important;
    height:79%!important;
    max-width:none!important;
    object-fit:contain!important;
    object-position:center!important;
    justify-self:end!important;
    align-self:center!important;
    margin-right:.5%!important;
    transform:none!important;
    filter:brightness(.88) contrast(1.025) saturate(.96)!important;
  }
  .hero.hero-static-background .hero-main{
    padding-bottom:118px!important;
  }
  .hero.hero-static-background .designed-row{
    position:absolute!important;
    left:50%!important;
    bottom:40px!important;
    transform:translateX(-50%)!important;
    width:calc(100% - 9.2vw)!important;
    max-width:var(--max)!important;
    grid-template-columns:170px repeat(5,minmax(105px,1fr))!important;
    padding:15px 0 0 300px!important;
    gap:clamp(16px,1.8vw,30px)!important;
    min-height:46px!important;
    margin:0!important;
  }
}
@media (min-width:1500px){
  .hero-art-background img{
    width:77%!important;
    height:77%!important;
  }
}
@media (max-width:1280px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{
    width:min(54%,665px)!important;
    max-width:665px!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(60px,5.65vw,78px)!important;
    max-width:665px!important;
  }
  .hero-art-background img{
    width:77%!important;
    height:77%!important;
  }
  .hero.hero-static-background .designed-row{
    bottom:34px!important;
    padding-left:245px!important;
    grid-template-columns:145px repeat(5,minmax(90px,1fr))!important;
    gap:14px!important;
  }
}
@media (max-width:1080px) and (min-width:921px){
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(56px,5.55vw,66px)!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:220px!important;
    font-size:9px!important;
  }
}
@media (max-width:920px){
  .hero.hero-static-background .hero-copy{
    width:100%!important;
    max-width:680px!important;
    padding-top:10px!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-family:"DM Serif Display", Georgia, serif!important;
    font-size:clamp(49px,11.8vw,76px)!important;
    font-weight:400!important;
    line-height:.93!important;
    letter-spacing:-.034em!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    white-space:normal!important;
  }
  .hero-art-background img{
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    object-position:72% 50%!important;
    transform:scale(.96)!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:0!important;
  }
}


/* === v3.20 hero refit: reference-matched framing + premium spacing === */
:root{
  --hero-reference-ink:#f5efe6;
}
header .brand img{
  width:82px!important;
  height:58px!important;
  max-height:58px!important;
}
.hero.hero-static-background{
  padding-top:112px!important;
  padding-bottom:22px!important;
}
.hero.hero-static-background .hero-main{
  grid-template-columns:minmax(360px,45%) minmax(420px,55%)!important;
  gap:2vw!important;
  align-items:center!important;
}
.hero.hero-static-background .hero-copy{
  max-width:620px!important;
  padding:0!important;
  align-self:center!important;
  z-index:15!important;
  transform:translateY(-8px);
}
.hero.hero-static-background .hero-copy .eyebrow{
  margin:0 0 24px!important;
  font-size:11px!important;
  letter-spacing:.28em!important;
  color:#c7ab83!important;
}
.hero.hero-static-background .hero-copy h1,
.hero.hero-static-background .hero-copy h1 span{
  font-family:"Cormorant Garamond", Georgia, serif!important;
  font-weight:600!important;
  color:var(--hero-reference-ink)!important;
}
.hero.hero-static-background .hero-copy h1{
  max-width:600px!important;
  font-size:clamp(72px,5.95vw,110px)!important;
  line-height:.86!important;
  letter-spacing:-.04em!important;
  text-wrap:balance;
}
.hero.hero-static-background .hero-copy h1 span{
  display:block!important;
  margin:0!important;
}
.hero.hero-static-background .hero-copy h1 span + span{
  margin-top:-0.02em!important;
}
.hero.hero-static-background .hero-copy .lead{
  max-width:560px!important;
  margin:28px 0 34px!important;
  font-size:16.5px!important;
  line-height:1.72!important;
  color:#c7c1b8!important;
}
.hero.hero-static-background .hero-actions{
  gap:28px!important;
}
.hero-art-background{
  inset:0!important;
}
.hero-art-background img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:56% 50%!important;
  transform:scale(1)!important;
  filter:brightness(.92) contrast(1.04) saturate(.98)!important;
}
.designed-row{
  position:relative!important;
  z-index:16!important;
  grid-template-columns:1.6fr repeat(5,minmax(0,1fr))!important;
  gap:16px!important;
  padding-top:18px!important;
  min-height:44px!important;
  font-size:10px!important;
  letter-spacing:.16em!important;
  margin-top:6px!important;
}
.designed-row span:first-child{
  padding-left:1px!important;
}
.concierge-launcher{
  bottom:20px!important;
}
@media (max-width: 1500px){
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(68px,5.65vw,98px)!important;
  }
}
@media (max-width: 1200px){
  .hero.hero-static-background .hero-main{
    grid-template-columns:minmax(330px,46%) minmax(360px,54%)!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(60px,5.7vw,84px)!important;
    max-width:540px!important;
  }
  .hero-art-background img{
    object-position:58% 50%!important;
  }
}
@media (max-width: 900px){
  .hero.hero-static-background{
    padding-top:96px!important;
    padding-bottom:24px!important;
  }
  .hero.hero-static-background .hero-main{
    grid-template-columns:1fr!important;
    gap:24px!important;
  }
  .hero.hero-static-background .hero-copy{
    transform:none!important;
    max-width:100%!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(48px,11vw,66px)!important;
    line-height:.92!important;
    max-width:100%!important;
  }
  .hero-art-background img{
    object-position:63% 50%!important;
  }
  .designed-row{
    grid-template-columns:repeat(6,max-content)!important;
    overflow-x:auto!important;
    padding-bottom:4px!important;
  }
}


/* =========================================================
   v3.22 — HERO TYPE LOCK
   Exact three-line structure, aligned to the header lockup.
   ========================================================= */
@media (min-width:921px){
  .hero.hero-static-background{
    padding:96px 4vw 18px!important;
    grid-template-rows:minmax(0,1fr) 52px!important;
  }
  .hero.hero-static-background .hero-main{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:38px 0 102px!important;
    align-items:flex-start!important;
    justify-content:flex-start!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(49%,720px)!important;
    max-width:720px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
  }
  .hero.hero-static-background .hero-copy .eyebrow{
    margin:0 0 20px!important;
    font-size:10px!important;
    line-height:1.2!important;
    letter-spacing:.265em!important;
    color:#c7ad87!important;
  }
  .hero.hero-static-background .hero-copy h1,
  .hero.hero-static-background .hero-copy h1 span{
    font-family:"Playfair Display","Bodoni Moda",Georgia,serif!important;
    font-weight:700!important;
    font-style:normal!important;
    color:#f4efe7!important;
    font-synthesis:none!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
  }
  .hero.hero-static-background .hero-copy h1{
    width:100%!important;
    max-width:700px!important;
    font-size:clamp(70px,5.55vw,102px)!important;
    line-height:.90!important;
    letter-spacing:-.045em!important;
    text-wrap:initial!important;
    white-space:normal!important;
    text-shadow:0 8px 30px rgba(0,0,0,.24)!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    margin:0!important;
    white-space:nowrap!important;
  }
  .hero.hero-static-background .hero-copy h1 span + span{
    margin-top:-.025em!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:590px!important;
    margin:26px 0 34px!important;
    font-size:16.5px!important;
    line-height:1.7!important;
    color:#c5c0b8!important;
  }
  .hero.hero-static-background .hero-actions{
    gap:28px!important;
    margin-top:0!important;
  }
  .hero.hero-static-background .designed-row{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    grid-template-columns:1.35fr repeat(5,1fr)!important;
    gap:18px!important;
    padding:14px 0 0!important;
    min-height:46px!important;
    font-size:10px!important;
    letter-spacing:.17em!important;
  }
}
@media (max-width:1380px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{
    width:min(50%,660px)!important;
    max-width:660px!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(64px,5.45vw,88px)!important;
    max-width:630px!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:545px!important;
    font-size:15.5px!important;
  }
}
@media (max-width:1100px) and (min-width:921px){
  .hero.hero-static-background .hero-main{
    padding-top:28px!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(56px,5.25vw,72px)!important;
    max-width:540px!important;
  }
}
@media (max-width:920px){
  .hero.hero-static-background .hero-copy h1,
  .hero.hero-static-background .hero-copy h1 span{
    font-family:"Playfair Display","Bodoni Moda",Georgia,serif!important;
    font-weight:700!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(48px,11vw,68px)!important;
    line-height:.92!important;
    letter-spacing:-.042em!important;
    max-width:100%!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    width:auto!important;
    max-width:100%!important;
    white-space:normal!important;
  }
}

/* =========================================================
   v3.23 — LIQUID GLASS HERO REFINEMENT
   - softer iPhone-like glass buttons
   - larger logo lockup
   - tighter hero text grouping
   - hero copy aligned further left like reference
   ========================================================= */
:root{
  --aw-liquid-edge:rgba(255,255,255,.12);
  --aw-liquid-top:rgba(255,255,255,.12);
  --aw-liquid-bottom:rgba(255,255,255,.035);
  --aw-liquid-shadow:0 18px 42px rgba(0,0,0,.28);
  --aw-liquid-highlight:inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.05);
}
header{
  height:92px!important;
  padding:16px 4vw!important;
  grid-template-columns:minmax(150px,1fr) auto minmax(150px,1fr)!important;
}
header.scrolled{
  height:78px!important;
}
.brand{
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
}
.brand img{
  width:auto!important;
  height:64px!important;
  max-height:64px!important;
  object-fit:contain!important;
}

.glass-btn,
.contact-float,
.aw-concierge-launcher{
  border:1px solid var(--aw-liquid-edge)!important;
  background:
    linear-gradient(180deg,var(--aw-liquid-top),var(--aw-liquid-bottom))!important;
  backdrop-filter:blur(30px) saturate(165%)!important;
  -webkit-backdrop-filter:blur(30px) saturate(165%)!important;
  box-shadow:var(--aw-liquid-highlight), var(--aw-liquid-shadow)!important;
}
.glass-btn:hover,
.contact-float:hover,
.aw-concierge-launcher:hover{
  border-color:rgba(255,255,255,.18)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.135),rgba(255,255,255,.05))!important;
}
.glass-btn.primary{
  background:linear-gradient(180deg,rgba(255,255,255,.135),rgba(255,255,255,.045))!important;
}

.contact-float-stack{
  right:20px!important;
  bottom:20px!important;
  gap:10px!important;
}
.contact-float{
  min-height:52px!important;
  padding:8px 15px 8px 8px!important;
  color:#f3ece2!important;
}
.contact-icon,
.aw-concierge-launcher-mark{
  border:1px solid rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.email-float .contact-icon{
  color:#dfd0bb!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.035))!important;
}
.whatsapp-float{
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04))!important;
}
.whatsapp-float .whatsapp-icon{
  color:#78dda0!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04))!important;
}
.whatsapp-float .whatsapp-icon .wa-bubble{
  fill:rgba(120,221,160,.085)!important;
}
.contact-label{
  font-size:9px!important;
  letter-spacing:.135em!important;
  color:#f1eadf!important;
}
.aw-concierge-launcher{
  left:18px!important;
  bottom:18px!important;
  min-height:54px!important;
  padding:9px 16px 9px 9px!important;
}
.aw-concierge-launcher-copy strong{
  font-size:13px!important;
  line-height:1!important;
  letter-spacing:.015em!important;
  color:#f3ece3!important;
}
.aw-concierge-launcher-mark img{
  width:25px!important;
  height:25px!important;
}

@media (min-width:921px){
  .hero.hero-static-background{
    padding:98px 4vw 18px!important;
    grid-template-rows:minmax(0,1fr) 54px!important;
  }
  .hero.hero-static-background .hero-main{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:34px 0 86px!important;
    align-items:flex-start!important;
    justify-items:start!important;
    grid-template-columns:minmax(560px,46.5%) minmax(380px,53.5%)!important;
    gap:2.5vw!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(45.5%,690px)!important;
    max-width:690px!important;
    margin:0!important;
    padding:0!important;
    transform:none!important;
    align-self:flex-start!important;
    justify-self:start!important;
  }
  .hero.hero-static-background .hero-copy .eyebrow{
    margin:0 0 12px!important;
    font-size:10px!important;
    line-height:1.15!important;
    letter-spacing:.255em!important;
  }
  .hero.hero-static-background .hero-copy h1,
  .hero.hero-static-background .hero-copy h1 span{
    font-family:"Playfair Display","Bodoni Moda",Georgia,serif!important;
    font-weight:700!important;
    color:#f4efe7!important;
  }
  .hero.hero-static-background .hero-copy h1{
    width:100%!important;
    max-width:630px!important;
    font-size:clamp(72px,5.85vw,104px)!important;
    line-height:.875!important;
    letter-spacing:-.05em!important;
    text-wrap:initial!important;
    white-space:normal!important;
    text-shadow:0 10px 32px rgba(0,0,0,.23)!important;
    margin:0!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .hero.hero-static-background .hero-copy h1 span + span{
    margin-top:-.03em!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:560px!important;
    margin:18px 0 22px!important;
    font-size:15.8px!important;
    line-height:1.66!important;
    color:#c8c1b7!important;
  }
  .hero.hero-static-background .hero-actions{
    gap:20px!important;
    margin-top:0!important;
    align-items:center!important;
  }
  .hero.hero-static-background .hero-actions .glass-btn{
    padding:13px 18px!important;
  }
  .hero.hero-static-background .hero-actions .text-link{
    font-size:11px!important;
    letter-spacing:.17em!important;
  }
  .hero-art-background img{
    object-position:58% 50%!important;
    transform:scale(1)!important;
  }
  .hero.hero-static-background .designed-row{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:12px 0 0 220px!important;
    min-height:44px!important;
    grid-template-columns:140px repeat(5,minmax(84px,1fr))!important;
    gap:14px!important;
    font-size:10px!important;
    letter-spacing:.165em!important;
  }
}

@media (max-width:1400px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{
    width:min(47%,650px)!important;
  }
  .hero.hero-static-background .hero-copy h1{
    max-width:590px!important;
    font-size:clamp(66px,5.45vw,92px)!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:530px!important;
  }
}

@media (max-width:1120px) and (min-width:921px){
  .hero.hero-static-background .hero-main{
    grid-template-columns:minmax(480px,48%) minmax(320px,52%)!important;
    padding-bottom:78px!important;
  }
  .hero.hero-static-background .hero-copy h1{
    max-width:520px!important;
    font-size:clamp(58px,5.25vw,78px)!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:490px!important;
    font-size:15px!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:190px!important;
    grid-template-columns:120px repeat(5,minmax(80px,1fr))!important;
  }
}

@media (max-width:920px){
  .brand img{height:56px!important;max-height:56px!important}
  .hero.hero-static-background .hero-copy .eyebrow{margin-bottom:12px!important}
  .hero.hero-static-background .hero-copy .lead{margin:16px 0 20px!important}
}
/* A WALD STUDIO — Liquid Glass Concierge v3.9 / 18 July 2026 */
.aw-concierge-launcher,.aw-concierge-panel,.aw-concierge-panel *{box-sizing:border-box}
.aw-concierge-launcher,.aw-concierge-panel{--glass-x:50%;--glass-y:18%;--aw-edge:rgba(244,231,212,.34);--aw-warm:rgba(207,154,92,.22)}

.aw-concierge-launcher{
  position:fixed;left:24px;bottom:20px;z-index:1200;
  display:flex;align-items:center;gap:11px;height:52px;min-width:194px;
  padding:5px 18px 5px 6px;border:1px solid rgba(246,235,219,.31);border-radius:999px;
  color:#f4eee6;overflow:hidden;isolation:isolate;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.24),transparent 30%),
    linear-gradient(145deg,rgba(255,255,255,.14),rgba(142,160,176,.07) 42%,rgba(11,14,18,.28) 78%);
  box-shadow:0 18px 58px rgba(0,0,0,.40),inset 0 1px 0 rgba(255,255,255,.34),inset 0 -1px 0 rgba(198,144,82,.12),0 0 0 1px rgba(255,255,255,.025);
  -webkit-backdrop-filter:blur(30px) saturate(180%) contrast(106%);
  backdrop-filter:blur(30px) saturate(180%) contrast(106%);
  cursor:pointer;transition:transform .24s ease,border-color .24s ease,opacity .2s ease,box-shadow .24s ease;
}
.aw-concierge-launcher::before{
  content:"";position:absolute;inset:-70% -20%;z-index:-1;pointer-events:none;
  background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.23) 48%,transparent 60%);
  transform:translateX(-52%) rotate(9deg);transition:transform .65s cubic-bezier(.2,.8,.2,1);
}
.aw-concierge-launcher:hover{transform:translateY(-2px);border-color:rgba(236,205,162,.56);box-shadow:0 23px 65px rgba(0,0,0,.46),inset 0 1px 0 rgba(255,255,255,.42)}
.aw-concierge-launcher:hover::before{transform:translateX(56%) rotate(9deg)}
.aw-concierge-launcher[aria-hidden="true"]{opacity:0;pointer-events:none;transform:translateY(9px) scale(.97)}
.aw-concierge-launcher-mark{
  position:relative;display:grid;place-items:center;flex:0 0 41px;width:41px;height:41px;border-radius:50%;overflow:hidden;
  border:1px solid rgba(244,229,207,.42);
  background:radial-gradient(circle at 34% 22%,rgba(255,255,255,.34),rgba(126,151,173,.14) 33%,rgba(7,10,14,.54) 76%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.38),inset 0 -7px 18px rgba(0,0,0,.20),0 9px 24px rgba(0,0,0,.30),0 0 22px rgba(148,183,211,.10);
  -webkit-backdrop-filter:blur(18px) saturate(180%);backdrop-filter:blur(18px) saturate(180%);
}
.aw-concierge-launcher-mark::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 32%,transparent 65%,rgba(188,126,67,.15));pointer-events:none}
.aw-concierge-launcher-mark img{position:relative;z-index:1;width:27px;height:27px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.28))}
.aw-concierge-launcher-copy{display:flex;align-items:center}.aw-concierge-launcher-copy strong{font:500 13px/1 var(--sans);letter-spacing:.025em;color:#f3ece3;white-space:nowrap}

.aw-concierge-panel{
  position:fixed;left:24px;bottom:20px;z-index:1210;width:min(356px,calc(100vw - 32px));height:478px;
  display:grid;grid-template-rows:76px 66px minmax(0,1fr) 34px;overflow:hidden;isolation:isolate;
  border:1px solid rgba(246,235,219,.38);border-radius:31px;color:#f2ece4;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.22),transparent 27%),
    radial-gradient(circle at 9% 8%,rgba(163,199,228,.15),transparent 32%),
    linear-gradient(145deg,rgba(123,137,150,.24),rgba(32,37,44,.36) 44%,rgba(7,10,14,.52) 100%);
  box-shadow:0 38px 105px rgba(0,0,0,.58),inset 0 1px 0 rgba(255,255,255,.38),inset 0 -1px 0 rgba(207,154,92,.14),0 0 0 1px rgba(255,255,255,.028);
  -webkit-backdrop-filter:blur(38px) saturate(185%) contrast(108%);
  backdrop-filter:blur(38px) saturate(185%) contrast(108%);
  opacity:0;visibility:hidden;pointer-events:none;transform:translateY(15px) scale(.968);transform-origin:left bottom;
  transition:opacity .24s ease,visibility .24s ease,transform .28s cubic-bezier(.2,.75,.2,1);
}
.aw-concierge-panel::before{
  content:"";position:absolute;inset:-1px;z-index:-1;border-radius:inherit;pointer-events:none;
  background:
    radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.18),transparent 23%),
    linear-gradient(112deg,rgba(255,255,255,.13),transparent 24%,transparent 61%,rgba(199,145,83,.08));
  transition:background-position .12s linear;
}
.aw-concierge-panel::after{
  content:"";position:absolute;inset:6px;z-index:-1;border-radius:25px;pointer-events:none;
  border:1px solid rgba(255,255,255,.055);
  box-shadow:inset 0 0 44px rgba(255,255,255,.018),inset 12px 8px 40px rgba(152,189,216,.035),inset -10px -14px 38px rgba(182,120,61,.025);
}
.aw-concierge-panel.open{opacity:1;visibility:visible;pointer-events:auto;transform:none}

.aw-concierge-header{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 15px 10px;border-bottom:1px solid rgba(255,255,255,.105)}
.aw-concierge-brand{display:flex;align-items:center;gap:11px;min-width:0}.aw-concierge-mark{position:relative;display:grid;place-items:center;flex:0 0 46px;width:46px;height:46px;border-radius:50%;overflow:hidden;border:1px solid rgba(242,226,205,.37);background:radial-gradient(circle at 32% 22%,rgba(255,255,255,.31),rgba(112,138,159,.13) 37%,rgba(8,11,15,.57) 76%);box-shadow:inset 0 1px 0 rgba(255,255,255,.34),inset 0 -8px 18px rgba(0,0,0,.20),0 10px 28px rgba(0,0,0,.30)}
.aw-concierge-mark::after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,rgba(255,255,255,.23),transparent 34%,transparent 67%,rgba(198,143,82,.12))}.aw-concierge-mark img{position:relative;z-index:1;width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 2px 5px rgba(0,0,0,.30))}
.aw-concierge-brand>div{display:flex;flex-direction:column;gap:6px;min-width:0}.aw-concierge-brand strong{font:400 17px/1 var(--display);color:#f6efe7;white-space:nowrap}.aw-concierge-brand small{display:flex;align-items:center;gap:7px;font:500 8.5px/1 var(--sans);color:#d0ccc5}.aw-concierge-brand small i{display:block;width:6px;height:6px;border-radius:50%;background:#65d279;box-shadow:0 0 13px rgba(101,210,121,.72)}
.aw-concierge-close{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;padding:0;border:1px solid rgba(255,255,255,.06);border-radius:50%;color:#f0e8de;background:rgba(255,255,255,.055);box-shadow:inset 0 1px 0 rgba(255,255,255,.12);font:300 24px/1 var(--sans);cursor:pointer;transition:.2s ease}.aw-concierge-close:hover{background:rgba(255,255,255,.105);transform:rotate(4deg)}
.aw-concierge-intro{position:relative;z-index:2;display:flex;align-items:center;padding:12px 18px 8px}.aw-concierge-intro p{margin:0;font:400 12.5px/1.55 var(--sans);color:#f1ece5;text-shadow:0 1px 14px rgba(0,0,0,.22)}
.aw-concierge-suggestions{position:relative;z-index:2;display:grid;gap:6px;padding:0 15px 13px;align-content:start;min-height:0;overflow:auto}
.aw-concierge-suggestions>a,.aw-concierge-suggestions>button{position:relative;overflow:hidden;display:grid;grid-template-columns:34px minmax(0,1fr) 16px;align-items:center;gap:10px;min-height:58px;padding:7px 11px;border:1px solid rgba(255,255,255,.115);border-radius:17px;color:#f1ebe3;text-decoration:none;text-align:left;background:linear-gradient(120deg,rgba(255,255,255,.105),rgba(255,255,255,.027));box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 26px rgba(0,0,0,.09);-webkit-backdrop-filter:blur(16px) saturate(150%);backdrop-filter:blur(16px) saturate(150%);cursor:pointer;transition:transform .2s ease,border-color .2s ease,background .2s ease}
.aw-concierge-suggestions>a::before,.aw-concierge-suggestions>button::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,rgba(255,255,255,.08),transparent 35%,transparent 70%,rgba(194,137,79,.04))}
.aw-concierge-suggestions>a:hover,.aw-concierge-suggestions>button:hover{transform:translateX(3px);border-color:rgba(227,195,150,.32);background:linear-gradient(120deg,rgba(255,255,255,.145),rgba(173,121,67,.055))}
.aw-menu-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;color:#f0e3d3;background:rgba(5,8,12,.18);border:1px solid rgba(255,255,255,.095);box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}.aw-menu-icon svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.45;stroke-linecap:round;stroke-linejoin:round}
.aw-concierge-suggestions>a>span:nth-child(2),.aw-concierge-suggestions>button>span:nth-child(2){display:flex;flex-direction:column;gap:4px;min-width:0}.aw-concierge-suggestions strong{font:550 11px/1.1 var(--sans);color:#f4eee7}.aw-concierge-suggestions small{font:400 8px/1.2 var(--sans);color:#bdb8b1}.aw-concierge-suggestions b{font:300 22px/1 var(--sans);color:#dbc7aa}

.aw-concierge-chat{position:relative;z-index:2;display:none;min-height:0;grid-template-rows:31px minmax(0,1fr) auto;padding:0 13px 11px}.aw-concierge-panel.chat-mode{grid-template-rows:76px minmax(0,1fr) 34px}.aw-concierge-panel.chat-mode .aw-concierge-intro,.aw-concierge-panel.chat-mode .aw-concierge-suggestions{display:none}.aw-concierge-panel.chat-mode .aw-concierge-chat{display:grid}
.aw-concierge-back{justify-self:start;padding:0 2px;border:0;color:#d4ccc2;background:transparent;font:600 8px/1 var(--sans);letter-spacing:.03em;cursor:pointer}
.aw-concierge-messages{min-width:0;min-height:0;overflow-x:hidden;overflow-y:auto;padding:5px 2px 9px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.18) transparent;overscroll-behavior:contain}
.aw-message{display:flex;width:100%;min-width:0;margin:0 0 9px;overflow:visible}.aw-message p{display:block;max-width:84%;min-width:0;margin:0;padding:10px 11px;border-radius:16px 16px 16px 6px;border:1px solid rgba(255,255,255,.105);background:rgba(255,255,255,.075);box-shadow:inset 0 1px 0 rgba(255,255,255,.075);font:400 10px/1.5 var(--sans);color:#e2dbd2;overflow-wrap:anywhere;word-break:break-word;white-space:pre-wrap}.aw-message.user{justify-content:flex-end;padding-left:16%}.aw-message.user p{margin-left:auto;max-width:100%;border-radius:16px 16px 6px 16px;border-color:rgba(220,177,119,.27);background:linear-gradient(135deg,rgba(183,130,72,.21),rgba(255,255,255,.07));color:#f4ebe0}.aw-message.pending p{opacity:.72}

.aw-concierge-form{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 39px;align-items:end;gap:8px;min-height:54px;padding:6px 6px 6px 14px;border:1px solid rgba(255,255,255,.145);border-radius:19px;overflow:hidden;background:linear-gradient(135deg,rgba(255,255,255,.115),rgba(6,9,13,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 12px 30px rgba(0,0,0,.11);-webkit-backdrop-filter:blur(19px) saturate(170%);backdrop-filter:blur(19px) saturate(170%);transition:border-color .2s ease,box-shadow .2s ease,background .2s ease}
.aw-concierge-form::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(112deg,rgba(255,255,255,.09),transparent 38%,transparent 72%,rgba(204,150,89,.045))}
.aw-concierge-form:focus-within{border-color:rgba(234,205,166,.34);background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(6,9,13,.16));box-shadow:inset 0 1px 0 rgba(255,255,255,.21),0 14px 34px rgba(0,0,0,.16),0 0 0 3px rgba(198,155,101,.045)}
.aw-concierge-input-shell{position:relative;min-width:0;min-height:40px;display:flex;align-items:center}
.aw-concierge-input-label{position:absolute;left:0;top:50%;z-index:2;transform:translateY(-50%);font:650 8.5px/1 var(--sans);letter-spacing:.12em;color:#e6ddd2;white-space:nowrap;cursor:text;transition:transform .34s cubic-bezier(.2,.75,.2,1),opacity .22s ease,filter .22s ease}
.aw-concierge-form textarea{position:relative;z-index:1;display:block;width:100%;height:40px;min-height:40px;max-height:84px;padding:12px 0 10px 151px;border:0;outline:0;resize:none;overflow-y:auto;color:#f2ece5;background:transparent;font:450 10px/1.45 var(--sans);transition:padding-left .34s cubic-bezier(.2,.75,.2,1);scrollbar-width:none}.aw-concierge-form textarea::-webkit-scrollbar{display:none}.aw-concierge-form textarea::placeholder{color:#aaa69f;opacity:0;transition:opacity .18s ease}.aw-concierge-form.is-active .aw-concierge-input-label{opacity:0;filter:blur(2px);transform:translate(-26px,-50%)}.aw-concierge-form.is-active textarea{padding-left:0}.aw-concierge-form.is-active textarea::placeholder{opacity:.72}
.aw-concierge-form button{position:relative;z-index:2;display:grid;place-items:center;align-self:end;flex:0 0 39px;width:39px;height:39px;padding:0;border:1px solid rgba(255,255,255,.28);border-radius:50%;color:#17110b;background:radial-gradient(circle at 35% 24%,#f0d7b4,#c99a60 52%,#a66f37);box-shadow:inset 0 1px 0 rgba(255,255,255,.55),inset 0 -5px 12px rgba(96,48,13,.17),0 8px 20px rgba(0,0,0,.21);cursor:pointer;transition:transform .2s ease,filter .2s ease}.aw-concierge-form button:hover{transform:translateY(-1px) scale(1.025);filter:brightness(1.04)}.aw-concierge-form button:disabled{opacity:.55;cursor:wait}.aw-concierge-form button svg{width:16px;height:16px;fill:none;stroke:currentColor;stroke-width:1.5}
.aw-concierge-footer{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;border-top:1px solid rgba(255,255,255,.075)}.aw-concierge-footer span{font:550 7px/1 var(--sans);letter-spacing:.025em;color:#b3ada5}

@media(max-width:680px){
  .aw-concierge-launcher{left:10px;bottom:10px;min-width:178px}
  .aw-concierge-panel{left:8px;right:8px;bottom:8px;width:auto;height:min(490px,calc(100dvh - 16px));transform-origin:center bottom}
}
@media(prefers-reduced-motion:reduce){.aw-concierge-launcher,.aw-concierge-panel,.aw-concierge-input-label,.aw-concierge-form textarea{transition:none!important}}

/* v3.9.1 sizing guard against legacy shared-site overrides */
.aw-concierge-panel{
  width:min(356px,calc(100vw - 32px))!important;
  height:min(478px,calc(100dvh - 32px))!important;
}
.aw-concierge-chat{min-width:0;overflow:hidden}
.aw-concierge-form{width:100%;min-width:0;max-width:100%}
@media(max-width:680px){
  .aw-concierge-panel{
    left:8px!important;right:8px!important;bottom:8px!important;
    width:auto!important;height:min(490px,calc(100dvh - 16px))!important;
  }
}
.aw-concierge-form{width:auto!important;justify-self:stretch!important}
.aw-concierge-form textarea{min-width:0!important}
.aw-concierge-chat{width:100%!important;max-width:100%!important;justify-self:stretch!important}
.aw-concierge-panel.chat-mode .aw-concierge-chat{
  position:absolute!important;
  inset:76px 0 34px!important;
  width:auto!important;
  max-width:none!important;
}
.aw-concierge-panel.chat-mode .aw-concierge-chat{inset:76px 0 40px!important}
.aw-concierge-footer{pointer-events:none}
.aw-concierge-panel{grid-template-rows:76px 66px minmax(0,1fr)!important}
.aw-concierge-panel.chat-mode{grid-template-rows:76px minmax(0,1fr)!important}
.aw-concierge-footer{
  position:absolute!important;
  left:0;right:0;bottom:0;height:34px;
  background:linear-gradient(180deg,rgba(7,10,14,0),rgba(7,10,14,.18));
}
.aw-concierge-panel.chat-mode .aw-concierge-footer{display:none!important}
.aw-concierge-panel.chat-mode .aw-concierge-chat{inset:76px 0 10px!important}

/* v3.10 — hover-only refraction: no idle moving glow */
.aw-concierge-launcher{
  background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(142,160,176,.07) 42%,rgba(11,14,18,.28) 78%)!important;
}
.aw-concierge-launcher::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  border-radius:inherit;
  background:radial-gradient(circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.26),rgba(151,192,222,.08) 15%,transparent 34%);
  opacity:0;
  transition:opacity .2s ease;
}
.aw-concierge-launcher.glass-active::after{opacity:1}
.aw-concierge-launcher-mark,.aw-concierge-launcher-copy{position:relative;z-index:1}
.aw-concierge-panel{
  background:
    radial-gradient(circle at 9% 8%,rgba(163,199,228,.15),transparent 32%),
    linear-gradient(145deg,rgba(123,137,150,.24),rgba(32,37,44,.36) 44%,rgba(7,10,14,.52) 100%)!important;
}
.aw-concierge-panel::before{opacity:0;transition:opacity .2s ease}
.aw-concierge-panel.glass-active::before{opacity:1}
/* =========================================================
   v3.14 — ATELIER EXPERIENCE LAYER
   Controlled additions only: page choreography, a restrained
   desktop cursor, Studio Standard, and Project Compass.
   ========================================================= */


:root{--display:"Cormorant Garamond",Georgia,serif!important;--sans:"DM Sans",Arial,sans-serif!important}
body{font-family:var(--sans)!important;color:var(--ink)!important}
h1,h2,h3,.concierge-launcher-copy strong,.concierge-identity strong{font-family:var(--display)!important;color:inherit}

/* Retire the previous ambient mouse glow. */
.cursor-glow{display:none!important}

/* ---------- Page choreography ---------- */
.aw-page-veil{
  position:fixed;inset:0;z-index:998;pointer-events:none;
  display:grid;place-items:center;overflow:hidden;
  opacity:0;visibility:hidden;
  background:
    radial-gradient(circle at 50% 48%,rgba(173,126,73,.10),transparent 30%),
    linear-gradient(135deg,#030405,#090b0e 55%,#030405);
  transition:opacity .34s ease,visibility .34s ease;
}
.aw-page-veil::before,
.aw-page-veil::after{
  content:"";position:absolute;inset:-20%;pointer-events:none;
}
.aw-page-veil::before{
  background:linear-gradient(112deg,transparent 35%,rgba(255,255,255,.05) 49%,rgba(199,157,105,.08) 52%,transparent 67%);
  transform:translateX(-55%);opacity:0;
}
.aw-page-veil::after{
  inset:auto 8vw 10vh;height:1px;
  background:linear-gradient(90deg,transparent,rgba(207,168,116,.62),transparent);
  transform:scaleX(0);
}
.aw-page-veil.is-leaving{opacity:1;visibility:visible;pointer-events:auto}
.aw-page-veil.is-leaving::before{animation:awVeilSweep .72s cubic-bezier(.22,.75,.2,1) forwards}
.aw-page-veil.is-leaving::after{animation:awVeilLine .58s .05s cubic-bezier(.22,.75,.2,1) forwards}
.aw-page-veil-inner{position:relative;z-index:2;text-align:center;transform:translateY(8px);opacity:0}
.aw-page-veil.is-leaving .aw-page-veil-inner{animation:awVeilCopy .42s .08s ease forwards}
.aw-page-veil img{width:78px;height:78px;object-fit:contain;filter:drop-shadow(0 14px 28px rgba(0,0,0,.42))}
.aw-page-veil small{display:block;margin-top:15px;font-size:9px;letter-spacing:.24em;text-transform:uppercase;color:#9f978d}
.aw-page-veil strong{display:block;margin-top:8px;font-family:"Cormorant Garamond",serif;font-size:31px;font-weight:600;color:#efe3d2}
@keyframes awVeilSweep{0%{transform:translateX(-58%);opacity:0}35%{opacity:1}100%{transform:translateX(58%);opacity:0}}
@keyframes awVeilLine{to{transform:scaleX(1)}}
@keyframes awVeilCopy{to{transform:none;opacity:1}}

/* ---------- Small, intentional desktop cursor ---------- */
.aw-cursor-ring,.aw-cursor-dot{
  position:fixed;left:0;top:0;pointer-events:none;z-index:120;
  opacity:0;transform:translate(-50%,-50%);will-change:left,top,width,height,opacity;
}
.aw-cursor-ring{
  width:20px;height:20px;border-radius:50%;
  border:1px solid rgba(218,185,142,.48);
  background:rgba(255,255,255,.008);
  box-shadow:0 0 0 1px rgba(0,0,0,.14),inset 0 0 12px rgba(198,153,96,.035);
  transition:width .22s ease,height .22s ease,border-color .22s ease,background .22s ease,opacity .18s ease;
}
.aw-cursor-dot{width:3px;height:3px;border-radius:50%;background:#d2b17f;transition:opacity .18s ease}
.aw-cursor-ring.is-visible,.aw-cursor-dot.is-visible{opacity:1}
.aw-cursor-ring.is-interactive{
  width:43px;height:43px;border-color:rgba(228,201,165,.68);
  background:rgba(198,153,96,.045);
  box-shadow:0 0 24px rgba(198,153,96,.08),inset 0 0 18px rgba(255,255,255,.035);
}

/* ---------- Refined interaction sheen ---------- */
.glass-btn,.package-tab,.pill,.choice-card,.standard-card{position:relative;overflow:hidden;isolation:isolate}
.glass-btn::after,
.package-tab::after,
.pill::after,
.standard-card::after{
  content:"";position:absolute;inset:-80% -45%;z-index:-1;pointer-events:none;
  background:linear-gradient(112deg,transparent 42%,rgba(255,255,255,.13) 49%,rgba(207,164,107,.10) 52%,transparent 59%);
  transform:translateX(-56%) rotate(2deg);opacity:0;
  transition:transform .7s cubic-bezier(.22,.75,.2,1),opacity .25s ease;
}
.glass-btn:hover::after,.package-tab:hover::after,.pill:hover::after,.standard-card:hover::after{transform:translateX(56%) rotate(2deg);opacity:.8}
.text-link{position:relative;padding-bottom:5px}
.text-link::after{content:"";position:absolute;left:50%;right:50%;bottom:0;height:1px;background:linear-gradient(90deg,transparent,#caa16b,transparent);transition:left .3s ease,right .3s ease}
.text-link:hover::after{left:0;right:0}

/* ---------- Homepage atelier index ---------- */
.atelier-index{
  position:fixed;right:18px;top:50%;z-index:18;transform:translateY(-50%);
  display:grid;gap:10px;padding:13px 9px;border:1px solid rgba(255,255,255,.08);
  border-radius:999px;background:rgba(5,7,9,.30);
  -webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 18px 45px rgba(0,0,0,.20);
}
.atelier-index button{
  appearance:none;border:0;background:none;padding:0;width:8px;height:8px;border-radius:50%;
  cursor:pointer;background:rgba(255,255,255,.18);position:relative;transition:.25s;
}
.atelier-index button::before{
  content:attr(data-label);position:absolute;right:18px;top:50%;transform:translateY(-50%) translateX(5px);
  white-space:nowrap;opacity:0;pointer-events:none;padding:7px 10px;border-radius:999px;
  border:1px solid rgba(255,255,255,.09);background:rgba(7,9,12,.72);
  -webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#d8d0c5;transition:.22s;
}
.atelier-index button:hover::before,.atelier-index button:focus-visible::before{opacity:1;transform:translateY(-50%) translateX(0)}
.atelier-index button.active{background:#cfaa77;box-shadow:0 0 16px rgba(207,170,119,.38);transform:scale(1.22)}

/* ---------- Studio Standard ---------- */
.studio-standard-panel{padding:120px 4vw;position:relative;overflow:hidden}
.studio-standard-panel::before{
  content:"";position:absolute;inset:8% 0 auto 46%;height:68%;pointer-events:none;
  background:radial-gradient(ellipse,rgba(198,151,94,.075),transparent 67%);filter:blur(35px);
}
.standard-heading{max-width:var(--max);margin:0 auto 54px;display:grid;grid-template-columns:1.08fr .92fr;gap:7vw;align-items:end}
.standard-heading>p{max-width:580px;margin:0;color:#aaa59d;font-size:16px;line-height:1.75}
.standard-grid{max-width:var(--max);margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:16px;perspective:1400px}
.standard-card{
  min-height:220px;padding:28px;border-radius:28px;
  border:1px solid rgba(255,255,255,.105);
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.018) 58%,rgba(198,151,94,.025)),
    rgba(6,8,11,.38);
  -webkit-backdrop-filter:blur(24px) saturate(145%);backdrop-filter:blur(24px) saturate(145%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 26px 70px rgba(0,0,0,.18);
  display:grid;grid-template-columns:auto 1fr;gap:22px;align-content:start;
  transform:translateZ(0);transition:transform .38s cubic-bezier(.22,.75,.2,1),border-color .3s,background .3s;
}
.standard-card:hover{transform:translateY(-6px) rotateX(1.5deg);border-color:rgba(218,184,140,.22);background:linear-gradient(145deg,rgba(255,255,255,.095),rgba(255,255,255,.024) 58%,rgba(198,151,94,.052)),rgba(6,8,11,.42)}
.standard-card>span{font-size:10px;letter-spacing:.18em;color:#c4a476;padding-top:5px}
.standard-card h3{font-size:34px;line-height:1;margin-bottom:15px}
.standard-card p{margin:0;color:#aaa69f;font-size:14px;line-height:1.65;max-width:350px}
.standard-card i{position:absolute;left:28px;right:28px;bottom:22px;height:1px;background:linear-gradient(90deg,rgba(201,160,105,.48),transparent);transform-origin:left;transform:scaleX(.18);transition:transform .45s cubic-bezier(.22,.75,.2,1)}
.standard-card:hover i{transform:scaleX(1)}
.standard-card:nth-child(2),.standard-card:nth-child(5){transition-delay:.05s}
.standard-card:nth-child(3),.standard-card:nth-child(6){transition-delay:.10s}

/* ---------- Project Compass ---------- */
.compass-panel{padding-top:80px!important}
.project-compass{
  display:grid;grid-template-columns:minmax(300px,.78fr) minmax(0,1.22fr);gap:0;
  border:1px solid rgba(255,255,255,.12);border-radius:38px;overflow:hidden;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015));
  -webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 45px 120px rgba(0,0,0,.27);
}
.compass-sidebar{
  padding:42px;border-right:1px solid rgba(255,255,255,.09);position:relative;overflow:hidden;
  background:
    radial-gradient(circle at 20% 12%,rgba(205,163,108,.11),transparent 30%),
    linear-gradient(155deg,rgba(255,255,255,.05),rgba(3,5,8,.34));
}
.compass-sidebar::after{content:"";position:absolute;width:300px;height:300px;border:1px solid rgba(198,153,96,.09);border-radius:50%;right:-180px;bottom:-170px;box-shadow:0 0 0 42px rgba(255,255,255,.013),0 0 0 84px rgba(255,255,255,.008)}
.compass-sidebar h2{font-size:clamp(42px,4vw,64px)}
.compass-sidebar>p:not(.eyebrow){color:#aaa59d;font-size:15px;line-height:1.72;margin:22px 0 34px}
.compass-progress{display:grid;gap:10px;margin:0 0 34px}
.compass-progress span{display:flex;align-items:center;gap:13px;color:#78756f;font-size:9px;letter-spacing:.16em;text-transform:uppercase;transition:.3s}
.compass-progress span::after{content:"";height:1px;flex:1;background:rgba(255,255,255,.07)}
.compass-progress span.active{color:#e5d4bd}
.compass-progress span.active::after{background:linear-gradient(90deg,rgba(202,161,107,.58),transparent)}
.compass-progress b{font-weight:500;color:#ba9565}
.compass-summary{position:relative;z-index:1;padding:20px;border:1px solid rgba(255,255,255,.09);border-radius:23px;background:rgba(4,7,10,.29);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.compass-summary>small{display:block;margin-bottom:14px;font-size:8px;letter-spacing:.19em;text-transform:uppercase;color:#b29469}
.compass-summary dl{margin:0;display:grid;gap:10px}
.compass-summary dl div{display:grid;grid-template-columns:78px 1fr;gap:12px;padding-bottom:9px;border-bottom:1px solid rgba(255,255,255,.06)}
.compass-summary dl div:last-child{border-bottom:0;padding-bottom:0}
.compass-summary dt{font-size:9px;color:#77736e}.compass-summary dd{margin:0;font-size:10px;color:#d4cec5;line-height:1.4}
.compass-form{padding:42px!important;display:block!important;min-height:700px;position:relative}
.compass-step{animation:compassEnter .42s cubic-bezier(.22,.75,.2,1);scroll-margin-top:92px}
.compass-step[hidden]{display:none!important}
@keyframes compassEnter{from{opacity:0;transform:translateY(13px)}to{opacity:1;transform:none}}
.step-heading{margin-bottom:30px}.step-heading>span{font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#b9915e}.step-heading h3{font-size:clamp(42px,4vw,62px);margin:12px 0 14px}.step-heading p{margin:0;color:#99958e;font-size:14px;line-height:1.65;max-width:650px}
.compass-fields{display:grid;gap:14px;margin-bottom:25px}.compass-fields.two-col{grid-template-columns:1fr 1fr}
.choice-fieldset{border:0;padding:0;margin:0 0 25px}.choice-fieldset legend{padding:0;margin:0 0 11px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#a8a198}.choice-fieldset.field-error-wrap legend{color:#e1a18f}
.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.direction-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.response-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.choice-card{
  min-height:95px;display:block;border:1px solid rgba(255,255,255,.09);border-radius:20px;
  background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.014));
  cursor:pointer;transition:transform .25s ease,border-color .25s,background .25s,box-shadow .25s;
}
.choice-card input{position:absolute;opacity:0;pointer-events:none}
.choice-card>span{height:100%;min-height:95px;display:flex;flex-direction:column;justify-content:center;padding:18px 19px;position:relative;z-index:1}
.choice-card b{font-family:"Cormorant Garamond",serif;font-size:25px;font-weight:600;color:#e7ded2;line-height:1}
.choice-card small{display:block;margin-top:8px;color:#85817b;font-size:10px;line-height:1.45}
.choice-card em{position:absolute;right:14px;top:14px;font-style:normal;font-size:7px;letter-spacing:.15em;text-transform:uppercase;color:#b38d5b}
.choice-card:hover{transform:translateY(-2px);border-color:rgba(216,182,139,.20);background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(198,153,96,.025))}
.choice-card:has(input:checked),.choice-card.selected{
  border-color:rgba(226,195,155,.36);
  background:linear-gradient(145deg,rgba(218,183,139,.14),rgba(255,255,255,.028));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.17),0 18px 38px rgba(0,0,0,.16);
}
.choice-card:has(input:checked)::before,.choice-card.selected::before{content:"";position:absolute;right:14px;bottom:14px;width:8px;height:8px;border-radius:50%;background:#d1a86e;box-shadow:0 0 15px rgba(209,168,110,.48)}
.compass-actions{display:flex;justify-content:space-between;align-items:center;margin-top:26px;padding-top:22px;border-top:1px solid rgba(255,255,255,.075)}
.compass-actions button.text-link{appearance:none;border:0;background:none;color:#b8b2aa;cursor:pointer;font:inherit;font-size:10px;letter-spacing:.14em;text-transform:uppercase}
.compass-form textarea{min-height:210px!important}
.compass-form .field-error,.choice-fieldset.field-error-wrap .choice-card{border-color:rgba(217,110,89,.42)!important}

/* ---------- Responsive and motion accessibility ---------- */
@media(max-width:1180px){
  .atelier-index{display:none}
  .standard-grid{grid-template-columns:repeat(2,1fr)}
  .project-compass{grid-template-columns:1fr}
  .compass-sidebar{border-right:0;border-bottom:1px solid rgba(255,255,255,.09)}
  .compass-progress{grid-template-columns:repeat(4,1fr)}
  .compass-progress span{display:grid;gap:5px}.compass-progress span::after{display:none}
  .compass-summary dl{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .studio-standard-panel{padding:88px 4vw}
  .standard-heading{grid-template-columns:1fr;gap:22px;margin-bottom:34px}
  .standard-grid{grid-template-columns:1fr}
  .standard-card{min-height:190px}
  .compass-sidebar,.compass-form{padding:26px!important}
  .compass-form{min-height:0}
  .compass-progress{grid-template-columns:repeat(2,1fr)}
  .compass-summary dl{grid-template-columns:1fr}
  .compass-fields.two-col,.choice-grid,.direction-choice-grid,.response-choice-grid{grid-template-columns:1fr}
  .choice-card,.choice-card>span{min-height:86px}
  .aw-page-veil strong{font-size:26px}
}
@media(pointer:coarse){.aw-cursor-ring,.aw-cursor-dot{display:none}}
@media(prefers-reduced-motion:reduce){
  .aw-page-veil::before,.aw-page-veil::after,.aw-page-veil-inner{animation:none!important}
  .standard-card,.choice-card,.glass-btn::after,.package-tab::after,.pill::after,.standard-card::after{transition:none!important}
}

/* =========================================================
   v3.24 — alignment + liquid glass lock
   - anchor hero copy to the logo line
   - move hero block lower and tighten group spacing
   - make quick-contact buttons more iPhone liquid-glass
   - slightly enlarge the top-left logo for low-res clarity
   ========================================================= */
:root{
  --v324-glass-border:rgba(255,255,255,.085);
  --v324-glass-top:rgba(255,255,255,.085);
  --v324-glass-mid:rgba(255,255,255,.042);
  --v324-glass-bottom:rgba(255,255,255,.015);
  --v324-glass-shadow:0 18px 44px rgba(0,0,0,.24);
  --v324-glass-inner:inset 0 1px 0 rgba(255,255,255,.24), inset 0 -1px 0 rgba(255,255,255,.03);
}

header{
  height:94px!important;
  padding:16px 4vw!important;
}
header.scrolled{height:80px!important}
.brand img{
  height:68px!important;
  max-height:68px!important;
  width:auto!important;
}

/* Quick contact + concierge: much softer, less self-colour, more glass */
.contact-float,
.aw-concierge-launcher,
.aw-concierge-panel,
.aw-concierge-input-shell,
.hero-actions .glass-btn.primary,
.header-cta{
  border:1px solid var(--v324-glass-border)!important;
  background:linear-gradient(180deg,var(--v324-glass-top),var(--v324-glass-mid) 46%,var(--v324-glass-bottom))!important;
  box-shadow:var(--v324-glass-inner),var(--v324-glass-shadow)!important;
  backdrop-filter:blur(34px) saturate(155%)!important;
  -webkit-backdrop-filter:blur(34px) saturate(155%)!important;
}
.contact-float:hover,
.aw-concierge-launcher:hover,
.hero-actions .glass-btn.primary:hover,
.header-cta:hover{
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.05) 46%,rgba(255,255,255,.022))!important;
}
.contact-float-stack{
  right:18px!important;
  bottom:18px!important;
  gap:10px!important;
}
.contact-float{
  min-height:50px!important;
  padding:8px 14px 8px 8px!important;
  color:#f2ece3!important;
}
.contact-icon,
.aw-concierge-launcher-mark{
  border:1px solid rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18)!important;
}
.contact-icon{width:33px!important;height:33px!important}
.email-float .contact-icon,
.whatsapp-float .whatsapp-icon{
  border-color:rgba(255,255,255,.08)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.026))!important;
}
.email-float .contact-icon{color:#e7d8c2!important}
.whatsapp-float,
.email-float{
  background:linear-gradient(180deg,rgba(255,255,255,.085),rgba(255,255,255,.038) 46%,rgba(255,255,255,.015))!important;
}
.whatsapp-float .whatsapp-icon{color:#8fe4af!important}
.whatsapp-float .whatsapp-icon .wa-bubble{fill:rgba(143,228,175,.06)!important}
.contact-label{
  color:#f2ece3!important;
  font-size:8.8px!important;
  letter-spacing:.145em!important;
}
.aw-concierge-launcher{
  left:18px!important;
  bottom:18px!important;
  min-height:50px!important;
  padding:8px 15px 8px 8px!important;
  border-radius:999px!important;
}
.aw-concierge-launcher-copy strong{
  font-size:13px!important;
  letter-spacing:.012em!important;
  color:#f2ece3!important;
}
.aw-concierge-launcher-mark img{width:24px!important;height:24px!important}

/* Homepage hero lock */
@media (min-width:921px){
  .hero.hero-static-background{
    padding:104px 4vw 18px!important;
    grid-template-rows:minmax(0,1fr) 52px!important;
  }
  .hero.hero-static-background .hero-main{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:54px 0 72px!important;
    grid-template-columns:minmax(545px,45%) minmax(430px,55%)!important;
    gap:clamp(14px,1.8vw,30px)!important;
    align-items:flex-start!important;
    justify-items:start!important;
  }
  .hero.hero-static-background .hero-copy{
    width:min(44%,650px)!important;
    max-width:650px!important;
    margin:0 0 0 -1px!important;
    padding:0!important;
    transform:none!important;
    align-self:flex-start!important;
    justify-self:start!important;
  }
  .hero.hero-static-background .hero-copy .eyebrow{
    margin:0 0 8px!important;
    font-size:10px!important;
    line-height:1.1!important;
    letter-spacing:.255em!important;
    color:#ccb18c!important;
  }
  .hero.hero-static-background .hero-copy h1,
  .hero.hero-static-background .hero-copy h1 span{
    font-family:"Playfair Display","Bodoni Moda",Georgia,serif!important;
    font-weight:700!important;
    color:#f5efe7!important;
    text-rendering:optimizeLegibility!important;
    -webkit-font-smoothing:antialiased!important;
  }
  .hero.hero-static-background .hero-copy h1{
    width:100%!important;
    max-width:610px!important;
    margin:0!important;
    font-size:clamp(70px,5.35vw,95px)!important;
    line-height:.855!important;
    letter-spacing:-.053em!important;
    white-space:normal!important;
    text-shadow:0 10px 30px rgba(0,0,0,.22)!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    display:block!important;
    width:max-content!important;
    max-width:100%!important;
    white-space:nowrap!important;
    margin:0!important;
  }
  .hero.hero-static-background .hero-copy h1 span + span{margin-top:-.04em!important}
  .hero.hero-static-background .hero-copy .lead{
    max-width:550px!important;
    margin:14px 0 18px!important;
    font-size:15.6px!important;
    line-height:1.62!important;
    color:#c9c2b8!important;
  }
  .hero.hero-static-background .hero-actions{
    gap:18px!important;
    margin-top:0!important;
    align-items:center!important;
  }
  .hero.hero-static-background .hero-actions .glass-btn{padding:12px 18px!important}
  .hero.hero-static-background .hero-actions .text-link{
    font-size:10.5px!important;
    letter-spacing:.17em!important;
  }
  .hero-art-background img{
    object-position:58% 50%!important;
    transform:scale(1.01)!important;
  }
  .hero.hero-static-background .designed-row{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:10px 0 0 194px!important;
    min-height:42px!important;
    grid-template-columns:128px repeat(5,minmax(86px,1fr))!important;
    gap:14px!important;
    font-size:10px!important;
    letter-spacing:.165em!important;
  }
}
@media (max-width:1400px) and (min-width:921px){
  .hero.hero-static-background .hero-copy{width:min(45.5%,620px)!important;max-width:620px!important}
  .hero.hero-static-background .hero-copy h1{max-width:585px!important;font-size:clamp(64px,5.15vw,86px)!important}
  .hero.hero-static-background .hero-copy .lead{max-width:520px!important;font-size:15.2px!important}
}
@media (max-width:1120px) and (min-width:921px){
  .hero.hero-static-background .hero-main{grid-template-columns:minmax(470px,46%) minmax(320px,54%)!important;padding-top:50px!important;padding-bottom:66px!important}
  .hero.hero-static-background .hero-copy h1{max-width:515px!important;font-size:clamp(57px,5vw,74px)!important}
  .hero.hero-static-background .hero-copy .lead{max-width:470px!important;font-size:14.8px!important}
  .hero.hero-static-background .designed-row{padding-left:176px!important;grid-template-columns:112px repeat(5,minmax(72px,1fr))!important}
}
@media (max-width:920px){
  .brand img{height:60px!important;max-height:60px!important}
  .hero.hero-static-background .hero-copy .eyebrow{margin-bottom:10px!important}
  .hero.hero-static-background .hero-copy .lead{margin:14px 0 18px!important}
  .contact-float-stack{right:12px!important;bottom:12px!important}
  .aw-concierge-launcher{left:12px!important;bottom:12px!important}
}
/* =========================================================
   A WALD STUDIO — FINAL HERO ALIGNMENT + LIQUID GLASS LOCK
   18 July 2026
   This stylesheet is intentionally loaded last.
   ========================================================= */
:root{
  --aw-edge:clamp(32px,3.5vw,54px);
  --aw-hero-ink:#f4efe7;
  --aw-muted:#c6c0b8;
  --aw-bronze:#c7ad87;
}

/* One shared left edge for the visible logo and all hero copy. */
header{
  height:100px!important;
  padding:14px var(--aw-edge)!important;
  grid-template-columns:minmax(160px,1fr) auto minmax(160px,1fr)!important;
}
header.scrolled{height:82px!important}
.brand{
  display:flex!important;
  align-items:center!important;
  justify-self:start!important;
  margin:0!important;
  transform:none!important;
}
.brand img{
  display:block!important;
  width:auto!important;
  height:80px!important;
  max-height:80px!important;
  object-fit:contain!important;
}

.hero.hero-static-background{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:100px var(--aw-edge) 18px!important;
  grid-template-rows:minmax(0,1fr) 52px!important;
}
.hero.hero-static-background .hero-main{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:clamp(114px,15vh,154px) 0 clamp(54px,7vh,74px)!important;
  display:grid!important;
  grid-template-columns:minmax(600px,46%) minmax(430px,54%)!important;
  gap:clamp(18px,2vw,34px)!important;
  align-items:flex-start!important;
  justify-items:start!important;
}
.hero.hero-static-background .hero-copy{
  width:660px!important;
  max-width:46vw!important;
  margin:0!important;
  padding:0!important;
  transform:none!important;
  align-self:flex-start!important;
  justify-self:start!important;
}
.hero.hero-static-background .hero-copy .eyebrow{
  margin:0 0 10px!important;
  font-size:10px!important;
  line-height:1.12!important;
  letter-spacing:.255em!important;
  color:var(--aw-bronze)!important;
}
.hero.hero-static-background .hero-copy h1,
.hero.hero-static-background .hero-copy h1 span{
  font-family:"DM Serif Display",Georgia,"Times New Roman",serif!important;
  font-weight:400!important;
  font-style:normal!important;
  color:var(--aw-hero-ink)!important;
  font-synthesis:none!important;
  text-rendering:optimizeLegibility!important;
  -webkit-font-smoothing:antialiased!important;
}
.hero.hero-static-background .hero-copy h1{
  width:100%!important;
  max-width:650px!important;
  margin:0!important;
  font-size:clamp(72px,5.7vw,96px)!important;
  line-height:.89!important;
  letter-spacing:-.045em!important;
  text-wrap:initial!important;
  white-space:normal!important;
  text-shadow:0 10px 30px rgba(0,0,0,.22)!important;
}
.hero.hero-static-background .hero-copy h1 span{
  display:block!important;
  width:max-content!important;
  max-width:100%!important;
  margin:0!important;
  white-space:nowrap!important;
}
.hero.hero-static-background .hero-copy h1 span + span{
  margin-top:-.025em!important;
}
.hero.hero-static-background .hero-copy .lead{
  max-width:560px!important;
  margin:18px 0 22px!important;
  font-size:15.8px!important;
  line-height:1.62!important;
  color:var(--aw-muted)!important;
}
.hero.hero-static-background .hero-actions{
  display:flex!important;
  align-items:center!important;
  gap:20px!important;
  margin:0!important;
}
.hero.hero-static-background .hero-actions .glass-btn{
  padding:12px 18px!important;
}
.hero.hero-static-background .hero-actions .text-link{
  font-size:10.5px!important;
  letter-spacing:.17em!important;
}
.hero-art-background img{
  object-position:58% 50%!important;
  transform:scale(1)!important;
}
.hero.hero-static-background .designed-row{
  width:100%!important;
  max-width:none!important;
  margin:0!important;
  padding:10px 0 0 215px!important;
  min-height:42px!important;
  grid-template-columns:130px repeat(5,minmax(86px,1fr))!important;
  gap:14px!important;
  font-size:10px!important;
  letter-spacing:.165em!important;
}

/* iPhone-style liquid glass: mostly transparent, with restrained edges. */
.glass-btn,
.contact-float,
.aw-concierge-launcher{
  position:relative!important;
  isolation:isolate!important;
  overflow:hidden!important;
  border:1px solid rgba(255,255,255,.085)!important;
  background:
    radial-gradient(120% 160% at 18% -24%,rgba(255,255,255,.095),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
  backdrop-filter:blur(20px) saturate(185%) brightness(1.08)!important;
  -webkit-backdrop-filter:blur(20px) saturate(185%) brightness(1.08)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.22),
    inset 0 -1px 0 rgba(255,255,255,.025),
    0 14px 36px rgba(0,0,0,.22)!important;
}
.glass-btn::before,
.contact-float::before,
.aw-concierge-launcher::before{
  content:""!important;
  position:absolute!important;
  z-index:-1!important;
  inset:1px!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.08) 42%,transparent 64%)!important;
  opacity:.22!important;
}
.glass-btn:hover,
.contact-float:hover,
.aw-concierge-launcher:hover{
  border-color:rgba(255,255,255,.13)!important;
  background:
    radial-gradient(120% 160% at 18% -24%,rgba(255,255,255,.12),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
}
.glass-btn.primary,
.header-cta,
.whatsapp-float,
.email-float{
  background:
    radial-gradient(120% 160% at 18% -24%,rgba(255,255,255,.095),transparent 46%),
    linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.018))!important;
}
.contact-float-stack{
  right:18px!important;
  bottom:18px!important;
  gap:10px!important;
}
.contact-float{
  min-height:50px!important;
  padding:8px 14px 8px 8px!important;
  color:#f1ebe2!important;
}
.contact-icon,
.aw-concierge-launcher-mark{
  border:1px solid rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.contact-icon{width:33px!important;height:33px!important}
.email-float .contact-icon{
  color:#e8d8c1!important;
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
}
.whatsapp-float .whatsapp-icon{
  color:#83dfa6!important;
  border-color:rgba(255,255,255,.075)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
}
.whatsapp-float .whatsapp-icon .wa-bubble{fill:rgba(131,223,166,.045)!important}
.contact-label{
  font-size:8.8px!important;
  letter-spacing:.145em!important;
  color:#f1ebe2!important;
}
.aw-concierge-launcher{
  left:18px!important;
  bottom:18px!important;
  min-height:50px!important;
  padding:8px 15px 8px 8px!important;
  border-radius:999px!important;
}
.aw-concierge-launcher-copy strong{
  font-size:13px!important;
  letter-spacing:.012em!important;
  color:#f1ebe2!important;
}
.aw-concierge-launcher-mark img{width:24px!important;height:24px!important}

@media (max-width:1400px) and (min-width:921px){
  .hero.hero-static-background .hero-main{
    grid-template-columns:minmax(550px,46%) minmax(380px,54%)!important;
  }
  .hero.hero-static-background .hero-copy{
    width:620px!important;
    max-width:46vw!important;
  }
  .hero.hero-static-background .hero-copy h1{
    max-width:600px!important;
    font-size:clamp(66px,5.45vw,88px)!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:525px!important;
    font-size:15.2px!important;
  }
}
@media (max-width:1120px) and (min-width:921px){
  .hero.hero-static-background .hero-main{
    padding-top:clamp(100px,14vh,126px)!important;
    grid-template-columns:minmax(470px,47%) minmax(330px,53%)!important;
  }
  .hero.hero-static-background .hero-copy{width:520px!important;max-width:47vw!important}
  .hero.hero-static-background .hero-copy h1{
    max-width:510px!important;
    font-size:clamp(57px,5vw,74px)!important;
  }
  .hero.hero-static-background .hero-copy .lead{
    max-width:470px!important;
    font-size:14.8px!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:180px!important;
    grid-template-columns:112px repeat(5,minmax(72px,1fr))!important;
  }
}
@media (max-width:920px){
  header{height:82px!important;padding:10px 4vw!important}
  .brand img{height:62px!important;max-height:62px!important}
  .hero.hero-static-background{
    padding:92px 4vw 20px!important;
  }
  .hero.hero-static-background .hero-main{
    padding:74px 0 48px!important;
    grid-template-columns:1fr!important;
  }
  .hero.hero-static-background .hero-copy{
    width:100%!important;
    max-width:100%!important;
  }
  .hero.hero-static-background .hero-copy h1{
    font-size:clamp(48px,11vw,68px)!important;
    line-height:.91!important;
  }
  .hero.hero-static-background .hero-copy h1 span{
    width:auto!important;
    white-space:normal!important;
  }
  .hero.hero-static-background .designed-row{
    padding-left:0!important;
  }
  .contact-float-stack{right:12px!important;bottom:12px!important}
  .aw-concierge-launcher{left:12px!important;bottom:12px!important}
}

/* Chatbot position lock — keep launcher pinned to viewport */
.aw-concierge-launcher{
  position:fixed!important;
  z-index:1200!important;
}
.aw-concierge-panel{
  position:fixed!important;
  z-index:1210!important;
}

/* =========================================================
   v3.26 — QA refinement pass based on visual review
   ========================================================= */

body:not(.inner-page) .brand img{
  height:92px!important;
  max-height:92px!important;
}
body:not(.inner-page) header.scrolled .brand img{
  height:76px!important;
  max-height:76px!important;
}

.hero.hero-static-background .designed-row{
  padding:10px 0 0 clamp(260px,19vw,320px)!important;
  grid-template-columns:118px repeat(5,minmax(88px,1fr))!important;
  gap:16px!important;
}
.hero.hero-static-background .designed-row span{
  white-space:nowrap;
}

.kinetic-window{overflow:hidden!important}
.kinetic-track{
  gap:0!important;
  animation:marqueeContinuous 38s linear infinite!important;
  will-change:transform;
}
.kinetic-group{padding-right:34px!important}
@keyframes marqueeContinuous{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-33.333%,0,0)}
}

.world-section{
  --world-backdrop-image:url('assets/hospitality.jpg');
  isolation:isolate;
}
.world-section::before{
  content:"";
  position:absolute;
  inset:2% 0 6%;
  z-index:0;
  pointer-events:none;
  background-image:var(--world-backdrop-image);
  background-size:cover;
  background-position:center;
  filter:blur(52px) saturate(.9);
  opacity:.18;
  transform:scale(1.08);
  transition:background-image .45s ease, opacity .35s ease;
}
.world-section::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(5,6,8,.38),rgba(5,6,8,.72) 28%,rgba(5,6,8,.86) 100%);
}
.world-section > *{position:relative;z-index:1}
.sticky-world,.world-canvas,.world-steps article,.value-card,.project-media,.floating-frame,.contact-shell,.system-visual,.service-tier{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
  transform:translateZ(0);
}

.value-card{
  will-change:transform;
  transition:transform .28s ease, background .28s ease, border-color .28s ease!important;
}
.value-card:hover{transform:translateY(-5px)!important}

.architectural-system .architecture-link{
  display:none!important;
}
.architectural-system .architecture-grid{opacity:.35!important}
.architectural-system .architecture-scene,
.architectural-system .glass-slab,
.architectural-system .architecture-core,
.architectural-system .architecture-node{
  backface-visibility:hidden;
  -webkit-backface-visibility:hidden;
}
.system-visual,
.contact-shell,
.project-form,
.project-form label,
.glass-select,
.project-form input,
.project-form textarea,
.project-form select{
  background-clip:padding-box;
}
.contact-shell{
  overflow:hidden!important;
  background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.022))!important;
  box-shadow:0 36px 100px rgba(0,0,0,.26)!important;
}
.project-form{
  position:relative;
  isolation:isolate;
}
.project-form input,
.project-form textarea,
.project-form select,
.glass-select{
  box-shadow:none!important;
}

.work-hero .lens-mini{
  width:208px!important;
  height:208px!important;
  left:50%!important;
  top:50%!important;
  transform:translate(-50%,-46%)!important;
  z-index:3!important;
}
.work-hero .lens-mini img{width:66px!important}
.work-hero .ff3{right:10%!important;bottom:4%!important}

.services-hero{position:relative;isolation:isolate;overflow:hidden}
.services-hero::before{
  content:"";
  position:absolute;
  inset:10% 0 4% 44%;
  z-index:0;
  pointer-events:none;
  background:url('assets/hero-signature.jpg') center/cover no-repeat;
  opacity:.14;
  filter:blur(34px) saturate(.82);
  border-radius:42px;
}
.services-hero > *{position:relative;z-index:1}
.service-orbit::before{
  content:"";
  position:absolute;
  inset:12%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(198,161,107,.10),transparent 58%);
  filter:blur(18px);
  pointer-events:none;
}
.service-tier{
  transform:none!important;
  transform-style:flat!important;
  will-change:auto!important;
  transition:transform .22s ease, border-color .24s ease, box-shadow .24s ease, background .24s ease!important;
}
.service-tier.featured{transform:none!important}
.service-tier:hover{
  transform:translateY(-6px)!important;
}
.service-tier > *{transform:none!important}

.service-detail-panel{padding-top:24px!important}
.detail-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
  margin-top:28px;
}
.detail-card{
  padding:28px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.11);
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.022));
  box-shadow:0 24px 72px rgba(0,0,0,.18), inset 0 1px 0 rgba(255,255,255,.12);
}
.detail-card span{
  display:block;
  margin-bottom:12px;
  font-size:10px;
  letter-spacing:.17em;
  text-transform:uppercase;
  color:#c7ad87;
}
.detail-card h3{margin:0 0 18px}
.detail-card ul{margin:0;padding-left:18px;display:grid;gap:10px}
.detail-card li{color:#bdb8b0;line-height:1.65}
.detail-note{
  margin-top:18px;
  padding:18px 22px;
  border:1px solid rgba(255,255,255,.09);
  border-radius:20px;
  background:rgba(255,255,255,.03);
}
.detail-note p{margin:0;color:#c6c0b8;line-height:1.7}

.process-dial{
  animation:processDialSpin 24s linear infinite!important;
  transform-origin:50% 50%;
  border-color:rgba(255,255,255,.18)!important;
}
.dial-core{
  background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.03))!important;
  box-shadow:0 18px 52px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.16)!important;
}
.dial-core img{
  width:64px;
  height:64px;
  object-fit:contain;
  filter:drop-shadow(0 2px 8px rgba(0,0,0,.28));
}
@keyframes processDialSpin{
  from{transform:rotate(0deg)}
  to{transform:rotate(360deg)}
}

.aw-concierge-launcher{
  min-width:208px!important;
}
.aw-concierge-launcher-mark,
.aw-concierge-mark{
  display:grid!important;
  place-items:center!important;
}
.aw-concierge-launcher-mark img,
.aw-concierge-mark img{
  display:block!important;
  margin:auto!important;
}
.aw-concierge-brand small{
  font-size:9.5px!important;
  letter-spacing:.02em!important;
  color:#ddd5ca!important;
}
.aw-concierge-close{
  width:36px!important;
  height:36px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.025))!important;
  font-size:23px!important;
  line-height:1!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16),0 8px 20px rgba(0,0,0,.12)!important;
}
.aw-concierge-input-label{display:none!important}
.aw-concierge-form{
  min-height:56px!important;
  padding:7px 7px 7px 14px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.095),rgba(6,9,13,.12))!important;
}
.aw-concierge-form::before{opacity:.32!important}
.aw-concierge-input-shell{min-height:42px!important}
.aw-concierge-form textarea{
  height:42px!important;
  min-height:42px!important;
  max-height:88px!important;
  padding:11px 2px 11px 2px!important;
  font-size:11px!important;
  line-height:1.48!important;
}
.aw-concierge-form.is-active textarea{padding-left:2px!important}
.aw-concierge-form textarea::placeholder{opacity:.62!important}
.aw-concierge-form button{
  width:40px!important;
  height:40px!important;
}
.aw-concierge-panel{
  height:min(488px,calc(100dvh - 32px))!important;
}

@media (max-width:1100px){
  .detail-grid{grid-template-columns:1fr!important}
}
@media (max-width:920px){
  body:not(.inner-page) .brand img{height:70px!important;max-height:70px!important}
  .hero.hero-static-background .designed-row{
    padding-left:0!important;
    grid-template-columns:repeat(2,1fr)!important;
    gap:12px!important;
  }
}

/* =========================================================
   v3.27 — mobile/tablet visual clean-up
   Replaces unicode decorative symbols with CSS-drawn marks,
   prevents emoji-font rendering, and tightens touch layouts.
   ========================================================= */
.ui-glyph,
.ui-chevron,
.ui-caret,
.ui-close-mark,
.marquee-separator{
  display:inline-block;
  flex:0 0 auto;
  position:relative;
  vertical-align:middle;
  font-size:0!important;
  line-height:0!important;
  font-family:inherit!important;
}
.ui-glyph-ne{
  width:10px;
  height:10px;
  margin-left:7px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:translateY(-1px);
}
.ui-glyph-ne::after{
  content:"";
  position:absolute;
  width:12px;
  height:1px;
  right:-1px;
  top:4px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:right center;
}
.ui-glyph-down{
  width:8px;
  height:8px;
  margin-left:7px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.ui-glyph-left{
  width:10px;
  height:10px;
  margin-right:7px;
  border-left:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-1px) rotate(45deg);
}
.ui-glyph-left::after{
  content:"";
  position:absolute;
  width:12px;
  height:1px;
  left:-1px;
  top:4px;
  background:currentColor;
  transform:rotate(-45deg);
  transform-origin:left center;
}
.marquee-separator{
  width:6px;
  height:6px;
  margin:0 2px;
  border:1px solid rgba(199,173,135,.78);
  transform:rotate(45deg);
}
.ui-chevron{
  width:8px;
  height:8px;
  border-top:1px solid currentColor;
  border-right:1px solid currentColor;
  transform:rotate(45deg);
}
.ui-caret-wrap{
  display:grid!important;
  place-items:center;
  min-width:16px;
  min-height:16px;
}
.ui-caret{
  width:7px;
  height:7px;
  border-right:1px solid currentColor;
  border-bottom:1px solid currentColor;
  transform:translateY(-2px) rotate(45deg);
}
.ui-close-mark{
  width:13px;
  height:13px;
}
.ui-close-mark::before,
.ui-close-mark::after{
  content:"";
  position:absolute;
  left:6px;
  top:0;
  width:1px;
  height:13px;
  border-radius:999px;
  background:currentColor;
}
.ui-close-mark::before{transform:rotate(45deg)}
.ui-close-mark::after{transform:rotate(-45deg)}
.aw-concierge-close{font-size:0!important}
.aw-concierge-back{display:inline-flex!important;align-items:center!important}

/* Tablet and mobile: no emoji-capable decorative characters remain. */
@media (max-width:1100px){
  .kinetic-group{gap:24px!important}
  .kinetic-group span{font-size:clamp(24px,4.4vw,31px)!important}
  .marquee-separator{width:5px;height:5px;margin:0!important}
  .cursor-glow{display:none!important}
  .service-tier,
  .value-card,
  .project-media,
  .floating-frame,
  .world-canvas{
    transform:none!important;
    will-change:auto!important;
  }
  .service-tier:hover,
  .value-card:hover{
    transform:none!important;
  }
  .world-section::before{
    filter:blur(34px) saturate(.85)!important;
    opacity:.13!important;
  }
  .aw-concierge-panel{
    width:min(360px,calc(100vw - 24px))!important;
  }
}

@media (max-width:920px){
  header .brand img,
  body:not(.inner-page) .brand img{
    height:68px!important;
    max-height:68px!important;
  }
  .hero.hero-static-background .designed-row{
    display:flex!important;
    gap:24px!important;
    overflow-x:auto!important;
    padding:11px 0 5px!important;
    scrollbar-width:none;
    -webkit-overflow-scrolling:touch;
  }
  .hero.hero-static-background .designed-row::-webkit-scrollbar{display:none}
  .hero.hero-static-background .designed-row span{
    flex:0 0 auto;
    white-space:nowrap;
  }
  .contact-float-stack{right:10px!important;bottom:10px!important}
  .contact-float{min-height:46px!important}
  .aw-concierge-launcher{left:10px!important;bottom:10px!important;min-height:46px!important}
  .aw-concierge-launcher-mark{width:36px!important;height:36px!important;flex-basis:36px!important}
  .aw-concierge-launcher-copy strong{font-size:12px!important}
  .detail-card{padding:24px!important}
}

@media (max-width:680px){
  header .brand img,
  body:not(.inner-page) .brand img{
    height:60px!important;
    max-height:60px!important;
  }
  .ui-glyph-ne{margin-left:5px}
  .hero-actions .ui-glyph,
  .header-cta .ui-glyph,
  .mobile-panel .ui-glyph{
    display:none!important;
  }
  .kinetic-group{gap:18px!important;padding-right:18px!important}
  .kinetic-group span{font-size:25px!important}
  .marquee-separator{width:4px;height:4px}
  .contact-float .contact-label{display:none!important}
  .contact-float{width:46px!important;padding:6px!important;justify-content:center!important}
  .contact-float-stack{gap:8px!important}
  .aw-concierge-launcher{min-width:174px!important}
  .aw-concierge-panel{left:8px!important;right:8px!important;width:auto!important}
  .aw-concierge-brand strong{font-size:16px!important}
  .aw-concierge-brand small{font-size:9px!important}
  .aw-concierge-form textarea{font-size:16px!important}
  .process-dial{animation-duration:30s!important}
}

@media (prefers-reduced-motion:reduce){
  .kinetic-track,
  .process-dial{
    animation:none!important;
  }
}


/* =========================================================
   v3.28 — concierge polish + orbit refinements
   ========================================================= */

/* Concierge: cleaner liquid-glass composition */
.aw-concierge-launcher{
  min-width:198px!important;
  padding:6px 18px 6px 10px!important;
  gap:12px!important;
}
.aw-concierge-launcher-mark{
  width:42px!important;height:42px!important;flex-basis:42px!important;
  margin-left:1px;
}
.aw-concierge-launcher-mark img{width:26px!important;height:26px!important}
.aw-concierge-launcher-copy strong{font-size:13.5px!important}

.aw-concierge-panel{
  --panel-edge:rgba(244,231,212,.22);
  width:min(364px,calc(100vw - 28px))!important;
  border-color:rgba(246,235,219,.26)!important;
  background:
    radial-gradient(circle at 18% 10%,rgba(255,255,255,.14),transparent 24%),
    radial-gradient(circle at 22% 92%,rgba(102,145,174,.08),transparent 28%),
    linear-gradient(155deg,rgba(129,138,149,.22),rgba(28,32,39,.30) 44%,rgba(8,10,14,.58) 100%)!important;
  box-shadow:0 34px 90px rgba(0,0,0,.52),inset 0 1px 0 rgba(255,255,255,.24),0 0 0 1px rgba(255,255,255,.02)!important;
}
.aw-concierge-panel::before{
  background:linear-gradient(125deg,rgba(255,255,255,.10),transparent 25%,transparent 72%,rgba(201,148,87,.05))!important;
}
.aw-concierge-panel::after{
  inset:7px!important;
  border-radius:24px!important;
  border-color:rgba(255,255,255,.035)!important;
  box-shadow:inset 0 0 20px rgba(255,255,255,.012), inset 0 0 0 1px rgba(255,255,255,.01)!important;
}
.aw-concierge-header{
  padding:14px 16px 12px!important;
  gap:14px!important;
  border-bottom-color:rgba(255,255,255,.085)!important;
}
.aw-concierge-brand{gap:13px!important}
.aw-concierge-mark{
  width:48px!important;height:48px!important;flex-basis:48px!important;
  margin-left:2px;
}
.aw-concierge-mark img{width:31px!important;height:31px!important}
.aw-concierge-brand strong{font-size:17px!important}
.aw-concierge-brand small{font-size:10.5px!important;letter-spacing:.02em!important;color:#d6d1ca!important}
.aw-concierge-brand small i{width:7px!important;height:7px!important}

.aw-concierge-close{
  width:38px!important;height:38px!important;flex-basis:38px!important;
  border:1px solid rgba(255,255,255,.10)!important;
  background:rgba(255,255,255,.045)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.12)!important;
}
.aw-concierge-close:hover{transform:none!important;background:rgba(255,255,255,.08)!important}
.aw-concierge-back{
  padding:0 4px!important;
  font-size:11px!important;
  letter-spacing:.02em!important;
  color:#ddd4ca!important;
}
.aw-concierge-chat{padding:0 14px 12px!important}
.aw-concierge-messages{padding:8px 2px 10px!important}
.aw-message{margin-bottom:10px!important}
.aw-message p{
  max-width:86%!important;
  padding:12px 14px!important;
  border-color:rgba(255,255,255,.085)!important;
  background:rgba(255,255,255,.055)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.05)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.aw-concierge-form{
  grid-template-columns:minmax(0,1fr) 46px!important;
  gap:10px!important;
  min-height:58px!important;
  padding:6px 6px 6px 14px!important;
  border-color:rgba(255,255,255,.11)!important;
  border-radius:22px!important;
  background:linear-gradient(135deg,rgba(255,255,255,.075),rgba(6,9,13,.10))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 10px 24px rgba(0,0,0,.10)!important;
}
.aw-concierge-form::before{display:none!important}
.aw-concierge-input-shell{
  min-height:44px!important;
  overflow:hidden!important;
}
.aw-concierge-input-label{
  left:0!important;
  font-size:9px!important;
  letter-spacing:.11em!important;
  color:#d9d0c4!important;
}
.aw-concierge-form textarea,
.aw-concierge-form textarea:focus,
.aw-concierge-form textarea:hover,
.aw-concierge-form textarea:active{
  appearance:none!important;
  -webkit-appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  min-height:40px!important;
  max-height:84px!important;
  margin:0!important;
  padding:12px 0 10px 162px!important;
  border:0!important;
  outline:0!important;
  box-shadow:none!important;
  background:transparent!important;
  background-image:none!important;
  color:#f2ece4!important;
  font-size:11px!important;
  line-height:1.45!important;
  resize:none!important;
}
.aw-concierge-form textarea::-webkit-resizer{display:none!important}
.aw-concierge-form.is-active textarea{padding-left:0!important}
.aw-concierge-form textarea::placeholder{color:rgba(220,213,205,.58)!important;opacity:0!important}
.aw-concierge-form.is-active textarea::placeholder{opacity:1!important}
.aw-concierge-form button{
  width:46px!important;height:46px!important;flex-basis:46px!important;
  align-self:stretch!important;
  border-color:rgba(255,255,255,.18)!important;
  background:radial-gradient(circle at 35% 24%,#ecd3ae,#ca9860 54%,#9e6934)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.46),inset 0 -5px 10px rgba(93,48,12,.16),0 8px 18px rgba(0,0,0,.18)!important;
}
.aw-concierge-form button svg{width:17px!important;height:17px!important;transform:translateX(1px)}
.aw-concierge-footer{border-top-color:rgba(255,255,255,.06)!important}
.aw-concierge-footer span{font-size:8px!important;letter-spacing:.02em!important}

/* Glyph refinements */
.ui-glyph-left{width:11px!important;height:11px!important;transform:translateY(-1px) rotate(45deg)!important}
.ui-glyph-left::after{width:14px!important;top:5px!important}
.ui-chevron{width:9px!important;height:9px!important;border-width:1.2px!important;opacity:.9}
.ui-close-mark{width:14px!important;height:14px!important}
.ui-close-mark::before,.ui-close-mark::after{left:6.5px!important;height:14px!important;width:1.2px!important;background:currentColor!important;opacity:.96}

/* Service hero orbit restored */
.service-orbit{
  transform-style:preserve-3d;
  perspective:1200px;
}
.service-orbit::before{
  content:"";
  position:absolute;
  inset:10% 16%;
  border-radius:50%;
  background:radial-gradient(circle at 50% 50%,rgba(197,153,95,.08),rgba(102,136,161,.05) 40%,transparent 70%);
  filter:blur(18px);
  pointer-events:none;
}
.service-ring{
  animation:serviceRingSpin 26s linear infinite;
}
.service-core{
  position:absolute;
  inset:30%;
  display:flex!important;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  text-align:center;
  transform:translateZ(22px);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.16), 0 24px 44px rgba(0,0,0,.18);
  animation:serviceCoreFloat 8s ease-in-out infinite;
}
.service-core::before{
  content:"";
  position:absolute;
  inset:10px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.05);
  pointer-events:none;
}
.service-core img{width:58px;height:58px;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.26))}
.service-core-kicker{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#b79365}
.service-core strong{font:500 14px/1 var(--display);letter-spacing:.04em;color:#efe7dd}
.service-node{
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 34px rgba(0,0,0,.12);
  animation:serviceNodeFloat 8s ease-in-out infinite;
}
.service-node.sn2{animation-delay:-2s}.service-node.sn3{animation-delay:-4s}.service-node.sn4{animation-delay:-6s}

/* Process dial restored */
.process-dial{
  transform-style:preserve-3d;
  perspective:1400px;
  border-color:rgba(198,161,107,.18)!important;
  background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.015),transparent 62%);
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.02), 0 30px 50px rgba(0,0,0,.08);
  animation:processDialSpin 24s linear infinite;
}
.process-dial::before,
.process-dial::after{
  content:"";
  position:absolute;
  inset:10%;
  border-radius:50%;
  pointer-events:none;
}
.process-dial::before{border:1px solid rgba(255,255,255,.05);transform:translateZ(12px)}
.process-dial::after{inset:22%;border:1px solid rgba(198,161,107,.10);transform:translateZ(-8px)}
.process-dial > span{
  color:#c7a06a!important;
  font-size:11px!important;
  text-shadow:0 0 14px rgba(198,161,107,.20);
}
.dial-core{
  inset:30%!important;
  border-color:rgba(255,255,255,.12)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.028))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 20px 48px rgba(0,0,0,.18),0 0 34px rgba(109,143,168,.08);
  transform:translateZ(28px);
  animation:processCoreFloat 7.8s ease-in-out infinite;
}
.dial-core img{width:44%!important;max-width:84px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.26))}

@keyframes serviceRingSpin{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@keyframes serviceCoreFloat{0%,100%{transform:translateZ(22px) translateY(0px)}50%{transform:translateZ(28px) translateY(-8px)}}
@keyframes serviceNodeFloat{0%,100%{transform:translateY(0px) translateZ(10px)}50%{transform:translateY(-8px) translateZ(18px)}}
@keyframes processDialSpin{from{transform:rotateZ(0deg) rotateX(68deg)}to{transform:rotateZ(360deg) rotateX(68deg)}}
@keyframes processCoreFloat{0%,100%{transform:translateZ(28px) rotateZ(0deg)}50%{transform:translateZ(40px) rotateZ(-8deg)}}

@media (max-width:680px){
  .aw-concierge-panel{width:auto!important}
  .aw-concierge-brand strong{font-size:16px!important}
  .aw-concierge-form textarea{padding-left:152px!important}
  .service-core img{width:48px!important;height:48px!important}
  .service-core strong{font-size:12px!important}
}
/* =========================================================
   A WALD STUDIO — Directed Final Correction Pass
   18 July 2026
   ========================================================= */

/* ---------- Homepage balance ---------- */
body:not(.inner-page) .brand img{
  height:94px!important;
  max-height:94px!important;
  width:auto!important;
}
body:not(.inner-page) header.scrolled .brand img{
  height:76px!important;
  max-height:76px!important;
}
@media (min-width:921px){
  .hero.hero-static-background .designed-row{
    width:100%!important;
    max-width:var(--max)!important;
    margin:0 auto!important;
    padding:10px 0 0 clamp(320px,19vw,380px)!important;
    grid-template-columns:120px repeat(5,minmax(90px,1fr))!important;
    gap:clamp(14px,1.25vw,24px)!important;
  }
  .hero.hero-static-background .designed-row span{white-space:nowrap!important}
}

/* ---------- Concierge: orderly WhatsApp-like layout ---------- */
.aw-concierge-launcher{
  min-width:202px!important;
  gap:12px!important;
  padding:6px 18px 6px 9px!important;
}
.aw-concierge-launcher-mark{
  flex:0 0 42px!important;
  width:42px!important;
  height:42px!important;
  margin-left:1px!important;
}
.aw-concierge-launcher-mark img{width:26px!important;height:26px!important}
.aw-concierge-launcher-copy strong{font-size:13.5px!important;letter-spacing:.015em!important}

.aw-concierge-panel{
  width:min(380px,calc(100vw - 28px))!important;
  height:min(510px,calc(100dvh - 28px))!important;
  grid-template-rows:84px 64px minmax(0,1fr)!important;
  border:1px solid rgba(246,235,219,.21)!important;
  border-radius:34px!important;
  background:
    radial-gradient(circle at 18% 8%,rgba(255,255,255,.13),transparent 24%),
    linear-gradient(155deg,rgba(119,129,141,.20),rgba(25,29,35,.31) 46%,rgba(6,8,12,.60) 100%)!important;
  box-shadow:0 36px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.22),0 0 0 1px rgba(255,255,255,.016)!important;
  -webkit-backdrop-filter:blur(38px) saturate(160%)!important;
  backdrop-filter:blur(38px) saturate(160%)!important;
}
.aw-concierge-panel::before{
  opacity:.45!important;
  background:linear-gradient(125deg,rgba(255,255,255,.08),transparent 26%,transparent 74%,rgba(196,141,80,.035))!important;
}
.aw-concierge-panel::after{display:none!important}
.aw-concierge-header{
  padding:15px 18px 13px!important;
  gap:14px!important;
  border-bottom:1px solid rgba(255,255,255,.075)!important;
}
.aw-concierge-brand{gap:14px!important;padding-left:2px!important}
.aw-concierge-mark{
  flex:0 0 52px!important;
  width:52px!important;
  height:52px!important;
  margin:0!important;
}
.aw-concierge-mark img{width:33px!important;height:33px!important}
.aw-concierge-brand>div{gap:7px!important}
.aw-concierge-brand strong{font-size:18px!important;line-height:1!important}
.aw-concierge-brand small{font-size:11px!important;line-height:1!important;letter-spacing:.01em!important;color:#d8d2ca!important}
.aw-concierge-brand small i{width:7px!important;height:7px!important}
.aw-concierge-close{
  flex:0 0 40px!important;
  width:40px!important;
  height:40px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 8px 18px rgba(0,0,0,.12)!important;
}
.aw-concierge-close svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.55!important;
  stroke-linecap:round!important;
}
.aw-concierge-close:hover{transform:none!important;background:rgba(255,255,255,.085)!important}
.aw-concierge-intro{padding:12px 20px 8px!important}
.aw-concierge-intro p{font-size:12.5px!important;line-height:1.55!important}
.aw-concierge-suggestions{padding:0 17px 15px!important;gap:7px!important}
.aw-concierge-panel.chat-mode{grid-template-rows:84px minmax(0,1fr)!important}
.aw-concierge-panel.chat-mode .aw-concierge-chat{
  inset:84px 0 10px!important;
  padding:0 15px 12px!important;
}
.aw-concierge-back{
  min-height:34px!important;
  display:inline-flex!important;
  align-items:center!important;
  gap:7px!important;
  padding:0 4px!important;
  font-size:11px!important;
  letter-spacing:.01em!important;
  color:#ddd5cc!important;
}
.aw-concierge-back svg{
  width:18px!important;
  height:18px!important;
  fill:none!important;
  stroke:currentColor!important;
  stroke-width:1.45!important;
  stroke-linecap:round!important;
  stroke-linejoin:round!important;
}
.aw-concierge-messages{padding:6px 2px 10px!important}
.aw-message{margin-bottom:10px!important}
.aw-message p{
  max-width:86%!important;
  padding:12px 14px!important;
  border:1px solid rgba(255,255,255,.08)!important;
  background:rgba(255,255,255,.052)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.045)!important;
  font-size:11px!important;
  line-height:1.55!important;
}
.aw-message.user p{
  border-color:rgba(214,169,111,.18)!important;
  background:linear-gradient(135deg,rgba(183,130,72,.15),rgba(255,255,255,.055))!important;
}
.aw-concierge-form{
  width:100%!important;
  grid-template-columns:minmax(0,1fr) 46px!important;
  gap:10px!important;
  min-height:60px!important;
  padding:6px 6px 6px 16px!important;
  border:1px solid rgba(255,255,255,.095)!important;
  border-radius:23px!important;
  overflow:hidden!important;
  background:linear-gradient(135deg,rgba(255,255,255,.066),rgba(6,9,13,.085))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.085),0 10px 24px rgba(0,0,0,.10)!important;
}
.aw-concierge-form::before{display:none!important}
.aw-concierge-input-shell{
  min-width:0!important;
  min-height:46px!important;
  display:flex!important;
  align-items:center!important;
  overflow:hidden!important;
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
}
.aw-concierge-form textarea,
.aw-concierge-form textarea:hover,
.aw-concierge-form textarea:focus,
.aw-concierge-form textarea:active{
  -webkit-appearance:none!important;
  appearance:none!important;
  display:block!important;
  width:100%!important;
  min-width:0!important;
  height:42px!important;
  min-height:42px!important;
  max-height:88px!important;
  margin:0!important;
  padding:11px 2px 10px!important;
  border:0!important;
  border-radius:0!important;
  outline:0!important;
  background:transparent!important;
  background-color:transparent!important;
  background-image:none!important;
  box-shadow:none!important;
  -webkit-box-shadow:none!important;
  color:#f2ece5!important;
  font-size:11px!important;
  line-height:1.48!important;
  resize:none!important;
}
.aw-concierge-form textarea::-webkit-resizer{display:none!important}
.aw-concierge-form textarea::placeholder{color:rgba(218,211,203,.55)!important;opacity:1!important}
.aw-concierge-form button{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
  align-self:center!important;
  border:1px solid rgba(255,255,255,.20)!important;
  background:radial-gradient(circle at 35% 24%,#ecd4b0,#c9975e 55%,#9e6934)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.48),inset 0 -5px 10px rgba(93,48,12,.15),0 8px 18px rgba(0,0,0,.18)!important;
}
.aw-concierge-form button svg{width:17px!important;height:17px!important;transform:translateX(1px)!important}
.aw-concierge-footer{border-top-color:rgba(255,255,255,.05)!important}
.aw-concierge-footer span{font-size:8px!important}

/* ---------- Marquee: JS-driven exact seamless loop ---------- */
.kinetic-track{
  animation:none!important;
  will-change:transform!important;
  gap:0!important;
}
.kinetic-group{flex:none!important;padding-right:34px!important}

/* ---------- Visual world: never disappear during scroll ---------- */
.world-section{
  overflow:visible!important;
  isolation:isolate!important;
}
.sticky-world{
  position:sticky!important;
  top:78px!important;
  z-index:2!important;
  transform:none!important;
  translate:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
  contain:none!important;
}
.world-canvas{
  z-index:2!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  will-change:auto!important;
}
.world-steps{
  position:relative!important;
  z-index:4!important;
  gap:24vh!important;
  padding-top:12vh!important;
  padding-bottom:12vh!important;
}
.world-steps article{
  pointer-events:auto!important;
  opacity:.55!important;
  transform:none!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
  transition:opacity .3s ease,border-color .3s ease,background .3s ease!important;
}
.world-steps article.is-active{
  opacity:1!important;
  border-color:rgba(214,177,127,.22)!important;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
}
.world-image{will-change:opacity,transform!important}

/* ---------- Scroll card smoothness ---------- */
.value-card,
.project-media,
.floating-frame,
.service-tier,
.contact-shell,
.project-compass,
.compass-form{
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
.value-card{
  transform:none!important;
  will-change:auto!important;
  contain:paint!important;
  transition:transform .24s ease,border-color .24s ease,background .24s ease!important;
}
.value-card:hover{transform:translateY(-4px)!important}

/* ---------- Package visual: remove delayed straight-line artifacts ---------- */
.architectural-system .architecture-link{display:none!important}
.architectural-system .glass-slab::before,
.architectural-system .glass-slab::after{display:none!important}
.architectural-system .core-depth{
  box-shadow:none!important;
  opacity:.38!important;
}
.architectural-system .architecture-grid{opacity:.10!important}
.architectural-system .architecture-scene{
  will-change:auto!important;
  transition:transform .28s ease!important;
}
.architectural-system .glass-slab,
.architectural-system .architecture-core,
.architectural-system .architecture-node,
.architectural-system .architecture-ring{
  transition:transform .42s cubic-bezier(.2,.72,.2,1),opacity .24s ease!important;
}
.architectural-system::before{
  background:radial-gradient(circle at 50% 52%,rgba(116,145,164,.07),transparent 38%),linear-gradient(145deg,rgba(255,255,255,.025),transparent 40%,rgba(180,120,62,.018))!important;
}
.architectural-system::after{
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025),inset 0 0 72px rgba(0,0,0,.26)!important;
}

/* ---------- Contact glass: remove GPU seam lines ---------- */
.contact-shell,
.project-compass,
.compass-form{
  overflow:hidden!important;
  transform:none!important;
  will-change:auto!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018))!important;
  box-shadow:0 34px 90px rgba(0,0,0,.23),inset 0 1px 0 rgba(255,255,255,.08)!important;
}
.contact-shell::before,
.contact-shell::after,
.project-compass::before,
.project-compass::after,
.compass-form::before,
.compass-form::after{display:none!important}
.project-form input,
.project-form textarea,
.project-form select,
.glass-select{
  background:rgba(3,5,8,.28)!important;
  box-shadow:none!important;
  -webkit-backdrop-filter:none!important;
  backdrop-filter:none!important;
}

/* ---------- Work page: central orb and clean crops ---------- */
.work-hero .inner-hero-visual{position:relative!important;isolation:isolate!important}
.work-hero .floating-frame{
  z-index:1!important;
  overflow:clip!important;
  filter:none!important;
  background-clip:padding-box!important;
  box-shadow:0 26px 74px rgba(0,0,0,.30)!important;
}
.work-hero .ff1{left:2%!important;top:15%!important;width:240px!important;height:315px!important}
.work-hero .ff2{right:2%!important;top:8%!important;width:198px!important;height:250px!important}
.work-hero .ff3{right:7%!important;bottom:3%!important;width:190px!important;height:230px!important}
.work-hero .lens-mini{
  left:50%!important;
  top:51%!important;
  width:178px!important;
  height:178px!important;
  transform:translate(-50%,-50%)!important;
  z-index:3!important;
  box-shadow:0 24px 70px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.17)!important;
}
.work-hero .lens-mini img{width:58px!important}
.project-media{
  overflow:clip!important;
  filter:none!important;
  background-clip:padding-box!important;
  transform:none!important;
  box-shadow:0 32px 92px rgba(0,0,0,.25)!important;
}
.project-media::after{display:none!important}
.project-row:nth-child(1) .project-media{background-position:56% 50%!important}
.project-row:nth-child(2) .project-media{background-position:50% 48%!important}
.project-row:nth-child(3) .project-media{background-size:cover!important;background-position:center 48%!important}

/* ---------- Services hero: restored visual system ---------- */
.services-hero{isolation:isolate!important}
.service-orbit{
  position:relative!important;
  transform-style:preserve-3d!important;
  perspective:1200px!important;
  will-change:auto!important;
}
.service-orbit::before{
  content:""!important;
  position:absolute!important;
  inset:10% 15%!important;
  border-radius:50%!important;
  background:radial-gradient(circle,rgba(197,153,95,.08),rgba(102,136,161,.045) 42%,transparent 70%)!important;
  filter:blur(18px)!important;
  pointer-events:none!important;
}
.service-ring{
  border-color:rgba(198,161,107,.20)!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.015),0 22px 60px rgba(0,0,0,.10)!important;
  animation:serviceRingFinal 24s linear infinite!important;
}
.service-core{
  display:flex!important;
  flex-direction:column!important;
  align-items:center!important;
  justify-content:center!important;
  gap:10px!important;
  transform:translateZ(26px)!important;
  animation:serviceCoreFinal 7s ease-in-out infinite!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 56px rgba(0,0,0,.22)!important;
}
.service-core img{width:60px!important;height:60px!important;object-fit:contain!important}
.service-core-kicker{font-size:8px!important;letter-spacing:.18em!important;text-transform:uppercase!important;color:#b99566!important}
.service-core strong{font:500 14px/1 var(--display)!important;letter-spacing:.04em!important;color:#eee6dc!important}
.service-node{
  transform:none!important;
  will-change:auto!important;
  animation:serviceNodeFinal 8s ease-in-out infinite!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 16px 36px rgba(0,0,0,.14)!important;
}
.service-node.sn2{animation-delay:-2s!important}.service-node.sn3{animation-delay:-4s!important}.service-node.sn4{animation-delay:-6s!important}
@keyframes serviceRingFinal{from{transform:rotateZ(0deg)}to{transform:rotateZ(360deg)}}
@keyframes serviceCoreFinal{0%,100%{transform:translateZ(26px) translateY(0)}50%{transform:translateZ(34px) translateY(-8px)}}
@keyframes serviceNodeFinal{0%,100%{translate:0 0}50%{translate:0 -8px}}

/* Services package cards: stable premium liquid glass, no mouse spotlight */
.service-tier{
  --tier-rx:0deg!important;
  --tier-ry:0deg!important;
  --tier-hover-lift:0px!important;
  --tier-glow:0!important;
  transform:none!important;
  transform-style:flat!important;
  will-change:auto!important;
  background:linear-gradient(145deg,rgba(255,255,255,.085),rgba(90,112,128,.035) 42%,rgba(7,10,14,.31) 82%)!important;
  border-color:rgba(244,232,216,.15)!important;
  box-shadow:0 28px 76px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.16)!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.service-tier.featured{transform:none!important;border-color:rgba(230,199,158,.23)!important}
.service-tier::before{opacity:.22!important;mix-blend-mode:normal!important}
.service-tier::after{display:none!important}
.service-tier > *{transform:none!important}
.service-tier:hover{
  transform:translateY(-5px)!important;
  border-color:rgba(230,199,158,.28)!important;
  box-shadow:0 34px 86px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.20)!important;
}

/* ---------- Process dial: actual logo and uninterrupted 3D orbit ---------- */
.process-dial{
  position:relative!important;
  width:460px!important;
  height:460px!important;
  margin:auto!important;
  border:0!important;
  background:none!important;
  box-shadow:none!important;
  perspective:1300px!important;
  transform-style:preserve-3d!important;
  animation:none!important;
}
.process-dial::before,
.process-dial::after{display:none!important}
.dial-orbit{
  position:absolute!important;
  inset:0!important;
  border-radius:50%!important;
  border:1px solid rgba(198,161,107,.20)!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.018),0 26px 60px rgba(0,0,0,.12)!important;
  transform-style:preserve-3d!important;
  animation:dialOrbitFinal 16s linear infinite!important;
}
.dial-orbit::before,
.dial-orbit::after{
  content:""!important;
  position:absolute!important;
  border-radius:50%!important;
  pointer-events:none!important;
}
.dial-orbit::before{inset:12%!important;border:1px solid rgba(255,255,255,.055)!important;transform:translateZ(18px)!important}
.dial-orbit::after{inset:25%!important;border:1px solid rgba(198,161,107,.10)!important;transform:translateZ(-10px)!important}
.dial-orbit>span{
  position:absolute!important;
  z-index:2!important;
  font-size:11px!important;
  letter-spacing:.06em!important;
  color:#c8a36d!important;
  text-shadow:0 0 14px rgba(198,161,107,.18)!important;
}
.dial-orbit>span:nth-child(1){left:50%!important;top:-9px!important;transform:translateX(-50%)!important}
.dial-orbit>span:nth-child(2){right:10%!important;top:17%!important}
.dial-orbit>span:nth-child(3){right:-8px!important;top:50%!important;transform:translateY(-50%)!important}
.dial-orbit>span:nth-child(4){right:13%!important;bottom:13%!important}
.dial-orbit>span:nth-child(5){left:18%!important;bottom:1%!important}
.dial-orbit>span:nth-child(6){left:-7px!important;top:42%!important}
.dial-orbit-dot{
  position:absolute!important;
  width:7px!important;
  height:7px!important;
  border-radius:50%!important;
  background:#d5ad76!important;
  box-shadow:0 0 16px rgba(213,173,118,.42)!important;
}
.dial-orbit-dot.dot-a{left:50%!important;top:50%!important;transform:translate(-50%,-50%) translateX(205px) translateZ(28px)!important}
.dial-orbit-dot.dot-b{left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(122deg) translateX(205px) translateZ(-12px)!important}
.dial-orbit-dot.dot-c{left:50%!important;top:50%!important;transform:translate(-50%,-50%) rotate(242deg) translateX(205px) translateZ(14px)!important}
.dial-core{
  position:absolute!important;
  inset:auto!important;
  left:50%!important;
  top:50%!important;
  width:150px!important;
  height:150px!important;
  transform:translate(-50%,-50%) translateZ(46px)!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:50%!important;
  background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(255,255,255,.025))!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 24px 56px rgba(0,0,0,.22),0 0 38px rgba(106,141,166,.075)!important;
  animation:dialCoreFinal 7.5s ease-in-out infinite!important;
}
.dial-core img{width:72px!important;height:72px!important;object-fit:contain!important;filter:drop-shadow(0 8px 16px rgba(0,0,0,.25))!important}
@keyframes dialOrbitFinal{
  from{transform:rotateX(66deg) rotateZ(0deg)}
  to{transform:rotateX(66deg) rotateZ(360deg)}
}
@keyframes dialCoreFinal{
  0%,100%{transform:translate(-50%,-50%) translateZ(46px) rotateY(-7deg) rotateX(3deg)}
  50%{transform:translate(-50%,-50%) translateZ(58px) rotateY(7deg) rotateX(-3deg)}
}

/* ---------- Responsive ---------- */
@media (max-width:1100px){
  .sticky-world{position:relative!important;top:auto!important}
  .world-steps{gap:28px!important;padding-top:30px!important;padding-bottom:40px!important}
  .work-hero .lens-mini{width:160px!important;height:160px!important}
}
@media (max-width:920px){
  body:not(.inner-page) .brand img{height:72px!important;max-height:72px!important}
  .hero.hero-static-background .designed-row{
    display:flex!important;
    gap:24px!important;
    padding:11px 0 5px!important;
    overflow-x:auto!important;
  }
  .aw-concierge-panel{
    left:12px!important;
    right:auto!important;
    bottom:12px!important;
    width:min(380px,calc(100vw - 24px))!important;
    height:min(510px,calc(100dvh - 24px))!important;
  }
  .process-dial{width:320px!important;height:320px!important}
  .dial-core{width:112px!important;height:112px!important}
  .dial-core img{width:54px!important;height:54px!important}
  .dial-orbit-dot.dot-a{transform:translate(-50%,-50%) translateX(140px) translateZ(22px)!important}
  .dial-orbit-dot.dot-b{transform:translate(-50%,-50%) rotate(122deg) translateX(140px) translateZ(-10px)!important}
  .dial-orbit-dot.dot-c{transform:translate(-50%,-50%) rotate(242deg) translateX(140px) translateZ(12px)!important}
}
@media (max-width:680px){
  .aw-concierge-panel{
    left:8px!important;
    right:8px!important;
    bottom:8px!important;
    width:auto!important;
    height:min(510px,calc(100dvh - 16px))!important;
  }
  .aw-concierge-header{padding:14px 15px 12px!important}
  .aw-concierge-mark{width:48px!important;height:48px!important;flex-basis:48px!important}
  .aw-concierge-brand strong{font-size:16px!important}
  .aw-concierge-brand small{font-size:10px!important}
  .aw-concierge-form{grid-template-columns:minmax(0,1fr) 44px!important}
  .aw-concierge-form button{width:44px!important;height:44px!important}
  .service-core img{width:46px!important;height:46px!important}
  .service-core strong{font-size:12px!important}
  .work-hero .lens-mini{width:132px!important;height:132px!important}
}
@media (prefers-reduced-motion:reduce){
  .dial-orbit,.dial-core,.service-ring,.service-core,.service-node{animation:none!important}
}
/* =========================================================
   A WALD STUDIO — SVG ICON + HEADER CONSISTENCY LOCK
   18 July 2026
   Loaded last. Replaces every CSS/Unicode arrow and fixes
   logo/header sizing consistently across all pages.
   ========================================================= */

/* Retire the old CSS-drawn arrow system completely. */
.ui-glyph,
.ui-chevron{
  display:none!important;
}
.ui-glyph::before,
.ui-glyph::after,
.ui-chevron::before,
.ui-chevron::after{
  content:none!important;
  display:none!important;
}

/* Controlled inline SVG icon system: no emoji/font rendering. */
.ui-svg-icon{
  display:inline-block;
  width:17px;
  height:17px;
  flex:0 0 17px;
  overflow:visible;
  fill:none;
  stroke:currentColor;
  stroke-width:1.65;
  stroke-linecap:round;
  stroke-linejoin:round;
  vertical-align:middle;
  pointer-events:none;
  transform:none!important;
}
.glass-btn .ui-svg-icon-ne,
.text-link .ui-svg-icon-ne{
  margin-left:7px;
}
.text-link .ui-svg-icon-down{
  width:15px;
  height:15px;
  flex-basis:15px;
  margin-left:7px;
}
.text-link .ui-svg-icon-left{
  width:16px;
  height:16px;
  flex-basis:16px;
  margin-right:7px;
}
.aw-concierge-suggestions .ui-svg-icon-right{
  width:16px;
  height:16px;
  flex-basis:16px;
  margin-left:auto;
  color:rgba(244,236,225,.70);
}

/* One header and logo system across homepage + every inner page. */
html body header#header{
  box-sizing:border-box!important;
  height:100px!important;
  min-height:100px!important;
  padding:9px clamp(32px,3.5vw,54px)!important;
  align-items:center!important;
}
html body header#header .brand{
  box-sizing:border-box!important;
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  height:82px!important;
  min-height:82px!important;
  margin:0!important;
  padding:0!important;
  overflow:visible!important;
  transform:none!important;
}
html body header#header .brand img,
html body:not(.inner-page) header#header .brand img,
html body.inner-page header#header .brand img{
  display:block!important;
  width:auto!important;
  height:82px!important;
  max-height:82px!important;
  min-height:0!important;
  object-fit:contain!important;
  object-position:left center!important;
  margin:0!important;
  transform:none!important;
}

/* Scrolled header: smaller lockup that remains wholly inside the bar. */
html body header#header.scrolled{
  box-sizing:border-box!important;
  height:76px!important;
  min-height:76px!important;
  padding-top:8px!important;
  padding-bottom:8px!important;
  align-items:center!important;
}
html body header#header.scrolled .brand{
  height:60px!important;
  min-height:60px!important;
  align-items:center!important;
}
html body header#header.scrolled .brand img,
html body:not(.inner-page) header#header.scrolled .brand img,
html body.inner-page header#header.scrolled .brand img{
  width:auto!important;
  height:60px!important;
  max-height:60px!important;
  object-fit:contain!important;
  object-position:left center!important;
}

/* Keep navigation and CTA vertically centered in both header states. */
html body header#header nav,
html body header#header .header-actions{
  align-self:center!important;
  margin:0!important;
}
html body header#header .header-cta{
  min-height:48px!important;
  padding-top:0!important;
  padding-bottom:0!important;
  display:inline-flex!important;
  align-items:center!important;
}
html body header#header.scrolled .header-cta{
  min-height:42px!important;
}

/* SVG icon sizing at smaller breakpoints. */
@media (max-width:1100px){
  html body header#header{
    grid-template-columns:1fr auto!important;
  }
}
@media (max-width:680px){
  html body header#header{
    height:78px!important;
    min-height:78px!important;
    padding:7px 18px!important;
  }
  html body header#header .brand{
    height:64px!important;
    min-height:64px!important;
  }
  html body header#header .brand img,
  html body:not(.inner-page) header#header .brand img,
  html body.inner-page header#header .brand img{
    height:64px!important;
    max-height:64px!important;
  }
  html body header#header.scrolled{
    height:68px!important;
    min-height:68px!important;
    padding-top:6px!important;
    padding-bottom:6px!important;
  }
  html body header#header.scrolled .brand{
    height:54px!important;
    min-height:54px!important;
  }
  html body header#header.scrolled .brand img,
  html body:not(.inner-page) header#header.scrolled .brand img,
  html body.inner-page header#header.scrolled .brand img{
    height:54px!important;
    max-height:54px!important;
  }
  .ui-svg-icon{
    width:15px;
    height:15px;
    flex-basis:15px;
  }
}


/* v3.31 — remove duplicate tight card outlines behind package core */
.architectural-system .core-depth,
.architectural-system .core-depth-a,
.architectural-system .core-depth-b{display:none!important;opacity:0!important;box-shadow:none!important;border:0!important;}

/* A WALD STUDIO — SEO content layer */
.seo-service-discovery,.seo-faq-section,.seo-related-section,.seo-founder-section{position:relative;isolation:isolate}
.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:32px}
.seo-link-card{display:block;min-height:228px;padding:28px;border:1px solid rgba(255,255,255,.10);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 26px 70px rgba(0,0,0,.16);transition:transform .28s ease,border-color .28s ease,background .28s ease;text-decoration:none;color:inherit}
.seo-link-card:hover{transform:translateY(-5px);border-color:rgba(197,161,107,.34);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(197,161,107,.025))}
.seo-link-card span,.seo-breadcrumbs{font-size:10px;letter-spacing:.16em;text-transform:uppercase;color:#c5a271}
.seo-link-card h3{margin:44px 0 12px;font-size:clamp(24px,2vw,34px)}
.seo-link-card p{margin:0;color:#bcb6ae;line-height:1.7}
.seo-faq-list{margin-top:30px;border-top:1px solid rgba(255,255,255,.10)}
.seo-faq-item{border-bottom:1px solid rgba(255,255,255,.10)}
.seo-faq-item summary{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 2px;cursor:pointer;list-style:none;font-family:var(--display);font-size:clamp(20px,1.6vw,28px);color:#efe9df}
.seo-faq-item summary::-webkit-details-marker{display:none}
.seo-faq-item summary span{position:relative;flex:0 0 30px;width:30px;height:30px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
.seo-faq-item summary span::before,.seo-faq-item summary span::after{content:"";position:absolute;left:50%;top:50%;width:10px;height:1px;background:#d7c2a2;transform:translate(-50%,-50%);transition:transform .25s ease}
.seo-faq-item summary span::after{transform:translate(-50%,-50%) rotate(90deg)}
.seo-faq-item[open] summary span::after{transform:translate(-50%,-50%) rotate(0)}
.seo-faq-item>div{max-width:920px;padding:0 58px 24px 2px}
.seo-faq-item p{margin:0;color:#bbb5ad;line-height:1.75}
.seo-faq-more{margin-top:28px}
.seo-founder-grid{display:grid;grid-template-columns:minmax(220px,.6fr) minmax(0,1.4fr);gap:clamp(34px,7vw,100px);align-items:center}
.seo-founder-mark{min-height:340px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.10);border-radius:40px;background:radial-gradient(circle at 50% 38%,rgba(197,161,107,.12),transparent 34%),linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.015))}
.seo-founder-mark img{width:min(160px,48%);filter:drop-shadow(0 18px 36px rgba(0,0,0,.32))}
.seo-founder-grid p{color:#bbb5ad;line-height:1.75}
.seo-founder-grid .glass-btn{margin-top:12px}
.seo-content-page{background:#050608}
.seo-page-hero{min-height:88vh;padding:150px 5vw 90px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:5vw;align-items:center;max-width:1600px;margin:0 auto}
.seo-page-hero-copy{max-width:760px}
.seo-page-hero h1{font-family:var(--display);font-size:clamp(60px,6.7vw,112px);line-height:.88;letter-spacing:-.055em;margin:18px 0 26px;color:#f3eee6}
.seo-page-hero-copy>p:not(.eyebrow){max-width:680px;color:#c0bbb3;font-size:17px;line-height:1.75}
.seo-page-hero-image{position:relative;min-height:620px;border-radius:44px;overflow:hidden;border:1px solid rgba(255,255,255,.10);background:#0a0b0e;box-shadow:0 45px 120px rgba(0,0,0,.30),inset 0 1px 0 rgba(255,255,255,.12)}
.seo-page-hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 48%,rgba(5,6,8,.56))}
.seo-page-hero-image img{width:100%;height:100%;min-height:620px;object-fit:cover}
.seo-breadcrumbs{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:30px}
.seo-breadcrumbs a{color:#aaa39a;text-decoration:none}.seo-breadcrumbs a:hover{color:#dbc39f}.seo-breadcrumbs>span[aria-hidden]{opacity:.32}
.seo-article-layout{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:clamp(40px,7vw,110px);align-items:start}
.seo-article{max-width:900px}.seo-article section{padding:0 0 54px;margin-bottom:52px;border-bottom:1px solid rgba(255,255,255,.09)}
.seo-article h2{font-family:var(--display);font-size:clamp(36px,4vw,64px);line-height:.96;letter-spacing:-.035em;margin:0 0 24px}
.seo-article h3{font-family:var(--display);font-size:28px;margin:30px 0 14px}
.seo-article p,.seo-article li{color:#bbb5ad;line-height:1.82;font-size:16px}.seo-article ul{display:grid;gap:10px;padding-left:20px}
.seo-article-aside{position:sticky;top:120px;padding:30px;border:1px solid rgba(255,255,255,.10);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.018));box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 28px 76px rgba(0,0,0,.16)}
.seo-article-aside h3{font-size:34px;margin:14px 0}.seo-article-aside p{color:#b8b2aa;line-height:1.7}.seo-article-aside .glass-btn{margin-top:12px}
.seo-related-links{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:28px}.seo-related-links a{padding:20px;border:1px solid rgba(255,255,255,.10);border-radius:18px;color:#eee6dc;text-decoration:none;background:rgba(255,255,255,.025)}.seo-related-links a:hover{border-color:rgba(197,161,107,.36)}
.seo-footer-nav{width:min(1420px,92vw);margin:34px auto 0;padding:32px 0 12px;border-top:1px solid rgba(255,255,255,.08);display:grid;grid-template-columns:repeat(4,1fr);gap:28px}
.seo-footer-nav>div{display:grid;gap:9px}.seo-footer-nav strong{margin-bottom:8px;font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#c5a271}.seo-footer-nav a{font-size:12px;color:#9e9890;text-decoration:none}.seo-footer-nav a:hover{color:#efe7dc}
.seo-founder-credit{width:min(1420px,92vw);margin:14px auto 28px;color:#77716b;font-size:11px}.seo-founder-credit a{color:#ac9b84}
@media(max-width:1080px){.seo-link-grid{grid-template-columns:repeat(2,1fr)}.seo-page-hero{grid-template-columns:1fr;padding-top:130px}.seo-page-hero-image{min-height:460px}.seo-page-hero-image img{min-height:460px}.seo-article-layout{grid-template-columns:1fr}.seo-article-aside{position:relative;top:auto}.seo-related-links{grid-template-columns:repeat(2,1fr)}}
@media(max-width:720px){.seo-link-grid,.seo-related-links,.seo-footer-nav{grid-template-columns:1fr}.seo-link-card{min-height:auto}.seo-founder-grid{grid-template-columns:1fr}.seo-founder-mark{min-height:240px}.seo-page-hero{min-height:auto;padding:120px 22px 60px}.seo-page-hero h1{font-size:clamp(50px,14vw,74px)}.seo-page-hero-image,.seo-page-hero-image img{min-height:330px}.seo-faq-item summary{font-size:20px}.seo-footer-nav{gap:22px}}
@media(prefers-reduced-motion:reduce){.seo-link-card{transition:none}}

/* Founder portrait placement */
.seo-page-hero-image.founder-portrait img{object-position:center 18%;}
@media(max-width:1080px){.seo-page-hero-image.founder-portrait img{object-position:center 16%;}}
@media(max-width:720px){.seo-page-hero-image.founder-portrait img{object-position:center 14%;}}


/* Founder profile — first-screen fit and balanced composition */
.founder-profile-page .seo-page-hero{
  box-sizing:border-box;
  width:min(1600px,100%);
  height:100svh;
  min-height:680px;
  max-height:960px;
  padding:112px clamp(42px,5vw,82px) 34px;
  grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);
  gap:clamp(42px,5vw,82px);
  align-items:center;
  overflow:hidden;
}
.founder-profile-page .seo-page-hero-copy{
  align-self:center;
  max-width:720px;
  transform:translateY(-6px);
}
.founder-profile-page .seo-breadcrumbs{
  margin-bottom:18px;
}
.founder-profile-page .seo-page-hero .eyebrow{
  margin:0 0 12px;
}
.founder-profile-page .seo-page-hero h1{
  font-size:clamp(58px,6vw,102px);
  line-height:.88;
  margin:10px 0 20px;
}
.founder-profile-page .seo-page-hero-copy>p:not(.eyebrow){
  max-width:650px;
  margin:0;
  font-size:clamp(14px,1.1vw,17px);
  line-height:1.55;
}
.founder-profile-page .seo-page-hero .hero-actions{
  margin-top:22px;
}
.founder-profile-page .seo-page-hero-image{
  align-self:center;
  height:min(69svh,650px);
  min-height:0;
  max-height:650px;
  border-radius:38px;
}
.founder-profile-page .seo-page-hero-image img{
  height:100%;
  min-height:0;
  object-position:center 17%;
}

@media (max-height:820px) and (min-width:1081px){
  .founder-profile-page .seo-page-hero{
    min-height:640px;
    padding-top:102px;
    padding-bottom:22px;
  }
  .founder-profile-page .seo-breadcrumbs{margin-bottom:14px}
  .founder-profile-page .seo-page-hero h1{
    font-size:clamp(54px,5.5vw,88px);
    margin:8px 0 16px;
  }
  .founder-profile-page .seo-page-hero .hero-actions{margin-top:18px}
  .founder-profile-page .seo-page-hero-image{
    height:min(67svh,570px);
    border-radius:34px;
  }
}

@media (max-width:1080px){
  .founder-profile-page .seo-page-hero{
    height:auto;
    max-height:none;
    min-height:100svh;
    padding:118px 6vw 54px;
    grid-template-columns:1fr;
    gap:34px;
    overflow:visible;
  }
  .founder-profile-page .seo-page-hero-copy{
    transform:none;
  }
  .founder-profile-page .seo-page-hero-image{
    width:100%;
    height:clamp(430px,62vw,620px);
    max-height:none;
  }
}

@media (max-width:720px){
  .founder-profile-page .seo-page-hero{
    min-height:auto;
    padding:96px 22px 42px;
    gap:26px;
  }
  .founder-profile-page .seo-breadcrumbs{margin-bottom:12px}
  .founder-profile-page .seo-page-hero h1{
    font-size:clamp(48px,13vw,70px);
    margin:8px 0 16px;
  }
  .founder-profile-page .seo-page-hero-copy>p:not(.eyebrow){
    font-size:14px;
    line-height:1.55;
  }
  .founder-profile-page .seo-page-hero .hero-actions{
    margin-top:18px;
    gap:14px;
  }
  .founder-profile-page .seo-page-hero-image{
    height:clamp(360px,112vw,520px);
    border-radius:28px;
  }
}
/* =========================================================
   A WALD STUDIO — Desktop performance pass v3.31
   Keeps the visual direction intact while removing the paint/
   compositing hotspots that caused severe desktop lag.
   ========================================================= */

/* Fixed grain: keep the texture, drop the expensive giant blended layer. */
body::before{
  inset:0!important;
  opacity:.035!important;
  mix-blend-mode:normal!important;
  background-image:url("assets/texture-grain-256.webp")!important;
  background-size:256px 256px!important;
}

/* Progress indicator updates on the compositor instead of relayout. */
.page-progress span{
  height:100%!important;
  transform:scaleY(0);
  transform-origin:50% 0;
  will-change:transform;
}

/* Pointer glow: the radial gradient is already soft; a live blur filter on a
   280px fixed layer was forcing large repaints on every mouse movement. */
.cursor-glow{
  left:0!important;
  top:0!important;
  width:230px!important;
  height:230px!important;
  translate:none!important;
  filter:none!important;
  opacity:.52!important;
  will-change:transform;
  contain:strict;
}

/* The custom cursor now moves with translate3d and only animates while it is
   catching up to the pointer. */
.aw-cursor-ring,.aw-cursor-dot{
  left:0!important;
  top:0!important;
  transform:none;
  will-change:transform,opacity,width,height!important;
}

/* directed-final.js owns the marquee transform. Running a CSS infinite
   animation on the same property at the same time doubled continuous work. */
.kinetic-track{
  animation:none!important;
  will-change:transform;
}

/* Avoid promoting every interactive glass object all the time. */
.glass-btn,.package-tab,.pill,.standard-card{
  backface-visibility:hidden;
}

@media (min-width:921px){
  /* Full-width / large-area backdrop filters are especially expensive while
     scrolling because the browser must continuously re-sample content behind
     them. Slightly stronger translucent fills preserve the same glass look. */
  header.scrolled{
    background:rgba(5,6,8,.91)!important;
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .mega-panel,
  .world-glass-caption,
  .world-steps article,
  .package-theatre,
  .contact-shell,
  .glass-slab,
  .standard-card,
  .studio-card,
  .value-card,
  .service-tier{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }

  .world-glass-caption{background:rgba(8,10,13,.72)!important}
  .world-steps article{background:linear-gradient(145deg,rgba(26,29,34,.92),rgba(10,12,16,.88))!important}
  .package-theatre{background:linear-gradient(145deg,rgba(23,26,31,.94),rgba(9,11,15,.93))!important}
  .contact-shell{background:linear-gradient(145deg,rgba(22,25,30,.94),rgba(9,11,15,.93))!important}

  /* Small fixed utilities do not need 30–38px live background blurs. */
  .aw-concierge-launcher,
  .aw-concierge-panel,
  .aw-concierge-suggestions>a,
  .aw-concierge-suggestions>button,
  .aw-concierge-form,
  .contact-float{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .aw-concierge-launcher{background:linear-gradient(150deg,rgba(43,49,57,.96),rgba(10,13,17,.96))!important}
  .aw-concierge-panel{background:linear-gradient(155deg,rgba(50,56,64,.96),rgba(20,24,29,.97) 46%,rgba(6,8,12,.98) 100%)!important}

  /* Isolate heavy visual blocks so repaints do not spill across the page. */
}

@media (prefers-reduced-motion:reduce){
  .cursor-glow,.aw-cursor-ring,.aw-cursor-dot{display:none!important}
}

/* =========================================================
   A WALD STUDIO — CLEAN PERFORMANCE ARCHITECTURE v3.40
   One stylesheet, no iframe portfolio previews, no live mouse
   tracking, and no large-area live backdrop sampling on desktop.
   ========================================================= */

/* Real client portfolio — lightweight static browser previews. */
.client-work-section{overflow:clip}
.client-work-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:24px;margin-top:54px}
.client-project-card{position:relative;min-width:0;border:1px solid rgba(255,255,255,.11);border-radius:34px;overflow:hidden;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:0 28px 80px rgba(0,0,0,.22);transition:transform .28s ease,border-color .28s ease}
.client-project-card:hover{transform:translateY(-4px);border-color:rgba(255,255,255,.2)}
.client-project-link{display:block;color:inherit;text-decoration:none}
.client-browser{position:relative;min-height:430px;overflow:hidden;background:#111318;contain:paint}
.browser-chrome{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid rgba(0,0,0,.08);background:#f3f0eb;color:#6f6a65;font:500 9px/1 var(--sans,"DM Sans",sans-serif);letter-spacing:.08em}
.browser-chrome.dark{background:#14161a;color:#8b8e94;border-color:rgba(255,255,255,.07)}
.browser-chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#c9c4bd}.browser-chrome.dark i{background:#34373d}
.browser-chrome span{margin-left:7px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.papillon-preview{position:relative;min-height:388px;padding:34px 38px 28px;background:linear-gradient(135deg,#fbf6f4,#fff 48%,#f9ecec);color:#4d4140;overflow:hidden}
.papillon-preview::after{content:"";position:absolute;width:340px;height:340px;border-radius:50%;right:-110px;bottom:-160px;background:radial-gradient(circle at 34% 34%,rgba(241,113,121,.46),rgba(241,113,121,.08) 55%,transparent 70%)}
.papillon-nav{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center;gap:18px}.papillon-nav strong{font:500 22px/1 "Cormorant Garamond",serif}.papillon-nav span{font:600 8px/1.2 "DM Sans",sans-serif;letter-spacing:.18em;color:#b47075}
.papillon-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:flex-start;padding-top:86px}.papillon-copy small{font:600 8px/1 "DM Sans",sans-serif;letter-spacing:.2em;color:#b47075}.papillon-copy b{margin-top:13px;font:500 clamp(37px,4vw,58px)/.92 "Cormorant Garamond",serif;letter-spacing:-.04em}.papillon-copy em{margin-top:25px;padding:11px 17px;border:1px solid rgba(113,76,77,.2);border-radius:999px;font:500 8px/1 "DM Sans",sans-serif;letter-spacing:.16em;text-transform:uppercase;font-style:normal}
.papillon-swatches{position:absolute;z-index:1;right:34px;bottom:26px;display:flex;gap:8px}.papillon-swatches i{width:20px;height:20px;border-radius:50%;box-shadow:0 0 0 1px rgba(70,50,50,.08)}.papillon-swatches i:nth-child(1){background:#f17179}.papillon-swatches i:nth-child(2){background:#c9797b}.papillon-swatches i:nth-child(3){background:#dca09c}.papillon-swatches i:nth-child(4){background:#e7c0b6}.papillon-swatches i:nth-child(5){background:#8b5555}
.nostratic-preview{position:relative;min-height:388px;padding:30px 34px;background:radial-gradient(circle at 76% 20%,rgba(148,37,39,.21),transparent 34%),linear-gradient(145deg,#090a0c,#15171b 58%,#07080a);color:#f4f1eb;overflow:hidden}
.nostratic-preview::before{content:"";position:absolute;inset:0;background:linear-gradient(108deg,transparent 0 52%,rgba(255,255,255,.022) 52.1% 52.3%,transparent 52.4%),linear-gradient(0deg,transparent 0 72%,rgba(255,255,255,.025) 72.2%,transparent 72.4%);pointer-events:none}
.nostratic-nav{position:relative;z-index:1;display:flex;justify-content:space-between;align-items:center}.nostratic-nav strong{font:700 14px/1 "DM Sans",sans-serif;letter-spacing:.18em}.nostratic-nav span{font:500 8px/1 "DM Sans",sans-serif;letter-spacing:.18em;color:#9c9ea2}
.nostratic-event{position:relative;z-index:1;padding-top:80px}.nostratic-event small{display:block;font:600 8px/1 "DM Sans",sans-serif;letter-spacing:.19em;color:#a2a4a8}.nostratic-event b{display:block;margin-top:12px;font:500 clamp(42px,4.5vw,68px)/.84 "Cormorant Garamond",serif;letter-spacing:-.035em}
.nostratic-system{position:absolute;z-index:1;left:34px;right:34px;bottom:27px;display:grid;grid-template-columns:auto 1fr;gap:6px 18px;padding-top:15px;border-top:1px solid rgba(255,255,255,.11)}.nostratic-system small{grid-row:1/3;font:600 7px/1.3 "DM Sans",sans-serif;letter-spacing:.18em;color:#a46668}.nostratic-system strong{font:600 8px/1 "DM Sans",sans-serif;letter-spacing:.15em}.nostratic-system span{font:400 8px/1.3 "DM Sans",sans-serif;color:#8d9095}
.client-project-meta{padding:27px 29px 31px}.client-project-meta>span{font-size:9px;letter-spacing:.15em;text-transform:uppercase;color:#c5a878}.client-project-meta h3{margin:12px 0 10px}.client-project-meta p{max-width:62ch;margin:0 0 21px;color:#aaa69f;line-height:1.65}.client-project-meta>strong{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:#e9e1d6}.live-badge{float:right;padding:6px 9px;border:1px solid rgba(115,201,136,.2);border-radius:999px;background:rgba(96,183,117,.07);color:#88c894;font:600 8px/1 "DM Sans",sans-serif;letter-spacing:.14em;text-transform:uppercase}.client-work-footer{display:flex;justify-content:flex-end;margin-top:28px}.client-browser-media{padding:16px!important;min-height:0!important;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.016))!important;overflow:hidden!important}.client-browser-media .client-browser{min-height:520px;border-radius:24px}.client-browser-media .papillon-preview,.client-browser-media .nostratic-preview{min-height:478px}.muted-link{display:inline-flex;opacity:.72;cursor:default}

/* Desktop performance: stop live compositor churn. The brand remains layered
   through gradients, borders and shadows rather than continuously sampling
   the page behind dozens of translucent surfaces. */
@media (min-width:921px){
  .cursor-glow,.aw-cursor-ring,.aw-cursor-dot{display:none!important}
  .lens,.orbit,.fragment,.process-dial,.service-ring,.service-core,.service-node,.dial-orbit,.dial-core,.contact-orb,.lens-mini{animation:none!important}
  .kinetic-track{animation:none!important;transform:none!important;will-change:auto!important}
  .world-card,.lens-wrap,.standard-card,.glass-btn,.package-tab,.pill,.service-tier{will-change:auto!important}
  .stage-aura,.lens-wrap,.world-card{pointer-events:auto}
  header.scrolled,.glass-btn,.world-card,.lens,.micro-panel,.world-glass-caption,.world-steps article,.package-theatre,.service-core,.service-node,.studio-monolith,.mega-panel,.contact-shell,.glass-slab,.standard-card,.studio-card,.value-card,.service-tier,.aw-concierge-launcher,.aw-concierge-panel,.aw-concierge-suggestions>a,.aw-concierge-suggestions>button,.aw-concierge-form,.contact-float{
    -webkit-backdrop-filter:none!important;
    backdrop-filter:none!important;
  }
  .lens{background:radial-gradient(circle at 28% 22%,rgba(255,255,255,.22),transparent 11%),radial-gradient(circle at 70% 67%,rgba(126,175,205,.16),transparent 28%),radial-gradient(circle at 44% 54%,rgba(198,161,107,.11),transparent 30%),linear-gradient(145deg,rgba(36,43,50,.94),rgba(11,14,18,.9))!important}
  .world-card{background:linear-gradient(145deg,rgba(31,35,41,.93),rgba(10,12,16,.9))!important}
  .micro-panel{background:rgba(20,23,28,.92)!important}
  .glass-btn{background:linear-gradient(145deg,rgba(43,46,52,.9),rgba(13,15,19,.92))!important}
  .client-project-card,.client-browser,.client-browser-media{contain:paint}
}

/* Browser skips rendering deep off-screen sections until they approach the
   viewport. This is especially useful on the long one-page desktop layout. */
@supports (content-visibility:auto){
  main>section:not(.hero):not(.world-section),footer{content-visibility:auto;contain-intrinsic-size:1px 900px}
}

@media (max-width:900px){
  .client-work-grid{grid-template-columns:1fr}
  .client-browser{min-height:390px}
  .papillon-preview,.nostratic-preview{min-height:348px}
}
@media (max-width:600px){
  .client-work-grid{margin-top:34px;gap:18px}
  .client-project-card{border-radius:26px}
  .client-browser{min-height:320px}.browser-chrome{height:36px}
  .papillon-preview,.nostratic-preview{min-height:284px;padding:24px 22px}
  .papillon-copy{padding-top:58px}.papillon-copy b{font-size:39px}.papillon-nav span{display:none}.papillon-swatches{right:21px;bottom:18px}
  .nostratic-event{padding-top:54px}.nostratic-event b{font-size:44px}.nostratic-system{left:22px;right:22px;bottom:19px}.nostratic-system small{display:none}.nostratic-system{grid-template-columns:1fr}
  .client-project-meta{padding:23px 22px 26px}
  .client-browser-media{padding:10px!important}.client-browser-media .client-browser{min-height:340px}.client-browser-media .papillon-preview,.client-browser-media .nostratic-preview{min-height:304px}
}