@charset "UTF-8";
:root{
  color-scheme:dark;
  --bg:#090f1c;--bg-2:#0d1727;--surface:#111d30;--surface-2:#152238;
  --ink:#f3f7f8;--muted:#9dacc1;--quiet:#6b7d96;--mint:#9ef4d1;--cyan:#68cfea;--violet:#a992ff;
  --border:rgba(175,198,218,.16);--border-strong:rgba(175,198,218,.28);
  --gutter:clamp(22px,5.15vw,88px);--max:1510px;--ease:cubic-bezier(.2,.8,.2,1)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:92px}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,Arial,sans-serif;font-size:16px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
::selection{background:var(--mint);color:#071724}
a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible,[role="button"]:focus-visible{outline:2px solid var(--mint);outline-offset:5px}
button:disabled{opacity:.6;cursor:not-allowed}img,svg{max-width:100%}img{display:block}svg.icon{flex:none;vertical-align:middle}p,h1,h2,h3,h4{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.055em}h1,h2{font-weight:680}h3{font-weight:650}em{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.06em}::marker{color:var(--mint)}
.container{width:min(100%,var(--max));padding-inline:var(--gutter);margin-inline:auto}
.section{position:relative}.page{min-height:60vh}.texture{pointer-events:none;position:fixed;z-index:100;inset:0;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='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.78' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='.2'/%3E%3C/svg%3E");mix-blend-mode:screen}
.skip-link{position:fixed;top:-100px;left:16px;z-index:500;padding:12px 18px;background:var(--mint);color:var(--bg);border-radius:6px}.skip-link:focus{top:12px}
.page-progress{position:fixed;top:0;left:0;width:100%;height:2px;z-index:230;pointer-events:none}#scroll-progress{width:0;height:100%;background:linear-gradient(90deg,var(--mint),var(--cyan));transition:width .08s linear}
.site-header{position:sticky;top:0;z-index:200;background:rgba(9,15,28,.83);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px);border-bottom:1px solid rgba(177,205,219,.08)}
.header-inner{height:89px;display:flex;align-items:center;justify-content:space-between;gap:28px}
.brand{display:flex;align-items:center;gap:12px;min-width:169px}.brand-mark{display:grid;place-items:center;width:39px;height:39px;background:#162b35;color:var(--mint);border:1px solid rgba(158,244,209,.26);border-radius:12px;transition:transform .3s var(--ease)}.brand:hover .brand-mark{transform:rotate(-8deg) scale(1.04)}.brand-mark svg{width:27px;height:27px}.brand-name{display:flex;flex-direction:column;line-height:1.15;letter-spacing:.15em;font-size:12px}.brand-name strong{font-weight:820}.brand-name span{color:var(--mint);font-size:10px;letter-spacing:.13em;margin-top:3px}
.desktop-nav{display:flex;align-items:center;gap:clamp(16px,2.4vw,42px)}.desktop-nav a{position:relative;color:#b3bfce;font-size:13px;font-weight:650;transition:color .25s}.desktop-nav a::after{content:'';position:absolute;bottom:-9px;left:0;width:0;height:1px;background:var(--mint);transition:width .3s var(--ease)}.desktop-nav a:hover,.desktop-nav a[aria-current="page"]{color:var(--ink)}.desktop-nav a:hover::after,.desktop-nav a[aria-current="page"]::after{width:100%}
.header-actions{display:flex;gap:25px;align-items:center}.availability{white-space:nowrap;font-size:10px;text-transform:uppercase;letter-spacing:.095em;font-weight:700;color:#a0b0c1}.availability-dot{display:inline-block;background:var(--mint);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px rgba(158,244,209,.08),0 0 16px rgba(158,244,209,.5);margin-right:8px;vertical-align:middle}.header-cta{font-size:12px;font-weight:750;display:flex;gap:9px;align-items:center;color:var(--mint)}.header-cta svg{width:14px;height:14px;transition:transform .25s}.header-cta:hover svg{transform:translate(2px,-2px)}.menu-button{display:none;border:1px solid var(--border);width:44px;height:44px;background:#172439;border-radius:10px;color:var(--ink);align-items:center;justify-content:center}.mobile-nav{display:none}
.label-eyebrow{font-size:10px;letter-spacing:.19em;font-weight:800;color:var(--mint);text-transform:uppercase;display:inline-flex;align-items:center;gap:12px;line-height:1.4}.eyebrow-line{display:inline-block;width:22px;height:1px;background:var(--mint)}
.btn{display:inline-flex;align-items:center;justify-content:space-between;min-height:54px;padding:11px 12px 11px 21px;border-radius:8px;gap:24px;font-size:13px;font-weight:800;border:1px solid transparent;white-space:nowrap;transition:transform .3s var(--ease),background .3s,border-color .3s}.btn:hover{transform:translateY(-3px)}.btn-primary{background:var(--mint);color:#102326}.btn-primary:hover{background:#c0ffe6}.btn-text{border:none;color:#e4ebf5;padding:11px 8px;background:transparent}.btn-outline{border:1px solid var(--border-strong);color:var(--ink);background:transparent}.btn-outline:hover{border-color:var(--mint)}.btn-icon{display:grid;place-items:center;width:33px;height:33px;background:rgba(9,28,30,.12);border-radius:6px}.btn-icon svg{width:16px;height:16px}.btn-text .btn-icon{background:#1c2b3e}.btn-outline .btn-icon{background:#1c2b3e}
.hero{min-height:min(790px,calc(100svh - 89px));display:flex;align-items:center;background:radial-gradient(ellipse at 78% 48%,rgba(17,57,62,.42),transparent 52%),linear-gradient(130deg,#090f1c 10%,#091626 85%);overflow:hidden;border-bottom:1px solid var(--border)}
.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(to right,rgba(111,175,181,.045) 1px,transparent 1px),linear-gradient(to bottom,rgba(111,175,181,.03) 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(to right,transparent,#000 95%);pointer-events:none}
.hero-grid{display:grid;grid-template-columns:61% 39%;align-items:center;min-height:690px;position:relative;isolation:isolate}
.hero-copy{z-index:2;padding:54px 0 82px;position:relative}.hero-topline{display:flex;justify-content:space-between;align-items:center;width:min(560px,100%)}.hero-number{font-size:10px;letter-spacing:.16em;color:#64798e}.hero-overline{font-family:Georgia,serif;font-style:italic;color:#d5e2e1;font-size:clamp(22px,2.5vw,31px);letter-spacing:-.04em;margin:60px 0 5px}
.hero-heading{font-size:clamp(64px,7vw,106px);font-weight:740;line-height:.98;letter-spacing:-.078em;position:relative;z-index:2;white-space:nowrap}
.hero-heading>span{display:block}.hero-heading .hero-heading-sub{font-size:clamp(27px,3.25vw,50px);font-weight:460;letter-spacing:-.065em;line-height:1.15;margin-top:13px;white-space:normal}.hero-heading .hero-heading-sub+span{margin-top:0}.hero-heading em{color:var(--mint);font-style:italic}.mint-dot{color:var(--mint)}.hero-description{font-size:16px;line-height:1.8;max-width:515px;margin-top:30px;color:var(--muted)}.hero-buttons{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:29px}.hero-footnote{margin-top:49px;display:flex;gap:13px;align-items:center;color:#7e92a6;font-size:11px;letter-spacing:.02em}.little-cross{color:var(--mint);font-size:24px;font-weight:300}
.hero-art{width:min(64vw,780px);height:min(63vw,700px);position:absolute;z-index:1;right:-6%;top:50%;translate:0 -50%;pointer-events:none;will-change:transform}.hero-halo{position:absolute;inset:13%;border-radius:50%;filter:blur(52px);background:radial-gradient(circle,rgba(38,109,104,.17),transparent 69%)}.orbit-svg{position:absolute;width:100%;height:100%;left:0;top:0;overflow:visible;filter:drop-shadow(0 0 24px rgba(158,244,209,.12))}.orbit-main{transform-origin:50% 50%;animation:orbit-breathe 13s ease-in-out infinite alternate}.orbital-path{stroke-dasharray:1500;stroke-dashoffset:0;animation:orbit-dash 18s linear infinite}.orbit-ring{transform-origin:50% 50%;animation:orbit-rotate 38s linear infinite}.orbit-nodes{animation:orbit-breathe 7s ease-in-out infinite alternate}.hero-annotation{position:absolute;bottom:3%;right:11%;display:flex;gap:20px;font-size:9px;letter-spacing:.17em;color:#69899a}.hero-mini-label{font-size:9px;color:#496c76;letter-spacing:.18em;position:absolute}.top-label{top:13%;right:8%}.bottom-label{bottom:21%;left:7%;transform:rotate(-90deg);transform-origin:left center}
@keyframes orbit-dash{to{stroke-dashoffset:-3000}}@keyframes orbit-rotate{to{transform:rotate(360deg)}}@keyframes orbit-breathe{50%{opacity:.8;transform:scale(1.015)}}
.scroll-indicator{position:absolute;bottom:23px;left:calc((100% - min(100%,var(--max))) / 2 + var(--gutter));display:flex;align-items:center;gap:14px;font-size:9px;font-weight:800;letter-spacing:.2em;color:#7c93a6}.scroll-line{width:36px;height:1px;background:var(--mint)}
.intro-strip{border-bottom:1px solid var(--border);background:#0b1625;overflow:hidden}.intro-strip-inner{display:flex;gap:39px;align-items:center;justify-content:space-between;padding-block:28px;white-space:nowrap}.intro-strip span{font-size:10px;font-weight:740;letter-spacing:.15em;color:#8499ac}.intro-strip .intro-separator{color:var(--mint);font-size:17px}
.showcase,.service-preview,.statement,.experiment,.final-cta,.about-values,.timeline-section,.cms-section,.service-process,.service-detail-list,.projects-list-section,.detail-story,.detail-features{padding-block:clamp(85px,10vw,145px)}
.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:58px}.section-heading h2{font-size:clamp(40px,5.1vw,76px);line-height:1.08;margin-top:19px}.section-heading h2 em{color:var(--mint)}.section-heading p{font-size:15px;color:var(--muted);max-width:600px;margin-top:22px}.section-heading .btn{flex:none;margin-bottom:6px}
.featured-projects{display:grid;grid-template-columns:1fr 1fr;gap:25px}.featured-project{padding:23px;background:#0e1a2b;border:1px solid var(--border);border-radius:16px;position:relative;overflow:hidden;transition:border-color .3s,background .3s,transform .4s var(--ease);transform-style:preserve-3d}.featured-project:hover{border-color:rgba(158,244,209,.45);background:#132439}.featured-hit{position:absolute;inset:0;z-index:4;border-radius:16px}.featured-hit:focus-visible{outline-offset:-5px}.featured-project-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px}.index-number{font-size:10px;letter-spacing:.2em;color:#78909f}.tag{font-size:10px;letter-spacing:.05em;color:#bbd2d5;border:1px solid var(--border);border-radius:100px;padding:6px 12px}.featured-project-display{height:clamp(270px,29vw,430px);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;border-radius:9px;background:radial-gradient(ellipse at 54% 50%,rgba(85,201,173,.18),transparent 63%),#092125}.featured-project.card-violet .featured-project-display{background:radial-gradient(ellipse at 55% 48%,rgba(155,112,246,.18),transparent 65%),#160f2b}.browser-frame{box-shadow:0 24px 50px rgba(0,0,0,.3);background:#0b1422;border-radius:8px 8px 3px 3px;border:1px solid rgba(214,237,246,.14);overflow:hidden;width:100%;display:flex;flex-direction:column;aspect-ratio:1.95;transition:transform .7s var(--ease)}.featured-project-display .browser-frame{width:92%;transform:translateY(19px) rotate(-2deg)}.featured-project:hover .browser-frame{transform:translateY(7px) rotate(0)}.featured-project.card-violet .browser-frame{transform:translateY(22px) rotate(2deg)}.featured-project.card-violet:hover .browser-frame{transform:translateY(7px) rotate(0)}.browser-bar{height:26px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 12px;background:#162338;color:#8fa5b3;font-size:9px}.browser-dots{display:flex;gap:4px}.browser-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#526579}.browser-dots i:first-child{background:#ec898a}.browser-dots i:nth-child(2){background:#edca72}.browser-dots i:nth-child(3){background:#81cda6}.browser-address{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;letter-spacing:.04em}.browser-right{font-size:11px}.browser-image{overflow:hidden;flex:1;position:relative;min-height:0}.browser-image img{width:100%;height:100%;object-fit:cover;object-position:top center}.featured-project-bottom{display:flex;justify-content:space-between;gap:22px;align-items:end;padding:25px 3px 8px}.project-kicker{display:flex;gap:12px;align-items:center;font-size:10px;letter-spacing:.09em;font-weight:800;color:var(--mint);text-transform:uppercase}.project-kicker>span+span:before{content:'/';margin-right:12px;color:#667e91}.featured-project h3{font-size:clamp(28px,3.1vw,46px);margin-top:11px}.featured-project p{font-size:13px;color:var(--muted);line-height:1.65;max-width:400px;margin-top:10px}.circle-arrow{width:49px;height:49px;flex:none;border:1px solid var(--border-strong);display:grid;place-items:center;border-radius:50%;color:var(--ink);transition:background .3s,color .3s,transform .3s}.circle-arrow svg{width:19px}.featured-project:hover .circle-arrow,.small-project:hover .circle-arrow{background:var(--mint);color:#102326;transform:rotate(45deg)}
.small-projects{display:grid;grid-template-columns:1fr 1fr;gap:25px;margin-top:25px}.small-project{border:1px solid var(--border);background:#101c2b;border-radius:14px;overflow:hidden;transition:transform .35s var(--ease),border-color .35s}.small-project:hover{transform:translateY(-6px);border-color:rgba(173,201,223,.4)}.small-project-link{display:block}.small-project-media{background:linear-gradient(135deg,#e3edf8,#9fb9d7);padding:40px 48px 0;height:260px;display:flex;align-items:flex-end;overflow:hidden}.small-project.card-forest .small-project-media{background:linear-gradient(135deg,#ceded2,#829a8a)}.small-project.card-mint .small-project-media{background:linear-gradient(135deg,#103b3a,#071521)}.small-project.card-violet .small-project-media{background:linear-gradient(135deg,#40275d,#11162c)}.small-project .browser-frame{aspect-ratio:1.98;transform:translateY(13px);box-shadow:0 16px 28px rgba(0,0,0,.17)}.small-project:hover .browser-frame{transform:translateY(0) scale(1.025)}.small-project-meta{padding:26px 28px 30px;display:flex;justify-content:space-between;align-items:end;gap:18px}.small-project h3{font-size:clamp(24px,2.5vw,34px);margin-top:11px;letter-spacing:-.055em}.small-project p{font-size:13px;color:var(--muted);margin-top:10px;max-width:400px}.small-project .circle-arrow{width:43px;height:43px}.card-blue .project-kicker{color:#91c5ff}.card-forest .project-kicker{color:#bedda4}.card-violet .project-kicker{color:#baacff}
.service-preview{background:#0d1726}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-tile{min-height:375px;position:relative;display:flex;flex-direction:column;align-items:flex-start;border:1px solid var(--border);border-radius:13px;padding:31px;background:linear-gradient(154deg,rgba(21,39,56,.86),rgba(13,23,38,.7));transition:transform .3s,border-color .3s}.service-tile:hover{transform:translateY(-7px);border-color:rgba(158,244,209,.5)}.service-icon{width:48px;height:48px;border:1px solid rgba(158,244,209,.3);border-radius:11px;display:grid;place-items:center;color:var(--mint);margin-bottom:42px}.service-tile>span:not(.tile-link){font-size:10px;letter-spacing:.12em;color:#7b91a5}.service-tile h3{font-size:clamp(29px,3.1vw,44px);margin:14px 0}.service-tile p{font-size:13px;max-width:320px;color:var(--muted);line-height:1.8}.tile-link{margin-top:auto;padding-top:30px;font-size:12px;color:var(--mint);font-weight:800;display:flex;align-items:center;gap:12px}.tile-link svg{width:15px}
.statement{background:#0a111f;border-block:1px solid var(--border);overflow:hidden}.statement-grid{display:grid;grid-template-columns:.32fr .68fr;gap:65px}.statement-side{display:flex;flex-direction:column;align-items:flex-start}.statement-asterisk{font-size:clamp(90px,12vw,190px);line-height:1.2;color:rgba(158,244,209,.21);margin-top:26px}.statement-side p{color:#899bae;font-size:13px;max-width:160px}.statement-text{font-size:clamp(39px,5vw,74px);font-weight:570;letter-spacing:-.06em;line-height:1.18}.statement-text em{color:var(--mint)}.statement-text span{color:#7bcbe3}.text-arrow{display:inline-flex;align-items:center;gap:11px;margin-top:35px;color:var(--mint);font-size:13px;font-weight:750}.text-arrow svg{width:16px}
.experiment{background:radial-gradient(ellipse at 83% 65%,rgba(24,78,73,.15),transparent 55%),#0b1524}.experiment-grid{display:grid;grid-template-columns:.43fr .57fr;gap:8%;align-items:center}.experiment-copy h2{font-size:clamp(54px,6vw,86px);line-height:.99;margin-top:26px}.experiment-copy em{color:var(--mint)}.experiment-copy>p{max-width:450px;font-size:15px;color:var(--muted);line-height:1.85;margin-top:29px}.experiment-hint{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-top:30px}.kbd{width:29px;height:29px;display:grid;place-items:center;background:#16263a;border:1px solid var(--border);font-size:12px;border-radius:5px;font-weight:750}.hint-copy{color:#8599ab;font-size:11px;margin-left:10px}.reset-button{display:flex;align-items:center;gap:10px;background:none;border:none;padding:0;color:var(--mint);margin-top:27px;font-size:12px;font-weight:800}.reset-button svg{width:14px}.experiment-panel{height:490px;border:1px solid rgba(158,244,209,.2);border-radius:17px;background:radial-gradient(circle at 50% 50%,rgba(19,81,74,.2),transparent 65%),#0d1c2b;position:relative;overflow:hidden;box-shadow:inset 0 0 70px rgba(66,210,165,.03)}.panel-top,.panel-bottom{position:absolute;z-index:2;left:27px;right:27px;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:.12em;color:#7e9aaa}.panel-top{top:25px}.panel-bottom{bottom:23px}.panel-status{color:var(--mint)}.panel-status span{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--mint);margin-right:9px;box-shadow:0 0 14px var(--mint)}.experiment-svg{position:absolute;inset:48px 5px 42px;width:calc(100% - 10px);height:calc(100% - 90px)}.experiment-node{cursor:pointer;outline:none}.experiment-node circle{fill:#0e2731;stroke:#4e7a83;stroke-width:2;transition:fill .2s,stroke .2s}.experiment-node text{fill:#c5e8e2;font-family:monospace;font-size:15px;font-weight:700;pointer-events:none;text-anchor:middle;letter-spacing:.07em}.experiment-node:hover circle,.experiment-node:focus-visible circle{fill:#1b554f;stroke:var(--mint)}.experiment-node.done circle{fill:#236e5f;stroke:var(--mint)}.experiment-node.done text{fill:#fff}.experiment-success{position:absolute;inset:20%;background:#142c35;border:1px solid var(--mint);border-radius:13px;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:25px;box-shadow:0 15px 70px #0008}.experiment-success[hidden]{display:none}.experiment-success>span{font-size:56px;color:var(--mint);animation:pop-in .5s var(--ease)}.experiment-success strong{font-size:21px}.experiment-success p{font-size:13px;color:var(--muted);margin:10px 0 17px}.experiment-success button{background:none;color:var(--mint);font-size:12px;font-weight:800;border:1px solid var(--border);border-radius:6px;padding:7px 14px}@keyframes pop-in{from{transform:scale(.2) rotate(-120deg);opacity:0}to{transform:scale(1);opacity:1}}
.final-cta{text-align:center;background:radial-gradient(ellipse at 50% 90%,rgba(48,108,92,.18),transparent 70%),#0c1926;border-top:1px solid var(--border)}.final-cta-inner{position:relative}.final-cta h2{font-size:clamp(51px,7vw,105px);line-height:1.04;margin-top:24px}.final-cta h2 em{color:var(--mint)}.final-cta p{color:var(--muted);font-size:15px;margin:24px auto 31px;max-width:600px}.final-mark{display:block;font-size:10px;color:#567f80;letter-spacing:.35em;margin-top:85px}
.site-footer{background:#070d18;border-top:1px solid var(--border)}.footer-main{padding-block:clamp(60px,8vw,110px);display:grid;grid-template-columns:1.3fr .6fr;gap:80px}.footer-main h2{font-size:clamp(45px,5.6vw,80px);margin:22px 0}.footer-main h2 em{color:var(--mint)}.footer-email{font-size:clamp(19px,2.8vw,34px);display:inline-flex;align-items:center;gap:12px;border-bottom:1px solid rgba(158,244,209,.6);padding-bottom:10px;color:var(--mint);font-weight:630;letter-spacing:-.04em}.footer-email svg{width:20px}.footer-side{align-self:end;margin-bottom:24px}.footer-side>p{color:var(--muted);font-size:14px;line-height:1.8;margin-bottom:25px}.footer-contact{display:inline-flex;align-items:center;gap:11px;font-size:13px;color:#eff6f7;font-weight:800}.footer-contact svg{width:16px;color:var(--mint)}.footer-bottom{min-height:115px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-bottom>div:first-child{display:flex;align-items:center;gap:35px}.footer-copy{font-size:11px;color:#708397;white-space:nowrap}.footer-links{display:flex;gap:25px;align-items:center}.footer-links>a,.footer-links>button{color:#9cadbd;font-size:11px;border:0;background:transparent;white-space:nowrap}.footer-links>a:hover,.footer-links>button:hover{color:var(--mint)}.footer-links button span{font-size:9px;color:#667d90;padding-left:4px}.top-link{border:1px solid var(--border);width:40px;height:40px;display:grid;place-items:center;border-radius:50%;font-size:17px;color:var(--mint)}
/* Common interior page headings */
.inner-hero{min-height:560px;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:100px 75px;position:relative}.inner-hero::before{content:'';position:absolute;pointer-events:none;right:0;top:0;width:50%;height:100%;background:radial-gradient(ellipse,rgba(34,83,81,.14),transparent 75%)}.inner-hero h1{font-size:clamp(64px,7.3vw,112px);margin:31px 0;line-height:.99}.inner-hero h1 em{color:var(--mint)}.inner-hero p{font-size:16px;color:var(--muted);max-width:660px;line-height:1.8}.inner-hero-right{text-align:right;align-self:flex-end;min-width:150px}.inner-hero-right>span{font-size:clamp(130px,18vw,300px);font-weight:800;letter-spacing:-.1em;line-height:.8;color:rgba(158,244,209,.07)}.inner-hero-right p{font-size:10px;letter-spacing:.2em;margin-top:23px;color:#6b8491}
.projects-list-section{padding-top:0}.project-filter{border-bottom:1px solid var(--border);display:flex;align-items:center;gap:32px;padding:0 0 30px;margin-bottom:35px}.filter-btn{border:none;background:transparent;color:#8fa5b5;font-size:13px;font-weight:800;position:relative;padding:8px 0}.filter-btn span{font-size:10px;margin-left:7px;color:#768b9a}.filter-btn:after{content:'';position:absolute;bottom:-30px;left:0;height:2px;background:var(--mint);width:0;transition:width .25s}.filter-btn.is-active{color:var(--ink)}.filter-btn.is-active:after{width:100%}.all-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}.all-projects-grid>[hidden]{display:none}.all-projects-grid .small-project-media{height:370px}.timeline-note{display:flex;align-items:center;gap:20px;background:#111f2e;padding:25px 30px;border:1px solid var(--border);border-radius:11px;margin-top:40px}.timeline-note>.icon{color:var(--mint);width:29px;height:29px}.timeline-note strong{font-size:14px}.timeline-note p{font-size:12px;color:var(--muted);margin-top:5px}
/* Case studies */
.project-detail-hero{padding:70px 0 55px}.detail-nav{display:flex;align-items:center;justify-content:space-between;color:#8ca0b2;font-size:11px;letter-spacing:.08em}.detail-nav a{display:flex;align-items:center;gap:10px}.detail-nav a:hover{color:var(--mint)}.detail-nav svg{width:16px}.detail-title-wrap{padding:90px 0 65px}.detail-title-wrap h1{font-size:clamp(66px,9vw,140px);margin:24px 0 26px}.detail-title-wrap>p{font-size:clamp(17px,2.1vw,23px);line-height:1.6;color:#afbdc9;max-width:820px}.detail-facts{display:grid;grid-template-columns:1fr 1.55fr 1fr 1.1fr;gap:20px;padding:25px 0 8px;border-top:1px solid var(--border)}.detail-facts>div{display:flex;flex-direction:column;gap:9px}.detail-facts span{font-size:10px;color:#7b90a1;letter-spacing:.12em}.detail-facts strong,.detail-facts a{font-size:13px;color:var(--ink);font-weight:690}.detail-facts a{display:inline-flex;align-items:center;gap:7px;color:var(--mint)}.detail-facts svg{width:14px}
.detail-display{background:radial-gradient(ellipse at 50% 70%,rgba(100,236,201,.22),transparent 60%),#13292e;padding:90px 0 0;overflow:hidden}.detail-display.detail-color-violet{background:radial-gradient(ellipse at 55% 55%,rgba(182,114,253,.3),transparent 60%),#251a40}.detail-display.detail-color-blue{background:radial-gradient(ellipse at 48% 56%,rgba(111,164,242,.3),transparent 65%),#8eaecd}.detail-display.detail-color-forest{background:radial-gradient(ellipse at 47% 65%,rgba(129,176,131,.3),transparent 65%),#a8b8ab}.detail-display-inner{position:relative}.detail-display .browser-frame{max-width:1100px;margin:0 auto;aspect-ratio:1.95;box-shadow:0 40px 80px rgba(0,0,0,.35);border-radius:13px 13px 0 0;transform:translateY(12px)}.detail-display .browser-bar{height:35px}.detail-visual-index{font-size:9px;letter-spacing:.19em;color:rgba(255,255,255,.6);position:absolute;bottom:30px;right:7%}.detail-story-grid{display:grid;grid-template-columns:.3fr .7fr;gap:10%}.detail-aside>p{margin-top:35px;color:#8498a8;font-size:12px;max-width:200px}.detail-article h2{font-size:clamp(38px,4.2vw,62px);max-width:850px}.detail-article>p{color:#a0b2c2;font-size:16px;line-height:1.9;margin-top:25px;max-width:790px}.detail-services{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}.detail-services span,.pill-list span{font-size:11px;letter-spacing:.02em;border:1px solid var(--border-strong);border-radius:99px;padding:9px 15px;color:#cbd8df}.detail-features{background:#0d1928}.features-grid{border-top:1px solid var(--border);margin-top:35px}.feature-row{display:grid;grid-template-columns:80px 1fr 30px;align-items:center;gap:24px;padding:29px 0;border-bottom:1px solid var(--border)}.feature-row>span{font-size:11px;color:var(--mint);font-weight:800}.feature-row h3{font-size:clamp(20px,2.4vw,34px);font-weight:540}.feature-row svg{color:#8399a9}.detail-live{margin-top:42px;display:flex;align-items:center;gap:25px}.detail-live>span{color:var(--quiet);font-size:11px}.next-project-section{padding:100px 0;background:#0c1522;border-top:1px solid var(--border)}.next-project-link{display:flex;align-items:center;justify-content:space-between;font-size:clamp(52px,7.6vw,115px);font-weight:700;letter-spacing:-.07em;line-height:1.1;margin-top:24px}.next-project-link svg{width:clamp(45px,7vw,88px);height:auto;color:var(--mint);transition:transform .3s}.next-project-link:hover svg{transform:translate(8px,-8px)}.next-year{font-size:13px;color:var(--muted);margin-top:20px;display:block}
/* Services */
.service-detail-list{padding-top:20px}.service-detail{display:grid;grid-template-columns:.2fr .65fr .15fr;align-items:start;gap:35px;padding:65px 0;border-top:1px solid var(--border)}.service-detail:last-child{border-bottom:1px solid var(--border)}.service-detail-num{font-size:11px;letter-spacing:.13em;color:var(--mint)}.service-detail h2{font-size:clamp(39px,5vw,73px)}.service-detail h2 em{color:var(--mint)}.service-detail p{color:var(--muted);font-size:15px;margin-top:25px;max-width:580px;line-height:1.85}.pill-list{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px}.service-detail-icon{margin-left:auto;color:rgba(158,244,209,.43)}.service-detail-icon svg{width:70px;height:70px;stroke-width:.9}.cms-section{background:#0d1726}.cms-grid{display:grid;grid-template-columns:.5fr .5fr;gap:11%}.cms-grid h2{font-size:clamp(45px,5vw,76px);margin-top:23px}.cms-grid h2 em{color:var(--mint)}.cms-grid>div>p{color:var(--muted);line-height:1.8;margin-top:24px;max-width:530px}.cms-accordion details{border-bottom:1px solid var(--border)}.cms-accordion details:first-child{border-top:1px solid var(--border)}.cms-accordion summary{display:flex;align-items:center;justify-content:space-between;gap:25px;cursor:pointer;padding:26px 0;font-weight:700;list-style:none}.cms-accordion summary::-webkit-details-marker{display:none}.cms-accordion summary svg{width:18px;color:var(--mint);transition:transform .3s}.cms-accordion details[open] summary svg{transform:rotate(45deg)}.cms-accordion details p{color:var(--muted);font-size:14px;line-height:1.8;padding:0 40px 30px 0}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--border);border-radius:12px;overflow:hidden}.process-card{padding:32px;min-height:240px;border-right:1px solid var(--border)}.process-card:last-child{border-right:0}.process-card>span{font-size:12px;font-weight:800;color:var(--mint)}.process-card h3{font-size:27px;margin:55px 0 15px}.process-card p{color:var(--muted);font-size:12px;line-height:1.7}
/* About */
.about-hero{overflow:hidden}.about-hero>div:first-child{z-index:2}.about-hero h1{font-size:clamp(62px,8vw,120px)}.about-emblem{position:relative;display:grid;place-items:center;flex:none;width:min(34vw,420px);height:min(34vw,420px);color:var(--mint)}.about-emblem>span:first-child{font-size:clamp(180px,21vw,310px);font-weight:800;line-height:1;letter-spacing:-.13em;opacity:.7}.about-emblem .about-orbit{position:absolute;left:0;top:50%;width:100%;height:48%;border:1px solid rgba(158,244,209,.4);border-radius:50%;transform:translateY(-50%) rotate(42deg);pointer-events:none}.about-emblem .orbit-b{transform:translateY(-50%) rotate(-42deg)}.about-emblem small{font-size:9px;letter-spacing:.2em;color:#5f8c8c;position:absolute;bottom:0;right:0}.about-statement{background:#0d1726;padding:125px 0}.about-two-col{display:grid;grid-template-columns:.33fr .67fr;gap:9%}.about-two-col h2{font-size:clamp(39px,4.8vw,74px)}.about-two-col h2 em{color:var(--mint)}.about-two-col p{font-size:15px;line-height:1.9;color:var(--muted);margin-top:28px;max-width:790px}.timeline{position:relative;border-top:1px solid var(--border)}.timeline-item{position:relative;display:grid;grid-template-columns:.26fr .74fr;gap:25px;padding:42px 0;border-bottom:1px solid var(--border)}.timeline-year{font-size:clamp(36px,4.8vw,72px);font-weight:700;letter-spacing:-.07em;color:var(--mint)}.timeline-item h3{font-size:clamp(24px,3.1vw,42px);margin-bottom:13px}.timeline-item p{max-width:650px;font-size:14px;color:var(--muted)}.timeline-dot{position:absolute;right:6px;top:51px;width:9px;height:9px;border:2px solid var(--mint);border-radius:50%}.values-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.value-card{padding:35px;border:1px solid var(--border);background:#0e1c2b;border-radius:10px;min-height:265px}.value-card>svg{width:33px;height:33px;color:var(--mint)}.value-card h3{font-size:28px;margin:47px 0 15px}.value-card p{color:var(--muted);font-size:13px;line-height:1.7}
/* Contact */
.contact-hero{min-height:490px}.contact-hero-icon{width:190px;height:190px;border:1px solid var(--border);border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle,rgba(158,244,209,.09),transparent);transform:rotate(-12deg)}.contact-hero-icon svg{width:85px;height:85px;color:var(--mint);stroke-width:1}.contact-body{background:#0d1726;padding-block:90px 140px}.contact-layout{display:grid;grid-template-columns:.43fr .57fr;gap:9%}.contact-aside{padding-top:22px}.direct-mail{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:clamp(24px,3.2vw,42px);font-weight:670;letter-spacing:-.05em;color:var(--mint);margin-top:25px}.direct-mail svg{width:21px}.contact-aside p{color:var(--muted);font-size:14px;margin-top:18px;max-width:350px;line-height:1.8}.contact-availability{margin-top:60px;font-size:12px;color:#9cb4c1}.contact-form-wrap{background:#111e30;padding:clamp(25px,4vw,55px);border:1px solid var(--border);border-radius:14px}.contact-form-wrap h2{font-size:clamp(30px,3.1vw,42px)}.contact-form-wrap>p{color:var(--muted);font-size:13px;margin:12px 0 32px}.form-row{display:flex;flex-direction:column;gap:9px;margin-bottom:22px}.form-row>label{font-size:12px;color:#d8e3e8;font-weight:650}.form-row label span,.required{color:var(--mint)}.form-row input,.form-row textarea,.form-row select{min-height:49px;border:1px solid #37475c;background:#0b1525;color:var(--ink);border-radius:7px;padding:13px 15px;outline:none;transition:border-color .2s}.form-row input:focus,.form-row textarea:focus,.form-row select:focus{border-color:var(--mint)}.form-row textarea{resize:vertical;min-height:135px}.form-row input::placeholder,.form-row textarea::placeholder{color:#73869b}.form-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}.checkbox-line{display:flex;align-items:flex-start;gap:11px;cursor:pointer;color:#aab9c8;font-size:11px;line-height:1.6}.checkbox-line input{accent-color:var(--mint);margin-top:4px;width:17px;height:17px;flex:none}.form-actions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:27px}.form-actions>p{font-size:10px;color:#7c91a4;max-width:200px}.form-status{font-size:12px;color:var(--mint);margin-top:12px;min-height:20px}.form-status.error{color:#ffadad}.form-note{border-top:1px solid var(--border);padding-top:20px;color:#899cac;font-size:11px;line-height:1.7}.form-note strong{color:#cfdae3}
/* 404 */
.error-page{min-height:calc(100svh - 90px);display:flex;align-items:center;text-align:center}.error-inner{padding-block:75px}.error-404{font-size:clamp(160px,25vw,400px);font-weight:800;letter-spacing:-.15em;color:rgba(158,244,209,.14);line-height:.9;user-select:none}.error-404 span{color:var(--mint);opacity:.7;display:inline-block;transition:transform .6s}.error-page h1{font-size:clamp(48px,6vw,82px);margin-top:-30px}.error-page h1 em{color:var(--mint)}.error-page p:not(.error-404){font-size:15px;color:var(--muted);max-width:520px;margin:24px auto 0}.error-page .hero-buttons{justify-content:center}.secret-404{display:block;margin:46px auto 0;border:none;background:none;color:#708e99;font-size:11px;text-decoration:underline;text-underline-offset:5px}
/* Details mode and toast */
.detail-grid-overlay{position:fixed;z-index:230;inset:0;pointer-events:none;background-image:linear-gradient(to right,rgba(158,244,209,.14) 1px,transparent 1px),linear-gradient(to bottom,rgba(158,244,209,.14) 1px,transparent 1px);background-size:40px 40px;opacity:0;transition:opacity .45s}.detail-grid-overlay:before,.detail-grid-overlay:after{position:absolute;bottom:20px;color:var(--mint);font:10px monospace;letter-spacing:.1em;background:#0b1926;padding:6px 11px;border:1px solid var(--border)}.detail-grid-overlay:before{content:'GRID / 40PX';left:15px}.detail-grid-overlay:after{content:'ALIGN / ON';right:15px}body.detail-mode .detail-grid-overlay{opacity:1}.toast{position:fixed;z-index:250;left:50%;bottom:28px;transform:translate(-50%,20px);opacity:0;pointer-events:none;border:1px solid rgba(158,244,209,.4);background:#162e35;color:var(--ink);box-shadow:0 15px 40px #0007;border-radius:8px;padding:12px 17px;font-size:12px;transition:opacity .25s,transform .25s}.toast.visible{transform:translate(-50%,0);opacity:1}
/* Scroll appearance */
.reveal{opacity:1;transform:none;transition:opacity .85s var(--ease),transform .85s var(--ease)}.js-motion .reveal:not(.in-view){opacity:0;transform:translateY(25px)}.reveal.in-view{opacity:1;transform:translateY(0)}.reveal-word{animation:text-enter 1s both var(--ease)}.reveal-word:nth-child(2){animation-delay:.12s}.reveal-word:nth-child(3){animation-delay:.21s}.reveal-word:nth-child(4){animation-delay:.29s}@keyframes text-enter{from{opacity:0;transform:translateY(28px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}
@media(min-width:1700px){.hero-art{right:calc((100vw - 1580px)/-2 + 40px)}}
@media(max-width:1250px){.availability{display:none}.hero-grid{grid-template-columns:65% 35%}.hero-art{right:-19%;width:74vw}.hero-heading{font-size:clamp(59px,7.1vw,90px)}.intro-strip-inner{gap:23px}.intro-strip span{font-size:9px}.featured-project-display{height:325px}.small-project-media{height:230px}.footer-links{gap:16px}.footer-bottom>div:first-child{gap:20px}}
@media(max-width:1000px){.desktop-nav,.header-cta{display:none}.menu-button{display:flex}.header-inner{height:74px}.mobile-nav{display:flex;position:fixed;top:74px;left:0;right:0;bottom:0;height:calc(100dvh - 74px);background:#0b1626;flex-direction:column;gap:0;padding:32px var(--gutter);overflow-y:auto;opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-10px);transition:opacity .25s,transform .25s,visibility .25s}.mobile-nav.open{visibility:visible;opacity:1;pointer-events:auto;transform:translateY(0)}.mobile-nav a{display:flex;align-items:center;gap:20px;padding:21px 0;border-bottom:1px solid var(--border);font-size:clamp(27px,6vw,42px);font-weight:700;letter-spacing:-.05em}.mobile-nav a span{font-size:11px;font-weight:600;color:var(--mint);letter-spacing:0}.mobile-nav a svg{margin-left:auto;color:var(--mint)}.hero-grid{min-height:700px}.hero-art{right:-28%;width:88vw;opacity:.53}.hero-copy{max-width:800px}.hero-heading{font-size:clamp(65px,8.7vw,102px)}.intro-strip-inner{gap:25px;overflow:hidden;justify-content:center}.intro-strip-inner span:nth-of-type(n+6){display:none}.featured-projects{gap:17px}.featured-project{padding:15px}.featured-project-display{height:265px}.featured-project h3{font-size:31px}.small-projects{gap:17px}.small-project-media{height:205px;padding:35px 25px 0}.small-project-meta{padding:22px}.statement-grid{gap:30px}.experiment-grid{grid-template-columns:1fr;gap:55px}.experiment-panel{max-width:650px;width:100%;margin:auto}.experiment-copy{max-width:650px}.footer-bottom{flex-wrap:wrap;padding-block:23px}.footer-links{order:3;width:100%;justify-content:center}.service-tile{padding:23px}.service-tile h3{font-size:32px}.detail-title-wrap h1{font-size:clamp(60px,9vw,100px)}.service-detail{grid-template-columns:.14fr .76fr .10fr}.about-emblem{width:29vw;height:29vw}.all-projects-grid .small-project-media{height:260px}.contact-layout{gap:5%}}
@media(max-width:720px){:root{--gutter:22px}html{scroll-padding-top:75px}.site-header{backdrop-filter:blur(16px)}.hero{min-height:auto}.hero-grid{display:block;min-height:790px}.hero-copy{padding:64px 0 110px}.hero-topline{gap:14px}.hero-topline .label-eyebrow{font-size:9px}.hero-number{display:none}.hero-overline{margin-top:60px;font-size:24px}.hero-heading{font-size:clamp(52px,10.7vw,80px);white-space:normal;letter-spacing:-.074em}.hero-heading .hero-heading-sub{font-size:clamp(27px,5.6vw,42px);margin-top:12px}.hero-description{font-size:14px;max-width:400px;margin-top:27px}.hero-buttons{gap:12px}.hero-buttons .btn{min-height:52px}.hero-footnote{font-size:10px;margin-top:34px}.hero-art{right:-60%;top:46%;width:130vw;height:125vw;opacity:.25}.hero-annotation,.hero-mini-label{display:none}.scroll-indicator{bottom:20px}.intro-strip-inner{justify-content:flex-start;gap:18px;overflow-x:auto;scrollbar-width:none}.intro-strip-inner::-webkit-scrollbar{display:none}.intro-strip-inner span{font-size:9px}.intro-strip-inner span:nth-of-type(n+6){display:inline}.showcase,.service-preview,.statement,.experiment,.final-cta,.about-values,.timeline-section,.cms-section,.service-process,.service-detail-list,.projects-list-section,.detail-story,.detail-features{padding-block:77px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:clamp(39px,8.9vw,59px)}.section-heading p{font-size:14px}.section-heading .btn{margin-top:24px}.featured-projects,.small-projects{grid-template-columns:1fr;gap:16px}.small-projects{margin-top:16px}.featured-project-display{height:clamp(240px,65vw,420px)}.featured-project{padding:15px}.featured-project h3{font-size:34px}.featured-project-bottom{padding:20px 4px 8px}.featured-project-display .browser-frame{width:94%}.small-project-media{height:clamp(220px,57vw,320px);padding:38px 34px 0}.small-project h3{font-size:28px}.services-grid{grid-template-columns:1fr;gap:12px}.service-tile{min-height:275px;padding:28px}.service-icon{margin-bottom:25px}.service-tile h3{font-size:34px}.service-tile p{max-width:450px}.statement-grid{grid-template-columns:1fr;gap:30px}.statement-side{flex-direction:row;align-items:center;justify-content:space-between}.statement-asterisk{font-size:65px;margin:0}.statement-side p{display:none}.statement-text{font-size:clamp(37px,8.3vw,57px)}.experiment-copy h2{font-size:clamp(55px,12vw,82px)}.experiment-panel{height:390px}.experiment-svg{inset:40px 0;width:100%;height:calc(100% - 85px)}.panel-top,.panel-bottom{left:17px;right:17px}.panel-bottom{bottom:17px}.panel-bottom span:last-child{display:none}.experiment-success{inset:15% 12%}.final-cta h2{font-size:clamp(49px,10vw,74px)}.final-mark{margin-top:65px}.footer-main{grid-template-columns:1fr;gap:35px}.footer-main h2{font-size:clamp(50px,9.6vw,75px)}.footer-email{font-size:clamp(22px,5vw,35px)}.footer-side{margin:0;max-width:490px}.footer-bottom>div:first-child{justify-content:space-between;width:100%}.footer-bottom .brand{min-width:0}.footer-copy{font-size:10px}.footer-links{justify-content:space-between;flex-wrap:wrap;gap:12px}.footer-links>a,.footer-links>button{font-size:10px}.top-link{display:none}.inner-hero{min-height:440px;padding-block:90px 60px}.inner-hero h1{font-size:clamp(57px,10.8vw,80px)}.inner-hero p{font-size:14px}.inner-hero-right{display:none}.project-filter{gap:16px;overflow-x:auto}.filter-btn{white-space:nowrap;font-size:12px}.all-projects-grid{grid-template-columns:1fr}.all-projects-grid .small-project-media{height:clamp(225px,60vw,350px)}.timeline-note{padding:20px}.project-detail-hero{padding:55px 0 37px}.detail-title-wrap{padding:67px 0 42px}.detail-title-wrap h1{font-size:clamp(57px,10.3vw,85px);overflow-wrap:break-word}.detail-title-wrap>p{font-size:16px}.detail-facts{grid-template-columns:1fr 1fr;gap:28px}.detail-display{padding-top:55px}.detail-display .browser-frame{aspect-ratio:1.7}.detail-story-grid{grid-template-columns:1fr;gap:30px}.detail-aside>p{margin-top:12px}.detail-article h2{font-size:clamp(39px,8.7vw,55px)}.detail-article>p{font-size:14px}.feature-row{grid-template-columns:30px 1fr 20px;gap:13px;padding:22px 0}.feature-row h3{font-size:22px}.detail-live{flex-direction:column;align-items:flex-start}.next-project-link{font-size:clamp(40px,8.5vw,70px)}.next-project-link svg{width:38px}.service-detail{grid-template-columns:1fr;gap:17px;padding:47px 0}.service-detail h2{font-size:clamp(39px,8.8vw,60px)}.service-detail>span:last-child{display:none}.service-detail p{font-size:14px}.cms-grid{grid-template-columns:1fr;gap:45px}.cms-grid h2{font-size:55px}.process-grid{grid-template-columns:1fr 1fr}.process-card{min-height:205px;padding:22px;border-bottom:1px solid var(--border)}.process-card:nth-child(2){border-right:none}.process-card:nth-child(n+3){border-bottom:none}.process-card h3{font-size:24px;margin-top:42px}.about-hero{min-height:480px}.about-emblem{display:none}.about-two-col{grid-template-columns:1fr;gap:22px}.about-two-col h2{font-size:44px}.timeline-item{grid-template-columns:95px 1fr;gap:20px}.timeline-year{font-size:40px}.timeline-item h3{font-size:25px}.values-grid{grid-template-columns:1fr}.value-card{min-height:220px}.value-card h3{margin-top:29px}.contact-hero{min-height:420px}.contact-hero-icon{display:none}.contact-layout{grid-template-columns:1fr;gap:45px}.contact-aside{padding:0}.contact-availability{margin-top:25px}.contact-form-wrap{padding:26px}.form-actions{align-items:flex-start}.error-page{min-height:calc(100svh - 74px)}.error-404{font-size:clamp(170px,37vw,300px)}.error-page h1{margin-top:-10px}}
@media(max-width:430px){.header-inner{gap:8px}.brand{min-width:0}.brand-name{font-size:11px}.hero-grid{min-height:740px}.hero-heading{font-size:clamp(47px,10.5vw,60px)}.hero-heading .hero-heading-sub{font-size:25px}.hero-buttons .btn{font-size:12px}.hero-footnote{font-size:9px}.small-project-meta{padding:21px 17px}.small-project .circle-arrow{width:38px;height:38px}.project-kicker{font-size:9px;gap:8px}.project-kicker>span+span:before{margin-right:8px}.panel-top{font-size:8px}.panel-bottom{font-size:9px}.experiment-panel{height:335px}.experiment-svg{height:270px}.detail-facts{gap:19px}.detail-facts strong{font-size:12px}.process-grid{grid-template-columns:1fr}.process-card{border-right:0;border-bottom:1px solid var(--border)!important;min-height:165px}.process-card:last-child{border-bottom:0!important}.process-card h3{margin-top:23px}.timeline-item{grid-template-columns:72px 1fr;gap:13px}.timeline-year{font-size:32px}.timeline-item h3{font-size:22px}.footer-links{gap:10px}.footer-links button span{display:none}.footer-copy{font-size:9px}.contact-form-wrap{padding:19px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.hero-art{will-change:auto}}
/* Optional same-origin page transitions on supported browsers. */
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-leave .2s ease-out both}
::view-transition-new(root){animation:page-arrive .42s var(--ease) both}
@keyframes page-leave{to{opacity:.5;filter:blur(3px)}}
@keyframes page-arrive{from{opacity:.5;filter:blur(3px);transform:translateY(9px)}to{opacity:1;filter:blur(0);transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none!important}}
/* Studio FixMobi · polish v1.1 · 2026-11 · keeps original design tokens */
:root{--bg:#080e19;--bg-2:#0b1625;--mint:#a3f8d9;--cyan:#7fd7ed;--ease:cubic-bezier(.2,.8,.18,1)}
.brand{gap:11px}.brand-name{letter-spacing:.12em}.brand-name strong{font-size:13px;letter-spacing:.18em}.brand-mark{border-radius:12px;transform-origin:center}.brand-mark svg{width:27px;height:27px;display:block}.brand:hover .brand-mark{transform:rotate(-4deg) scale(1.07)}
.availability{letter-spacing:.045em;white-space:nowrap;font-size:9px}.header-inner{gap:20px}.header-actions{gap:20px}
.hero{min-height:clamp(620px,calc(100svh - 90px),810px);background:radial-gradient(ellipse at 80% 48%,rgba(26,69,77,.21),transparent 48%),radial-gradient(ellipse at 15% 95%,rgba(26,40,69,.32),transparent 48%),#080e19}
.hero-grid{min-height:clamp(600px,calc(100svh - 105px),765px);grid-template-columns:minmax(0,56%) minmax(0,44%)}
.hero-copy{padding:38px 0 54px}.hero-overline{margin:0 0 23px;font-size:clamp(21px,2.1vw,30px);line-height:1.2}
.hero-heading{font-size:clamp(64px,6.6vw,101px);line-height:.99;max-width:800px}.hero-heading .reveal-word{max-width:100%}.hero-heading-sub{font-size:clamp(26px,3vw,45px);letter-spacing:-.055em;margin-top:12px}
.hero-description{max-width:485px;margin-top:23px;font-size:15px;line-height:1.72}.hero-buttons{margin-top:24px}.hero-footnote{margin-top:31px}.scroll-indicator{bottom:22px}
/* The original SPLOT-like looping orbit is replaced with a self-contained design workspace. */
.hero-art.studio-art{width:min(54vw,730px);height:min(49vw,650px);right:-4.5%;top:50%;opacity:1;transform:translate3d(0,var(--parallax-px,0px),0)}
.studio-stage-grid{position:absolute;inset:-6%;opacity:.58;background-image:linear-gradient(rgba(143,189,205,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(143,189,205,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse,black 17%,transparent 69%);transform:perspective(700px) rotate(-8deg)}
.studio-stage-glow{position:absolute;inset:0;border-radius:50%;background:radial-gradient(circle at 54% 45%,rgba(38,128,114,.22),transparent 57%);filter:blur(38px)}
.studio-art-frame{position:absolute;left:12%;top:15%;width:76%;height:70%;min-height:345px;background:#0d1b2a;border:1px solid rgba(188,247,236,.28);border-radius:14px;overflow:hidden;box-shadow:0 42px 75px rgba(0,0,0,.42),0 0 0 1px rgba(121,199,186,.05),0 0 70px rgba(118,219,207,.07);transform:perspective(1100px) rotateY(calc(-7deg + var(--pointer-x,0deg))) rotateX(calc(3deg + var(--pointer-y,0deg))) translate3d(0,var(--parallax-px,0px),0);transition:transform .25s ease-out}
.art-chrome{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid rgba(188,247,236,.13);font-family:monospace;font-size:9px;letter-spacing:.13em;color:#7a9ba8;background:#0b1624}.art-chrome>span:last-child{color:#94e8c9}.art-dots{display:flex;gap:5px}.art-dots i{display:block;width:7px;height:7px;border-radius:50%;background:#365b62}.art-dots i:first-child{background:#94e8c9}.art-dots i:nth-child(2){background:#4f9eb3}
.art-canvas{position:relative;height:calc(100% - 36px);padding:24px 27px;overflow:hidden;background:radial-gradient(circle at 59% 52%,rgba(26,107,108,.19),transparent 55%),linear-gradient(155deg,#0c1d2d,#071321)}
.art-canvas:before{content:'';position:absolute;inset:12px;background-image:linear-gradient(rgba(117,190,177,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(117,190,177,.06) 1px,transparent 1px);background-size:24px 24px;border:1px solid rgba(156,235,212,.13)}
.art-canvas:after{content:'';position:absolute;inset:24px;border:1px dashed rgba(150,218,201,.12);pointer-events:none}
.art-canvas-tag,.art-layout-index,.art-baseline,.art-crosshair{position:absolute;z-index:2;font-family:monospace;font-size:9px;letter-spacing:.1em;color:#a5d8cf}.art-canvas-tag{top:29px;left:38px}.art-layout-index{top:61px;right:35px;font-size:22px;line-height:1;color:#84d6cd}.art-layout-index span{display:block;font-size:8px;margin-top:9px;letter-spacing:.16em;color:#618d97}.art-baseline{bottom:28px;left:35px;font-size:8px;color:#7eacaa}.art-crosshair{font-size:20px;color:#8fe7d2;opacity:.7}.art-crosshair-a{bottom:28px;right:35px}.art-crosshair-b{top:30%;left:32px}
.art-glyph{position:absolute;left:25%;top:12%;width:54%;height:80%;z-index:1;filter:drop-shadow(0 0 22px rgba(138,243,207,.17));animation:art-shape-breathe 6.6s ease-in-out infinite alternate}.art-glyph svg{width:100%;height:100%;display:block}
@keyframes art-shape-breathe{from{transform:translateY(9px) rotate(-3deg)}to{transform:translateY(-5px) rotate(2deg)}}
.art-floating{position:absolute;z-index:3;background:rgba(14,31,47,.92);border:1px solid rgba(163,248,217,.26);box-shadow:0 20px 35px rgba(0,0,0,.25);border-radius:9px;backdrop-filter:blur(12px);transform:translate3d(0,var(--parallax-px,0px),0)}
.art-floating-one{left:1%;top:9%;padding:17px 19px;width:188px;rotate:-5deg}.art-floating-label{font-family:monospace;font-size:9px;color:#9dd9cc;letter-spacing:.08em}.art-floating-one div{display:grid;grid-template-columns:repeat(6,1fr);gap:4px;margin:13px 0}.art-floating-one i{display:block;height:29px;border:1px solid rgba(154,240,218,.24);background:linear-gradient(180deg,rgba(158,244,209,.15),transparent)}.art-floating-one small{font-size:10px;color:#98afbd}
.art-floating-two{right:0;bottom:12%;width:160px;padding:17px;rotate:4deg}.art-floating-two>span{font-family:monospace;letter-spacing:.13em;font-size:9px;color:#9dd9cc}.art-swatches{display:flex;gap:6px;margin:16px 0 11px}.art-swatches i{flex:1;height:36px;border-radius:3px;background:#a3f8d9}.art-swatches i:nth-child(2){background:#6fd3df}.art-swatches i:nth-child(3){background:#a992ff}.art-swatches i:nth-child(4){background:#edf4f8}.art-floating-two strong{font:10px monospace;color:#b5c7d2}
.art-pointer{position:absolute;z-index:5;right:20%;top:13%;width:25px;animation:pointer-float 5s ease-in-out infinite alternate}.art-pointer svg{width:100%}.art-pointer span{position:absolute;top:23px;left:18px;white-space:nowrap;background:#9ef4d1;color:#061924;padding:5px 8px;font:9px monospace;border-radius:4px}@keyframes pointer-float{to{transform:translate(-16px,21px)}}
.art-corner-label{position:absolute;bottom:2%;right:17%;font:9px monospace;letter-spacing:.2em;color:#5a8792}
/* Sharper real-site previews, large enough to see the work. */
.featured-projects,.small-projects,.all-projects-grid{gap:20px}.featured-project{padding:14px;border-radius:20px;background:linear-gradient(140deg,#101b2b,#0d1524)}.featured-project-top{padding:10px 9px 18px}.featured-project-display{height:clamp(335px,30vw,475px);border-radius:13px}.featured-project-display .browser-frame{width:96%;transform:translateY(14px) rotate(-1.2deg);box-shadow:0 32px 65px rgba(0,0,0,.42)}
.featured-project:hover .featured-project-display .browser-frame{transform:translateY(3px) rotate(0deg) scale(1.018)}
.featured-project-bottom{padding:27px 16px 14px}.featured-project-bottom h3{letter-spacing:-.045em}.featured-project .browser-frame{aspect-ratio:1.83}
.browser-frame{border-radius:11px 11px 5px 5px;box-shadow:0 24px 49px rgba(0,0,0,.36)}.browser-bar{height:36px;min-height:36px}.browser-image img{object-position:50% 45%}
.small-project{border-radius:20px;overflow:hidden}.small-project-media,.all-projects-grid .small-project-media{height:clamp(275px,23vw,390px);padding:28px 18px 0;align-items:flex-end;justify-content:center;position:relative}
.small-project-media .browser-frame{width:100%;max-width:none;transform:translateY(13px) rotate(-1deg);aspect-ratio:1.9;box-shadow:0 32px 44px rgba(0,0,0,.32)}.small-project:hover .browser-frame{transform:translateY(3px) rotate(0) scale(1.015)}
.small-project-meta{padding:27px 25px}.small-project h3{letter-spacing:-.055em}
.card-mint .featured-project-display{background:radial-gradient(ellipse at 52% 45%,rgba(60,123,123,.26),transparent 66%),linear-gradient(140deg,#10262c,#08171f)}
.card-violet .featured-project-display{background:radial-gradient(ellipse at 53% 53%,rgba(139,81,204,.20),transparent 70%),#18132e}
.card-blue .small-project-media{background:linear-gradient(145deg,#b6d5ef,#e7f1f9)}
.card-forest .small-project-media{background:linear-gradient(145deg,#849d88,#d5e0d6)}
.project-card-link,.featured-hit{outline-offset:-4px}
.detail-display .browser-frame{width:min(100%,1160px);max-width:100%;aspect-ratio:1.89}
/* Copy & typography tweaks */
.section-heading h2{letter-spacing:-.062em}.service-tile p{max-width:40ch}.about-emblem{display:grid;place-items:center;overflow:visible}.about-emblem>span:first-child{display:grid;place-items:center;width:70%;height:70%;font-size:clamp(130px,15vw,200px);letter-spacing:0;line-height:1;text-align:center;padding-bottom:.03em;border-radius:50%;background:radial-gradient(circle,rgba(58,117,104,.17),transparent 76%)}.about-emblem small{left:50%;translate:-50% 0;white-space:nowrap}
/* 3-round node-connection experiment; fully rendered SVG edges. */
.experiment-grid{grid-template-columns:.40fr .60fr;gap:6%}.experiment-copy>p{max-width:440px}.experiment-rules{display:flex;gap:12px;flex-wrap:wrap;margin:30px 0 19px}.experiment-rules>span{border:1px solid rgba(154,226,209,.17);padding:11px 14px;background:rgba(12,37,43,.5);font-size:11px;color:#a3bdc9;border-radius:6px}.experiment-rules b{font-size:15px;color:#abffe2;margin-right:7px}.experiment-hint{font-size:12px;color:#9bb0b9}.experiment-actions{display:flex;flex-wrap:wrap;gap:17px;align-items:center;margin-top:19px}.experiment-actions .reset-button{margin-top:0}.secondary-button{color:#b1e1de}
.experiment-panel{height:510px;background:radial-gradient(circle at 50% 53%,rgba(13,89,83,.2),transparent 61%),#0a1c2a;border-radius:22px;border-color:rgba(156,243,208,.25);box-shadow:0 30px 55px rgba(0,0,0,.23),inset 0 0 70px rgba(66,210,165,.035)}
.experiment-panel:before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent,rgba(105,245,195,.022),transparent);pointer-events:none}
.experiment-hud{position:absolute;z-index:2;left:24px;right:24px;top:68px;display:flex;align-items:center;justify-content:space-between;font:11px monospace;letter-spacing:.14em;color:#89bdb4}.exp-lives{font-size:18px;color:#9ef4d1;letter-spacing:.22em}.exp-score strong{font-size:16px;letter-spacing:.08em;color:#f1fcf8}.exp-step{font-weight:bold;color:#baf3e2}
.exp-route{position:absolute;z-index:2;left:50%;top:113px;translate:-50% 0;display:flex;gap:7px;align-items:center;white-space:nowrap;font:10px monospace;color:#b2ddce}.exp-route b{padding:5px 9px;border-radius:5px;border:1px solid rgba(144,228,206,.3);font:11px monospace;color:#d5fbf0;background:#122c36}.exp-route b.is-done{background:#9ef4d1;color:#06251c}.exp-route b.is-next{border-color:#9ef4d1;box-shadow:0 0 0 3px rgba(158,244,209,.11)}.exp-route span{color:#5d858c}
.experiment-svg{inset:143px 0 44px;width:100%;height:calc(100% - 195px);overflow:visible;touch-action:manipulation}
.experiment-node circle{fill:#0e2730;stroke:#4f8590;stroke-width:2.3;transition:fill .2s,stroke .2s,filter .2s}.experiment-node text{fill:#d0ece6;user-select:none;pointer-events:none;font-family:monospace;font-weight:bold;font-size:20px;text-anchor:middle}.experiment-node{cursor:pointer;outline:none}.experiment-node:hover circle,.experiment-node.is-next circle{stroke:#9ef4d1;fill:#19453e;filter:drop-shadow(0 0 9px rgba(158,244,209,.4))}.experiment-node.done circle,.experiment-node.is-done circle{stroke:#9ef4d1;fill:#185548}.experiment-node.done text,.experiment-node.is-done text{fill:#f1fff8}.experiment-node:focus-visible circle{stroke:#fff;stroke-width:4}.experiment-node.mistake circle{fill:#5b253b;stroke:#ef819c}.experiment-node.is-hint circle{stroke:#e6e7a7;filter:drop-shadow(0 0 18px #c1eabd)}
.panel-bottom{font-size:10px}.panel-bottom span:last-child{font-size:9px}.experiment-success{background:rgba(10,27,39,.96);backdrop-filter:blur(20px);z-index:7;border:1px solid rgba(158,244,209,.3);border-radius:16px}.experiment-success[hidden]{display:none!important}
/* Hidden but discoverable shortcuts and a useful command panel. */
.command-panel[hidden]{display:none}.command-panel{position:fixed;inset:0;z-index:510;display:grid;place-items:start center;padding:clamp(70px,12vh,130px) 20px 25px;background:rgba(3,10,17,.75);backdrop-filter:blur(16px)}
.command-dialog{width:min(550px,100%);background:#101f2c;border:1px solid rgba(156,239,205,.35);border-radius:17px;box-shadow:0 30px 75px rgba(0,0,0,.52);overflow:hidden}
.command-title{display:flex;align-items:center;justify-content:space-between;padding:20px 24px;border-bottom:1px solid rgba(158,244,209,.15)}.command-title strong{font:11px monospace;letter-spacing:.16em;color:#bbf8e5}.command-title button{border:1px solid rgba(158,244,209,.2);border-radius:7px;padding:5px 10px;background:transparent;color:#9bb4bf;cursor:pointer}
.command-dialog>p{padding:19px 24px 6px;font-size:12px;color:#9db2c0}.command-dialog>a,.command-dialog>button{display:flex;align-items:center;justify-content:space-between;width:calc(100% - 28px);margin:4px 14px;padding:15px 14px;text-align:left;color:#ecfbf5;background:transparent;border:0;border-radius:7px;font:14px inherit;text-decoration:none;cursor:pointer}.command-dialog>a:hover,.command-dialog>button:hover,.command-dialog>a:focus-visible,.command-dialog>button:focus-visible{background:#1a3842}.command-dialog kbd{font-size:10px;color:#8fb7b4}.command-foot{padding:16px 24px;border-top:1px solid rgba(158,244,209,.15);color:#718e97;font-size:11px}
.footer-links .secret-trigger{color:#98e0ca}.toast{max-width:calc(100vw - 30px)}
.burst-particle{position:fixed;width:7px;height:7px;z-index:800;border-radius:2px;background:#9ef4d1;pointer-events:none;animation:burst-away .95s ease-out forwards}@keyframes burst-away{to{opacity:0;transform:translate(var(--dx),var(--dy)) rotate(460deg) scale(.35)}}
body.terminal-on .site-header{box-shadow:0 0 0 1px rgba(140,247,201,.45)}
/* Mobile/tablet: no clipped typography, no tiny previews, no oversized art. */
@media (max-width:1250px){.hero-grid{grid-template-columns:59% 41%}.hero-art.studio-art{width:61vw;height:58vw;right:-11%}.hero-heading{font-size:clamp(58px,6.6vw,90px)}.availability{display:none}.featured-project-display{height:clamp(290px,29vw,400px)}.small-project-media{height:300px}}
@media (max-width:1000px){.hero-grid{min-height:660px}.hero-art.studio-art{right:-25%;width:78vw;height:74vw;opacity:.55}.hero-copy{padding:55px 0 70px}.hero-heading{font-size:clamp(61px,7.4vw,87px)}.art-floating-one{left:6%}.art-floating-two{right:4%}.featured-project-display{height:290px}.small-project-media{height:280px}.experiment-grid{grid-template-columns:1fr;gap:45px}.experiment-panel{max-width:690px}.experiment-copy{max-width:690px}}
@media (max-width:720px){.hero{min-height:0}.hero-grid{min-height:700px}.hero-copy{padding:70px 0 105px}.hero-overline{font-size:22px;margin:0 0 24px}.hero-heading{font-size:clamp(50px,10.65vw,75px);line-height:1}.hero-heading .hero-heading-sub{font-size:clamp(27px,5.4vw,40px)}.hero-description{margin-top:25px;font-size:14px;max-width:390px}.hero-footnote{margin-top:30px}.hero-art.studio-art{right:-57%;top:66%;width:120vw;height:98vw;opacity:.23}.studio-art-frame{min-height:0}.art-floating{display:none}.art-corner-label{display:none}.art-pointer{display:none}.art-chrome{height:30px}.art-canvas{height:calc(100% - 30px)}.scroll-indicator{bottom:14px}.featured-project{padding:12px}.featured-project-display{height:clamp(235px,65vw,360px)}.featured-project-display .browser-frame{width:98%;transform:translateY(8px) rotate(-.7deg)}.featured-project-bottom{padding:23px 6px 10px}.small-project-media,.all-projects-grid .small-project-media{height:clamp(245px,64vw,370px);padding:22px 11px 0}.small-project-meta{padding:24px 20px}.browser-bar{height:27px;min-height:27px}.experiment-panel{height:455px}.experiment-svg{inset:142px 0 46px;height:calc(100% - 185px)}.experiment-hud{top:62px;left:14px;right:14px}.exp-route{top:108px;gap:3px}.exp-route b{padding:5px 6px}.experiment-success{inset:16% 8%}.about-emblem{display:none}}
@media (max-width:430px){.hero-grid{min-height:640px}.hero-copy{padding:62px 0 100px}.hero-heading{font-size:clamp(46px,10.8vw,59px)}.hero-heading .hero-heading-sub{font-size:clamp(24px,5.8vw,32px)}.hero-art.studio-art{top:67%;opacity:.18}.hero-overline{font-size:20px}.hero-description{font-size:13px}.hero-buttons{gap:9px}.hero-buttons .btn{font-size:12px}.experiment-panel{height:415px}.experiment-svg{inset:132px 0 40px;height:calc(100% - 168px)}.experiment-rules{gap:6px}.experiment-rules>span{padding:9px 10px}.exp-route{top:99px}.exp-route b{font-size:10px}.experiment-hud{top:60px}.experiment-success{inset:14% 6%}.footer-links{gap:8px}.small-project-media,.all-projects-grid .small-project-media{height:clamp(215px,64vw,300px)}}
@media(prefers-reduced-motion:reduce){.art-glyph,.art-pointer,.burst-particle{animation:none!important}.studio-art-frame{transition:none}}
/* final alignment corrections after viewport QA */
@media(min-width:1251px){.hero-art.studio-art{right:2.3%;width:min(52vw,710px)}}
@media(min-width:1001px) and (max-width:1250px){.hero-art.studio-art{right:-2%;width:59vw}}
@media(min-width:721px){.small-project-media .browser-frame{translate:0 var(--depth-shift,0px)}.featured-project-display .browser-frame{translate:0 var(--depth-shift,0px)}}
@media(max-width:430px){.hero-buttons .btn{font-size:11.5px}.hero-buttons{flex-wrap:nowrap;gap:8px}.hero-buttons .btn-primary{padding-inline:15px}.hero-buttons .btn-text{padding-inline:4px}.hero-buttons .btn-icon{width:28px;height:28px}}

/* --- Fixmobi Studio v1.2 · luminous editorial hybrid (1.0 feel, 1.1 usability) --- */
:root{--bg:#080f1c;--mint:#a6f3d7;--cyan:#79dded}
body{background:#080f1c}
.site-header{background:rgba(6,13,25,.78);border-bottom-color:rgba(158,244,209,.095)}
.brand-name strong{font-size:13px;letter-spacing:.11em}.brand-name span{margin-top:2px;color:#8ee5d4;font-size:10px;letter-spacing:.22em}
.brand-mark{background:linear-gradient(145deg,#183849,#0b1b29);box-shadow:0 0 25px rgba(73,231,202,.065),inset 0 1px rgba(190,255,230,.1)}
.hero{min-height:min(760px,calc(100svh - 89px));background:radial-gradient(ellipse at 73% 51%,rgba(16,87,93,.22),transparent 49%),radial-gradient(ellipse at 0% 85%,rgba(21,42,85,.16),transparent 58%),linear-gradient(125deg,#070e1b,#0a1725 72%,#091520);isolation:isolate}
.hero::before{opacity:.5;mask-image:radial-gradient(ellipse at 77% 50%,black,transparent 72%);background-size:64px 64px}
.hero::after{content:'';position:absolute;inset:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 76% 45%,rgba(103,247,219,.04),transparent 25%);mix-blend-mode:screen}
.hero-grid{min-height:min(700px,calc(100svh - 100px));grid-template-columns:minmax(0,57%) minmax(0,43%)}
.hero-copy{padding:40px 0 66px}
.hero-overline{font:700 10px/1.45 Inter,"Segoe UI",system-ui,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#9cead3;margin:0 0 28px;display:flex;align-items:center;gap:14px}
.hero-overline::before{content:'';width:35px;height:1px;background:var(--mint);display:block}
.hero-heading{font-size:clamp(61px,6.7vw,105px);line-height:.98;letter-spacing:-.078em;max-width:825px;text-wrap:balance}
.hero-heading .hero-heading-sub{font-size:clamp(28px,3.3vw,49px);margin-top:15px;letter-spacing:-.06em;line-height:1.09;font-weight:450}
.hero-heading .hero-heading-sub+span{margin-top:4px}
.hero-description{font-size:15px;line-height:1.75;margin-top:27px;max-width:520px;color:#a4b9c9}
.hero-footnote{margin-top:26px;color:#a4c6bc;font-size:11px}.hero-footnote .little-cross{font-size:21px}
.hero .btn-primary{box-shadow:0 14px 35px rgba(72,246,190,.09)}
.hero-art.light-sculpture{width:min(60vw,835px);height:min(57vw,750px);right:-7%;top:51%;opacity:1;transform:translate3d(var(--cursor-x,0px),calc(var(--parallax-px,0px) + var(--cursor-y,0px)),0);transition:transform .2s ease-out;z-index:1;pointer-events:none}
.sculpture-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 0 18px rgba(92,232,210,.08))}
.sculpture-halo{position:absolute;inset:9% 6% 8% 8%;background:radial-gradient(circle at 50% 46%,rgba(38,160,157,.22),transparent 55%);filter:blur(37px);border-radius:50%}
.sculpture-wave{transform-origin:50% 50%;will-change:transform,opacity}
.sculpture-wave-main{animation:sculpture-levitate 10s ease-in-out infinite alternate}
.sculpture-wave-second{animation:sculpture-levitate2 13s ease-in-out infinite alternate}
.sculpture-wave-third{animation:sculpture-levitate 15s ease-in-out infinite alternate-reverse}
.sculpture-wave-back{animation:sculpture-levitate2 18s ease-in-out infinite alternate-reverse}
.sculpture-guide{animation:sculpture-guide-turn 85s linear infinite;transform-origin:50% 50%}
.sculpture-lightline{stroke-dasharray:22 7 500 9;animation:sculpture-shimmer 19s linear infinite}
.sculpture-lightline.secondary{stroke-dasharray:26 9 380 15;animation-duration:26s;animation-direction:reverse}
.sculpture-credit{position:absolute;bottom:8%;right:8%;display:flex;gap:19px;font-size:9px;letter-spacing:.14em;color:#82a7b1;white-space:nowrap}
.sculpture-notch{position:absolute;right:9%;top:19%;display:flex;gap:5px;align-items:center}.sculpture-notch i{width:3px;height:3px;border-radius:50%;background:#9cebd8;opacity:.7}.sculpture-notch i:nth-child(2){opacity:.4}.sculpture-notch i:nth-child(3){opacity:.2}
.sculpture-switch{position:absolute;z-index:4;right:calc(var(--gutter) + 5px);bottom:74px;padding:9px 11px;border:1px solid rgba(119,219,208,.22);border-radius:100px;background:rgba(10,27,41,.58);color:#c3f9ea;backdrop-filter:blur(12px);font-size:12px;letter-spacing:.06em;display:flex;align-items:center;gap:8px;transition:border-color .25s,background .25s}
.sculpture-switch span{font:600 9px Inter,"Segoe UI",sans-serif;letter-spacing:.13em}.sculpture-switch:hover,.sculpture-switch[aria-pressed="true"]{border-color:rgba(165,249,227,.65);background:rgba(29,81,88,.65)}
body.sculpture-boost .sculpture-svg{filter:drop-shadow(0 0 24px rgba(125,247,220,.24)) saturate(1.3)}
body.sculpture-boost .sculpture-wave-main{animation-duration:4s}body.sculpture-boost .sculpture-wave-second{animation-duration:6s}
@keyframes sculpture-levitate{0%{transform:translate3d(0,-6px,0) rotate(-1deg);opacity:.88}100%{transform:translate3d(5px,8px,0) rotate(1.2deg);opacity:1}}
@keyframes sculpture-levitate2{0%{transform:translate3d(-5px,10px,0) rotate(.6deg);opacity:.68}100%{transform:translate3d(6px,-7px,0) rotate(-.75deg);opacity:1}}
@keyframes sculpture-guide-turn{to{transform:rotate(360deg)}}
@keyframes sculpture-shimmer{to{stroke-dashoffset:-900}}
/* Premium cards: more screen, less chalk-white, tactile depth. */
.showcase{background:radial-gradient(ellipse at 15% 20%,rgba(18,61,67,.12),transparent 44%),#080f1c}
.featured-project{border:1px solid rgba(164,202,214,.14);background:linear-gradient(145deg,#111d2b,#0b1522);box-shadow:inset 0 1px rgba(182,237,239,.035),0 26px 64px rgba(0,0,0,.1);padding:14px 14px 18px}
.featured-project-display{height:clamp(355px,32vw,500px);border-radius:14px;isolation:isolate}
.featured-project-display .browser-frame{width:99%;transform:translateY(13px) rotate(-.7deg)}
.featured-project:hover .featured-project-display .browser-frame{transform:translateY(1px) rotate(0) scale(1.01)}
.small-project-media{height:clamp(295px,24vw,405px);padding:24px 15px 0}
.small-project-media .browser-frame{width:99%;transform:translateY(11px) rotate(-.65deg)}
.card-blue .small-project-media{background:radial-gradient(ellipse at 54% 62%,rgba(66,142,188,.15),transparent 68%),linear-gradient(135deg,#13293c,#101d31)!important}
.card-forest .small-project-media{background:radial-gradient(ellipse at 50% 58%,rgba(74,130,95,.20),transparent 70%),linear-gradient(135deg,#142820,#0d1821)!important}
.showcase-screen .browser-frame{overflow:hidden;box-shadow:0 38px 64px rgba(0,0,0,.39),0 0 0 1px rgba(191,226,230,.16);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .35s}
.showcase-screen .browser-image{position:relative;background:#071524;overflow:hidden}
.showcase-screen .browser-image img{filter:brightness(.83) saturate(.92);transition:filter .45s,transform .75s cubic-bezier(.22,.8,.2,1)}
.showcase-screen .browser-image:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,rgba(5,18,28,.025),rgba(4,14,24,.12));z-index:1}
.project-card:hover .showcase-screen .browser-image img,.featured-project:hover .showcase-screen .browser-image img{filter:brightness(.97) saturate(1.01);transform:scale(1.015)}
.card-blue .showcase-screen .browser-image img{filter:brightness(.77) saturate(.93)}
.card-blue:hover .showcase-screen .browser-image img{filter:brightness(.91) saturate(1)}
.card-forest .showcase-screen .browser-image img{filter:brightness(.8) saturate(.89)}
.card-forest:hover .showcase-screen .browser-image img{filter:brightness(.93) saturate(.98)}
.small-project:hover .showcase-screen .browser-frame{transform:translateY(2px) rotate(0) scale(1.008)}
.small-project-meta,.featured-project-bottom{position:relative;z-index:5}
/* Small footer easter egg, harmless click-only. */
.footer-secret{font:18px/1 sans-serif;color:#738e9d;background:transparent;border:0;padding:5px 7px;vertical-align:middle;transition:color .25s,transform .35s}
.footer-secret:hover{color:var(--mint);transform:rotate(90deg)}
/* Make the 'about' emblem precisely centered at all desktop widths. */
.about-emblem>span:first-child{display:grid;place-items:center;padding:0;line-height:1;transform:none;letter-spacing:0}
/* Update mobile composition - hero first, glow stays behind copy not on top. */
@media (max-width:1250px){.hero-grid{grid-template-columns:58% 42%}.hero-art.light-sculpture{right:-15%;width:72vw;height:66vw}.hero-heading{font-size:clamp(58px,6.7vw,92px)}}
@media (max-width:1000px){.hero-grid{min-height:650px}.hero-copy{padding:52px 0 70px}.hero-art.light-sculpture{right:-31%;top:52%;width:88vw;height:80vw;opacity:.66}.sculpture-switch{right:var(--gutter);bottom:38px}}
@media (max-width:720px){.hero{min-height:0}.hero-grid{min-height:650px}.hero-copy{padding:58px 0 90px}.hero-overline{font-size:9px;letter-spacing:.16em;margin:0 0 24px}.hero-heading{font-size:clamp(49px,10.65vw,75px);max-width:100%;white-space:normal}.hero-heading .hero-heading-sub{font-size:clamp(27px,5.6vw,42px)}.hero-description{font-size:14px;max-width:390px}.hero-art.light-sculpture{right:-62%;top:66%;width:128vw;height:113vw;opacity:.22}.sculpture-credit,.sculpture-notch{display:none}.sculpture-switch{bottom:18px;right:var(--gutter);font-size:11px;padding:6px 9px}.sculpture-switch span{font-size:8px}.featured-project-display{height:clamp(260px,70vw,400px)}.featured-project-display .browser-frame{width:98%;transform:translateY(8px) rotate(-.4deg)}.small-project-media{height:clamp(250px,66vw,360px);padding:20px 10px 0}}
@media (max-width:430px){.hero-grid{min-height:615px}.hero-copy{padding:49px 0 87px}.hero-heading{font-size:clamp(46px,10.75vw,59px)}.hero-heading .hero-heading-sub{font-size:clamp(24px,5.85vw,33px)}.hero-description{font-size:13px;margin-top:21px}.hero-art.light-sculpture{top:67%;opacity:.19}.hero-overline{margin-bottom:19px}.hero-footnote{margin-top:24px}.hero-buttons{margin-top:23px}.small-project-media{height:clamp(215px,65vw,295px)}.featured-project-display{height:clamp(235px,70vw,305px)}}
@media(prefers-reduced-motion:reduce){.sculpture-wave,.sculpture-lightline,.sculpture-guide{animation:none!important}.hero-art.light-sculpture{transition:none}.sculpture-switch{display:none}}
/* Keep every technical annotation inside viewport even while the sculpture extends past the edge. */
@media(min-width:1001px){.sculpture-credit{right:23%;bottom:12%}}
@media(min-width:721px) and (max-width:1000px){.sculpture-credit{display:none}}