:root{--ink:#1b1917;--cream:#f7f1e9;--orange:#c66d45;--muted:#736d66}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}.serif{font-family:'Playfair Display',serif;font-weight:500;color:var(--orange)}.eyebrow{font-size:10px;letter-spacing:.18em;text-transform:uppercase;font-weight:700;color:#b46d4c}.wrap{width:min(1340px,92%);margin:auto}.glass{background:rgba(255,255,255,.18);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4);border:1px solid rgba(255,255,255,.52);box-shadow:0 18px 45px rgba(46,30,23,.13),inset 0 1px rgba(255,255,255,.4);position:relative;overflow:hidden}.glass:before{content:'';pointer-events:none;position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx,50%) var(--my,50%),rgba(255,255,255,.4),transparent 65%);opacity:0;transition:opacity .25s}.glass:hover:before{opacity:1}.btn{border:0;border-radius:99px;padding:15px 23px;background:#1a1918;color:#fff;display:inline-flex;gap:20px;align-items:center;font-size:12px;transition:transform .3s,box-shadow .3s;position:relative;overflow:hidden}.btn:hover{transform:translateY(-3px);box-shadow:0 10px 25px #24160e45}.btn:after{content:'';position:absolute;inset:-100% auto -100% -50%;width:35%;transform:rotate(25deg);background:linear-gradient(90deg,transparent,#ffffff70,transparent);transition:left .65s}.btn:hover:after{left:120%}.nav{height:85px;position:absolute;z-index:10;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between}.logo{font-weight:700;font-size:26px;letter-spacing:-.09em;line-height:.7}.logo small{font-size:7px;letter-spacing:.35em;display:block;text-align:center;margin-top:9px}.navlinks{display:flex;gap:35px;font-size:12px}.navlinks a:hover{color:var(--orange)}.navright{display:flex;align-items:center;gap:20px;font-size:11px}.hero{min-height:780px;height:95vh;max-height:1000px;position:relative;display:flex;align-items:center;isolation:isolate;background:#ead6c5}.hero-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(249,243,236,.95) 0%,rgba(249,243,236,.72) 35%,rgba(237,187,148,.08) 75%),url('photo-1519608487953-e999c86e7455.jpg') center/cover}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 75% 43%,rgba(251,162,95,.55),transparent 38%),linear-gradient(0deg,rgba(21,20,18,.35),transparent 38%);mix-blend-mode:multiply;pointer-events:none}.hero-copy{padding-top:60px}.hero h1{font-size:clamp(70px,9.2vw,156px);line-height:.87;letter-spacing:-.095em;font-weight:500;margin:18px 0 27px;max-width:900px}.hero h1 .serif{letter-spacing:-.07em}.hero p{font-size:15px;line-height:1.7;max-width:350px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:25px}.play{border:1px solid #222;border-radius:50%;width:43px;height:43px;background:transparent}.watch{font-size:12px}.floating{position:absolute;right:7%;top:20%;width:225px;height:220px;border-radius:23px;padding:10px;transform:rotate(2deg);transition:transform .4s}.floating:hover{transform:rotate(0) translateY(-8px)}.floating img{width:100%;height:135px;object-fit:cover;border-radius:15px}.floating strong{display:block;color:white;font-size:13px;margin:10px}.hero-trust{position:absolute;bottom:115px;left:4%;color:white;font-size:12px;display:flex;align-items:center;gap:12px}.avatars{display:flex}.avatars span{width:27px;height:27px;border-radius:50%;background:#e6b99a;border:2px solid white;margin-left:-7px}.stats{position:relative;margin:-65px auto 0;z-index:4;border-radius:20px;display:grid;grid-template-columns:repeat(4,1fr);padding:28px 10px;background:rgba(244,240,236,.62)}.stat{text-align:center}.stat strong{font-size:clamp(28px,3.5vw,46px);font-weight:500;letter-spacing:-.06em}.stat p{font-size:11px;margin:6px}.section{padding:125px 0}.section h2{font-size:clamp(42px,5.5vw,75px);font-weight:500;line-height:1.05;letter-spacing:-.065em;margin:15px 0}.sectionhead{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:38px}.sectionhead p{max-width:360px;line-height:1.7;font-size:13px;color:var(--muted)}.services{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.service{height:310px;border-radius:20px;padding:20px;color:white;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;transition:transform .4s,filter .4s}.service:hover{transform:translateY(-10px) scale(1.015)}.service:nth-child(1){background-image:linear-gradient(0deg,#0c0a09dd,transparent),url('photo-1558655146-9f40138edfeb.jpg')}.service:nth-child(2){background-image:linear-gradient(0deg,#090909ed,transparent),url('photo-1519389950473-47ba0277781c.jpg')}.service:nth-child(3){background-image:linear-gradient(0deg,#211811e8,transparent),url('photo-1499951360447-b19be8fe80f5.jpg')}.service:nth-child(4){background-image:linear-gradient(0deg,#171513ee,transparent),url('photo-1552664730-d307ca884978.jpg')}.service:nth-child(5){background-image:linear-gradient(0deg,#34130aee,transparent),url('photo-1531297484001-80022131f5a1.jpg')}.service .icon{position:absolute;top:15px;left:15px;border:1px solid #ffffff7a;border-radius:50%;padding:10px}.service h3{font-size:21px;letter-spacing:-.04em;font-weight:500;margin:0}.service p{font-size:11px;color:#e0dbd6;line-height:1.5}.arrow{font-size:22px}.dark{background:#11100f;color:white}.workgrid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px}.workcard{min-height:420px;border-radius:22px;padding:24px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;transition:background-size .5s,transform .4s;overflow:hidden}.workcard:hover{transform:translateY(-6px)}.workcard h3{font-weight:500;letter-spacing:-.05em;font-size:clamp(25px,3vw,48px);line-height:1.1;margin:12px 0}.workcard.small h3{font-size:25px}.workcard:nth-child(1){background-image:linear-gradient(0deg,#15100bd9,transparent 80%),url('photo-1529139574466-a303027c1d8b.jpg')}.workcard:nth-child(2){background-image:linear-gradient(0deg,#15100bdf,transparent 80%),url('photo-1571896349842-33c89424de2d.jpg')}.workcard:nth-child(3){background-image:linear-gradient(0deg,#15100bdf,transparent 80%),url('photo-1497366811353-6870744d04b2.jpg')}.pill{align-self:flex-start;padding:8px 12px;background:#161412c9;border-radius:99px;font-size:9px;letter-spacing:.08em}.workmetrics{display:flex;gap:28px}.workmetrics b{font-size:23px}.workmetrics small{display:block;font-size:10px;color:#ddd}.orbit{display:grid;grid-template-columns:1fr 1.2fr;gap:60px;align-items:center}.orbit p{font-size:13px;line-height:1.8;color:var(--muted);max-width:400px}.dashboard{border-radius:22px;background:#121212;color:white;padding:20px;min-height:350px;box-shadow:0 20px 45px #24170d33;display:grid;grid-template-columns:110px 1fr;gap:20px}.dashside{border-right:1px solid #333;font-size:11px;color:#aaa;line-height:3}.dashside strong{color:white;font-size:19px}.dashmain h4{font-size:13px;font-weight:500}.bars{height:180px;display:flex;align-items:end;gap:8px;border-bottom:1px solid #444}.bars span{flex:1;background:linear-gradient(#f6a477,#78402b);border-radius:5px 5px 0 0;animation:rise 1.8s both;transform-origin:bottom}.dashnums{display:flex;gap:10px;margin-top:15px}.dashnums div{flex:1;background:#272321;padding:12px;border-radius:9px;font-size:20px}.dashnums small{display:block;font-size:9px;color:#aaa}.process{background:linear-gradient(0deg,#080808ee,#0808087a),url('photo-1470770841072-f978cf4d019e.jpg') center/cover;color:white}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.step{border-top:1px solid #ffffff6b;padding-top:20px}.step span{font-size:12px;color:#dba281}.step h3{font-weight:500}.step p{font-size:12px;color:#ddd;line-height:1.6}.brands{display:flex;flex-wrap:wrap;justify-content:space-between;gap:22px;font-size:23px;font-weight:700;letter-spacing:-.06em;margin-top:30px}.contact{border-radius:24px;background:linear-gradient(115deg,#ac684f,#f9ad78 55%,#9c5846);padding:50px;display:grid;grid-template-columns:1fr 1fr;gap:50px;color:white}.contact h2{font-size:clamp(40px,5vw,65px);line-height:1.05;letter-spacing:-.07em;font-weight:500}.contact p{font-size:12px;line-height:1.7}.form{padding:18px;border-radius:20px;display:grid;gap:9px}.form input,.form textarea{width:100%;border:1px solid #ffffff55;background:#ffffff80;border-radius:10px;padding:14px;outline:0;color:#333;font-size:12px}.form textarea{resize:vertical;min-height:80px}.form .btn{justify-content:center}.foot{display:flex;justify-content:space-between;gap:30px;padding:35px 0 55px;font-size:11px;align-items:center}.footlinks{display:flex;gap:22px}.reveal{opacity:0;transform:translateY(35px);transition:opacity .85s,transform .85s}.reveal.visible{opacity:1;transform:translateY(0)}#intro{position:fixed;inset:0;z-index:100;background:#17120f;color:#fff;display:grid;place-items:center;transition:opacity .7s,visibility .7s}#intro.hide{opacity:0;visibility:hidden}#intro .intro-logo{font-size:clamp(70px,15vw,180px);letter-spacing:-.12em;font-weight:700;opacity:0;transform:scale(.85);animation:logoIn 1.1s .2s forwards}#intro .beam{position:absolute;width:30vw;height:150vh;background:linear-gradient(90deg,transparent,#ef925255,transparent);filter:blur(35px);transform:rotate(30deg) translateX(-150vw);animation:beam 1.6s .65s forwards}#skip{position:absolute;right:30px;bottom:30px;background:transparent;color:white;border:1px solid #ffffff77;border-radius:99px;padding:10px 20px;font-size:11px}@keyframes logoIn{to{opacity:1;transform:scale(1)}}@keyframes beam{to{transform:rotate(30deg) translateX(160vw)}}@keyframes rise{from{transform:scaleY(.05)}to{transform:scaleY(1)}}@media(max-width:850px){.navlinks{display:none}.hero{height:760px;min-height:680px}.hero h1{font-size:clamp(65px,13vw,105px)}.floating{width:145px;height:160px;top:18%;right:4%}.floating img{height:90px}.floating strong{font-size:10px}.hero-trust{bottom:85px}.stats{grid-template-columns:repeat(2,1fr);gap:20px}.services{grid-template-columns:repeat(2,1fr)}.workgrid{grid-template-columns:1fr 1fr}.workcard:first-child{grid-column:span 2}.orbit,.contact{grid-template-columns:1fr}.steps{grid-template-columns:repeat(2,1fr)}.section{padding:80px 0}}@media(max-width:520px){.nav{height:70px}.navright{gap:0}.navright .lang{display:none}.hero h1{font-size:65px}.hero-copy{padding-top:0}.hero p{max-width:260px}.floating{display:none}.sectionhead{display:block}.services{gap:9px}.service{height:250px;padding:13px}.service h3{font-size:18px}.workgrid{grid-template-columns:1fr}.workcard:first-child{grid-column:auto}.workcard{min-height:350px}.steps{grid-template-columns:1fr 1fr}.contact{padding:25px}.foot{flex-direction:column;align-items:start}.footlinks{flex-wrap:wrap}.dashboard{grid-template-columns:70px 1fr;gap:10px;padding:12px}.dashside{font-size:9px}.dashnums div{font-size:14px;padding:7px}.bars{gap:4px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}#intro{display:none}}

/* V2: Orbit reveal and ambient typography */
#orbit{position:relative;isolation:isolate}#orbit:before{content:"";position:absolute;inset:4% 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 35% 48% at 18% 52%,rgba(228,128,74,.12),transparent 78%)}
#orbit h2{position:relative;isolation:isolate}#orbit h2 .serif{display:inline-block;position:relative;isolation:isolate;transition:filter .4s}
#orbit h2 .serif:before{content:"";position:absolute;z-index:-1;inset:-45% -15%;pointer-events:none;background:radial-gradient(ellipse at var(--tx,50%) var(--ty,50%),rgba(239,144,82,.37),rgba(242,179,121,.13) 36%,transparent 72%);filter:blur(19px);opacity:.35;transition:opacity .4s}
#orbit h2 .serif:hover:before{opacity:1}
.dashboard{position:relative;overflow:hidden;transition:box-shadow .45s,transform .45s}.dashboard:hover{box-shadow:0 24px 60px #b96c3e45;transform:translateY(-3px)}
.bars{position:relative}.bars span{animation:none!important;transform:scaleY(0);transition:transform 1150ms cubic-bezier(.16,1,.3,1),filter .25s,box-shadow .25s;position:relative;cursor:crosshair;will-change:transform}
.dashboard.chart-visible .bars span{transform:scaleY(1)}.bars span:hover{filter:brightness(1.35);box-shadow:0 0 22px #f5a47580}
.chart-tip{position:absolute;z-index:4;pointer-events:none;background:#f8e5d4;color:#271b17;padding:7px 10px;border-radius:8px;font-size:11px;white-space:nowrap;transform:translate(-50%,-120%);opacity:0;transition:opacity .2s;box-shadow:0 6px 20px #0006}.chart-tip.show{opacity:1}
.dashnums div{transition:background .35s,transform .35s}.dashnums div:hover{background:#392b25;transform:translateY(-3px)}
@media(prefers-reduced-motion:reduce){.bars span{transition:none!important;transform:scaleY(1)!important}.dashboard{transition:none}#orbit h2 .serif:before{transition:none}}
.replay-logo{appearance:none;border:0;background:transparent;color:inherit;padding:9px 12px;margin-left:-12px;text-align:left;cursor:pointer;position:relative;border-radius:12px;transition:filter .3s,transform .3s}.replay-logo:before{content:"";position:absolute;inset:-7px;background:radial-gradient(ellipse,rgba(228,125,69,.35),transparent 70%);opacity:0;transition:opacity .35s;z-index:-1}.replay-logo:hover:before,.replay-logo:focus-visible:before{opacity:1}.replay-logo:hover{filter:drop-shadow(0 0 10px rgba(222,117,58,.45));transform:translateY(-1px)}.replay-logo:focus-visible{outline:2px solid #c66d45;outline-offset:3px}#intro .intro-logo,#intro .beam{animation-play-state:paused}#intro.playing .intro-logo,#intro.playing .beam{animation-play-state:running}#intro:not(.playing) .intro-logo{opacity:0}#intro:not(.playing) .beam{opacity:0}@media(prefers-reduced-motion:reduce){#intro{display:none!important}}

/* V4: trusted brands infinite glass marquee */
.trusted-marquee{position:relative;z-index:5;margin:22px auto 0;padding:22px 0 24px;border-radius:22px;background:linear-gradient(115deg,rgba(255,251,247,.78),rgba(244,215,193,.44));border:1px solid rgba(255,255,255,.8);box-shadow:0 18px 55px rgba(114,66,39,.11),inset 0 1px 0 rgba(255,255,255,.8);backdrop-filter:blur(25px) saturate(1.4);-webkit-backdrop-filter:blur(25px) saturate(1.4);overflow:hidden}
.trusted-marquee:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:linear-gradient(90deg,rgba(248,241,233,.96),transparent 9%,transparent 91%,rgba(248,241,233,.96))}
.trusted-heading{text-align:center;margin:0 0 20px;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:#9c664f;font-weight:700}
.marquee-viewport{overflow:hidden;display:flex}.marquee-track{display:flex;width:max-content;animation:primoMarquee 32s linear infinite;will-change:transform}.trusted-marquee:hover .marquee-track,.trusted-marquee:focus-within .marquee-track{animation-play-state:paused}
.marquee-group{display:flex;align-items:center;gap:14px;flex-shrink:0;padding-right:14px}.brand-chip{position:relative;min-width:210px;height:72px;display:flex;justify-content:center;align-items:center;gap:12px;padding:12px 22px;border-radius:15px;border:1px solid rgba(255,255,255,.48);background:rgba(255,255,255,.15);color:#27201c;white-space:nowrap;font-weight:700;font-size:15px;letter-spacing:-.035em;transition:background .35s,box-shadow .35s,transform .35s,color .35s;isolation:isolate}
.brand-chip:before{content:'';position:absolute;inset:-12px;z-index:-1;background:radial-gradient(ellipse at center,rgba(235,138,82,.4),transparent 70%);filter:blur(10px);opacity:0;transition:opacity .35s}.brand-chip:hover{background:rgba(255,255,255,.6);box-shadow:0 5px 25px rgba(188,104,61,.14);transform:translateY(-2px);color:#b85d36}.brand-chip:hover:before{opacity:1}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border:1px solid rgba(175,104,68,.35);border-radius:50%;font-family:Georgia,serif;font-size:20px;font-weight:500;color:#a75e40}.brand-chip small{display:block;font-size:9px;font-weight:500;letter-spacing:.07em;color:#7b716a;margin-top:3px}.brand-chip .brand-name{line-height:1.12}
@keyframes primoMarquee{to{transform:translateX(-50%)}}
@media(max-width:600px){.trusted-marquee{margin-top:16px;border-radius:16px;padding:18px 0}.brand-chip{min-width:174px;height:64px;font-size:13px;padding:10px 14px}.marquee-track{animation-duration:25s}.trusted-heading{font-size:9px}}
@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.marquee-viewport{overflow-x:auto;scrollbar-width:thin}.trusted-marquee:after{display:none}}

/* V5 — cinematic glass opening, replayable without navigation */
#intro{background:#100e0d;isolation:isolate;overflow:hidden;transition:opacity .72s ease,visibility .72s ease}
#intro .beam{display:none}
#intro .intro-ambient{position:absolute;inset:-30%;background:radial-gradient(ellipse 28% 30% at 50% 54%,rgba(212,118,70,.28),transparent 75%),radial-gradient(ellipse 25% 22% at 69% 24%,rgba(246,193,132,.1),transparent 85%);filter:blur(25px);opacity:0;transform:scale(.75)}
#intro .intro-grain{position:absolute;inset:0;opacity:.24;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.16'/%3E%3C/svg%3E")}
#intro .intro-center{z-index:3;position:relative;text-align:center;transform:translateY(8px)}
#intro .intro-logo{font-size:clamp(78px,14vw,185px);line-height:1.12;letter-spacing:-.115em;font-weight:600;opacity:0;transform:translateY(28px) scale(.96);animation:none;position:relative;text-shadow:0 0 55px rgba(255,179,119,.13)}
#intro .intro-logo:after{content:'';position:absolute;inset:5% -4%;background:linear-gradient(105deg,transparent 34%,rgba(255,231,191,.0) 43%,rgba(255,230,196,.9) 50%,rgba(255,230,196,0) 57%,transparent 65%);mix-blend-mode:screen;transform:translateX(-160%);pointer-events:none}
#intro .intro-dot{color:#df966a}
#intro .intro-overline,#intro .intro-subline{font-size:clamp(9px,1vw,12px);font-weight:500;letter-spacing:.35em;color:#e9bfa0;opacity:0;transform:translateY(12px)}
#intro .intro-overline{margin-bottom:12px}#intro .intro-subline{margin-top:12px;color:#c7b6aa}
#intro .intro-lightline{position:absolute;left:50%;top:-25%;height:150%;width:1px;background:linear-gradient(transparent,rgba(255,202,150,.95),transparent);filter:drop-shadow(0 0 18px #e7a46b);opacity:0;transform:rotate(24deg) translateX(-70vw);z-index:4}
#intro .intro-pane{position:absolute;top:-5%;height:110%;width:52%;z-index:5;background:linear-gradient(125deg,rgba(27,23,21,.92),rgba(63,43,33,.64) 65%,rgba(245,170,115,.1));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(245,184,143,.14);opacity:0;pointer-events:none}
#intro .intro-pane-left{left:-2%;transform:translateX(-105%)}#intro .intro-pane-right{right:-2%;transform:translateX(105%) scaleX(-1)}
#intro .intro-progress{position:absolute;bottom:33px;left:50%;transform:translateX(-50%);width:110px;height:1px;background:#ffffff25;z-index:7;overflow:hidden}
#intro .intro-progress span{display:block;width:100%;height:100%;background:#e5a577;transform:translateX(-100%)}
#intro #skip{z-index:8;bottom:27px;right:32px;letter-spacing:.12em;transition:background .2s,border-color .2s}#intro #skip:hover{background:#ffffff18;border-color:#f2ba92}
#intro.playing .intro-ambient{animation:primoAmbient 3.5s ease both}
#intro.playing .intro-logo{animation:primoTitle 1s .48s cubic-bezier(.18,.8,.2,1) both}
#intro.playing .intro-logo:after{animation:primoSheen 1.15s 1.15s ease both}
#intro.playing .intro-overline{animation:primoDetail .8s .85s both}
#intro.playing .intro-subline{animation:primoDetail .8s 1.2s both}
#intro.playing .intro-lightline{animation:primoLine 2s .15s ease-in-out both}
#intro.playing .intro-pane-left{animation:primoSplitLeft 1.15s 2.25s cubic-bezier(.7,0,.18,1) both}
#intro.playing .intro-pane-right{animation:primoSplitRight 1.15s 2.25s cubic-bezier(.7,0,.18,1) both}
#intro.playing .intro-progress span{animation:primoProgress 3.55s linear both}
@keyframes primoAmbient{0%{opacity:0;transform:scale(.75)}45%{opacity:1;transform:scale(1)}100%{opacity:.45;transform:scale(1.25)}}
@keyframes primoTitle{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes primoDetail{to{opacity:1;transform:translateY(0)}}
@keyframes primoSheen{to{transform:translateX(160%)}}
@keyframes primoLine{0%{opacity:0;transform:rotate(24deg) translateX(-70vw)}20%{opacity:1}80%{opacity:.85}100%{opacity:0;transform:rotate(24deg) translateX(70vw)}}
@keyframes primoSplitLeft{0%{opacity:0;transform:translateX(-105%)}25%{opacity:1;transform:translateX(0)}60%{opacity:1;transform:translateX(0)}100%{opacity:1;transform:translateX(-110%)}}
@keyframes primoSplitRight{0%{opacity:0;transform:translateX(105%) scaleX(-1)}25%{opacity:1;transform:translateX(0) scaleX(-1)}60%{opacity:1;transform:translateX(0) scaleX(-1)}100%{opacity:1;transform:translateX(110%) scaleX(-1)}}
@keyframes primoProgress{to{transform:translateX(0)}}
@media(prefers-reduced-motion:reduce){#intro{display:none!important}}

/* V6 — floating interactive liquid-glass assistant */
.primo-help{position:fixed;right:25px;bottom:25px;z-index:9000;font-family:'DM Sans',sans-serif;color:#32231c}.primo-help *{box-sizing:border-box}.primo-help-panel{width:min(355px,calc(100vw - 32px));margin-bottom:14px;padding:19px;background:linear-gradient(145deg,rgba(255,250,243,.93),rgba(242,219,199,.82));border:1px solid rgba(255,255,255,.85);border-radius:27px;box-shadow:0 22px 65px rgba(72,38,16,.22),inset 0 1px 1px #fff;backdrop-filter:blur(24px) saturate(160%);-webkit-backdrop-filter:blur(24px) saturate(160%);transform-origin:bottom right;transform:translateY(15px) scale(.94);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .32s,transform .42s cubic-bezier(.2,.8,.2,1),visibility .32s;position:relative;overflow:hidden}.primo-help.open .primo-help-panel{transform:none;opacity:1;visibility:visible;pointer-events:auto}.primo-help-panel:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(180px circle at var(--hx,85%) var(--hy,0%),rgba(245,155,89,.23),transparent 85%)}.primo-help-top{display:flex;align-items:center;justify-content:space-between;position:relative}.primo-help-mark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:13px;letter-spacing:.08em}.primo-help-orb{width:36px;height:36px;border-radius:13px;background:radial-gradient(circle at 30% 20%,#fff5e6,#ec9b65 48%,#aa5839);box-shadow:inset 0 1px 4px #fff,0 6px 20px #eaa46b88;display:grid;place-items:center;color:#fff}.primo-help-close{border:0;background:#ffffff88;border-radius:50%;width:30px;height:30px;cursor:pointer;color:#67422f;font-size:19px}.primo-help-panel h3{font-size:25px;letter-spacing:-.04em;line-height:1.15;margin:22px 0 9px;position:relative}.primo-help-panel p{font-size:13px;line-height:1.6;color:#786052;margin:0 0 16px;position:relative}.primo-help-options{display:grid;gap:9px;position:relative}.primo-help-option{display:flex;align-items:center;gap:12px;text-align:left;width:100%;padding:12px 13px;border:1px solid rgba(255,255,255,.85);background:rgba(255,255,255,.43);border-radius:15px;color:#3a291f;text-decoration:none;font:600 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.primo-help-option:hover,.primo-help-option:focus-visible{transform:translateX(4px);background:rgba(255,255,255,.85);box-shadow:0 8px 25px rgba(197,115,60,.14);outline:none}.primo-help-option .opt-icon{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;border-radius:11px;background:linear-gradient(135deg,#fff8ef,#edc5a5);color:#a65c39;font-size:17px}.primo-help-option .opt-arrow{margin-left:auto;font-size:18px;color:#a96b4b}.primo-help-foot{font-size:10px;color:#9a7e6c;margin-top:14px;text-align:center;position:relative}.primo-help-toggle{margin-left:auto;display:flex;align-items:center;gap:11px;padding:12px 17px 12px 12px;border:1px solid rgba(255,255,255,.9);border-radius:22px;background:linear-gradient(125deg,rgba(255,248,240,.93),rgba(234,191,153,.9));color:#3d271d;box-shadow:0 12px 35px #64361838,inset 0 1px 2px white;backdrop-filter:blur(18px);font:700 13px 'DM Sans',sans-serif;cursor:pointer;transition:transform .3s,box-shadow .3s}.primo-help-toggle:hover{transform:translateY(-3px);box-shadow:0 18px 38px #64361850}.primo-help-toggle .toggle-orb{width:38px;height:38px;border-radius:14px;background:radial-gradient(circle at 28% 18%,#ffe9c7,#db8859 55%,#9d4e33);display:grid;place-items:center;color:white;font-size:19px;box-shadow:0 3px 12px #b76b4d77}.primo-help-toggle .toggle-chevron{font-size:16px;transition:transform .3s}.primo-help.open .toggle-chevron{transform:rotate(45deg)}@media(max-width:600px){.primo-help{right:14px;bottom:14px}.primo-help-panel{max-height:70vh;overflow-y:auto}.primo-help-toggle{padding:9px 13px 9px 9px}}@media(prefers-reduced-motion:reduce){.primo-help *{transition:none!important}}

/* V7 CLIENT PREVIEW — Cinematic Global Hero + Crystal Marquee */
.hero{background:#eee5da;overflow:hidden;min-height:760px}
.hero-bg{background-image:linear-gradient(90deg,#f7f1e9 0%,rgba(247,241,233,.99) 24%,rgba(247,241,233,.82) 42%,rgba(247,241,233,.14) 65%,transparent 100%),url('primo-global-hero-clean.png');background-size:100% 100%,70% 100%;background-position:center,right center;background-repeat:no-repeat;transform:scale(1.055);animation:primoHeroDrift 16s ease-in-out infinite alternate;will-change:transform}
.hero:after{background:linear-gradient(0deg,rgba(32,20,13,.24),transparent 23%),radial-gradient(ellipse at 72% 52%,rgba(243,174,102,.11),transparent 60%);mix-blend-mode:normal}
.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(72px,8.3vw,145px);max-width:790px}.hero h1 .serif{color:#c67b44}.hero p{color:#342c27}
.hero-trust{color:#40332b;text-shadow:0 1px 15px #fff}.floating{background:rgba(255,250,243,.24)!important;border-color:rgba(255,255,255,.65)!important;box-shadow:0 15px 45px #2c1d1740!important;backdrop-filter:blur(14px)}.floating strong{color:#211c19;text-shadow:0 1px 10px #fff}
@keyframes primoHeroDrift{from{transform:scale(1.055) translate3d(0,0,0)}to{transform:scale(1.12) translate3d(-.8%,.3%,0)}}
.trusted-marquee{width:100%;max-width:none;margin:0;border-radius:0;padding:20px 0 22px;background:linear-gradient(100deg,rgba(255,255,255,.16),rgba(255,247,238,.24));border-left:0;border-right:0;border-top:1px solid rgba(255,255,255,.66);border-bottom:1px solid rgba(165,119,87,.16);box-shadow:0 9px 26px rgba(84,54,37,.045),inset 0 1px rgba(255,255,255,.45);backdrop-filter:blur(8px) saturate(1.1);-webkit-backdrop-filter:blur(8px) saturate(1.1)}
.trusted-marquee:after{background:linear-gradient(90deg,rgba(247,241,233,.75),transparent 6%,transparent 94%,rgba(247,241,233,.75))}
.brand-chip{background:rgba(255,255,255,.13);border:1px solid rgba(189,140,102,.24);box-shadow:inset 0 1px rgba(255,255,255,.4);transition:transform .35s,box-shadow .35s,background .35s;border-radius:16px}
.brand-chip:hover,.brand-chip:focus-visible{color:#27201c!important;background:rgba(255,255,255,.18)!important;box-shadow:0 0 0 1px rgba(221,149,91,.5),0 0 17px rgba(211,126,67,.23),inset 0 0 0 1px rgba(255,233,199,.8)!important;transform:translateY(-2px)}
.brand-chip:before{content:'';position:absolute;inset:-1px;border-radius:inherit;padding:1px;background:conic-gradient(from var(--edge-angle,0deg),transparent 0deg,transparent 240deg,#d88b57 285deg,#ffddb0 305deg,transparent 335deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;pointer-events:none}
.brand-chip:hover:before,.brand-chip:focus-visible:before{opacity:1;animation:primoBorderSweep 2.5s linear infinite}
@property --edge-angle{syntax:'<angle>';initial-value:0deg;inherits:false}@keyframes primoBorderSweep{to{--edge-angle:360deg}}
@media(max-width:850px){.hero-bg{background-size:100% 100%,100% 100%;background-position:center,center;opacity:.8}.hero h1{font-size:clamp(65px,12vw,105px)}.floating{display:none}.hero-trust{color:#31251e}}
@media(max-width:520px){.hero-bg{background-image:linear-gradient(90deg,rgba(247,241,233,.96),rgba(247,241,233,.64)),url('primo-global-hero-clean.png')}.hero h1{font-size:clamp(60px,15vw,80px)}.hero{min-height:680px}.trusted-marquee{padding:16px 0}}
@media(prefers-reduced-motion:reduce){.hero-bg{animation:none}.brand-chip:hover:before{animation:none}}


/* V10: a single, explicit hero image stack. No image depends on CSS backgrounds. */
#home.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#f7f1e9,#dcc1a5);min-height:780px}
#home.hero::after{display:none}
#home .hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center;z-index:0;pointer-events:none;animation:heroCinema 22s ease-in-out infinite alternate}
#home .hero-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#f7f1e9 0%,rgba(247,241,233,.94) 21%,rgba(247,241,233,.65) 39%,rgba(247,241,233,.1) 58%,transparent 75%)}
#home .hero-copy{position:relative;z-index:2}#home .hero-trust{position:absolute;z-index:2;color:#382c24}#home .floating{z-index:3;animation:cardFloat 7s ease-in-out infinite}
#home h1{animation:headlineReveal .9s .15s both}
@keyframes heroCinema{from{transform:scale(1.02) translate3d(0,0,0)}to{transform:scale(1.075) translate3d(-.6%,.3%,0)}}
@keyframes cardFloat{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes headlineReveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.trusted-marquee{width:100%;max-width:none;border-radius:0;margin:0;background:rgba(255,250,244,.12);backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px)}
.brand-chip:before{filter:none;z-index:0;transition:opacity .4s;background:conic-gradient(from var(--edge-angle),transparent 240deg,#d6b66a 285deg,#e8d29a 305deg,transparent 335deg)}
.brand-chip:focus-visible{outline:2px solid #d6b66a;outline-offset:3px}
.nav-menu-toggle{display:none}.primo-help{z-index:50}#intro{z-index:10000}
#orbit .dashboard{min-width:0}.bars{position:relative}.chart-tip{max-width:160px}.bars span:focus-visible{outline:2px solid #e8d29a;outline-offset:3px}
.watch{display:inline-flex;align-items:center;gap:8px}.play{display:grid;place-items:center;flex-shrink:0}
:focus-visible{outline:2px solid #c66d45;outline-offset:4px}
@media(max-width:850px){
 .nav-menu-toggle{display:block;border:1px solid #9a7e6c;padding:10px;border-radius:99px;background:#f7f1e9;margin-left:12px}
 .navlinks.open{display:flex;position:absolute;top:76px;right:0;flex-direction:column;gap:0;padding:12px;width:220px;background:#f7f1e9;border:1px solid #d6b66a;border-radius:16px;box-shadow:0 12px 35px #30221a20}.navlinks.open a{padding:12px}
 #home.hero{height:850px;min-height:850px;align-items:flex-start}#home .hero-copy{padding-top:140px}
 #home .hero-photo{object-position:55% center}#home .hero-wash{background:linear-gradient(180deg,rgba(247,241,233,.95),rgba(247,241,233,.84) 40%,rgba(247,241,233,.18) 68%,transparent)}
 #home .hero-trust{bottom:95px;background:rgba(247,241,233,.8);padding:10px;border-radius:12px}
}
@media(max-width:520px){#home.hero{height:870px;min-height:870px}#home .hero-copy{padding-top:120px}#home h1{font-size:clamp(60px,15vw,78px)}#home .hero-photo{object-position:46% center}.hero-actions{gap:16px}.navright>.btn{padding:12px 15px}.stats{margin-top:-45px}.dashboard{grid-template-columns:1fr}.dashside{display:none}.primo-help-panel{max-height:65dvh}.trusted-marquee{border-radius:0}}
@media(prefers-reduced-motion:reduce){#home .hero-photo,#home .floating,#home h1{animation:none;transform:none}.brand-chip:before{animation:none!important}.reveal{opacity:1;transform:none}}

/* V10.1: retain live card; remove decorative avatar circles and CTA overlap. */
#home .hero-copy .hero-trust{position:static;margin-top:24px;color:#40332b;background:none;padding:0;text-shadow:none;font-size:11px;line-height:1.5}

/* Reference-inspired wide typography, licensed Unbounded. */
h1,h2,h3,.service h3,.workcard h3,.contact h2,.section h2{font-family:'Inter','DM Sans',sans-serif;font-weight:700;letter-spacing:-.055em;line-height:1.12}
.serif{font-family:'Inter','DM Sans',sans-serif;font-style:normal;font-weight:700;letter-spacing:-.055em}
#home h1{font-size:clamp(48px,6.2vw,100px);line-height:1.06;letter-spacing:-.065em;max-width:840px}#home h1 .serif{letter-spacing:inherit}
.section h2{font-size:clamp(32px,4vw,58px)}.service h3{font-size:18px}.workcard h3{font-size:clamp(25px,2.6vw,40px)}.workcard.small h3{font-size:23px}.contact h2{font-size:clamp(30px,3.7vw,50px)}.step h3{font-size:17px}.primo-help-panel h3{font-size:20px}
@media(max-width:850px){#home h1{font-size:clamp(43px,7.2vw,66px)}.section h2{font-size:clamp(30px,5vw,44px)}}
@media(max-width:520px){#home h1{font-size:clamp(34px,9.7vw,49px)}.section h2{font-size:clamp(26px,7.7vw,36px)}.service h3{font-size:15px}.workcard.small h3{font-size:22px}}

/* Optical alignment: wide fonts need relaxed tracking and consistent upright styling. */
h1,h2,h3,.serif,.section h2,.contact h2,.workcard h3,.workcard.small h3,.service h3{letter-spacing:-.025em;font-synthesis:none}
#home h1,#home h1 .serif{font-family:'Inter','DM Sans',sans-serif;font-weight:700;font-style:normal;font-synthesis:none;letter-spacing:-.025em;line-height:1.15;transform:none;text-shadow:none;-webkit-text-stroke:0}
#home h1{font-size:clamp(46px,5.6vw,94px);margin:22px 0 28px}
#home h1 .serif{display:inline-block}
#home .floating{transform:none}#home .floating:hover{transform:translateY(-4px)}
@media(max-width:850px){#home h1{font-size:clamp(42px,6.9vw,64px)}}
@media(max-width:520px){#home h1{font-size:clamp(32px,9.1vw,46px);line-height:1.16;letter-spacing:-.025em}}

 .logo,.intro-logo{font-family:"DM Sans",sans-serif}
/* Selected Inter typography and readable glass navigation. */
body,button,input,textarea,.primo-help,.primo-help-option,.primo-help-toggle{font-family:'Inter',sans-serif}
h1,h2,h3,.serif,.section h2,.contact h2,.workcard h3,.service h3,#home h1,#home h1 .serif{font-family:'Inter',sans-serif;font-weight:800;font-style:normal;font-synthesis:none;letter-spacing:-.025em}
#home h1{font-size:clamp(58px,6.8vw,116px);line-height:1.08}
.nav.wrap{top:18px;height:76px;padding:0 24px;border-radius:20px;background:linear-gradient(135deg,rgba(255,251,246,.88),rgba(247,241,233,.77));border:1px solid rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(52,38,27,.13),inset 0 1px 0 rgba(255,255,255,.95),inset 0 -1px 0 rgba(214,182,106,.25);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.navlinks{font-size:13px;font-weight:600;color:#25201c}.navlinks a{padding:9px 0}.navright .lang{color:#25201c}.nav .logo{flex-shrink:0}.nav .replay-logo{margin-left:0}
@media(max-width:1050px){.navlinks{gap:20px}.nav.wrap{padding:0 18px}}
@media(max-width:850px){.nav.wrap{top:12px;height:70px;border-radius:16px;padding:0 14px}.navlinks.open{top:80px;background:rgba(255,251,246,.98);border-color:#d6b66a}#home h1{font-size:clamp(52px,9vw,80px)}}
@media(max-width:520px){#home h1{font-size:clamp(44px,12vw,60px);line-height:1.1}.nav.wrap{padding:0 10px}.navright>.btn{padding:12px;font-size:11px}.nav-menu-toggle{margin-left:8px;padding:9px}.nav .logo{font-size:24px}.navright{gap:0}}

/* Selected Work: staggered 3D entrance, with readable resting state. */
#work .workgrid{perspective:1800px;perspective-origin:50% 45%}
#work .workcard{position:relative;border:1px solid rgba(232,210,154,.28);backface-visibility:hidden;-webkit-backface-visibility:hidden;transform-origin:50% 50%;opacity:1;transform:none;transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease}
#work .workcard::after{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.25);background:linear-gradient(115deg,transparent 20%,rgba(255,242,218,.24) 45%,transparent 70%);opacity:0}
#work .workgrid.flip-enabled .workcard{transform:rotateY(-105deg) translateY(35px) scale(.97);opacity:0;transition:transform 1.25s cubic-bezier(.16,1,.3,1),opacity .65s ease;transition-delay:var(--flip-delay,0ms)}
#work .workgrid.flip-enabled .workcard.flip-arrived{transform:rotateY(0deg) translateY(0) scale(1);opacity:1}
#work .workcard.flip-arrived::after{animation:primoWorkReflection 1.25s ease both;animation-delay:var(--flip-delay,0ms)}
#work .workgrid.flip-enabled .workcard.flip-settled{transition:transform .45s ease,box-shadow .45s ease,border-color .45s ease;transition-delay:0ms}
@media(hover:hover) and (pointer:fine){#work .workgrid .workcard.flip-settled:hover{transform:translateY(-6px);border-color:rgba(232,210,154,.65);box-shadow:0 18px 36px rgba(0,0,0,.2)}}
@keyframes primoWorkReflection{0%{opacity:0;background-position:0 0}35%{opacity:.7}100%{opacity:0;background-position:250px 0}}
@media(max-width:600px){#work .workgrid.flip-enabled .workcard{transform:rotateY(-48deg) translateY(25px);transition-duration:.95s}#work .workgrid.flip-enabled .workcard.flip-arrived{transform:none}}
@media(prefers-reduced-motion:reduce){#work .workgrid.flip-enabled .workcard,#work .workcard{transform:none!important;opacity:1!important;transition:none!important}#work .workcard::after{animation:none!important;opacity:0!important}}

/* Warm navigation reflections remain behind readable, interactive content. */
.nav.wrap{isolation:isolate;transition:box-shadow .4s,border-color .4s}
.nav.wrap::before{content:'';position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:-1;background:radial-gradient(180px circle at var(--nav-light,50%) 40%,rgba(232,210,154,.5),transparent 75%);opacity:0;transition:opacity .4s}
.nav.wrap.nav-lit::before{opacity:1}.nav.wrap.nav-lit{border-color:rgba(232,210,154,.95);box-shadow:0 10px 32px rgba(52,38,27,.14),inset 0 1px rgba(255,255,255,.95)}
.nav.wrap::after{content:'';position:absolute;left:0;right:0;top:0;height:2px;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(214,182,106,.95),rgba(255,255,255,.95),transparent);background-size:25% 100%;background-repeat:no-repeat;animation:navEdgeSweep 2.1s .7s ease both}
@keyframes navEdgeSweep{from{background-position:-35% 0;opacity:0}20%{opacity:1}to{background-position:135% 0;opacity:0}}
.navlinks a{position:relative;transition:color .3s}.navlinks a::after{content:'';position:absolute;left:0;right:0;bottom:2px;height:2px;background:#b9814d;border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.navlinks a:hover,.navlinks a:focus-visible{color:#95532d}.navlinks a:hover::after,.navlinks a:focus-visible::after{transform:scaleX(1)}
#work .workgrid.flip-enabled .workcard:not(.flip-arrived){transition-delay:0ms}
@media(prefers-reduced-motion:reduce){.nav.wrap::after{animation:none;opacity:0}.nav.wrap::before{display:none}.navlinks a,.navlinks a::after{transition:none}}

/* Cinematic hero accents: keep copy crisp, motion restrained. */
#home h1{animation:none}
#home .hero-line{display:block}
#home.hero-ready .hero-line{animation:primoHeroLine .95s cubic-bezier(.16,1,.3,1) both}
#home.hero-ready .hero-line:nth-child(2){animation-delay:.13s}
#home.hero-ready .hero-line:nth-child(3){animation-delay:.26s}
@keyframes primoHeroLine{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
#home .hero-ambient{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(480px circle at var(--hero-x,74%) var(--hero-y,42%),rgba(255,208,127,.17),transparent 72%);opacity:.45;transition:opacity .6s}
#home.hero-hover .hero-ambient{opacity:1}
#home .hero-photo{transition:translate 1.2s cubic-bezier(.16,1,.3,1)}
#home .hero-highlight{position:relative;width:max-content;max-width:100%;isolation:isolate}
#home .hero-highlight::after{content:'';position:absolute;inset:10% -2%;pointer-events:none;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(214,182,106,.2),transparent 70%);opacity:0}
#home.hero-ready .hero-highlight::after{animation:primoHeroWarmth 2s .5s ease both}
@keyframes primoHeroWarmth{0%,100%{opacity:0}50%{opacity:1}}
@supports(background-clip:text){#home.hero-ready h1 .hero-highlight{background-image:linear-gradient(110deg,#c67b44 0%,#c67b44 40%,#edbc7d 49%,#c67b44 58%,#c67b44 100%);background-size:250% 100%;background-clip:text;-webkit-background-clip:text;color:transparent;animation:primoHeroLine .95s .26s cubic-bezier(.16,1,.3,1) both,primoHeroTextLight 2.3s .8s ease both} @keyframes primoHeroTextLight{from{background-position:120% 0}to{background-position:-20% 0}}}
@media(prefers-reduced-motion:reduce){#home.hero-ready .hero-line,#home.hero-ready h1 .hero-highlight{animation:none!important;transform:none!important;opacity:1!important}#home .hero-ambient{display:none}#home .hero-photo{translate:none!important;transition:none}#home .hero-highlight::after{display:none}}

/* Click-triggered ice-blue meteor; decorative layer never intercepts input. */
#home .hero-meteors{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:4;border-radius:inherit}
#home .hero-meteor{position:absolute;left:0;top:0;width:clamp(90px,12vw,210px);height:3px;pointer-events:none;border-radius:999px;background:linear-gradient(90deg,transparent,rgba(62,146,255,.35) 28%,#96e6ff 76%,#fff 100%);filter:drop-shadow(0 0 4px #54bbff) drop-shadow(0 0 9px rgba(31,105,218,.85));animation:primoMeteorFlight 1.05s cubic-bezier(.15,.4,.4,1) both;transform-origin:right center}
#home .hero-meteor::after{content:'';position:absolute;right:-2px;top:50%;width:8px;height:8px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 7px 2px #b9f2ff,0 0 17px rgba(56,152,255,.9)}
@keyframes primoMeteorFlight{0%{opacity:0;transform:translate3d(var(--meteor-x0),var(--meteor-y0),0) rotate(var(--meteor-angle)) scaleX(.35)}12%{opacity:1}72%{opacity:1}100%{opacity:0;transform:translate3d(var(--meteor-x1),var(--meteor-y1),0) rotate(var(--meteor-angle)) scaleX(1)}}
@media(prefers-reduced-motion:reduce){#home .hero-meteors{display:none}#home .hero-meteor{animation:none}}

/* Native language selector and script-aware typography. */
.navright .language-picker{display:inline-flex;align-items:center;gap:5px;flex-shrink:0;color:#332a22}
.language-picker select{font:600 12px 'Inter','Noto Sans Thai',sans-serif;border:1px solid rgba(151,118,82,.32);border-radius:10px;background:rgba(255,255,255,.55);color:#332a22;padding:9px 5px;max-width:98px;cursor:pointer}
html[lang=th] body,html[lang=th] button,html[lang=th] input,html[lang=th] textarea,html[lang=th] .primo-help,html[lang=th] .primo-help-option,html[lang=th] .primo-help-toggle{font-family:'Inter','Noto Sans Thai',sans-serif}
html[lang=th] h1,html[lang=th] h2,html[lang=th] h3,html[lang=th] .serif,html[lang=th] #home h1 .serif{font-family:'Noto Sans Thai','Inter',sans-serif;letter-spacing:0;line-height:1.3}
html[lang=th] #home h1{font-size:clamp(56px,6vw,96px);line-height:1.25}
html[lang=vi] #home h1{font-size:clamp(48px,5.5vw,92px);line-height:1.14}
html:not([lang=en]) .navlinks{gap:20px;font-size:12px}
html[lang=th] .navlinks{font-family:'Noto Sans Thai',sans-serif}
html:not([lang=en]) .service h3{font-size:17px}html:not([lang=en]) .service p{font-size:12px}
html:not([lang=en]) #orbit h2{font-size:clamp(28px,3.5vw,46px)}
html:not([lang=en]) .dashmain h4{line-height:1.6}html:not([lang=en]) .dashnums small{font-size:10px;line-height:1.5}
html:not([lang=en]) .contact h2{font-size:clamp(30px,3.2vw,48px)}
@media(max-width:1150px) and (min-width:851px){html:not([lang=en]) .navlinks{gap:12px;font-size:11px}.navright{gap:10px}}
@media(max-width:600px){.navright .language-picker{display:inline-flex}.language-picker select{max-width:73px;padding:8px 3px;font-size:11px}.language-picker>span{display:none}.navright{gap:6px}.navright>.btn{font-size:10px;padding:10px}.nav-menu-toggle{margin-left:0}html[lang=th] #home h1{font-size:clamp(46px,11vw,66px)}html[lang=vi] #home h1{font-size:clamp(34px,8.7vw,52px)}html:not([lang=en]) .hero-actions{gap:12px;flex-wrap:wrap}html:not([lang=en]) .hero-actions .btn{padding:14px 17px}html:not([lang=en]) .hero p{max-width:290px}html:not([lang=en]) .section h2{overflow-wrap:anywhere}html:not([lang=en]) .workmetrics{gap:14px;flex-wrap:wrap}}
@media(max-width:380px){.nav.wrap{width:96%;padding:0 8px}.nav .logo{font-size:20px}.navright{gap:4px}.navright>.btn{padding:9px 8px}.nav-menu-toggle{font-size:11px;padding:8px}.language-picker select{max-width:66px}}

/* Compact language control: native select, quiet appearance and clear focus. */
.navright .language-picker{position:relative;display:inline-flex;align-items:center;gap:7px;padding:0 8px;border-radius:10px;background:transparent;transition:background .25s,box-shadow .25s}
.navright .language-picker .language-globe{display:block;flex-shrink:0;opacity:.8}
.navright .language-picker select{appearance:none;-webkit-appearance:none;border:0;border-radius:6px;background:transparent;box-shadow:none;font:600 11px 'Inter',sans-serif;color:#332a22;letter-spacing:.03em;width:38px;max-width:38px;min-height:36px;padding:8px 12px 8px 0;cursor:pointer}
.navright .language-picker::after{content:'';position:absolute;right:10px;top:calc(50% - 3px);width:5px;height:5px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);pointer-events:none;opacity:.65}
.navright .language-picker:hover,.navright .language-picker:focus-within{background:rgba(255,255,255,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)}
.language-picker select option{background:#f7f1e9;color:#332a22}
@media(max-width:600px){.navright .language-picker{gap:5px;padding:0 5px}.navright .language-picker select{width:35px;max-width:35px}.navright .language-picker::after{right:7px}.navright .language-picker .language-globe{width:13px;height:13px}}
@media(pointer:coarse){.navright .language-picker select{min-height:44px}}
@media(prefers-reduced-motion:reduce){.navright .language-picker{transition:none}}

/* Original white Orbit artwork on a contrasting charcoal surface. */
.orbit-brand-tile{position:relative;width:152px;height:152px;margin:22px 0 24px;overflow:hidden;background:#171615;border:1px solid rgba(214,182,106,.38);border-radius:22px;box-shadow:0 12px 30px rgba(45,32,22,.12),inset 0 1px rgba(255,255,255,.1)}
.orbit-brand-tile img{position:absolute;width:160%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
.dash-orbit-brand{position:relative;display:block;width:90px;height:90px;overflow:hidden;margin-bottom:12px;line-height:1}
.dash-orbit-brand img{position:absolute;width:160%;max-width:none;height:auto;left:50%;top:50%;transform:translate(-50%,-50%)}
@media(max-width:850px){.orbit-brand-tile{width:132px;height:132px}.dash-orbit-brand{width:58px;height:62px}}
@media(max-width:520px){.orbit-brand-tile{width:120px;height:120px;border-radius:18px;margin:18px 0 20px}}

/* Orbit introduction: black logo on the site's warm ivory. */
#orbit .orbit-brand-tile{background:var(--cream);border:0;border-radius:0;box-shadow:none}
#orbit .orbit-brand-tile img{filter:brightness(0)}


/* User-supplied assistant icon; retain the original image pixels. */
.primo-help-toggle .toggle-orb{overflow:hidden;flex-shrink:0}
.primo-help-toggle .primo-assistant-image{display:block;width:100%;height:100%;object-fit:contain;object-position:center;border-radius:inherit}


/* Client originals, visually sized using their artwork bounds. */
.trusted-marquee .marquee-track{animation-duration:64s}
.trusted-marquee .client-tile{width:224px;min-width:224px;height:116px;box-sizing:border-box;padding:22px 25px;background:#22201f;border:1px solid #514039;border-radius:15px;overflow:hidden;box-shadow:inset 0 1px 0 #ffffff0b;color:#f5eee6}
.trusted-marquee .client-tile:hover,.trusted-marquee .client-tile:focus-visible{background:#2b2521;color:#fff;box-shadow:0 8px 24px #b9794825,inset 0 0 0 1px #be9364;transform:translateY(-2px)}
.client-art{display:block;width:100%;height:72px;overflow:hidden;flex-shrink:0;transition:transform .4s,opacity .4s}
.client-tile:hover .client-art{transform:scale(1.025)}
.client-square .client-art{width:80px;height:80px;border-radius:9px}
.client-kong{position:relative}.client-kong .client-kong-mascot{position:absolute;width:85px;height:94px;opacity:0}.client-kong:hover .client-kong-mascot,.client-kong:focus-visible .client-kong-mascot{opacity:1}.client-kong:hover .client-kong-wordmark,.client-kong:focus-visible .client-kong-wordmark{opacity:0}
.trusted-marquee .client-text{white-space:normal;text-align:center;font-size:17px;line-height:1.35;letter-spacing:-.02em;font-weight:500}
@media(max-width:600px){.trusted-marquee .client-tile{width:190px;min-width:190px;height:104px;padding:18px 22px}.client-art{height:66px}.client-square .client-art{width:72px;height:72px}.client-kong .client-kong-mascot{height:84px;width:75px}}
@media(prefers-reduced-motion:reduce){.trusted-marquee .marquee-track{animation:none;transform:none}.trusted-marquee .marquee-viewport{overflow-x:auto}.trusted-marquee .marquee-group[aria-hidden=true]{display:none}.client-art{transition:none}}


/* Supplied PRIMO artwork: exact image silhouettes, animated in the page. */
.primo-brand-art{display:block;width:100%;height:auto;overflow:visible;flex-shrink:0;isolation:isolate}
.logo .primo-brand-art{width:142px;height:34px}.logo.replay-logo{display:flex;align-items:center;justify-content:center;min-width:142px;flex-shrink:0;padding:6px 0;overflow:visible;transition:transform .35s}.logo.replay-logo:hover{transform:translateY(-2px)}
.primo-brand-sweep{animation:primo-brand-shimmer 7s ease-in-out infinite;pointer-events:none;opacity:0}
@keyframes primo-brand-shimmer{0%,54%{transform:translateX(0);opacity:0}57%{opacity:.8}78%{opacity:.8}83%,100%{transform:translateX(var(--brand-travel));opacity:0}}
.logo:hover .primo-brand-pixels{filter:drop-shadow(0 0 5px #e8c68988)}
#intro .intro-logo.primo-intro-logo{display:grid;place-items:center;width:min(65vw,570px);height:220px;position:relative;font-size:0;letter-spacing:0;opacity:1;transform:none;animation:none}
.primo-intro-symbol{position:absolute;width:110px;height:110px;opacity:0}.primo-intro-symbol .primo-brand-art{width:100%;height:100%}
.primo-intro-wordmark{width:100%;opacity:0}.primo-intro-wordmark .primo-brand-art{height:130px}
#intro.playing .primo-intro-symbol{animation:primo-symbol-reveal 2.3s cubic-bezier(.18,.75,.23,1) both}
#intro.playing .primo-intro-wordmark{animation:primo-wordmark-reveal 1.35s 1.05s cubic-bezier(.18,.75,.23,1) both}
#intro.playing .primo-intro-wordmark .primo-brand-sweep{animation:primo-brand-shimmer 2.7s .4s both}
@keyframes primo-symbol-reveal{0%{opacity:0;transform:rotate(-120deg) scale(.45);filter:blur(8px)}30%,53%{opacity:1;transform:rotate(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateX(150px) scale(.4);filter:blur(3px)}}
@keyframes primo-wordmark-reveal{from{opacity:0;transform:translateY(16px) scale(.91);filter:blur(10px);clip-path:inset(0 100% 0 0)}to{opacity:1;transform:none;filter:blur(0);clip-path:inset(0)}}
.member-brand{width:125px;letter-spacing:0}.member-brand .primo-brand-art{height:34px}.primo-footer-brand{display:block;width:145px}
.trusted-marquee .client-light{background:#f5f0e8;border-color:#dfcbb5}.trusted-marquee .client-light:hover,.trusted-marquee .client-light:focus-visible{background:#fff8ef}
.client-body{position:relative}.client-body-symbol{position:absolute;width:160px;height:78px;opacity:0}.client-body:hover .client-body-symbol,.client-body:focus-visible .client-body-symbol{opacity:1}.client-body:hover .client-body-full,.client-body:focus-visible .client-body-full{opacity:0}
.trusted-marquee .marquee-track{animation-duration:78s}
@media(max-width:600px){.logo .primo-brand-art{width:110px;height:29px}.logo.replay-logo{min-width:110px}#intro .intro-logo.primo-intro-logo{width:78vw;height:160px}.primo-intro-wordmark .primo-brand-art{height:90px}}
@media(prefers-reduced-motion:reduce){.primo-brand-sweep{display:none!important}.primo-brand-art,.logo.replay-logo{animation:none!important;transition:none!important}.primo-intro-symbol{display:none}#intro .primo-intro-wordmark{opacity:1;transform:none;filter:none;clip-path:none;animation:none!important}}

#work .workcard{background-image:radial-gradient(ellipse at 30% 0%,#81603a55,transparent 65%),linear-gradient(145deg,#26251e,#10110f)!important}#work .workcard .page-client-art{display:block;width:180px;height:85px;margin:25px 0}#work .workcard p{font-size:12px;line-height:1.7;color:#c8bba8;max-width:500px}