:root{
  --bg:#030713;--bg2:#071126;--surface:rgba(10,18,40,.74);--surface-strong:rgba(7,13,31,.97);
  --text:#f7f8fc;--muted:#9eacc2;--muted-strong:#d0d7e4;--line:rgba(255,255,255,.11);
  --line-strong:rgba(255,255,255,.21);--gold:#eac266;--gold-light:#ffe7a5;--gold-rgb:234,194,102;
  --accent:#ff72b8;--accent2:#62dff7;--accent-rgb:255,114,184;--accent2-rgb:98,223,247;
  --danger:#ff929a;--success:#8ee8c7;--header-h:84px;--max:1440px;--radius:24px;--radius-lg:38px;
  --shadow:0 30px 90px rgba(0,0,0,.43);--ease:cubic-bezier(.2,.75,.25,1);
}
html[data-theme="aurora"]{--bg:#031018;--bg2:#062532;--gold:#c9eba6;--gold-light:#edffd8;--gold-rgb:201,235,166;--accent:#69e3d2;--accent2:#6aa9ff;--accent-rgb:105,227,210;--accent2-rgb:106,169,255}
html[data-theme="solar"]{--bg:#110705;--bg2:#28120b;--gold:#ffc66d;--gold-light:#ffe5ad;--gold-rgb:255,198,109;--accent:#ff8e70;--accent2:#d86aff;--accent-rgb:255,142,112;--accent2-rgb:216,106,255}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--bg);max-width:100%;overflow-x:clip}
body{margin:0;min-width:320px;max-width:100%;overflow-x:clip;color:var(--text);background:var(--bg);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body.is-locked,body.is-traveling{overflow:hidden}
img{display:block;max-width:100%}svg{display:block}a{color:inherit}button,input,select,textarea{font:inherit}button{color:inherit}
button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}[hidden]{display:none!important}::selection{color:#050816;background:var(--gold-light)}
.svg-sprite{position:absolute;width:0;height:0;overflow:hidden}.section-shell{width:min(calc(100% - 48px),var(--max));margin-inline:auto}
.skip-link{position:fixed;z-index:6000;top:12px;left:14px;padding:.78rem 1rem;transform:translateY(-170%);border-radius:12px;color:#050816;background:var(--gold-light);font-weight:850;text-decoration:none;transition:transform .2s}.skip-link:focus{transform:none}
:focus-visible{outline:3px solid var(--accent2);outline-offset:4px}

/* Background */
.ambient-canvas,.cosmic-backdrop,.cosmic-noise,.pointer-glow,.design-field{position:fixed;inset:0;width:100%;height:100%;pointer-events:none}
.ambient-canvas{z-index:-5;opacity:.9}.cosmic-backdrop{z-index:-8;background:radial-gradient(circle at 11% 17%,rgba(var(--accent-rgb),.12),transparent 30%),radial-gradient(circle at 84% 16%,rgba(var(--gold-rgb),.11),transparent 26%),radial-gradient(circle at 70% 78%,rgba(var(--accent2-rgb),.09),transparent 34%),linear-gradient(180deg,var(--bg),var(--bg2) 53%,var(--bg))}
.cosmic-noise{z-index:-4;opacity:.06;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='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.65'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
.pointer-glow{z-index:0;width:430px;height:430px;left:-215px;top:-215px;border-radius:50%;opacity:.6;background:radial-gradient(circle,rgba(var(--accent-rgb),.12),transparent 69%);transform:translate3d(var(--pointer-x,50vw),var(--pointer-y,40vh),0);will-change:transform}
.design-field{z-index:1;overflow:hidden;opacity:.42;contain:strict;mask-image:linear-gradient(to bottom,transparent,#000 9%,#000 92%,transparent)}
.design-field::before,.design-field::after{content:"";position:absolute;width:54vw;aspect-ratio:1;border:1px solid rgba(var(--accent2-rgb),.07);border-radius:50%;animation:field-spin 42s linear infinite}
.design-field::before{left:-30vw;top:20vh}.design-field::after{right:-32vw;bottom:6vh;border-color:rgba(var(--gold-rgb),.075);animation-direction:reverse;animation-duration:55s}
.bezier-line{position:absolute;width:260px;height:170px;border:1px solid rgba(var(--accent-rgb),.14);border-color:rgba(var(--accent-rgb),.14) transparent transparent rgba(var(--accent-rgb),.14);border-radius:60% 30% 70% 20%;transform:rotate(-22deg);animation:float-art 14s ease-in-out infinite alternate}
.bezier-line::before,.bezier-line::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.7)}
.bezier-line::before{left:-4px;top:-4px}.bezier-line::after{right:22px;bottom:8px}.bezier-line--one{top:24vh;left:-60px}.bezier-line--two{right:-55px;top:126vh;transform:rotate(18deg);animation-delay:-5s}
.color-dot{position:absolute;width:14px;height:14px;border-radius:50%;box-shadow:0 0 24px currentColor;animation:float-art 11s ease-in-out infinite alternate}.color-dot--one{left:4vw;top:88vh;color:#ff72b8;background:currentColor}.color-dot--two{right:4vw;top:64vh;color:#62dff7;background:currentColor;animation-delay:-3s}.color-dot--three{left:7vw;top:208vh;color:#eac266;background:currentColor;animation-delay:-6s}
.type-glyph{position:absolute;right:3vw;top:31vh;color:rgba(255,255,255,.08);font:900 5rem/1 Georgia,serif;letter-spacing:-.08em;animation:float-art 16s ease-in-out infinite alternate}.type-glyph--two{left:2vw;right:auto;top:164vh;font:900 1rem/1 ui-monospace,monospace;letter-spacing:.2em;color:rgba(var(--gold-rgb),.16)}
@keyframes field-spin{to{transform:rotate(360deg)}}@keyframes float-art{to{transform:translate3d(16px,25px,0) rotate(-15deg)}}

/* Header */
.site-header{position:fixed;z-index:1000;inset:0 0 auto;height:var(--header-h);border-bottom:1px solid transparent;transition:background .3s,border-color .3s,transform .35s var(--ease)}
.site-header.is-scrolled{border-color:var(--line);background:rgba(3,7,19,.84);backdrop-filter:blur(22px) saturate(135%);-webkit-backdrop-filter:blur(22px) saturate(135%)}.site-header.is-hidden{transform:translateY(-110%)}
.header-inner{width:min(calc(100% - 48px),var(--max));height:100%;margin:auto;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}
.brand{display:inline-flex;align-items:center;text-decoration:none}.brand picture,.brand img{width:124px;height:62px}.brand img{object-fit:contain}
.desktop-nav{justify-self:center;display:flex;align-items:center;gap:clamp(18px,2.3vw,38px)}.desktop-nav a{position:relative;padding:10px 0;color:var(--muted-strong);font-size:.73rem;font-weight:800;letter-spacing:.13em;text-decoration:none;text-transform:uppercase}
.desktop-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:4px;height:1px;background:var(--gold);transition:right .3s var(--ease)}.desktop-nav a:hover::after{right:0}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:9px}.language-switch{display:flex;gap:2px;padding:4px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.025)}
.language-switch a,.language-switch span{min-width:34px;min-height:34px;display:grid;place-items:center;border-radius:50%;font-size:.7rem;font-weight:900;text-decoration:none}.language-switch span{color:#070914;background:var(--gold)}.language-switch a{color:var(--muted)}
.icon-button{width:43px;height:43px;padding:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--text);background:rgba(255,255,255,.035);cursor:pointer;transition:transform .2s,border-color .2s,color .2s,background .2s}.icon-button svg{width:20px;height:20px}.icon-button:hover{transform:translateY(-2px);color:var(--accent2);border-color:rgba(var(--accent2-rgb),.5);background:rgba(var(--accent2-rgb),.08)}
.header-cta,.button{min-height:50px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border:1px solid transparent;border-radius:999px;font-size:.84rem;font-weight:900;text-decoration:none;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s,background .25s,border-color .25s}
.header-cta{min-height:44px;padding-inline:18px;color:#070914;background:linear-gradient(120deg,var(--gold-light),var(--gold))}.header-cta svg,.button svg{width:18px;height:18px}.header-cta:hover,.button--primary:hover{transform:translateY(-2px);box-shadow:0 14px 36px rgba(var(--gold-rgb),.22)}
.button--primary{color:#070914;background:linear-gradient(120deg,var(--gold-light),var(--gold))}.button--ghost{color:var(--text);border-color:var(--line-strong);background:rgba(255,255,255,.025)}.button--ghost:hover{transform:translateY(-2px);border-color:rgba(var(--accent2-rgb),.52);background:rgba(var(--accent2-rgb),.075)}
.mobile-menu-button{display:none}.mobile-menu{position:fixed;inset:0;z-index:1300}.mobile-menu__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.72);backdrop-filter:blur(7px)}.mobile-menu__panel{position:absolute;top:0;right:0;width:min(88vw,430px);height:100%;padding:100px 30px 42px;display:flex;flex-direction:column;border-left:1px solid var(--line);background:var(--surface-strong);box-shadow:-30px 0 90px rgba(0,0,0,.5);animation:panel-in .35s var(--ease)}.mobile-menu__panel>a{padding:17px 4px;border-bottom:1px solid var(--line);font-size:1.08rem;font-weight:850;text-decoration:none}.mobile-menu__close{position:absolute;top:24px;right:24px}@keyframes panel-in{from{transform:translateX(100%)}to{transform:none}}

/* Shared */
main{position:relative;z-index:2}.eyebrow{margin:0 0 20px;display:flex;align-items:center;gap:12px;color:var(--gold);font-size:.7rem;font-weight:950;letter-spacing:.18em;line-height:1.45;text-transform:uppercase}.eyebrow>span{width:34px;height:1px;background:linear-gradient(90deg,var(--gold),transparent)}
.hero h1,.section-heading h2,.route-intro h2,.faq-heading h2,.contact-copy h2{margin:0;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-weight:950;letter-spacing:-.055em;line-height:.94;text-wrap:balance}
.capabilities,.portfolio,.route,.deliver,.process,.faq,.contact{padding-block:clamp(96px,10.5vw,158px)}
.section-heading{margin-bottom:50px;display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,470px);align-items:end;gap:50px}.section-heading h2,.route-intro h2,.contact-copy h2,.faq-heading h2{font-size:clamp(3rem,5vw,6rem)}.section-heading>p{margin:0 0 7px;color:var(--muted);font-size:1.01rem}

/* Hero */
.hero{min-height:100svh;padding-top:calc(var(--header-h) + clamp(48px,7vh,84px));padding-bottom:clamp(72px,9vh,112px);display:grid;grid-template-columns:minmax(0,1.02fr) minmax(500px,.98fr);align-items:center;gap:clamp(48px,7vw,110px)}
.hero-copy{position:relative;z-index:5;max-width:850px}.hero h1{font-size:clamp(3.7rem,6.2vw,7.3rem)}.hero h1 span,.hero h1 em{display:block}.hero h1 em{color:var(--gold);font-style:normal}.hero-lead{max-width:700px;margin:28px 0 0;color:var(--muted-strong);font-size:clamp(1.02rem,1.35vw,1.25rem)}
.hero-actions{margin-top:34px;display:flex;flex-wrap:wrap;gap:13px}.hero-signals{margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:9px;list-style:none}.hero-signals li{padding:8px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.022);font-size:.75rem;font-weight:720}.hero-signals li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.85)}
.hero-visual{position:relative;min-height:690px;perspective:1200px}.hero-visual::before{content:"";position:absolute;top:32px;right:-90px;width:535px;height:535px;border:1px solid rgba(var(--accent2-rgb),.14);border-radius:50%;box-shadow:0 0 110px rgba(var(--accent2-rgb),.05)}
.design-board{position:absolute;right:0;top:0;width:min(100%,620px);height:670px;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.35);border-radius:42px;background:linear-gradient(145deg,rgba(12,20,43,.93),rgba(4,8,22,.97));box-shadow:var(--shadow);transform-style:preserve-3d;transition:transform .35s var(--ease)}
.design-board::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 78% 12%,rgba(var(--accent-rgb),.13),transparent 30%),radial-gradient(circle at 15% 78%,rgba(var(--accent2-rgb),.1),transparent 35%)}
.design-board__grid{position:absolute;inset:0;opacity:.18;background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.09) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to bottom,transparent,#000 16%,#000 82%,transparent)}
.design-board__badge{position:absolute;z-index:8;right:22px;top:22px;padding:10px 13px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);background:rgba(4,7,20,.7);backdrop-filter:blur(14px);font-size:.64rem;font-weight:900;letter-spacing:.08em}.design-board__badge i{width:7px;height:7px;border-radius:50%;background:var(--success);box-shadow:0 0 14px rgba(142,232,199,.85);animation:status-pulse 2s infinite}
.brand-sheet{position:absolute;z-index:3;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:#fff;box-shadow:0 25px 55px rgba(0,0,0,.45);transition:transform .55s var(--ease)}.brand-sheet img{width:100%;height:100%;object-fit:cover;object-position:top}
.brand-sheet--agency{left:50px;top:86px;width:58%;height:440px;transform:rotate(-4deg)}.brand-sheet--talent{right:34px;top:158px;width:35%;height:300px;transform:rotate(6deg)}.brand-sheet--records{right:52px;bottom:82px;width:38%;height:250px;transform:rotate(-2deg)}
.design-board:hover .brand-sheet--agency{transform:rotate(-3deg) translateY(-7px)}.design-board:hover .brand-sheet--talent{transform:rotate(5deg) translate(4px,-6px)}.design-board:hover .brand-sheet--records{transform:rotate(-1deg) translateY(-6px)}
.design-board__palette{position:absolute;z-index:7;left:26px;bottom:30px;padding:10px 12px;display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:16px;background:rgba(4,8,22,.78);backdrop-filter:blur(14px)}.design-board__palette i{width:18px;height:18px;border-radius:50%}.design-board__palette i:nth-child(1){background:#eac266}.design-board__palette i:nth-child(2){background:#0b1c39}.design-board__palette i:nth-child(3){background:#62dff7}.design-board__palette i:nth-child(4){background:#ff72b8}.design-board__palette span{margin-left:4px;color:var(--muted);font:700 .62rem ui-monospace,monospace}
.design-board__caption{position:absolute;z-index:7;left:30px;right:30px;bottom:23px;padding-top:15px;border-top:1px solid var(--line);transform:translateY(78px)}.design-board__caption strong{display:block}.design-board__caption span{display:block;margin-top:3px;color:var(--muted);font-size:.75rem}
@keyframes status-pulse{50%{opacity:.4;transform:scale(.72)}}

/* ticker */
.capability-marquee{position:relative;z-index:2;width:100%;height:62px;overflow:clip;contain:layout paint;border-block:1px solid var(--line);background:rgba(255,255,255,.018)}.capability-marquee__track{position:absolute;inset:0 auto auto 0;width:max-content;min-height:62px;display:flex;align-items:center;gap:24px;color:var(--muted-strong);animation:marquee 36s linear infinite}.capability-marquee__track span{font-size:.7rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.capability-marquee__track i{width:5px;height:5px;border-radius:50%;background:var(--gold);box-shadow:0 0 10px rgba(var(--gold-rgb),.8)}@keyframes marquee{to{transform:translateX(-50%)}}

/* capabilities */
.capability-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px}.capability-card{position:relative;min-height:300px;padding:25px;overflow:hidden;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(255,255,255,.052),rgba(255,255,255,.012));box-shadow:0 22px 60px rgba(0,0,0,.18);transition:transform .28s var(--ease),border-color .25s}.capability-card::after{content:"";position:absolute;width:180px;height:180px;right:-95px;bottom:-100px;border:1px solid rgba(var(--accent-rgb),.15);border-radius:50%;box-shadow:0 0 50px rgba(var(--accent-rgb),.04)}.capability-card:hover{transform:translateY(-6px);border-color:rgba(var(--accent2-rgb),.4)}
.capability-card__head{display:flex;justify-content:space-between;align-items:center}.capability-card__head span{color:var(--muted);font-size:.66rem;font-weight:950;letter-spacing:.16em}.capability-card__head svg{width:48px;height:48px;padding:13px;border:1px solid var(--line);border-radius:15px;color:var(--gold);background:rgba(var(--gold-rgb),.07)}
.capability-card>p:not(.capability-card__desc){margin:48px 0 8px;color:var(--accent2);font-size:.62rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.capability-card h3{margin:0;font-size:clamp(1.35rem,1.9vw,2rem);line-height:1.05;letter-spacing:-.035em}.capability-card__desc{margin:14px 0 0;color:var(--muted);font-size:.84rem}

/* Portfolio */
.portfolio{position:relative}.portfolio::before{content:"";position:absolute;z-index:-1;left:50%;top:50%;width:min(88vw,1200px);height:650px;transform:translate(-50%,-50%);background:radial-gradient(ellipse,rgba(var(--accent2-rgb),.07),transparent 70%)}
.portfolio-shell{padding:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.013));box-shadow:var(--shadow)}
.brand-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}.brand-tabs button{min-height:82px;padding:15px 17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid transparent;border-radius:18px;color:var(--muted);background:transparent;text-align:left;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}.brand-tabs button strong{font-size:.9rem}.brand-tabs button small{margin-top:3px;font-size:.68rem}.brand-tabs button:hover{background:rgba(255,255,255,.035)}.brand-tabs button[aria-selected="true"]{color:#070914;background:linear-gradient(120deg,var(--gold-light),var(--gold));box-shadow:0 12px 34px rgba(var(--gold-rgb),.17)}
.portfolio-note{margin:18px 4px 0;color:var(--muted);font-size:.76rem}.brand-panel{margin-top:18px;padding:clamp(24px,4vw,46px);display:grid;grid-template-columns:minmax(270px,.58fr) minmax(0,1.42fr);gap:clamp(32px,5vw,70px);border:1px solid rgba(var(--accent2-rgb),.18);border-radius:28px;background:rgba(4,9,23,.58);animation:panel-fade .4s var(--ease)}@keyframes panel-fade{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.brand-panel__copy{align-self:center}.brand-panel__copy>p:first-child{margin:0 0 12px;color:var(--gold);font-size:.63rem;font-weight:950;letter-spacing:.15em;text-transform:uppercase}.brand-panel__copy h3{margin:0;font-size:clamp(2.5rem,4vw,5rem);line-height:.95;letter-spacing:-.05em}.brand-panel__copy>p:not(:first-child){margin:21px 0 0;color:var(--muted-strong)}.brand-panel__copy ul{margin:25px 0 0;padding:0;display:grid;gap:8px;list-style:none;color:var(--muted);font-size:.78rem}.brand-panel__copy li{display:flex;align-items:center;gap:8px}.brand-panel__copy li::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px rgba(var(--accent-rgb),.7)}
.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-piece{position:relative;min-height:290px;padding:0;overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#050712;cursor:zoom-in}.portfolio-piece picture,.portfolio-piece img{width:100%;height:100%}.portfolio-piece img{object-fit:cover;object-position:top;transition:transform .7s var(--ease),filter .3s}.portfolio-piece:hover img{transform:scale(1.035);filter:saturate(1.05)}.portfolio-piece>span{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:rgba(4,7,18,.78);backdrop-filter:blur(14px);font-size:.7rem;font-weight:850;text-align:left}.portfolio-piece svg{width:17px;height:17px;color:var(--gold)}

/* route */
.route{position:relative}.route-intro{max-width:1020px}.route-intro>p:last-child{max-width:720px;margin:25px 0 0;color:var(--muted)}.route-tool{margin-top:54px;padding:18px;display:grid;grid-template-columns:minmax(300px,.72fr) minmax(0,1.28fr);gap:18px;border:1px solid var(--line);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.052),rgba(255,255,255,.013));box-shadow:var(--shadow)}
.goal-buttons{padding:7px;display:grid;align-content:start;gap:8px}.goal-button{width:100%;min-height:72px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;border:1px solid transparent;border-radius:17px;color:var(--muted-strong);background:transparent;text-align:left;font-size:.88rem;font-weight:850;cursor:pointer;transition:transform .22s,color .2s,background .2s}.goal-button svg{width:17px;height:17px;opacity:.55}.goal-button:hover{transform:translateX(4px);color:var(--text);background:rgba(255,255,255,.035)}.goal-button[aria-pressed="true"]{color:#070914;background:linear-gradient(120deg,var(--gold-light),var(--gold))}
.goal-results{min-height:430px;position:relative;overflow:hidden;border:1px solid rgba(var(--accent2-rgb),.22);border-radius:26px;background:radial-gradient(circle at 84% 16%,rgba(var(--accent-rgb),.14),transparent 31%),radial-gradient(circle at 18% 85%,rgba(var(--gold-rgb),.1),transparent 34%),rgba(5,10,25,.66)}.goal-results::before{content:"";position:absolute;inset:0;opacity:.14;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:52px 52px}.goal-result{position:relative;z-index:2;min-height:430px;padding:clamp(28px,5vw,64px);display:flex;flex-direction:column;justify-content:center;animation:panel-fade .4s var(--ease)}.goal-result>p:first-child{margin:0 0 12px;color:var(--accent2);font-size:.66rem;font-weight:950;letter-spacing:.17em}.goal-result h3{max-width:760px;margin:0;font-size:clamp(2.2rem,4.3vw,5rem);line-height:.98;letter-spacing:-.055em}.goal-result>p:not(:first-child){max-width:650px;margin:22px 0;color:var(--muted)}.goal-chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}.goal-chips span{padding:7px 11px;border:1px solid var(--line-strong);border-radius:999px;color:var(--muted-strong);background:rgba(255,255,255,.035);font-size:.72rem}.goal-result .button{align-self:flex-start}

/* deliver */
.deliver-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.deliver-card{min-height:250px;padding:28px;border-block:1px solid var(--line)}.deliver-card+ .deliver-card{border-left:1px solid var(--line)}.deliver-card>span{color:var(--gold);font-size:.66rem;font-weight:950;letter-spacing:.16em}.deliver-card h3{margin:48px 0 10px;font-size:1.18rem}.deliver-card p{margin:0;color:var(--muted);font-size:.84rem}

/* process */
.process-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}.process-step{position:relative;min-height:245px;padding:31px 25px;border-block:1px solid var(--line)}.process-step+.process-step{border-left:1px solid var(--line)}.process-step::before{content:"";position:absolute;top:-4px;left:25px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 15px rgba(var(--accent-rgb),.8)}.process-step>span{color:var(--gold);font-size:.66rem;font-weight:950;letter-spacing:.17em}.process-step h3{margin:48px 0 10px;font-size:1.12rem}.process-step p{margin:0;color:var(--muted);font-size:.82rem}

/* faq */
.faq{display:grid;grid-template-columns:minmax(300px,.68fr) minmax(0,1.32fr);gap:clamp(50px,8vw,120px);align-items:start}.faq-heading{position:sticky;top:calc(var(--header-h) + 40px)}.faq-heading>p:last-child{max-width:430px;margin:23px 0 0;color:var(--muted)}.faq-list{display:grid;gap:12px}.faq-item{overflow:hidden;border:1px solid var(--line);border-radius:21px;background:linear-gradient(155deg,rgba(255,255,255,.05),rgba(255,255,255,.014))}.faq-item[open]{border-color:rgba(var(--accent2-rgb),.42);background:rgba(var(--accent2-rgb),.05)}.faq-item summary{min-height:91px;padding:21px 23px;display:flex;align-items:center;justify-content:space-between;gap:22px;list-style:none;cursor:pointer;font-weight:850}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{position:relative;width:35px;height:35px;flex:0 0 auto;color:transparent;border:1px solid var(--line-strong);border-radius:50%}.faq-item summary>span::before,.faq-item summary>span::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:1px;background:var(--accent2);transform:translate(-50%,-50%);transition:transform .24s}.faq-item summary>span::after{transform:translate(-50%,-50%) rotate(90deg)}.faq-item[open] summary>span::after{transform:translate(-50%,-50%)}.faq-item>p{margin:0;padding:0 23px 24px;color:var(--muted)}

/* contact */
.contact{display:grid;grid-template-columns:minmax(350px,.72fr) minmax(0,1.28fr);align-items:start;gap:clamp(48px,8vw,110px)}.contact-copy{position:sticky;top:calc(var(--header-h) + 42px)}.contact-copy>p:not(.eyebrow){max-width:540px;margin:24px 0 0;color:var(--muted)}.contact-direct{margin-top:32px;display:grid;gap:11px}.contact-direct a{width:fit-content;display:inline-flex;align-items:center;gap:10px;color:var(--muted-strong);text-decoration:none;font-size:.86rem}.contact-direct svg{width:19px;height:19px}.project-form{padding:clamp(24px,4vw,42px);border:1px solid var(--line);border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.055),rgba(255,255,255,.015));box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.project-form>label,.form-row label{display:grid;gap:8px;margin-bottom:15px;color:var(--muted-strong);font-size:.74rem;font-weight:850}.project-form input,.project-form select,.project-form textarea{width:100%;min-height:52px;padding:12px 14px;border:1px solid var(--line);border-radius:13px;color:var(--text);background:rgba(3,7,18,.58);outline:none;transition:border-color .2s,box-shadow .2s}.project-form textarea{min-height:124px;resize:vertical}.project-form input::placeholder,.project-form textarea::placeholder{color:#758198}.project-form select{color-scheme:dark}.project-form input:focus,.project-form select:focus,.project-form textarea:focus{border-color:rgba(var(--accent2-rgb),.57);box-shadow:0 0 0 4px rgba(var(--accent2-rgb),.09)}.project-form [aria-invalid="true"]{border-color:var(--danger);box-shadow:0 0 0 4px rgba(255,141,150,.08)}
.service-checks{margin:6px 0 17px;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;border:0}.service-checks legend{grid-column:1/-1;margin-bottom:2px;color:var(--muted-strong);font-size:.74rem;font-weight:850}.service-checks label{position:relative;margin:0;cursor:pointer}.service-checks input{position:absolute;width:1px;height:1px;opacity:0}.service-checks span{min-height:52px;padding:10px 12px;display:flex;align-items:center;gap:9px;border:1px solid var(--line);border-radius:13px;color:var(--muted);background:rgba(255,255,255,.022);font-size:.72rem;font-weight:780}.service-checks svg{width:16px;height:16px;color:var(--gold)}.service-checks input:checked+span{color:var(--text);border-color:rgba(var(--accent2-rgb),.5);background:rgba(var(--accent2-rgb),.09)}.service-checks input:focus-visible+span{outline:3px solid var(--accent2);outline-offset:3px}.service-checks.is-invalid{padding:8px;border:1px solid var(--danger);border-radius:16px}.form-error{min-height:1.3em;margin:0 0 12px;color:#ffb8bd;font-size:.79rem}.form-submit{width:100%}.form-privacy{margin:12px 0 0;color:var(--muted);text-align:center;font-size:.69rem}

/* footer */
.site-footer{position:relative;z-index:2;border-top:1px solid var(--line);background:rgba(1,3,10,.35)}.footer-inner{min-height:300px;padding-block:55px 112px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:23px;text-align:center}.footer-brand{display:flex;flex-direction:column;align-items:center;gap:8px;text-decoration:none}.footer-brand picture,.footer-brand img{width:164px;height:82px}.footer-brand img{object-fit:contain}.footer-brand span{color:var(--muted);font-size:.76rem;letter-spacing:.08em}.footer-inner nav{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 24px}.footer-inner nav a{color:var(--muted-strong);font-size:.76rem;font-weight:780;text-decoration:none}.footer-legal{padding-top:17px;border-top:1px solid var(--line)}.footer-inner>p{margin:0;color:var(--muted);font-size:.7rem}.footer-inner>p+p{margin-top:-14px}

/* service dock */
.service-dock{position:fixed;z-index:1450;right:max(18px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));width:68px;height:68px;pointer-events:none}.service-dock__ship{--ship-tilt:0deg;--ship-thrust:0;position:absolute;inset:0;width:68px;height:68px;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.42);border-radius:24px;color:var(--gold-light);background:linear-gradient(145deg,rgba(19,29,57,.94),rgba(5,9,23,.96));box-shadow:0 22px 55px rgba(0,0,0,.46);cursor:pointer;pointer-events:auto;transform:rotate(var(--ship-tilt));animation:ship-hover 3.8s ease-in-out infinite}.service-dock__ship svg{width:38px;height:38px;transform:translateY(-2px)}.service-dock__ship>span{position:absolute;left:50%;top:53px;width:12px;height:calc(12px + var(--ship-thrust)*13px);transform:translateX(-50%);border-radius:50%;opacity:calc(.42 + var(--ship-thrust)*.55);background:linear-gradient(to bottom,#fff4bd,#ff9a47 42%,transparent);filter:drop-shadow(0 5px 8px rgba(255,157,64,.75))}
.service-dock__menu{position:absolute;right:4px;bottom:82px;width:min(350px,calc(100vw - 32px));max-height:min(72dvh,720px);overflow:auto;padding:14px;border:1px solid var(--line-strong);border-radius:24px;background:rgba(5,9,23,.94);box-shadow:0 28px 80px rgba(0,0,0,.58);backdrop-filter:blur(24px);pointer-events:auto;animation:dock-open .28s var(--ease)}.service-dock__menu>span{display:block;padding:7px 10px 12px;color:var(--gold);font-size:.61rem;font-weight:950;letter-spacing:.16em}.service-dock__menu a{min-height:61px;padding:9px 10px;display:grid;grid-template-columns:42px 1fr;align-items:center;column-gap:12px;border-radius:16px;text-decoration:none}.service-dock__menu a:hover{background:rgba(var(--accent2-rgb),.08)}.service-dock__menu svg{grid-row:1/span 2;width:23px;height:23px;justify-self:center;color:var(--gold)}.service-dock__menu strong{align-self:end;font-size:.78rem}.service-dock__menu small{align-self:start;color:var(--muted);font-size:.66rem}.service-dock__menu hr{border:0;border-top:1px solid var(--line)}
@keyframes ship-hover{50%{translate:0 -7px}}@keyframes dock-open{from{opacity:0;transform:translateY(13px) scale(.92)}to{opacity:1;transform:none}}

/* settings/lightbox */
.settings-float{position:fixed;z-index:980;left:max(18px,env(safe-area-inset-left));bottom:max(18px,env(safe-area-inset-bottom));width:50px;height:50px;padding:0;display:grid;place-items:center;border:1px solid rgba(var(--gold-rgb),.42);border-radius:16px;color:var(--gold-light);background:rgba(9,14,32,.82);box-shadow:0 14px 38px rgba(0,0,0,.36);backdrop-filter:blur(16px);cursor:pointer}.settings-float svg{width:22px;height:22px}
.settings-dialog{width:min(92vw,455px);max-height:min(88dvh,760px);margin:auto 22px auto auto;padding:0;overflow:auto;border:1px solid var(--line-strong);border-radius:28px;color:var(--text);background:var(--surface-strong);box-shadow:-30px 30px 100px rgba(0,0,0,.55);animation:dialog-in .32s var(--ease)}.settings-dialog::backdrop,.lightbox::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(9px)}@keyframes dialog-in{from{opacity:0;transform:translateX(34px) scale(.97)}to{opacity:1;transform:none}}.settings-dialog__head{position:sticky;z-index:2;top:0;padding:25px;display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);background:rgba(8,14,33,.94);backdrop-filter:blur(18px)}.settings-dialog__head>div>span{color:var(--gold);font-size:.62rem;font-weight:950;letter-spacing:.17em}.settings-dialog__head h2{margin:4px 0 0;font-size:1.25rem}.settings-section{padding:23px 25px;border-bottom:1px solid var(--line)}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:18px}.settings-label{display:grid;grid-template-columns:22px 1fr;align-items:center;gap:10px}.settings-label svg{width:20px;height:20px;color:var(--gold)}.settings-label>span{color:var(--muted-strong);font-size:.78rem;font-weight:820}.settings-label strong{grid-column:2;color:var(--muted);font-size:.68rem}.settings-languages{margin-top:14px;display:flex;gap:9px}.settings-languages>*{padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted-strong);font-size:.76rem;text-decoration:none}.settings-languages span{color:#070914;border-color:transparent;background:var(--gold);font-weight:850}
.toggle{width:49px;height:29px;padding:3px;border:1px solid var(--line-strong);border-radius:999px;background:rgba(255,255,255,.05);cursor:pointer}.toggle span{display:block;width:21px;height:21px;border-radius:50%;background:var(--muted);transition:transform .25s var(--ease),background .2s}.toggle[aria-checked="true"]{background:rgba(var(--accent2-rgb),.16)}.toggle[aria-checked="true"] span{transform:translateX(20px);background:var(--accent2)}
.theme-picker{margin-top:14px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.theme-picker button{min-height:88px;padding:9px 8px;display:grid;align-content:space-between;gap:8px;border:1px solid var(--line);border-radius:15px;color:var(--muted);background:rgba(255,255,255,.025);font-size:.68rem;font-weight:800;cursor:pointer}.theme-picker button i{width:100%;height:47px;border-radius:10px;background:radial-gradient(circle at 70% 20%,#ff72b8,transparent 34%),linear-gradient(145deg,#071124,#1a0d29)}.theme-picker button:nth-child(2) i{background:radial-gradient(circle at 70% 20%,#b8f28f,transparent 35%),linear-gradient(145deg,#06211e,#0a3a45)}.theme-picker button:nth-child(3) i{background:radial-gradient(circle at 70% 20%,#ffbd61,transparent 34%),linear-gradient(145deg,#241007,#5d1914)}.theme-picker button[aria-pressed="true"]{color:var(--text);border-color:rgba(var(--accent2-rgb),.48)}.settings-note{margin:0;padding:20px 25px 25px;color:var(--muted);font-size:.7rem}
.lightbox{width:min(1120px,calc(100vw - 28px));max-height:92dvh;margin:auto;padding:0;overflow:hidden;border:1px solid var(--line-strong);border-radius:26px;color:var(--text);background:#030610;box-shadow:0 40px 140px rgba(0,0,0,.75)}.lightbox__head{height:66px;padding:0 18px 0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(7,12,29,.95)}.lightbox__head h2{margin:0;font-size:1rem}.lightbox__stage{max-height:calc(92dvh - 66px);overflow:auto;display:grid;place-items:center;background:#ececec}.lightbox__stage img{width:auto;max-width:100%;height:auto;max-height:none}
.toast{position:fixed;z-index:1700;left:50%;bottom:24px;max-width:min(90vw,470px);padding:12px 17px;transform:translate(-50%,30px);opacity:0;pointer-events:none;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:var(--surface-strong);box-shadow:0 18px 50px rgba(0,0,0,.42);font-size:.78rem;text-align:center;transition:transform .25s var(--ease),opacity .25s}.toast.is-visible{transform:translate(-50%,0);opacity:1}

/* portals */
.arrival-portal,.route-portal{position:fixed;z-index:5000;inset:0;width:100vw;min-height:100svh;height:100dvh;display:grid;place-items:center;overflow:hidden;opacity:0;visibility:hidden;pointer-events:none;color:#fff;background:#010207;transition:opacity .18s,visibility .18s;isolation:isolate}.arrival-portal.is-active,.route-portal.is-active{opacity:1;visibility:visible;pointer-events:auto}.arrival-portal canvas,.route-portal canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0}.arrival-portal::before,.route-portal::before{content:"";position:absolute;inset:-25%;z-index:0;background:conic-gradient(from 20deg,transparent,rgba(var(--accent-rgb),.26),transparent 28% 54%,rgba(var(--gold-rgb),.23),transparent 75%);filter:blur(70px);animation:portal-ambient 4s linear infinite}
.arrival-rings,.route-rings{position:absolute;z-index:2;left:50%;top:50%;width:min(66vw,850px);aspect-ratio:1;transform:translate(-50%,-50%) scale(.1);border-radius:50%}.arrival-rings span,.arrival-rings i,.route-rings span,.route-rings i{position:absolute;inset:var(--inset,0);border:1px solid rgba(255,255,255,.3);border-radius:50%;box-shadow:0 0 55px rgba(var(--accent2-rgb),.17),inset 0 0 55px rgba(var(--gold-rgb),.08)}.arrival-rings span:nth-child(2),.route-rings span:nth-child(2){--inset:15%;border-color:rgba(var(--gold-rgb),.45)}.arrival-rings span:nth-child(3),.route-rings span:nth-child(3){--inset:30%;border-color:rgba(var(--accent-rgb),.52);border-style:dashed}.arrival-rings i,.route-rings i{--inset:41%;background:#000;box-shadow:0 0 100px 30px rgba(var(--accent-rgb),.2)}
.arrival-portal.is-active .arrival-rings,.route-portal.is-active .route-rings{animation:portal-grow 1.3s cubic-bezier(.2,.75,.22,1) both}.arrival-portal.is-active .arrival-rings span:nth-child(1),.route-portal.is-active .route-rings span:nth-child(1){animation:portal-ring .62s linear infinite}.arrival-portal.is-active .arrival-rings span:nth-child(2),.route-portal.is-active .route-rings span:nth-child(2){animation:portal-ring .48s linear infinite reverse}.arrival-portal.is-active .arrival-rings span:nth-child(3),.route-portal.is-active .route-rings span:nth-child(3){animation:portal-ring .4s linear infinite}
.arrival-symbol,.route-focus{position:relative;z-index:4;width:clamp(90px,12vw,160px);aspect-ratio:1;display:grid;place-items:center;border:1px solid rgba(var(--accent-rgb),.55);border-radius:32%;opacity:0;background:radial-gradient(circle at 30% 20%,rgba(var(--accent-rgb),.22),rgba(4,7,18,.94));box-shadow:0 0 80px rgba(var(--accent-rgb),.24)}.arrival-symbol picture{width:78%}.arrival-symbol img{width:100%}.route-focus svg{width:42%;height:42%}.arrival-portal.is-active .arrival-symbol,.route-portal.is-active .route-focus{animation:focus-flight 1.08s .04s var(--ease) both}
.arrival-glyphs{position:absolute;inset:0;z-index:3}.arrival-glyphs span{position:absolute;left:50%;top:50%;min-width:72px;padding:8px 12px;border:1px solid rgba(var(--accent-rgb),.38);border-radius:12px;color:var(--accent);background:rgba(3,6,17,.58);font:700 clamp(.58rem,.8vw,.78rem) ui-monospace,monospace;text-align:center;opacity:0}.arrival-portal.is-active .arrival-glyphs span{animation:glyph-flight 1.12s var(--delay,0s) var(--ease) both}.arrival-glyphs span:nth-child(1){--x:-42vw;--y:-31vh;--r:-14deg}.arrival-glyphs span:nth-child(2){--x:39vw;--y:-28vh;--r:12deg;--delay:.04s}.arrival-glyphs span:nth-child(3){--x:-44vw;--y:23vh;--r:8deg;--delay:.08s}.arrival-glyphs span:nth-child(4){--x:43vw;--y:27vh;--r:-9deg;--delay:.12s}.arrival-glyphs span:nth-child(5){--x:-18vw;--y:-42vh;--r:6deg;--delay:.16s}.arrival-glyphs span:nth-child(6){--x:19vw;--y:42vh;--r:-6deg;--delay:.2s}
.arrival-copy,.route-copy{position:absolute;z-index:5;left:50%;bottom:max(9vh,68px);width:min(88vw,760px);transform:translateX(-50%);text-align:center;opacity:0}.arrival-copy span,.route-copy span{display:block;margin-bottom:8px;color:var(--gold);font-size:.65rem;font-weight:950;letter-spacing:.24em}.arrival-copy strong,.route-copy strong{display:block;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(2rem,4.8vw,5rem);line-height:.95;letter-spacing:-.045em}.arrival-copy small{display:block;margin-top:10px;color:rgba(255,255,255,.65)}.arrival-portal.is-active .arrival-copy,.route-portal.is-active .route-copy{animation:portal-copy .5s .42s ease both}
.arrival-portal>button,.route-portal>button{position:absolute;z-index:6;right:max(18px,2.2vw);top:max(18px,2.2vw);min-height:44px;padding:0 17px;border:1px solid rgba(255,255,255,.22);border-radius:999px;color:#fff;background:rgba(4,7,18,.62);cursor:pointer}
@keyframes portal-grow{0%{transform:translate(-50%,-50%) scale(.08) rotate(-85deg);opacity:0}22%{opacity:1}72%{transform:translate(-50%,-50%) scale(1.08) rotate(20deg)}100%{transform:translate(-50%,-50%) scale(4.8) rotate(94deg);opacity:0}}@keyframes portal-ring{to{transform:rotate(360deg) scale(1.07)}}@keyframes focus-flight{0%{opacity:0;transform:scale(.25) rotate(-12deg)}42%{opacity:1;transform:scale(1.05) rotate(2deg)}70%{opacity:1;transform:scale(.98)}100%{opacity:0;transform:scale(2.3)}}@keyframes glyph-flight{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}18%{opacity:.72}74%{opacity:.92;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1) rotate(var(--r))}100%{opacity:0;transform:translate(calc(-50% + var(--x)),calc(-50% + var(--y))) scale(1.25) rotate(var(--r))}}@keyframes portal-copy{from{opacity:0;transform:translate(-50%,18px)}to{opacity:1;transform:translate(-50%,0)}}@keyframes portal-ambient{to{transform:rotate(360deg)}}
body.is-traveling> :not(.route-portal):not(.arrival-portal):not(.svg-sprite){transition:transform .55s var(--ease),opacity .5s;transform:scale(.965);opacity:.35}.route-portal[data-scene="web"]{--accent:#64f1d7;--accent-rgb:100,241,215}.route-portal[data-scene="app"]{--accent:#8c8cff;--accent-rgb:140,140,255}.route-portal[data-scene="marketing"]{--accent:#ff8a68;--accent-rgb:255,138,104}.route-portal[data-scene="print"]{--accent:#ffe5aa;--accent-rgb:255,229,170}.route-portal[data-scene="video"]{--accent:#ff5f7e;--accent-rgb:255,95,126}.route-portal[data-scene="photo"]{--accent:#fff4d1;--accent-rgb:255,244,209}.route-portal[data-scene="edit"]{--accent:#ca70ff;--accent-rgb:202,112,255}

/* reveal */
.js .reveal{opacity:0;transform:translateY(27px);transition:opacity .74s,transform .74s var(--ease);transition-delay:var(--delay,0ms)}.js .reveal.is-visible{opacity:1;transform:none}

/* responsive */
@media(max-width:1240px){.desktop-nav{gap:18px}.header-cta{display:none}.hero{grid-template-columns:minmax(0,1fr) minmax(440px,.92fr);gap:45px}.capability-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.process-step:nth-child(4){border-left:0}}
@media(max-width:1050px){:root{--header-h:78px}.desktop-nav{display:none}.mobile-menu-button{display:grid}.header-inner{grid-template-columns:auto 1fr}.header-actions{justify-self:end}.hero{min-height:auto;grid-template-columns:1fr;padding-top:calc(var(--header-h) + 80px)}.hero-visual{min-height:700px;width:min(100%,760px);margin:auto}.design-board{left:50%;right:auto;transform:translateX(-50%);width:min(100%,620px)}.brand-panel{grid-template-columns:1fr}.brand-panel__copy{max-width:780px}.route-tool{grid-template-columns:1fr}.goal-buttons{grid-template-columns:repeat(2,minmax(0,1fr))}.goal-button:last-child{grid-column:1/-1}.deliver-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.deliver-card:nth-child(3){border-left:0}.faq{grid-template-columns:1fr}.faq-heading{position:static}.faq-list{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{grid-template-columns:1fr}.contact-copy{position:static}}
@media(max-width:760px){.section-shell{width:min(calc(100% - 32px),var(--max))}.header-inner{width:calc(100% - 28px);gap:12px}.brand picture,.brand img{width:104px;height:55px}.language-switch{display:none}.hero{padding-top:calc(var(--header-h) + 56px);padding-bottom:72px}.hero h1{font-size:clamp(3rem,14.4vw,5rem)}.hero-lead{font-size:1rem}.hero-actions .button{flex:1 1 100%}.hero-visual{min-height:585px}.design-board{height:565px;border-radius:30px}.brand-sheet--agency{left:22px;top:78px;width:67%;height:370px}.brand-sheet--talent{right:14px;top:145px;width:39%;height:250px}.brand-sheet--records{right:25px;bottom:72px;width:43%;height:205px}.design-board__palette{left:14px;bottom:18px}.design-board__caption{display:none}.capability-marquee{height:55px}.capability-marquee__track{min-height:55px}.capabilities,.portfolio,.route,.deliver,.process,.faq,.contact{padding-block:88px}.section-heading{grid-template-columns:1fr;gap:18px;margin-bottom:34px}.section-heading h2,.route-intro h2,.contact-copy h2,.faq-heading h2{font-size:clamp(2.8rem,13vw,4.6rem)}.capability-grid{grid-template-columns:1fr}.capability-card{min-height:260px}.brand-tabs{grid-template-columns:1fr}.brand-tabs button{min-height:66px}.portfolio-shell{padding:11px;border-radius:27px}.brand-panel{padding:22px;border-radius:22px}.portfolio-grid{grid-template-columns:1fr}.portfolio-piece{min-height:360px}.goal-buttons{grid-template-columns:1fr}.goal-button:last-child{grid-column:auto}.goal-results,.goal-result{min-height:410px}.goal-result{padding:28px 24px}.deliver-grid{grid-template-columns:1fr}.deliver-card,.deliver-card+ .deliver-card{min-height:190px;border-left:0;border-bottom:0}.deliver-card:last-child{border-bottom:1px solid var(--line)}.process-grid{grid-template-columns:1fr 1fr}.process-step:nth-child(odd){border-left:0}.faq-list{grid-template-columns:1fr}.form-row,.service-checks{grid-template-columns:1fr}.settings-dialog{margin:auto;width:min(calc(100vw - 24px),455px);max-height:calc(100dvh - 24px)}.service-dock{right:14px;bottom:calc(14px + env(safe-area-inset-bottom));width:60px;height:60px}.service-dock__ship{width:60px;height:60px;border-radius:21px}.service-dock__ship svg{width:33px;height:33px}.service-dock__ship>span{top:47px}.service-dock__menu{right:0;bottom:72px}.settings-float{bottom:calc(14px + env(safe-area-inset-bottom))}.footer-inner{padding-bottom:115px}.pointer-glow{display:none}.design-field{opacity:.28}.arrival-rings,.route-rings{width:min(132vw,620px)}.arrival-symbol,.route-focus{width:clamp(78px,24vw,112px)}.arrival-copy,.route-copy{bottom:max(104px,14dvh);padding-inline:18px}.arrival-copy strong,.route-copy strong{font-size:clamp(2rem,11vw,3.5rem)}.arrival-glyphs span{min-width:52px;padding:6px 8px;font-size:.58rem}.arrival-portal::before,.route-portal::before{filter:blur(45px)}body.is-traveling> :not(.route-portal):not(.arrival-portal):not(.svg-sprite){transform:scale(.97);opacity:.32}}
@media(max-width:480px){.hero-visual{min-height:510px}.design-board{height:490px}.brand-sheet--agency{height:315px}.brand-sheet--talent{height:210px}.brand-sheet--records{height:172px}.design-board__badge{right:12px;top:12px;font-size:.56rem}.design-board__palette span{display:none}.portfolio-piece{min-height:320px}.process-grid{grid-template-columns:1fr}.process-step,.process-step+.process-step{border-left:0;border-bottom:0}.process-step:last-child{border-bottom:1px solid var(--line)}.footer-inner nav{gap:10px 15px}}
@media(hover:none),(pointer:coarse){.capability-card:hover{transform:none}.brand-sheet{transition:none}.design-board:hover .brand-sheet--agency{transform:rotate(-4deg)}.design-board:hover .brand-sheet--talent{transform:rotate(6deg)}.design-board:hover .brand-sheet--records{transform:rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.ambient-canvas,.pointer-glow,.design-field,.arrival-portal,.route-portal{display:none!important}.js .reveal{opacity:1;transform:none}}
html.reduce-motion{scroll-behavior:auto}html.reduce-motion .ambient-canvas,html.reduce-motion .pointer-glow,html.reduce-motion .design-field,html.reduce-motion .arrival-portal,html.reduce-motion .route-portal{display:none!important}html.reduce-motion .js .reveal{opacity:1;transform:none}
html.expect-arrival body> :not(.arrival-portal):not(.svg-sprite){opacity:0}html.expect-arrival .arrival-portal{opacity:1;visibility:visible}


/* ==========================================================================
   WEB DESIGN & DEVELOPMENT — CODE UNIVERSE
   ========================================================================== */
:root{--accent:#63f3d3;--accent2:#5eb9ff;--accent-rgb:99,243,211;--accent2-rgb:94,185,255;--code-green:#77ffb7;--code-blue:#68bfff}
html[data-theme="aurora"]{--accent:#8fffc8;--accent2:#65d9ff;--accent-rgb:143,255,200;--accent2-rgb:101,217,255}
html[data-theme="solar"]{--accent:#ffca70;--accent2:#ff7d9f;--accent-rgb:255,202,112;--accent2-rgb:255,125,159}
.design-field{display:none!important}.code-field{position:fixed;z-index:1;inset:0;overflow:hidden;pointer-events:none;opacity:.48;contain:strict;mask-image:linear-gradient(to bottom,transparent,#000 7%,#000 93%,transparent)}
#code-rain-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:.33}.code-field::before,.code-field::after{content:"";position:absolute;width:48vw;aspect-ratio:1;border:1px solid rgba(var(--accent-rgb),.07);border-radius:50%;animation:field-spin 45s linear infinite}.code-field::before{left:-26vw;top:18vh}.code-field::after{right:-28vw;bottom:4vh;border-color:rgba(var(--accent2-rgb),.08);animation-direction:reverse;animation-duration:59s}
.network-line{position:absolute;width:440px;height:220px;border:1px solid rgba(var(--accent-rgb),.11);border-color:rgba(var(--accent-rgb),.11) transparent transparent rgba(var(--accent-rgb),.11);border-radius:70% 18% 62% 20%;animation:network-float 17s ease-in-out infinite alternate}.network-line::before,.network-line::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 18px rgba(var(--accent-rgb),.7)}.network-line::before{left:-4px;top:-4px}.network-line::after{right:32px;bottom:9px}.network-line--one{left:-130px;top:28vh;transform:rotate(-18deg)}.network-line--two{right:-140px;top:155vh;transform:rotate(15deg);animation-delay:-7s}
.code-fragment{position:absolute;padding:8px 11px;border:1px solid rgba(var(--accent-rgb),.11);border-radius:10px;color:rgba(var(--accent-rgb),.32);background:rgba(3,9,20,.36);font:700 .63rem/1.3 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.05em;animation:code-fragment-float 15s ease-in-out infinite alternate}.code-fragment--one{left:2vw;top:62vh}.code-fragment--two{right:2vw;top:92vh;animation-delay:-4s}.code-fragment--three{left:3vw;top:242vh;animation-delay:-9s}.data-node{position:absolute;width:52px;height:52px;display:grid;place-items:center;border:1px solid rgba(var(--accent2-rgb),.15);border-radius:16px;color:rgba(var(--accent2-rgb),.38);background:rgba(5,12,28,.35);font:800 .72rem ui-monospace,monospace;animation:code-fragment-float 12s ease-in-out infinite alternate}.data-node--one{right:4vw;top:40vh}.data-node--two{left:5vw;top:128vh;animation-delay:-4s}.data-node--three{right:5vw;top:220vh;animation-delay:-8s}@keyframes network-float{to{transform:translate3d(20px,28px,0) rotate(-13deg)}}@keyframes code-fragment-float{to{transform:translate3d(12px,22px,0) rotate(2deg)}}
.web-hero .hero-visual{min-height:720px}.web-hero .hero-visual::before{border-color:rgba(var(--accent-rgb),.17);box-shadow:0 0 120px rgba(var(--accent-rgb),.07)}
.code-station{position:absolute;inset:6px 0 auto auto;width:min(100%,620px);height:685px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.35);border-radius:40px;background:radial-gradient(circle at 18% 8%,rgba(var(--accent-rgb),.12),transparent 29%),linear-gradient(155deg,rgba(7,18,34,.94),rgba(3,8,20,.98));box-shadow:var(--shadow),inset 0 0 80px rgba(var(--accent-rgb),.025);transform-style:preserve-3d;transition:transform .35s var(--ease)}
.code-station__top{position:absolute;z-index:8;top:0;left:0;right:0;height:55px;padding:0 18px;display:flex;align-items:center;gap:13px;border-bottom:1px solid var(--line);background:rgba(3,9,22,.72);backdrop-filter:blur(16px)}.code-station__top>span{display:flex;gap:6px}.code-station__top i{width:7px;height:7px;border-radius:50%;background:#ff7184}.code-station__top i:nth-child(2){background:#ffd06b}.code-station__top i:nth-child(3){background:#72e6af}.code-station__top strong{color:var(--muted-strong);font:750 .67rem ui-monospace,monospace}.code-station__top small{margin-left:auto;color:var(--accent);font:850 .59rem ui-monospace,monospace;letter-spacing:.1em}
.code-station__grid{position:absolute;inset:55px 0 0;opacity:.16;background-image:linear-gradient(rgba(var(--accent-rgb),.16) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.16) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.terminal-window{position:absolute;z-index:4;left:28px;top:91px;width:63%;min-height:300px;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.28);border-radius:23px;background:rgba(2,8,18,.88);box-shadow:0 24px 55px rgba(0,0,0,.34);transform:rotateY(2deg) rotateX(1deg)}.terminal-window__head{height:42px;padding:0 14px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);color:var(--muted);font:700 .62rem ui-monospace,monospace}.terminal-window pre{margin:0;padding:23px;color:#cde7dc;font:700 clamp(.66rem,1.1vw,.83rem)/1.8 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre-wrap}.terminal-line{display:block;opacity:.78}.terminal-line:nth-child(n+2){color:#80d9bc}.terminal-line--accent{margin-top:9px;color:var(--gold)!important;text-shadow:0 0 15px rgba(var(--gold-rgb),.35)}
.browser-window{position:absolute;z-index:5;right:23px;bottom:93px;width:68%;height:330px;overflow:hidden;border:1px solid rgba(var(--gold-rgb),.34);border-radius:24px;background:#080b11;box-shadow:0 30px 70px rgba(0,0,0,.52);transform:rotate(-2.4deg)}.browser-window__bar{height:38px;padding:0 12px;display:flex;align-items:center;gap:9px;background:#11151c;color:#9ea8b8;font:650 .56rem ui-monospace,monospace}.browser-window__bar>span:first-child{width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:12px 0 #f1c96a,24px 0 #ff7589}.browser-window__bar>span:nth-child(2){margin-left:24px}.browser-window__bar i{margin-left:auto;width:8px;height:8px;border:1px solid #718096;border-radius:2px}.browser-window picture,.browser-window img{width:100%;height:calc(100% - 38px)}.browser-window img{object-fit:cover;object-position:top}
.code-node{position:absolute;z-index:7;min-width:96px;padding:10px 12px;border:1px solid rgba(var(--accent-rgb),.3);border-radius:15px;background:rgba(4,12,27,.84);box-shadow:0 18px 40px rgba(0,0,0,.32);backdrop-filter:blur(12px);animation:node-hover 4.2s ease-in-out infinite}.code-node b,.code-node span{display:block}.code-node b{color:var(--accent);font:850 .66rem ui-monospace,monospace}.code-node span{margin-top:2px;color:var(--muted);font-size:.58rem}.code-node--ux{right:20px;top:82px}.code-node--api{left:20px;bottom:66px;animation-delay:-1.4s}.code-node--seo{right:20px;top:315px;animation-delay:-2.8s}@keyframes node-hover{50%{transform:translateY(-8px)}}
.code-station__caption{position:absolute;z-index:8;left:27px;right:27px;bottom:24px;padding-top:16px;border-top:1px solid var(--line)}.code-station__caption strong{display:block;font-size:.9rem}.code-station__caption span{display:block;margin-top:4px;color:var(--muted);font-size:.7rem}
.web-capability-grid .capability-card{background:radial-gradient(circle at 80% 12%,rgba(var(--accent-rgb),.08),transparent 32%),linear-gradient(150deg,rgba(255,255,255,.047),rgba(255,255,255,.01))}.web-capability-grid .capability-card>p:not(.capability-card__desc){color:var(--accent)}
.web-case{position:relative;min-height:690px;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(360px,.82fr);overflow:hidden;border:1px solid rgba(var(--gold-rgb),.27);border-radius:var(--radius-lg);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));box-shadow:var(--shadow)}.web-case__media{position:relative;min-height:690px;overflow:hidden;background:#050608}.web-case__desktop{position:absolute;inset:0}.web-case__desktop img{width:100%;height:100%;object-fit:cover;object-position:top}.web-case__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(2,4,9,.2) 70%,rgba(2,4,9,.72))}.web-case__mobile{position:absolute;z-index:3;right:5%;bottom:-7%;width:min(30%,205px);aspect-ratio:720/1354;overflow:hidden;border:6px solid #08090c;border-radius:29px;box-shadow:0 26px 70px rgba(0,0,0,.62);transform:rotate(3deg)}.web-case__mobile img{width:100%;height:100%;object-fit:cover}.web-case__status{position:absolute;z-index:4;left:24px;top:24px;padding:9px 13px;border:1px solid rgba(var(--gold-rgb),.35);border-radius:999px;color:var(--gold-light);background:rgba(3,5,12,.74);backdrop-filter:blur(14px);font-size:.64rem;font-weight:900}.web-case__copy{position:relative;z-index:5;padding:clamp(38px,5vw,72px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(3,5,12,.6),rgba(3,5,12,.95) 22%)}.web-case__copy>p:first-child{margin:0 0 15px;color:var(--accent);font-size:.65rem;font-weight:950;letter-spacing:.17em}.web-case__copy h3{margin:0;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(2.8rem,4.2vw,5.3rem);line-height:.94;letter-spacing:-.05em}.web-case__copy>p:not(:first-child){margin:24px 0 0;color:var(--muted-strong)}.web-case dl{margin:27px 0 0}.web-case dl div{padding:13px 0;display:grid;grid-template-columns:105px 1fr;gap:13px;border-top:1px solid var(--line)}.web-case dt{color:var(--gold);font-size:.63rem;font-weight:900;text-transform:uppercase}.web-case dd{margin:0;color:var(--muted-strong);font-size:.77rem}.tech-cloud{margin-top:24px;display:flex;flex-wrap:wrap;gap:7px}.tech-cloud span{padding:6px 9px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.02);font-size:.62rem}.web-case__actions{margin-top:28px;display:flex;flex-wrap:wrap;align-items:center;gap:17px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--gold);font-size:.82rem;font-weight:900;text-decoration:none}.text-link svg{width:17px;height:17px}
.architecture-lab{margin-top:18px;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);gap:55px;align-items:center;border:1px solid rgba(var(--accent-rgb),.21);border-radius:30px;background:radial-gradient(circle at 80% 20%,rgba(var(--accent-rgb),.11),transparent 35%),rgba(4,10,24,.66)}.architecture-lab__copy>p:first-child{margin:0 0 12px;color:var(--accent);font-size:.62rem;font-weight:950;letter-spacing:.17em}.architecture-lab__copy h3{margin:0;font-size:clamp(2rem,3.3vw,3.9rem);line-height:.98;letter-spacing:-.05em}.architecture-lab__copy>p:last-child{color:var(--muted)}.architecture-map{display:flex;align-items:center;justify-content:center;gap:9px}.architecture-map>i{width:26px;height:1px;background:linear-gradient(90deg,var(--accent),rgba(var(--accent2-rgb),.25));position:relative}.architecture-map>i::after{content:"";position:absolute;right:-1px;top:-2px;width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px rgba(var(--accent-rgb),.8)}.architecture-node{width:112px;min-height:118px;padding:15px 10px;display:grid;place-items:center;align-content:center;border:1px solid var(--line);border-radius:20px;background:rgba(4,9,22,.7);text-align:center;transition:transform .25s var(--ease),border-color .2s}.architecture-node:hover{transform:translateY(-5px);border-color:rgba(var(--accent-rgb),.5)}.architecture-node svg{width:25px;height:25px;color:var(--accent)}.architecture-node b{margin-top:10px;font-size:.72rem}.architecture-node small{color:var(--muted);font-size:.56rem}
.arrival-portal{--accent:#64f1d7;--accent-rgb:100,241,215}.arrival-portal::after{background:repeating-linear-gradient(0deg,transparent 0 4px,rgba(var(--accent-rgb),.07) 4px 5px)}.arrival-symbol{border-radius:22%;background:radial-gradient(circle at 30% 20%,rgba(var(--accent-rgb),.24),rgba(2,8,18,.95));}.arrival-symbol picture{display:none}.arrival-symbol::before{content:"</>";color:#fff;font:900 clamp(2rem,5vw,4.2rem) ui-monospace,monospace;text-shadow:0 0 32px rgba(var(--accent-rgb),.8)}
@media(max-width:1240px){.architecture-lab{grid-template-columns:1fr}.architecture-map{justify-content:flex-start;overflow-x:auto;padding-bottom:8px}.web-case{grid-template-columns:1fr}.web-case__media{min-height:580px}.web-case__copy{background:rgba(3,5,12,.95)}}
@media(max-width:1050px){.code-station{left:50%;right:auto;transform:translateX(-50%);width:min(100%,640px)}}
@media(max-width:760px){.code-field{opacity:.32}.code-fragment{font-size:.52rem}.web-hero .hero-visual{min-height:610px}.code-station{height:590px;border-radius:30px}.terminal-window{left:15px;top:76px;width:78%;min-height:250px}.browser-window{right:12px;bottom:82px;width:77%;height:285px}.code-node--ux{right:10px;top:69px}.code-node--seo{right:10px;top:287px}.code-node--api{left:10px;bottom:59px}.code-station__caption{display:none}.web-case{min-height:0;border-radius:27px}.web-case__media{min-height:430px}.web-case__mobile{width:30%;right:4%;border-width:4px;border-radius:20px}.web-case__copy{padding:29px 24px 34px}.web-case__copy h3{font-size:clamp(2.5rem,12vw,4rem)}.web-case dl div{grid-template-columns:1fr;gap:4px}.web-case__actions .button{width:100%}.architecture-lab{padding:26px 22px;gap:32px}.architecture-map{justify-content:flex-start}.architecture-node{flex:0 0 100px;min-height:110px}.architecture-map>i{flex:0 0 20px}}
@media(max-width:480px){.web-hero .hero-visual{min-height:535px}.code-station{height:515px}.terminal-window{min-height:220px}.browser-window{height:245px;bottom:70px}.terminal-window pre{padding:18px;font-size:.59rem}.code-node{min-width:76px;padding:8px}.web-case__media{min-height:360px}.architecture-lab__copy h3{font-size:2.35rem}}
@media(prefers-reduced-motion:reduce){.code-field{display:none!important}.code-node{animation:none!important}}html.reduce-motion .code-field{display:none!important}html.reduce-motion .code-node{animation:none!important}

/* Mobile control cleanup: the header already contains the settings control. */
@media(max-width:760px){
  .settings-float{display:none}
  .web-hero .hero h1,.web-hero h1{font-size:clamp(2.85rem,13vw,4.55rem)}
  .hero-signals{padding-right:64px}
}

/* ========================================================================== */
/* STAR MARK WEB V4.7.3 — MASTER SYSTEM EXPERIENCE                           */
/* ========================================================================== */
:root{
  --web-a:#64f1d7;
  --web-b:#4bb7ff;
  --web-gold:#eac266;
  --web-a-rgb:100,241,215;
  --web-b-rgb:75,183,255;
}

html.web-entry-pending,
body.web-entry-open{overflow:hidden!important}
.no-js .web-entry-v473,
.no-js .web-arrival-v473,
.no-js .web-live-v473{display:none!important}

/* Persistent code universe behind the commercial page. */
.web-live-v473{
  position:fixed;
  z-index:1;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  opacity:.48;
  contain:strict;
  mask-image:linear-gradient(to bottom,transparent 0,#000 7%,#000 93%,transparent 100%);
}
.web-live-v473 canvas{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:.72;
}
.web-live-v473::before{
  content:"";
  position:absolute;
  width:520px;
  height:520px;
  left:calc(var(--web-pointer-x,50vw) - 260px);
  top:calc(var(--web-pointer-y,45vh) - 260px);
  border-radius:50%;
  background:radial-gradient(circle,rgba(var(--web-a-rgb),.09),transparent 67%);
  transition:opacity .2s ease;
}
.web-live-v473__grid{
  position:absolute;
  inset:-24%;
  opacity:.14;
  background-image:
    linear-gradient(rgba(var(--web-a-rgb),.12) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--web-a-rgb),.12) 1px,transparent 1px);
  background-size:54px 54px;
  transform:perspective(760px) rotateX(60deg) translateY(29%);
  transform-origin:center bottom;
  animation:web-v473-grid 22s linear infinite;
}
.web-live-v473__radar span{
  position:absolute;
  border:1px solid rgba(var(--web-b-rgb),.09);
  border-radius:50%;
  animation:web-v473-orbit 34s linear infinite;
}
.web-live-v473__radar span:nth-child(1){width:46vw;aspect-ratio:1;right:-23vw;top:10vh}
.web-live-v473__radar span:nth-child(2){width:58vw;aspect-ratio:1;left:-34vw;top:64vh;animation-direction:reverse;animation-duration:48s}
.web-live-v473__radar span:nth-child(3){width:29vw;aspect-ratio:1;right:17vw;bottom:-21vw;animation-duration:27s}
.web-live-v473__snippet{
  position:absolute;
  padding:7px 10px;
  border:1px solid rgba(var(--web-a-rgb),.13);
  border-radius:10px;
  color:rgba(212,255,245,.27);
  background:rgba(3,8,18,.34);
  font:700 clamp(.5rem,.62vw,.68rem)/1.3 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.055em;
  animation:web-v473-snippet var(--duration,14s) ease-in-out var(--delay,0s) infinite alternate;
  will-change:transform,opacity;
}
@keyframes web-v473-grid{to{background-position:54px 54px,54px 54px}}
@keyframes web-v473-orbit{to{transform:rotate(360deg)}}
@keyframes web-v473-snippet{
  from{transform:translate3d(0,-9px,0) rotate(var(--rotate,-4deg));opacity:.14}
  to{transform:translate3d(20px,22px,0) rotate(calc(var(--rotate,-4deg) + 5deg));opacity:.46}
}

/* Arrival from the Agency service hub — one controller, one sequence. */
.web-arrival-v473{
  position:fixed;
  z-index:9500;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  visibility:hidden;
  opacity:0;
  pointer-events:none;
  color:#fff;
  background:radial-gradient(circle at 50% 50%,rgba(var(--web-a-rgb),.13),transparent 25%),#010309;
  isolation:isolate;
  transition:opacity .18s ease,visibility .18s ease;
}
.web-arrival-v473.is-active{visibility:visible;opacity:1;pointer-events:auto}
.web-arrival-v473::before{
  content:"";
  position:absolute;
  inset:-25%;
  background:conic-gradient(from 18deg,transparent,rgba(var(--web-a-rgb),.24),transparent 29% 53%,rgba(var(--web-b-rgb),.2),transparent 75%);
  filter:blur(70px);
  animation:web-v473-arrival-ambient 3.5s linear infinite;
}
.web-arrival-v473__streaks{position:absolute;inset:0;z-index:0}
.web-arrival-v473__streak{
  position:absolute;
  left:50%;
  top:50%;
  width:clamp(80px,12vw,220px);
  height:1px;
  opacity:0;
  transform-origin:left center;
  background:linear-gradient(90deg,rgba(var(--web-a-rgb),.92),transparent);
  animation:web-v473-arrival-streak 1.08s var(--delay,0s) cubic-bezier(.12,.8,.25,1) both;
}
.web-arrival-v473__wormhole{
  position:absolute;
  z-index:1;
  left:50%;
  top:48%;
  width:min(62vw,760px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.06);
  border-radius:50%;
  animation:web-v473-wormhole 1.15s cubic-bezier(.18,.78,.18,1) both;
}
.web-arrival-v473__wormhole span,
.web-arrival-v473__wormhole i{
  position:absolute;
  inset:var(--inset,0);
  border:2px solid transparent;
  border-top-color:rgba(var(--web-a-rgb),.92);
  border-right-color:rgba(var(--web-b-rgb),.68);
  border-radius:50%;
  box-shadow:0 0 48px rgba(var(--web-a-rgb),.28),inset 0 0 45px rgba(var(--web-b-rgb),.12);
  animation:web-v473-ring .58s linear infinite;
}
.web-arrival-v473__wormhole span:nth-child(2){--inset:14%;animation-direction:reverse;animation-duration:.46s}
.web-arrival-v473__wormhole span:nth-child(3){--inset:29%;border-style:dashed;animation-duration:.38s}
.web-arrival-v473__wormhole i{--inset:42%;border:0;background:#000;box-shadow:0 0 100px 30px rgba(0,0,0,.94),0 0 75px rgba(var(--web-a-rgb),.3)}
.web-arrival-v473__core{
  position:relative;
  z-index:4;
  width:clamp(96px,11vw,154px);
  aspect-ratio:1;
  display:grid;
  place-items:center;
  border:1px solid rgba(var(--web-a-rgb),.55);
  border-radius:25%;
  opacity:0;
  background:radial-gradient(circle at 30% 18%,rgba(var(--web-a-rgb),.25),rgba(2,7,17,.95));
  box-shadow:0 0 80px rgba(var(--web-a-rgb),.24);
  animation:web-v473-arrival-core .94s .06s var(--ease) both;
}
.web-arrival-v473__core b{font:900 clamp(2rem,4vw,3.8rem)/1 ui-monospace,monospace;text-shadow:0 0 28px rgba(var(--web-a-rgb),.7)}
.web-arrival-v473__core i{position:absolute;left:50%;bottom:19%;width:52%;height:2px;transform:translateX(-50%);background:var(--web-a);box-shadow:0 0 14px var(--web-a)}
.web-arrival-v473__copy{
  position:absolute;
  z-index:5;
  left:50%;
  bottom:max(8vh,58px);
  width:min(90vw,820px);
  transform:translateX(-50%);
  text-align:center;
  opacity:0;
  animation:web-v473-arrival-copy .45s .34s ease both;
}
.web-arrival-v473__copy span{display:block;margin-bottom:8px;color:var(--gold);font-size:.63rem;font-weight:950;letter-spacing:.22em}
.web-arrival-v473__copy strong{display:block;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.1rem,4.6vw,5rem);line-height:.94;letter-spacing:-.05em;text-wrap:balance}
.web-arrival-v473__copy small{display:block;margin-top:10px;color:rgba(255,255,255,.64);font-size:.76rem}
.web-arrival-v473>button{
  position:absolute;
  z-index:8;
  right:max(18px,2vw);
  top:max(18px,2vw);
  min-height:44px;
  padding:0 17px;
  border:1px solid rgba(255,255,255,.22);
  border-radius:999px;
  color:#fff;
  background:rgba(4,7,18,.64);
  backdrop-filter:blur(14px);
  cursor:pointer;
}
@keyframes web-v473-arrival-ambient{to{transform:rotate(360deg)}}
@keyframes web-v473-ring{to{transform:rotate(360deg)}}
@keyframes web-v473-arrival-streak{0%{opacity:0;transform:rotate(var(--angle)) scaleX(.03)}24%{opacity:.9}100%{opacity:0;transform:rotate(var(--angle)) scaleX(7)}}
@keyframes web-v473-wormhole{0%{opacity:0;transform:translate(-50%,-50%) scale(.05) rotate(-100deg)}26%{opacity:1}68%{transform:translate(-50%,-50%) scale(1.02) rotate(23deg)}100%{opacity:0;transform:translate(-50%,-50%) scale(5.1) rotate(104deg);filter:blur(8px)}}
@keyframes web-v473-arrival-core{0%{opacity:0;transform:scale(.2) rotate(-12deg);filter:blur(8px)}40%,72%{opacity:1;transform:scale(1);filter:blur(0)}100%{opacity:0;transform:scale(2.4);filter:blur(10px)}}
@keyframes web-v473-arrival-copy{from{opacity:0;transform:translate(-50%,16px)}to{opacity:1;transform:translate(-50%,0)}}

/* Full-screen master terminal gate. */
.web-entry-v473{
  position:fixed;
  z-index:9000;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100svh;
  display:grid;
  place-items:center;
  overflow:hidden;
  color:#f4fff9;
  background:
    radial-gradient(circle at 50% 54%,rgba(var(--web-a-rgb),.11),transparent 28%),
    radial-gradient(circle at 12% 8%,rgba(var(--gold-rgb),.08),transparent 25%),
    #01040a;
  isolation:isolate;
  opacity:1;
  visibility:visible;
  transition:opacity .42s ease,visibility .42s ease,transform .55s var(--ease);
}
.web-entry-v473[hidden]{display:none!important}
.web-entry-v473::before,
.web-entry-v473::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
}
.web-entry-v473::before{
  z-index:1;
  opacity:.12;
  background-image:
    linear-gradient(rgba(var(--web-a-rgb),.13) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--web-a-rgb),.13) 1px,transparent 1px);
  background-size:44px 44px;
  mask-image:radial-gradient(circle at 50% 50%,#000,transparent 88%);
}
.web-entry-v473::after{
  z-index:6;
  opacity:.055;
  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='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  mix-blend-mode:screen;
}
.web-entry-v473__canvas{position:absolute;z-index:0;inset:0;width:100%;height:100%;opacity:.92}
.web-entry-v473__scanlines{
  position:absolute;
  z-index:2;
  inset:0;
  opacity:.18;
  background:repeating-linear-gradient(180deg,transparent 0 3px,rgba(var(--web-a-rgb),.06) 3px 4px);
  animation:web-v473-scanline 8s linear infinite;
}
.web-entry-v473__hud{
  position:absolute;
  z-index:5;
  color:rgba(222,255,247,.42);
  font:750 .62rem/1.4 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.web-entry-v473__hud--top{
  top:max(23px,env(safe-area-inset-top));
  left:clamp(20px,4vw,70px);
  right:clamp(20px,4vw,70px);
  display:grid;
  grid-template-columns:1fr auto auto;
  gap:22px;
  align-items:center;
  padding-bottom:14px;
  border-bottom:1px solid rgba(var(--web-a-rgb),.13);
}
.web-entry-v473__hud--top b{color:rgba(var(--web-b-rgb),.62)}
.web-entry-v473__hud--top i{color:#8ee8c7;font-style:normal}
.web-entry-v473__hud--left{left:clamp(20px,4vw,70px);top:50%;display:grid;gap:12px;transform:translateY(-50%)}
.web-entry-v473__hud--left code{padding:7px 9px;border-left:1px solid rgba(var(--web-a-rgb),.3)}
.web-entry-v473__hud--right{right:clamp(20px,4vw,70px);top:50%;display:grid;gap:9px;transform:translateY(-50%)}
.web-entry-v473__hud--right span{width:46px;height:46px;display:grid;place-items:center;border:1px solid rgba(var(--web-b-rgb),.17);border-radius:13px}
.web-entry-v473__copy{
  position:relative;
  z-index:7;
  width:min(94vw,1450px);
  display:grid;
  justify-items:center;
  text-align:center;
  transform:translateZ(0);
}
.web-entry-v473__copy>p{margin:0 0 18px;color:var(--gold);font-size:clamp(.62rem,.85vw,.78rem);font-weight:950;letter-spacing:.25em}
.web-entry-v473__copy h1{
  max-width:1400px;
  margin:0;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(3.2rem,6.7vw,7.7rem);
  font-weight:950;
  line-height:.9;
  letter-spacing:-.064em;
  text-wrap:balance;
  text-shadow:0 12px 60px rgba(0,0,0,.76),0 0 55px rgba(var(--web-a-rgb),.08);
}
.web-entry-v473__copy>span{margin-top:18px;color:rgba(225,238,247,.7);font-size:clamp(.92rem,1.25vw,1.15rem)}
.web-entry-v473__cta{
  min-height:56px;
  margin-top:30px;
  padding:0 25px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  border:1px solid rgba(var(--web-a-rgb),.5);
  border-radius:999px;
  color:#02100d;
  background:linear-gradient(120deg,#cffff0,var(--web-a));
  box-shadow:0 18px 52px rgba(var(--web-a-rgb),.17),0 0 0 0 rgba(var(--web-a-rgb),.2);
  font-size:.82rem;
  font-weight:950;
  cursor:pointer;
  animation:web-v473-cta-pulse 2.5s ease-in-out infinite;
  transition:transform .25s var(--ease),box-shadow .25s ease;
}
.web-entry-v473__cta:hover{transform:translateY(-3px);box-shadow:0 23px 62px rgba(var(--web-a-rgb),.24),0 0 0 8px rgba(var(--web-a-rgb),.045)}
.web-entry-v473__cta svg{width:18px;height:18px}
.web-entry-v473__skip{
  position:absolute;
  z-index:10;
  right:max(20px,env(safe-area-inset-right));
  bottom:max(20px,env(safe-area-inset-bottom));
  min-height:42px;
  padding:0 14px;
  border:1px solid rgba(255,255,255,.15);
  border-radius:999px;
  color:rgba(255,255,255,.58);
  background:rgba(2,6,15,.48);
  cursor:pointer;
  font-size:.68rem;
}
.web-glitch-v473{position:absolute;z-index:11;inset:0;visibility:hidden;pointer-events:none;overflow:hidden}
.web-glitch-v473 span{
  position:absolute;
  left:-8%;
  width:116%;
  height:var(--h,6%);
  top:var(--top,10%);
  opacity:0;
  background:linear-gradient(90deg,transparent 0 7%,rgba(var(--web-a-rgb),.18),rgba(255,255,255,.16),rgba(var(--web-b-rgb),.19),transparent 93%);
  mix-blend-mode:screen;
  transform:translateX(var(--from,-110%)) scaleX(.8);
}
.web-glitch-v473 span:nth-child(1){--top:4%;--h:5%;--from:-110%;--to:112%;--delay:0s}
.web-glitch-v473 span:nth-child(2){--top:13%;--h:8%;--from:112%;--to:-112%;--delay:.03s}
.web-glitch-v473 span:nth-child(3){--top:25%;--h:3%;--from:-110%;--to:112%;--delay:.07s}
.web-glitch-v473 span:nth-child(4){--top:32%;--h:12%;--from:112%;--to:-112%;--delay:.02s}
.web-glitch-v473 span:nth-child(5){--top:48%;--h:4%;--from:-110%;--to:112%;--delay:.11s}
.web-glitch-v473 span:nth-child(6){--top:56%;--h:9%;--from:112%;--to:-112%;--delay:.05s}
.web-glitch-v473 span:nth-child(7){--top:68%;--h:3%;--from:-110%;--to:112%;--delay:.13s}
.web-glitch-v473 span:nth-child(8){--top:74%;--h:10%;--from:112%;--to:-112%;--delay:.08s}
.web-glitch-v473 span:nth-child(9){--top:87%;--h:4%;--from:-110%;--to:112%;--delay:.02s}
.web-glitch-v473 span:nth-child(10){--top:93%;--h:3%;--from:112%;--to:-112%;--delay:.12s}
.web-access-v473{
  position:absolute;
  z-index:13;
  left:50%;
  top:50%;
  width:min(94vw,1300px);
  display:grid;
  gap:12px;
  justify-items:center;
  text-align:center;
  opacity:0;
  visibility:hidden;
  transform:translate(-50%,-50%) scale(.82);
  text-shadow:0 18px 60px rgba(0,0,0,.82);
}
.web-access-v473 span{color:var(--web-a);font:900 .68rem/1 ui-monospace,monospace;letter-spacing:.24em}
.web-access-v473 strong{font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(3.8rem,9vw,10rem);line-height:.84;letter-spacing:-.065em}
.web-access-v473 small{max-width:760px;color:var(--gold);font-size:clamp(.9rem,1.4vw,1.2rem)}
.web-entry-v473.is-glitching .web-entry-v473__copy{animation:web-v473-copy-glitch .62s steps(8,end) both}
.web-entry-v473.is-glitching .web-entry-v473__hud{animation:web-v473-hud-glitch .58s steps(7,end) both}
.web-entry-v473.is-glitching .web-glitch-v473{visibility:visible}
.web-entry-v473.is-glitching .web-glitch-v473 span{animation:web-v473-glitch-bar .62s var(--delay) cubic-bezier(.15,.75,.25,1) both}
.web-entry-v473.is-glitching::after{animation:web-v473-noise-burst .62s steps(5,end) both}
.web-entry-v473.is-access .web-access-v473{animation:web-v473-access-in .78s var(--ease) both}
.web-entry-v473.is-access .web-entry-v473__copy,
.web-entry-v473.is-access .web-entry-v473__hud{visibility:hidden}
.web-entry-v473.is-exiting{opacity:0;visibility:hidden;transform:scale(1.045)}
@keyframes web-v473-scanline{to{background-position:0 120px}}
@keyframes web-v473-cta-pulse{50%{box-shadow:0 18px 52px rgba(var(--web-a-rgb),.22),0 0 0 7px rgba(var(--web-a-rgb),.035)}}
@keyframes web-v473-copy-glitch{
  0%{opacity:1;transform:none;clip-path:inset(0)}
  15%{transform:translateX(-8px);clip-path:inset(0 0 62% 0)}
  28%{transform:translateX(9px);clip-path:inset(34% 0 28% 0)}
  42%{transform:translateX(-4px);clip-path:inset(68% 0 8% 0)}
  58%{transform:translateX(11px);filter:hue-rotate(45deg)}
  76%{opacity:.68;transform:translateX(-16px) skewX(-2deg)}
  100%{opacity:0;transform:translateX(7vw) scale(.96);filter:blur(5px)}
}
@keyframes web-v473-hud-glitch{0%{opacity:1}35%{transform:translateX(-9px)}55%{transform:translateX(8px)}100%{opacity:0;transform:translateY(-18px)}}
@keyframes web-v473-glitch-bar{0%{opacity:0;transform:translateX(var(--from)) scaleX(.6)}18%{opacity:.95}100%{opacity:0;transform:translateX(var(--to)) scaleX(1.15)}}
@keyframes web-v473-noise-burst{0%,100%{opacity:.055}30%{opacity:.3;transform:translateX(-5px)}55%{opacity:.13;transform:translateX(6px)}}
@keyframes web-v473-access-in{0%{opacity:0;visibility:visible;transform:translate(-50%,-50%) scale(.72);filter:blur(10px)}35%,78%{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1);filter:blur(0)}100%{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}}

/* Main page copy and product-oriented hero. */
.web-hero h2{
  max-width:850px;
  margin:0;
  font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;
  font-size:clamp(3.7rem,6.05vw,7.1rem);
  font-weight:950;
  line-height:.92;
  letter-spacing:-.058em;
  text-wrap:balance;
}
.web-hero .button--ghost{appearance:none}

/* Project vault preview — the case opens in a terminal modal. */
.web-vault-v473{
  position:relative;
  min-height:690px;
  display:grid;
  grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr);
  overflow:hidden;
  border:1px solid rgba(var(--web-a-rgb),.24);
  border-radius:var(--radius-lg);
  background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.011));
  box-shadow:var(--shadow);
}
.web-vault-v473::before{
  content:"";
  position:absolute;
  z-index:6;
  inset:0;
  pointer-events:none;
  background:linear-gradient(112deg,transparent 37%,rgba(var(--web-a-rgb),.06) 49%,transparent 61%);
  transform:translateX(-110%);
  animation:web-v473-vault-glint 8.5s 2s ease-in-out infinite;
}
.web-vault-v473__media{position:relative;min-height:690px;overflow:hidden;background:#050608}
.web-vault-v473__desktop{position:absolute;inset:0}
.web-vault-v473__desktop img{width:100%;height:100%;object-fit:cover;object-position:top;filter:saturate(.88) contrast(1.04)}
.web-vault-v473__media::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 40%,rgba(2,4,9,.17) 70%,rgba(2,4,9,.75))}
.web-vault-v473__mobile{
  position:absolute;
  z-index:3;
  right:5%;
  bottom:-8%;
  width:min(30%,205px);
  aspect-ratio:720/1354;
  overflow:hidden;
  border:6px solid #08090c;
  border-radius:29px;
  box-shadow:0 26px 70px rgba(0,0,0,.62),0 0 0 1px rgba(var(--web-a-rgb),.16);
  transform:rotate(3deg);
}
.web-vault-v473__mobile img{width:100%;height:100%;object-fit:cover}
.web-vault-v473__terminal{
  position:absolute;
  z-index:5;
  left:22px;
  bottom:22px;
  min-width:min(340px,calc(100% - 44px));
  padding:15px 17px;
  display:grid;
  gap:5px;
  border:1px solid rgba(var(--web-a-rgb),.28);
  border-radius:16px;
  color:rgba(223,255,247,.68);
  background:rgba(2,8,17,.82);
  backdrop-filter:blur(16px);
  font:700 .67rem/1.45 ui-monospace,monospace;
}
.web-vault-v473__terminal .is-ready{color:var(--web-a)}
.web-vault-v473__copy{
  position:relative;
  z-index:7;
  padding:clamp(38px,5vw,72px);
  display:flex;
  flex-direction:column;
  justify-content:center;
  background:linear-gradient(90deg,rgba(3,5,12,.62),rgba(3,5,12,.96) 23%);
}
.web-vault-v473__copy>p:first-child{margin:0 0 15px;color:var(--web-a);font-size:.65rem;font-weight:950;letter-spacing:.17em}
.web-vault-v473__copy h3{margin:0;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(2.8rem,4.2vw,5.3rem);line-height:.94;letter-spacing:-.05em}
.web-vault-v473__copy>p:not(:first-child){margin:24px 0 0;color:var(--muted-strong)}
.web-vault-v473__copy dl{margin:27px 0 0}
.web-vault-v473__copy dl div{padding:13px 0;display:grid;grid-template-columns:105px 1fr;gap:13px;border-top:1px solid var(--line)}
.web-vault-v473__copy dt{color:var(--gold);font-size:.63rem;font-weight:900;text-transform:uppercase}
.web-vault-v473__copy dd{margin:0;color:var(--muted-strong);font-size:.77rem}
.web-vault-v473__copy .button{align-self:flex-start;margin-top:28px}
@keyframes web-v473-vault-glint{0%,74%,100%{transform:translateX(-110%)}87%{transform:translateX(110%)}}

/* Animated portfolio terminal. */
.web-portfolio-v473{
  width:min(1180px,calc(100vw - 28px));
  max-height:calc(100dvh - 28px);
  margin:auto;
  padding:0;
  overflow:hidden;
  border:1px solid rgba(var(--web-a-rgb),.34);
  border-radius:28px;
  color:var(--text);
  background:#02060d;
  box-shadow:0 44px 160px rgba(0,0,0,.82),0 0 90px rgba(var(--web-a-rgb),.07);
}
.web-portfolio-v473::backdrop{background:rgba(0,0,0,.84);backdrop-filter:blur(11px)}
.web-portfolio-v473__shell{position:relative;min-height:min(790px,calc(100dvh - 28px));overflow:auto;overscroll-behavior:contain}
.web-portfolio-v473__close{
  position:sticky;
  z-index:20;
  float:right;
  top:16px;
  right:16px;
  width:46px;
  height:46px;
  margin:16px;
  display:grid;
  place-items:center;
  border:1px solid rgba(255,255,255,.19);
  border-radius:50%;
  color:#fff;
  background:rgba(3,8,18,.88);
  box-shadow:0 12px 28px rgba(0,0,0,.35);
  cursor:pointer;
}
.web-portfolio-v473__close svg{width:19px;height:19px}
.web-portfolio-v473__boot{
  position:absolute;
  z-index:12;
  inset:0;
  min-height:100%;
  display:grid;
  grid-template-rows:52px 1fr auto;
  overflow:hidden;
  color:#dffef5;
  background:
    radial-gradient(circle at 50% 50%,rgba(var(--web-a-rgb),.11),transparent 35%),
    repeating-linear-gradient(180deg,transparent 0 3px,rgba(var(--web-a-rgb),.035) 3px 4px),
    #02070c;
  transition:opacity .45s ease,visibility .45s ease;
}
.web-portfolio-v473__bootbar{padding:0 18px;display:flex;align-items:center;gap:7px;border-bottom:1px solid rgba(var(--web-a-rgb),.16);background:rgba(2,7,14,.88)}
.web-portfolio-v473__bootbar i{width:8px;height:8px;border-radius:50%;background:#ff6f7d}
.web-portfolio-v473__bootbar i:nth-child(2){background:#ffc969}
.web-portfolio-v473__bootbar i:nth-child(3){background:var(--web-a)}
.web-portfolio-v473__bootbar span{margin-left:8px;color:rgba(255,255,255,.5);font:700 .64rem ui-monospace,monospace;letter-spacing:.08em}
.web-portfolio-v473__boot pre{
  width:min(88%,820px);
  margin:auto;
  padding:36px;
  align-self:center;
  color:rgba(223,255,247,.78);
  font:700 clamp(.76rem,1.25vw,1.08rem)/1.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  white-space:pre-wrap;
}
.web-portfolio-v473__boot pre::after{content:"_";color:var(--web-a);animation:web-v473-cursor .72s steps(2,end) infinite}
.web-portfolio-v473__boot>strong{
  padding:0 20px 9vh;
  align-self:end;
  color:var(--web-a);
  font-family:"Arial Narrow",Arial,sans-serif;
  font-size:clamp(2.8rem,7vw,7rem);
  line-height:.9;
  letter-spacing:-.055em;
  text-align:center;
  opacity:0;
  transform:scale(.84);
}
.web-portfolio-v473[data-phase="granted"] .web-portfolio-v473__boot>strong{animation:web-v473-portfolio-granted .5s var(--ease) both}
.web-portfolio-v473[data-phase="ready"] .web-portfolio-v473__boot{opacity:0;visibility:hidden}
.web-portfolio-v473__content{
  padding:clamp(72px,7vw,94px) clamp(25px,6vw,78px) clamp(36px,6vw,74px);
  opacity:0;
  transform:translateY(18px);
  transition:opacity .55s .14s ease,transform .55s .14s var(--ease);
}
.web-portfolio-v473[data-phase="ready"] .web-portfolio-v473__content{opacity:1;transform:none}
.web-portfolio-v473__content h2{max-width:930px;margin:0;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(2.8rem,5.2vw,6rem);line-height:.92;letter-spacing:-.055em}
.web-portfolio-v473__content>p:not(.eyebrow){max-width:800px;color:var(--muted-strong)}
.web-portfolio-v473__showcase{margin-top:30px;display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.27fr);gap:16px;align-items:end}
.web-portfolio-v473__showcase picture{overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:#050608;box-shadow:0 24px 65px rgba(0,0,0,.38)}
.web-portfolio-v473__wide{aspect-ratio:16/9}.web-portfolio-v473__phone{aspect-ratio:9/16}
.web-portfolio-v473__showcase img{width:100%;height:100%;object-fit:cover;object-position:top}
.web-portfolio-v473__details{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.web-portfolio-v473__details article{min-height:165px;padding:20px;border:1px solid rgba(var(--web-a-rgb),.16);border-radius:18px;background:linear-gradient(145deg,rgba(var(--web-a-rgb),.055),rgba(255,255,255,.012))}
.web-portfolio-v473__details span{color:var(--web-a);font:850 .62rem ui-monospace,monospace;letter-spacing:.13em}
.web-portfolio-v473__details h3{margin:24px 0 7px;font-size:1rem}
.web-portfolio-v473__details p{margin:0;color:var(--muted);font-size:.78rem}
.web-portfolio-v473__chips{margin:23px 0;display:flex;flex-wrap:wrap;gap:7px}
.web-portfolio-v473__chips span{padding:7px 10px;border:1px solid rgba(255,255,255,.12);border-radius:999px;color:rgba(255,255,255,.64);font-size:.67rem}
.web-portfolio-v473__actions{display:flex;flex-wrap:wrap;gap:11px}
.web-portfolio-v473[data-phase="closing"]{opacity:0;transform:scale(.97);transition:opacity .25s ease,transform .25s ease}
@keyframes web-v473-cursor{50%{opacity:0}}
@keyframes web-v473-portfolio-granted{to{opacity:1;transform:scale(1)}}

@media(min-width:1100px){.web-entry-v473__copy h1{white-space:nowrap}}
@media(max-width:1240px){
  .web-vault-v473{grid-template-columns:1fr}
  .web-vault-v473__media{min-height:570px}
  .web-vault-v473__copy{background:rgba(3,5,12,.96)}
}
@media(max-width:760px){
  .web-live-v473{opacity:.32}
  .web-live-v473__grid{opacity:.07}
  .web-live-v473__snippet:nth-child(n+7){display:none}
  .web-arrival-v473__wormhole{top:45%;width:118vw}
  .web-arrival-v473__core{width:108px}
  .web-arrival-v473__copy{bottom:14vh;padding-inline:18px}
  .web-arrival-v473__copy strong{font-size:clamp(2.1rem,10.8vw,3.6rem)}
  .web-arrival-v473>button{left:50%;right:auto;top:auto;bottom:max(16px,env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap}
  .web-entry-v473__hud--left,.web-entry-v473__hud--right{display:none}
  .web-entry-v473__hud--top{grid-template-columns:1fr auto;left:17px;right:17px;top:max(15px,env(safe-area-inset-top));font-size:.53rem}
  .web-entry-v473__hud--top b{display:none}
  .web-entry-v473__copy{width:calc(100% - 28px)}
  .web-entry-v473__copy>p{font-size:.58rem;letter-spacing:.19em}
  .web-entry-v473__copy h1{font-size:clamp(3rem,14.8vw,5rem);line-height:.89}
  .web-entry-v473__copy>span{font-size:.88rem}
  .web-entry-v473__cta{width:min(100%,340px);margin-top:25px}
  .web-entry-v473__skip{left:50%;right:auto;bottom:max(15px,env(safe-area-inset-bottom));transform:translateX(-50%);white-space:nowrap}
  .web-access-v473 strong{font-size:clamp(3.4rem,18vw,6rem)}
  .web-access-v473 small{max-width:320px;font-size:.83rem}
  .web-hero h2{font-size:clamp(3rem,13.7vw,4.8rem)}
  .web-vault-v473{min-height:0;border-radius:27px}
  .web-vault-v473__media{min-height:430px}
  .web-vault-v473__mobile{width:31%;right:4%;border-width:4px;border-radius:20px}
  .web-vault-v473__terminal{left:14px;bottom:14px;min-width:calc(100% - 28px);font-size:.58rem}
  .web-vault-v473__copy{padding:29px 24px 34px}
  .web-vault-v473__copy h3{font-size:clamp(2.5rem,12vw,4rem)}
  .web-vault-v473__copy dl div{grid-template-columns:1fr;gap:4px}
  .web-vault-v473__copy .button{width:100%}
  .web-portfolio-v473{width:calc(100vw - 14px);border-radius:22px}
  .web-portfolio-v473__content{padding:72px 21px 32px}
  .web-portfolio-v473__content h2{font-size:clamp(2.6rem,12vw,4.4rem)}
  .web-portfolio-v473__showcase{grid-template-columns:1fr}
  .web-portfolio-v473__showcase .web-portfolio-v473__phone{width:45%;justify-self:center}
  .web-portfolio-v473__details{grid-template-columns:1fr}
  .web-portfolio-v473__details article{min-height:130px}
  .web-portfolio-v473__actions .button{width:100%}
  .web-portfolio-v473__boot pre{width:94%;padding:24px 18px;font-size:.7rem}
  .web-portfolio-v473__boot>strong{padding-bottom:13vh;font-size:clamp(3rem,15vw,5.5rem)}
}
@media(max-width:470px){
  .web-vault-v473__media{min-height:360px}
  .web-vault-v473__mobile{bottom:-9%}
  .web-entry-v473__copy h1{font-size:clamp(2.8rem,14vw,4rem)}
}
@media(hover:none),(pointer:coarse){.web-entry-v473__cta:hover{transform:none}}
@media(prefers-reduced-motion:reduce){
  .web-live-v473 canvas,.web-live-v473__grid,.web-live-v473__snippet,.web-live-v473__radar,
  .web-arrival-v473__streaks,.web-arrival-v473__wormhole,.web-entry-v473__canvas,.web-entry-v473__scanlines,
  .web-glitch-v473,.web-vault-v473::before{display:none!important}
  .web-entry-v473__cta{animation:none!important}
  .web-entry-v473.is-glitching .web-entry-v473__copy,.web-entry-v473.is-glitching .web-entry-v473__hud{animation:none!important;opacity:0!important}
}
html.reduce-motion .web-live-v473 canvas,
html.reduce-motion .web-live-v473__grid,
html.reduce-motion .web-live-v473__snippet,
html.reduce-motion .web-live-v473__radar,
html.reduce-motion .web-arrival-v473__streaks,
html.reduce-motion .web-arrival-v473__wormhole,
html.reduce-motion .web-entry-v473__canvas,
html.reduce-motion .web-entry-v473__scanlines,
html.reduce-motion .web-glitch-v473,
html.reduce-motion .web-vault-v473::before{display:none!important}
html.reduce-motion .web-entry-v473__cta{animation:none!important}

/* ========================================================================== */
/* STAR MARK WEB V4.7.4 — SIGNAL HIJACK + INTERACTIVE PROJECT FILE          */
/* ========================================================================== */
html.web-hijack-pending{overflow:hidden}
html.web-hijack-pending body> :not(.web-hijack-v474):not(.svg-sprite){opacity:0}
.no-js .web-hijack-v474{display:none!important}

.web-hijack-v474{
  --hijack-a:#64f1d7;
  --hijack-b:#ff4f7f;
  position:fixed;
  z-index:12000;
  inset:0;
  width:100vw;
  height:100dvh;
  min-height:100svh;
  overflow:hidden;
  color:#effffb;
  background:
    radial-gradient(circle at 50% 48%,rgba(100,241,215,.12),transparent 28%),
    linear-gradient(115deg,rgba(255,60,103,.04),transparent 28% 72%,rgba(91,230,255,.04)),
    #010407;
  opacity:0;
  visibility:hidden;
  pointer-events:none;
  isolation:isolate;
  transition:opacity .18s ease,visibility .18s ease;
}
.web-hijack-v474.is-active{opacity:1;visibility:visible;pointer-events:auto}
.web-hijack-v474.is-resolving{animation:web-v474-hijack-resolve .28s steps(5,end) both}
.web-hijack-v474__canvas,.web-hijack-v474__static,.web-hijack-v474__scan,.web-hijack-v474__bands{
  position:absolute;inset:0;width:100%;height:100%;pointer-events:none
}
.web-hijack-v474__canvas{z-index:0;opacity:.94}
.web-hijack-v474__static{
  z-index:1;
  opacity:.22;
  mix-blend-mode:screen;
  background-image:
    repeating-linear-gradient(0deg,transparent 0 2px,rgba(255,255,255,.055) 2px 3px),
    repeating-linear-gradient(90deg,rgba(100,241,215,.025) 0 1px,transparent 1px 5px);
  animation:web-v474-static-shift .22s steps(3,end) infinite
}
.web-hijack-v474__scan{
  z-index:2;
  height:17%;
  top:-20%;
  background:linear-gradient(180deg,transparent,rgba(100,241,215,.11),rgba(255,255,255,.12),transparent);
  filter:blur(2px);
  animation:web-v474-scan 2.15s linear infinite
}
.web-hijack-v474__breach{
  position:absolute;
  z-index:2;
  left:50%;
  top:49%;
  width:min(58vw,720px);
  aspect-ratio:1;
  transform:translate(-50%,-50%) scale(.13);
  border-radius:50%;
  opacity:.2;
}
.web-hijack-v474__breach span,.web-hijack-v474__breach i{
  position:absolute;
  inset:var(--breach-inset,0);
  border:1px solid rgba(100,241,215,.34);
  border-radius:50%;
  box-shadow:0 0 45px rgba(100,241,215,.12),inset 0 0 45px rgba(255,79,127,.06);
  animation:web-v474-breach-spin 1.1s linear infinite
}
.web-hijack-v474__breach span:nth-child(2){--breach-inset:17%;border-color:rgba(255,79,127,.35);animation-direction:reverse;animation-duration:.86s}
.web-hijack-v474__breach span:nth-child(3){--breach-inset:32%;border-style:dashed;animation-duration:.67s}
.web-hijack-v474__breach i{--breach-inset:44%;border:0;background:#000;box-shadow:0 0 90px rgba(100,241,215,.17)}
.web-hijack-v474.is-active .web-hijack-v474__breach{animation:web-v474-breach-in 1.15s .04s cubic-bezier(.18,.78,.18,1) both}
.web-hijack-v474__bands{z-index:4;overflow:hidden}
.web-hijack-v474__bands span{
  position:absolute;
  left:-15%;
  width:130%;
  height:var(--band-h,5%);
  top:var(--band-y,10%);
  opacity:0;
  background:linear-gradient(90deg,transparent,rgba(100,241,215,.14) 20%,rgba(255,255,255,.15) 52%,rgba(255,79,127,.12) 80%,transparent);
  mix-blend-mode:screen;
  transform:translateX(var(--band-from,-18%));
  animation:web-v474-band 1.7s var(--band-delay,0s) steps(8,end) infinite
}
.web-hijack-v474__bands span:nth-child(1){--band-y:8%;--band-h:4%;--band-delay:.04s;--band-from:-25%}
.web-hijack-v474__bands span:nth-child(2){--band-y:23%;--band-h:8%;--band-delay:.32s;--band-from:20%}
.web-hijack-v474__bands span:nth-child(3){--band-y:39%;--band-h:3%;--band-delay:.58s;--band-from:-30%}
.web-hijack-v474__bands span:nth-child(4){--band-y:52%;--band-h:11%;--band-delay:.12s;--band-from:18%}
.web-hijack-v474__bands span:nth-child(5){--band-y:69%;--band-h:5%;--band-delay:.78s;--band-from:-22%}
.web-hijack-v474__bands span:nth-child(6){--band-y:82%;--band-h:9%;--band-delay:.42s;--band-from:25%}
.web-hijack-v474__bands span:nth-child(7){--band-y:94%;--band-h:2%;--band-delay:.9s;--band-from:-26%}
.web-hijack-v474__corner{
  position:absolute;
  z-index:7;
  top:max(20px,env(safe-area-inset-top));
  display:grid;
  gap:4px;
  color:rgba(229,255,248,.48);
  font:700 .59rem/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;
  letter-spacing:.1em;
  text-transform:uppercase
}
.web-hijack-v474__corner b{color:var(--hijack-a);font-size:.64rem}
.web-hijack-v474__corner--left{left:max(22px,env(safe-area-inset-left))}
.web-hijack-v474__corner--right{right:max(22px,env(safe-area-inset-right));text-align:right}
.web-hijack-v474__identity{
  position:absolute;
  z-index:8;
  left:50%;
  top:50%;
  width:min(92vw,980px);
  display:grid;
  justify-items:center;
  gap:12px;
  transform:translate(-50%,-50%) scale(.88);
  opacity:0;
  text-align:center;
  filter:blur(8px)
}
.web-hijack-v474.is-logo-live .web-hijack-v474__identity{animation:web-v474-identity-in .64s steps(7,end) both}
.web-hijack-v474__identity>span{color:var(--hijack-b);font:900 clamp(.62rem,.95vw,.84rem)/1 ui-monospace,monospace;letter-spacing:.28em;text-shadow:0 0 18px rgba(255,79,127,.55)}
.web-hijack-v474__ascii{
  margin:5px 0 0;
  max-width:100%;
  overflow:hidden;
  color:#dcfff5;
  font:800 clamp(.44rem,.72vw,.72rem)/.9 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  letter-spacing:.03em;
  white-space:pre;
  text-align:left;
  text-shadow:-3px 0 rgba(255,65,105,.48),3px 0 rgba(78,222,255,.52),0 0 22px rgba(100,241,215,.36);
  transform:skewX(-1deg)
}
.web-hijack-v474__identity>strong{margin-top:4px;font-family:"Arial Narrow","Helvetica Neue",Arial,sans-serif;font-size:clamp(2.3rem,5vw,5.5rem);line-height:.88;letter-spacing:-.055em;text-shadow:-4px 0 rgba(255,79,127,.24),4px 0 rgba(100,241,215,.24),0 18px 55px rgba(0,0,0,.9)}
.web-hijack-v474__identity>small{color:rgba(232,255,248,.62);font:700 clamp(.65rem,.9vw,.84rem)/1.5 ui-monospace,monospace;letter-spacing:.08em}
.web-hijack-v474__ticker{position:absolute;z-index:7;left:0;right:0;bottom:28px;display:flex;justify-content:center;gap:clamp(18px,4vw,68px);overflow:hidden;color:rgba(255,255,255,.28);font:800 .57rem/1 ui-monospace,monospace;letter-spacing:.18em}
.web-hijack-v474__ticker span{animation:web-v474-ticker 1.8s steps(7,end) infinite}
.web-hijack-v474__ticker span:nth-child(even){color:rgba(100,241,215,.42);animation-delay:-.65s}
.web-hijack-v474__skip{position:absolute;z-index:10;right:max(20px,env(safe-area-inset-right));bottom:max(20px,env(safe-area-inset-bottom));min-height:44px;padding:0 17px;border:1px solid rgba(100,241,215,.28);border-radius:999px;color:#eafff9;background:rgba(3,9,15,.76);backdrop-filter:blur(14px);cursor:pointer;font-size:.7rem;font-weight:850;letter-spacing:.03em}
.web-hijack-v474__skip:hover{border-color:rgba(100,241,215,.65);background:rgba(100,241,215,.09)}

.web-entry-v473.is-ready{animation:web-v474-entry-reveal .48s ease both}
.web-entry-v473.is-ready .web-entry-v473__copy{animation:web-v474-question-in .62s .08s var(--ease) both}
.web-entry-v473.is-ready .web-entry-v473__hud{animation:web-v474-hud-in .48s .16s ease both}

@keyframes web-v474-static-shift{0%{transform:translate(0)}35%{transform:translate(-7px,2px)}70%{transform:translate(5px,-2px)}100%{transform:translate(0)}}
@keyframes web-v474-scan{to{transform:translateY(720%)}}
@keyframes web-v474-breach-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.03) rotate(-90deg)}38%{opacity:.48}75%{transform:translate(-50%,-50%) scale(1.05) rotate(18deg);opacity:.27}100%{transform:translate(-50%,-50%) scale(2.4) rotate(78deg);opacity:.04}}
@keyframes web-v474-breach-spin{to{transform:rotate(360deg)}}
@keyframes web-v474-band{0%,100%{opacity:0;transform:translateX(var(--band-from)) scaleX(.65)}12%{opacity:.72}42%{opacity:.13}58%{opacity:.64;transform:translateX(calc(var(--band-from) * -1)) scaleX(1.16)}76%{opacity:.08}}
@keyframes web-v474-identity-in{0%{opacity:0;transform:translate(-50%,-50%) scale(.7) skewX(5deg);filter:blur(12px)}18%{opacity:.92;transform:translate(calc(-50% - 11px),-50%) scale(1.02);filter:blur(0)}32%{transform:translate(calc(-50% + 9px),-50%) scale(.99)}49%{transform:translate(calc(-50% - 4px),-50%)}100%{opacity:1;transform:translate(-50%,-50%) scale(1);filter:blur(0)}}
@keyframes web-v474-ticker{0%,100%{opacity:.14;transform:translateY(0)}40%{opacity:.56;transform:translateY(-2px)}48%{opacity:.1;transform:translateY(3px)}}
@keyframes web-v474-hijack-resolve{0%{opacity:1;filter:none}24%{transform:translateX(-8px);filter:hue-rotate(50deg) contrast(1.8)}48%{transform:translateX(9px);opacity:.72}72%{transform:scale(1.025);filter:blur(3px)}100%{opacity:0;visibility:hidden;transform:scale(1.05);filter:blur(10px)}}
@keyframes web-v474-entry-reveal{from{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}
@keyframes web-v474-question-in{from{opacity:0;transform:translateY(20px) scale(.97);filter:blur(6px)}to{opacity:1;transform:none;filter:blur(0)}}
@keyframes web-v474-hud-in{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}

/* Clickable case index: the complete project remains inside the modal. */
.web-case-index-v474{
  --case-x:72%;--case-y:26%;
  position:relative;width:100%;min-height:610px;padding:0;display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);
  overflow:hidden;border:1px solid rgba(var(--web-a-rgb),.29);border-radius:var(--radius-lg);
  color:var(--text);background:linear-gradient(145deg,rgba(255,255,255,.035),rgba(255,255,255,.012));
  box-shadow:var(--shadow);text-align:left;cursor:pointer;isolation:isolate;
  transition:transform .3s var(--ease),border-color .25s ease,box-shadow .3s ease
}
.web-case-index-v474::before{content:"";position:absolute;z-index:5;inset:-1px;pointer-events:none;background:radial-gradient(circle at var(--case-x) var(--case-y),rgba(var(--web-a-rgb),.13),transparent 27%),linear-gradient(112deg,transparent 36%,rgba(var(--web-a-rgb),.06) 49%,transparent 62%);transform:translateX(-108%);transition:transform .75s var(--ease)}
.web-case-index-v474::after{content:"CLICK_TO_DECRYPT";position:absolute;z-index:8;right:20px;top:20px;padding:9px 12px;border:1px solid rgba(var(--web-a-rgb),.28);border-radius:11px;color:var(--web-a);background:rgba(2,8,17,.74);font:800 .58rem ui-monospace,monospace;letter-spacing:.12em}
.web-case-index-v474:hover{transform:translateY(-6px);border-color:rgba(var(--web-a-rgb),.58);box-shadow:0 36px 110px rgba(0,0,0,.5),0 0 60px rgba(var(--web-a-rgb),.08)}
.web-case-index-v474:hover::before{transform:translateX(108%)}
.web-case-index-v474:focus-visible{outline:3px solid var(--web-a);outline-offset:5px}
.web-case-index-v474__media{position:relative;min-height:610px;overflow:hidden;background:#050608}
.web-case-index-v474__media picture,.web-case-index-v474__media img{width:100%;height:100%}
.web-case-index-v474__media img{object-fit:cover;object-position:top;filter:saturate(.82) contrast(1.06);transition:transform .85s var(--ease),filter .35s ease}
.web-case-index-v474:hover .web-case-index-v474__media img{transform:scale(1.035);filter:saturate(.98) contrast(1.04)}
.web-case-index-v474__veil{position:absolute;inset:0;background:linear-gradient(90deg,transparent 36%,rgba(2,5,12,.15) 67%,rgba(2,5,12,.82)),repeating-linear-gradient(180deg,transparent 0 4px,rgba(100,241,215,.025) 4px 5px)}
.web-case-index-v474__status{position:absolute;z-index:3;left:22px;top:22px;padding:9px 12px;border:1px solid rgba(var(--web-a-rgb),.31);border-radius:999px;color:var(--web-a);background:rgba(2,8,17,.78);backdrop-filter:blur(14px);font:850 .62rem ui-monospace,monospace;letter-spacing:.12em}
.web-case-index-v474__terminal{position:absolute;z-index:3;left:22px;bottom:22px;width:min(360px,calc(100% - 44px));padding:15px 17px;display:grid;gap:5px;border:1px solid rgba(var(--web-a-rgb),.28);border-radius:16px;color:rgba(223,255,247,.64);background:rgba(2,8,17,.84);backdrop-filter:blur(16px);font:700 .66rem/1.45 ui-monospace,monospace}
.web-case-index-v474__terminal span:last-child{color:var(--web-a)}
.web-case-index-v474__copy{position:relative;z-index:6;padding:clamp(38px,5vw,74px);display:flex;flex-direction:column;justify-content:center;background:linear-gradient(90deg,rgba(3,5,12,.64),rgba(3,5,12,.97) 24%)}
.web-case-index-v474__copy>small{color:var(--web-a);font:900 .64rem ui-monospace,monospace;letter-spacing:.14em}
.web-case-index-v474__copy>strong{margin-top:15px;font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(2.9rem,4.4vw,5.45rem);line-height:.92;letter-spacing:-.055em}
.web-case-index-v474__copy>span:not(.web-case-index-v474__chips){margin-top:22px;color:var(--muted-strong);font-size:.94rem;line-height:1.7}
.web-case-index-v474__chips{margin-top:24px;display:flex;flex-wrap:wrap;gap:7px}
.web-case-index-v474__chips span{padding:7px 9px;border:1px solid rgba(255,255,255,.11);border-radius:999px;color:var(--muted);background:rgba(255,255,255,.02);font:750 .61rem ui-monospace,monospace}
.web-case-index-v474__copy>b{margin-top:29px;display:inline-flex;align-items:center;gap:10px;align-self:flex-start;color:#05110e;background:linear-gradient(120deg,#baffea,var(--web-a));min-height:50px;padding:0 20px;border-radius:999px;font-size:.8rem;font-weight:900;box-shadow:0 15px 42px rgba(var(--web-a-rgb),.16)}
.web-case-index-v474__copy>b svg{width:18px;height:18px}

/* Modal boot: rapid code typing + visible keyboard + access grant. */
.web-portfolio-v473__boot{grid-template-rows:52px 1fr}
.web-portfolio-v474__bootstage{min-height:calc(100% - 52px);padding:clamp(25px,4vw,52px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(290px,.72fr);align-items:center;gap:clamp(22px,4vw,60px);transition:opacity .28s ease,filter .28s ease,transform .28s ease}
.web-portfolio-v474__terminal{min-height:360px;padding:clamp(24px,4vw,46px);display:flex;align-items:center;border:1px solid rgba(var(--web-a-rgb),.22);border-radius:22px;background:rgba(1,7,12,.72);box-shadow:inset 0 0 55px rgba(var(--web-a-rgb),.025),0 24px 60px rgba(0,0,0,.36)}
.web-portfolio-v474__terminal pre{width:100%;margin:0!important;padding:0!important;align-self:auto!important}
.web-portfolio-v474__keyboard{position:relative;min-height:285px;padding:27px 25px 62px;display:grid;grid-template-columns:repeat(6,minmax(30px,1fr));gap:8px;border:1px solid rgba(var(--web-a-rgb),.19);border-radius:22px;background:linear-gradient(150deg,#0b1117,#030609);box-shadow:0 32px 70px rgba(0,0,0,.48),inset 0 0 44px rgba(100,241,215,.025);transform:perspective(700px) rotateX(13deg) rotateZ(-3deg)}
.web-portfolio-v474__keyboard::before{content:"FAST_INPUT // 164 WPM";position:absolute;left:25px;right:25px;top:10px;color:rgba(255,255,255,.37);font:700 .55rem ui-monospace,monospace;letter-spacing:.12em}
.web-portfolio-v474__keyboard span{min-height:37px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.12);border-radius:7px;color:rgba(255,255,255,.45);background:linear-gradient(#151b21,#080b0e);box-shadow:0 5px 0 #020304;font:750 .58rem ui-monospace,monospace;transition:transform .06s ease,color .06s ease,background .06s ease,box-shadow .06s ease}
.web-portfolio-v474__keyboard span.is-hot{transform:translateY(4px);color:#03100d;background:var(--web-a);box-shadow:0 1px 0 #020304,0 0 15px rgba(var(--web-a-rgb),.52)}
.web-portfolio-v474__keyboard span:last-of-type{grid-column:5/7}
.web-portfolio-v474__hand{position:absolute;bottom:2px;width:88px;height:92px;border-radius:48% 52% 18% 18%;background:linear-gradient(140deg,#d5a486,#7e4f3e);filter:drop-shadow(0 16px 18px rgba(0,0,0,.42));transform-origin:50% 90%;animation:web-v474-hand-type .34s ease-in-out infinite alternate}
.web-portfolio-v474__hand::before{content:"";position:absolute;left:14px;top:-24px;width:16px;height:49px;border-radius:999px;background:inherit;box-shadow:17px -4px 0 #bf8468,34px 2px 0 #a86f58,50px 9px 0 #925e4d}
.web-portfolio-v474__hand--left{left:16%;transform:rotate(-8deg)}
.web-portfolio-v474__hand--right{right:14%;transform:rotate(8deg);animation-delay:-.17s}
.web-portfolio-v474__grant{position:absolute;z-index:14;left:50%;top:50%;width:min(92%,1000px);display:grid;gap:10px;justify-items:center;transform:translate(-50%,-50%) scale(.76);opacity:0;visibility:hidden;text-align:center;text-shadow:0 20px 70px rgba(0,0,0,.9)}
.web-portfolio-v474__grant strong{color:var(--web-a);font-family:"Arial Narrow",Arial,sans-serif;font-size:clamp(3.2rem,7.5vw,8.2rem);line-height:.86;letter-spacing:-.06em}
.web-portfolio-v474__grant small{color:var(--gold);font:900 .7rem ui-monospace,monospace;letter-spacing:.18em}
.web-portfolio-v473[data-phase="granted"] .web-portfolio-v474__bootstage{opacity:.16;filter:blur(4px);transform:scale(1.02)}
.web-portfolio-v473[data-phase="granted"] .web-portfolio-v474__grant{animation:web-v474-grant .52s steps(7,end) both}
.web-portfolio-v473[data-phase="ready"] .web-portfolio-v474__grant{opacity:0;visibility:hidden}
@keyframes web-v474-hand-type{from{transform:translateY(0) rotate(-4deg)}to{transform:translateY(7px) rotate(4deg)}}
@keyframes web-v474-grant{0%{opacity:0;visibility:visible;transform:translate(-50%,-50%) scale(.65);filter:blur(10px)}28%{opacity:1;transform:translate(calc(-50% - 11px),-50%) scale(1.02);filter:blur(0)}42%{transform:translate(calc(-50% + 8px),-50%) scale(.99)}100%{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}}

@media(max-width:1050px){
  .web-case-index-v474{grid-template-columns:1fr}
  .web-case-index-v474__media{min-height:520px}
  .web-case-index-v474__copy{background:rgba(3,5,12,.97)}
  .web-portfolio-v474__bootstage{grid-template-columns:1fr}
  .web-portfolio-v474__keyboard{width:min(100%,620px);justify-self:center}
}
@media(max-width:760px){
  .web-hijack-v474__corner--right{display:none}
  .web-hijack-v474__corner{left:17px;top:max(15px,env(safe-area-inset-top));font-size:.5rem}
  .web-hijack-v474__breach{width:112vw;top:47%}
  .web-hijack-v474__identity{width:calc(100% - 24px);top:47%}
  .web-hijack-v474__identity>span{font-size:.54rem;letter-spacing:.2em}
  .web-hijack-v474__ascii{font-size:clamp(.34rem,1.65vw,.52rem);line-height:.88}
  .web-hijack-v474__identity>strong{font-size:clamp(2.35rem,12vw,4rem)}
  .web-hijack-v474__identity>small{max-width:310px;font-size:.61rem}
  .web-hijack-v474__ticker{display:none}
  .web-hijack-v474__skip{left:50%;right:auto;transform:translateX(-50%);white-space:nowrap}
  .web-case-index-v474{min-height:0;border-radius:27px}
  .web-case-index-v474__media{min-height:410px}
  .web-case-index-v474__copy{padding:30px 23px 34px}
  .web-case-index-v474__copy>strong{font-size:clamp(2.55rem,12vw,4.15rem)}
  .web-case-index-v474__copy>b{width:100%;justify-content:center}
  .web-case-index-v474::after{right:13px;top:13px;font-size:.49rem}
  .web-portfolio-v474__bootstage{padding:70px 16px 24px;gap:18px}
  .web-portfolio-v474__terminal{min-height:255px;padding:21px 17px}
  .web-portfolio-v474__keyboard{min-height:210px;padding:25px 14px 48px;grid-template-columns:repeat(6,minmax(24px,1fr));gap:6px;transform:perspective(600px) rotateX(10deg) rotateZ(-2deg)}
  .web-portfolio-v474__keyboard span{min-height:29px;font-size:.48rem}
  .web-portfolio-v474__hand{width:67px;height:67px}
  .web-portfolio-v474__hand::before{top:-19px;width:12px;height:37px;box-shadow:13px -3px 0 #bf8468,26px 2px 0 #a86f58,38px 7px 0 #925e4d}
  .web-portfolio-v474__grant strong{font-size:clamp(3rem,15vw,5.6rem)}
}
@media(max-width:470px){
  .web-hijack-v474__ascii{font-size:1.45vw}
  .web-case-index-v474__media{min-height:330px}
  .web-case-index-v474__terminal{left:12px;bottom:12px;width:calc(100% - 24px);font-size:.55rem}
  .web-case-index-v474__status{left:12px;top:12px;font-size:.51rem}
  .web-portfolio-v474__keyboard{grid-template-columns:repeat(5,minmax(22px,1fr))}
  .web-portfolio-v474__keyboard span:last-of-type{grid-column:auto}
}
@media(hover:none),(pointer:coarse){.web-case-index-v474:hover{transform:none}.web-case-index-v474:hover::before{transform:translateX(-108%)}}
@media(prefers-reduced-motion:reduce){
  .web-hijack-v474{display:none!important}
  .web-case-index-v474::before,.web-portfolio-v474__hand,.web-portfolio-v474__keyboard span{animation:none!important;transition:none!important}
}
html.reduce-motion .web-hijack-v474{display:none!important}
html.reduce-motion .web-case-index-v474::before,html.reduce-motion .web-portfolio-v474__hand{animation:none!important}

/* v48 responsive title + digital wormhole integration */
.web-entry-v473__copy{width:min(100%,980px);padding-inline:clamp(18px,4vw,56px)}
.web-entry-v473__copy h1,#web-entry-title-v473{font-size:clamp(2.35rem,6.2vw,6.8rem)!important;line-height:.95;letter-spacing:-.055em;white-space:normal!important;overflow:visible!important;text-overflow:clip!important;width:auto!important;max-width:100%!important;text-wrap:balance}
.web-entry-v473__copy{overflow:visible!important}
.web-entry-v473__copy h1::before,.web-entry-v473__copy h1::after{max-width:100%;overflow:hidden}
html{overflow-x:clip}
@media(max-width:760px){.web-entry-v473__copy h1,#web-entry-title-v473{font-size:clamp(2.2rem,11vw,4rem)!important;line-height:1}}
@media(prefers-reduced-motion:reduce){.route-portal{transition:opacity .25s!important}.route-rings span,.route-rings i{animation:none!important}}

/* Classified preview state: Aurum remains hidden until modal authentication */
.web-case-index-v474__media--locked{position:relative;overflow:hidden;background:#020711}
.web-case-index-v474__media--locked picture{display:none}
.classified-file{height:100%;min-height:320px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;position:relative;overflow:hidden;color:#e8f4ff;background:radial-gradient(circle at center,rgba(0,255,210,.08),transparent 45%),#020711}
.classified-file span{font:700 .7rem ui-monospace,monospace;letter-spacing:.25em;color:#54ffe0}
.classified-file strong{margin:22px 0;font:800 clamp(1.5rem,3vw,2.8rem)/1 ui-monospace,monospace;letter-spacing:.05em}
.classified-file p{margin:6px;color:rgba(255,255,255,.65);font:700 .75rem ui-monospace,monospace;letter-spacing:.14em}
.classified-noise{position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px);mix-blend-mode:screen;opacity:.35;pointer-events:none}
@media(max-width:760px){.classified-file{min-height:260px;padding:20px}.classified-file strong{font-size:1.3rem}}


/* Classified browser preview: real project remains only inside authenticated modal */
.browser-window--classified .classified-browser{
    height:100%;
    min-height:260px;
    display:flex;
    flex-direction:column;
    justify-content:center;
    gap:18px;
    padding:32px;
    background:linear-gradient(90deg,rgba(0,255,210,.05),transparent),repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 1px,transparent 1px 5px),#050811;
    color:#62ffe0;
    font-family:var(--font-mono,monospace);
    letter-spacing:.12em;
    font-size:.8rem;
}
.classified-browser span{
    display:block;
    height:18px;
    width:80%;
    background:rgba(255,255,255,.08);
    filter:blur(3px);
}
.classified-browser small{color:#fff;opacity:.75;}


/* v48.1 - Aurum modal real internal scroll */
.web-portfolio-v473{
  overflow:hidden;
  max-height:calc(100dvh - 28px);
}
.web-portfolio-v473__shell{
  height:100%;
  min-height:0;
  max-height:calc(100dvh - 28px);
  overflow-y:auto;
  overflow-x:hidden;
  overscroll-behavior:contain;
  scrollbar-gutter:stable;
  touch-action:pan-y;
}
.web-portfolio-v473__content{
  min-height:0;
}
.web-portfolio-v473__close{
  position:sticky;
  top:12px;
}
@media (max-width:700px){
  .web-portfolio-v473{
    width:calc(100vw - 20px);
    max-height:calc(100dvh - 20px);
  }
  .web-portfolio-v473__shell{
    max-height:calc(100dvh - 20px);
  }
}

/* Wormhole: iconos voladores por categoria (v4.8.0) */
.route-icons{position:absolute;left:50%;top:50%;width:0;height:0;z-index:4;pointer-events:none}
.route-fly{position:absolute;left:0;top:0;display:grid;place-items:center;width:var(--fs,30px);height:var(--fs,30px);margin:calc(var(--fs,30px) / -2) 0 0 calc(var(--fs,30px) / -2);color:var(--fly,#8c8cff);opacity:0;transform:translate3d(0,0,0) scale(.2);filter:drop-shadow(0 0 12px rgba(var(--fly-rgb,140,140,255),.7));animation:route-fly var(--dur,1s) cubic-bezier(.3,.7,.3,1) var(--delay,0s) forwards}
.route-fly svg{width:100%;height:100%}
@keyframes route-fly{0%{opacity:0;transform:translate3d(0,0,0) scale(.15) rotate(0deg)}18%{opacity:1}100%{opacity:0;transform:translate3d(calc(cos(var(--angle)) * var(--dist)),calc(sin(var(--angle)) * var(--dist)),0) scale(1.35) rotate(var(--spin,120deg))}}
.route-portal[data-scene="graphic"]{--accent:#ff72b8;--accent-rgb:255,114,184}
.route-portal[data-scene="app"]{--accent:#8c8cff;--accent-rgb:140,140,255}
@media (prefers-reduced-motion:reduce){.route-fly{display:none!important}}
html.reduce-motion .route-fly{display:none!important}