:root{--paper: #f5efdf;--paper-deep: #ece2cb;--paper-shadow: rgba(81, 52, 21, .12);--ink: #171311;--ink-soft: rgba(23, 19, 17, .72);--line: rgba(23, 19, 17, .12);--accent-red: #cb4b2b;--accent-cyan: #0b8b83;--accent-gold: #9f7b29;--accent-black: #241d19;--panel-dark: #1d1a1a;--panel-warm: #6d2418;--panel-cool: #123f48;--shadow-lg: 0 30px 80px rgba(63, 39, 18, .15);--shadow-md: 0 18px 38px rgba(63, 39, 18, .12);--radius-lg: 32px;--radius-md: 22px;--radius-sm: 14px;color:var(--ink);background:var(--paper);color-scheme:light;font-family:Spline Sans Mono,monospace;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at var(--pointer-x, 14%) var(--pointer-y, 12%),rgba(11,139,131,.12),transparent 19%),radial-gradient(circle at 83% 14%,rgba(203,75,43,.12),transparent 20%),linear-gradient(180deg,#fffaf0e0,#f5efdff5),var(--paper);color:var(--ink)}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{opacity:.6;background:linear-gradient(rgba(23,19,17,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,17,.035) 1px,transparent 1px);background-size:48px 48px;-webkit-mask-image:linear-gradient(180deg,#000000f2,#0003);mask-image:linear-gradient(180deg,#000000f2,#0003)}body:after{background:radial-gradient(circle at 18% 12%,rgba(203,75,43,.08),transparent 18%),radial-gradient(circle at 82% 82%,rgba(11,139,131,.08),transparent 18%),repeating-linear-gradient(125deg,rgba(255,255,255,.08) 0,rgba(255,255,255,.08) 2px,transparent 2px,transparent 16px);mix-blend-mode:multiply;opacity:.4}a{color:inherit}button,input,textarea{font:inherit}#root{isolation:isolate}.app-shell{position:relative;width:min(1280px,calc(100% - 28px));margin:0 auto;padding:0 0 72px}.ambient{position:fixed;border-radius:50%;pointer-events:none;filter:blur(18px);mix-blend-mode:multiply}.ambient-a{top:8%;left:2%;width:280px;height:280px;background:#cb4b2b1f;animation:drift-a 16s ease-in-out infinite}.ambient-b{top:20%;right:3%;width:320px;height:320px;background:#0b8b831a;animation:drift-b 18s ease-in-out infinite}.ambient-c{bottom:10%;left:32%;width:260px;height:260px;background:#9f7b2914;animation:drift-c 20s ease-in-out infinite}.topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;padding:18px 0 14px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);animation:rise-in .8s ease forwards}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none}.brand-mark{display:grid;place-items:center;width:54px;height:54px;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.82),transparent 45%),linear-gradient(135deg,#cb4b2b33,#0b8b8329);box-shadow:inset 0 0 0 6px #ffffff4d,var(--shadow-md);color:var(--accent-red);font-family:Newsreader,serif;font-size:1.8rem;font-weight:700;transform:rotate(-10deg)}.brand-copy{display:flex;flex-direction:column;gap:4px}.brand-copy strong,.nav a,.nav-cta,.button,.status-pill,.section-kicker,.service-id,.project-card span,.process-card span,.screen-tag,.floating-card span,.stage-caption span,.wall-card span,.showcase-head span,.mini-showcase span{text-transform:uppercase;letter-spacing:.16em}.brand-copy strong{font-size:.92rem;color:var(--ink)}.brand-copy span:last-child{color:var(--ink-soft);font-size:.72rem}.nav{display:inline-flex;justify-content:center;flex-wrap:wrap;gap:18px}.nav a,.nav-cta{font-size:.72rem;text-decoration:none}.nav a{position:relative;color:var(--ink-soft)}.nav a:after{content:"";position:absolute;left:0;bottom:-8px;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease}.nav a:hover:after{transform:scaleX(1)}.nav-cta,.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.nav-cta{padding:14px 18px;color:var(--paper);background:var(--ink);box-shadow:var(--shadow-md)}.button{padding:15px 22px;border:1px solid var(--line);font-size:.74rem;font-weight:600}.button:hover,.nav-cta:hover{transform:translateY(-2px) rotate(-.5deg)}.button-solid{color:var(--paper);background:linear-gradient(135deg,rgba(255,255,255,.1),transparent),var(--accent-red);box-shadow:0 18px 32px #cb4b2b33}.button-ghost{background:#ffffff80}.hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:40px;align-items:start;min-height:calc(100vh - 88px);padding:34px 0 28px}.hero-copy{position:relative;z-index:1}.manifesto>*{opacity:0;animation:rise-in .9s ease forwards}.manifesto>:nth-child(1){animation-delay:70ms}.manifesto>:nth-child(2){animation-delay:.15s}.manifesto>:nth-child(3){animation-delay:.24s}.manifesto>:nth-child(4){animation-delay:.36s}.manifesto>:nth-child(5){animation-delay:.47s}.manifesto>:nth-child(6){animation-delay:.62s}.status-pill,.service-card,.featured-case,.project-card,.process-card,.showcase-panel,.showcase-feature,.mini-showcase,.floating-card{border:1px solid var(--line);background:#fffbf5ad;box-shadow:var(--shadow-md)}.status-pill{display:inline-flex;align-items:center;gap:12px;width:fit-content;padding:10px 14px;border-radius:999px;color:var(--ink-soft);font-size:.68rem;background:#ffffffa6}.status-dot{width:11px;height:11px;border-radius:50%;background:var(--accent-cyan);box-shadow:0 0 0 4px #0b8b8329}.kicker,.section-kicker{color:var(--accent-red);font-size:.72rem;font-weight:600}.kicker{margin:28px 0 10px}.hero h1,.section-intro h2,.featured-copy h3,.project-card h3,.service-card h3,.showcase-head h3,.wall-card h3{margin:0;font-family:Newsreader,serif;font-weight:500;line-height:.92}.hero h1{max-width:8ch;font-size:clamp(4rem,8vw,8rem);letter-spacing:-.05em}.intro,.section-aside,.service-card p,.featured-copy p,.project-card p,.process-card p,.showcase-strip p,.mini-showcase p,.stage-caption p,.glass-panel p,.floating-card p{color:var(--ink-soft);line-height:1.75}.intro{max-width:48ch;margin:20px 0 0;font-size:.92rem}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 0}.manifesto-strip{display:grid;gap:14px;margin-top:40px}.manifesto-strip p{position:relative;width:fit-content;max-width:34ch;margin:0;padding:14px 18px 16px;border:1px dashed rgba(23,19,17,.22);background:#ffffff8c;box-shadow:var(--shadow-md);transform:rotate(-1.4deg)}.manifesto-strip p:before{content:"";position:absolute;top:-10px;left:18px;width:42px;height:18px;background:#cb4b2b2e;transform:rotate(-6deg)}.manifesto-strip p:nth-child(2n){margin-left:40px;transform:rotate(1.6deg)}.manifesto-strip p:nth-child(3n){border-color:#0b8b8338}.hero-stage{position:relative;min-height:780px;padding:36px;border:1px solid var(--line);border-radius:calc(var(--radius-lg) + 12px);background:linear-gradient(180deg,rgba(255,255,255,.35),transparent 22%),linear-gradient(145deg,#ece2cbc7,#f9f4e6eb);box-shadow:var(--shadow-lg);overflow:hidden}.hero-stage>*{opacity:0;animation:rise-in .9s ease forwards}.hero-stage>:nth-child(1){animation-delay:.18s}.hero-stage>:nth-child(2){animation-delay:.32s}.hero-stage>:nth-child(3){animation-delay:.46s}.hero-stage>:nth-child(4){animation-delay:.62s}.hero-stage>:nth-child(5){animation-delay:.72s}.halo-grid{position:absolute;top:28px;right:28px;bottom:28px;left:28px;border-radius:34px;border:1px dashed rgba(23,19,17,.12);background:linear-gradient(rgba(23,19,17,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(23,19,17,.06) 1px,transparent 1px);background-size:36px 36px}.halo-grid:after{content:"";position:absolute;top:14%;right:18%;bottom:14%;left:18%;border-radius:50%;border:1px solid rgba(203,75,43,.18);transform:rotate(-14deg)}.stage-caption{position:absolute;z-index:2;max-width:170px;font-size:.72rem}.stage-caption span{display:block;margin-bottom:8px;color:var(--accent-red);font-size:.65rem}.caption-left{top:140px;left:8px;transform:rotate(-6deg)}.caption-right{right:8px;bottom:170px;transform:rotate(6deg)}.device-cluster{position:absolute;top:118px;right:78px;bottom:82px;left:78px}.phone{position:absolute;overflow:hidden;border-radius:40px;border:1px solid rgba(255,255,255,.12);background:linear-gradient(180deg,#11100f,#26201b);box-shadow:0 32px 70px #2c1b0a47}.phone-primary{top:0;right:18%;bottom:10%;left:0;transform:rotate(-8deg);animation:phone-left 9s ease-in-out infinite}.phone-secondary{top:20%;right:0;bottom:0;left:32%;transform:rotate(12deg);animation:phone-right 11s ease-in-out infinite}.phone-bar{width:36%;height:22px;margin:16px auto 0;border-radius:999px;background:#ffffff1f}.phone-screen{height:calc(100% - 38px);padding:28px 24px 24px;color:#fff7eb}.gradient-screen{display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(circle at 16% 18%,rgba(11,139,131,.35),transparent 30%),radial-gradient(circle at 78% 12%,rgba(203,75,43,.42),transparent 26%),linear-gradient(180deg,#2d130f,#11100f 68%)}.dark-screen{display:flex;flex-direction:column;gap:24px;background:radial-gradient(circle at 70% 16%,rgba(11,139,131,.28),transparent 20%),linear-gradient(180deg,#0f1213,#141211 72%)}.screen-tag{color:#fff7eb9e;font-size:.64rem}.gradient-screen h2{margin:16px 0 0;font-family:Newsreader,serif;font-size:clamp(2.2rem,5vw,3.8rem);line-height:.9}.waveform{display:flex;align-items:end;gap:10px;height:176px}.waveform span{flex:1;border-radius:999px;background:linear-gradient(180deg,#f8b144,#cb4b2b 60%,#0b8b83);animation:wave 2s ease-in-out infinite}.waveform span:nth-child(1){height:28%}.waveform span:nth-child(2){height:48%;animation-delay:.1s}.waveform span:nth-child(3){height:78%;animation-delay:.22s}.waveform span:nth-child(4){height:58%;animation-delay:.32s}.waveform span:nth-child(5){height:88%;animation-delay:.44s}.waveform span:nth-child(6){height:54%;animation-delay:.52s}.waveform span:nth-child(7){height:68%;animation-delay:.64s}.glass-panel{padding:18px;border-radius:24px;background:#fff7eb14}.glass-panel strong,.floating-card strong,.stat-ticket strong{font-family:Newsreader,serif;font-size:1.7rem;line-height:.9}.stack-lines{display:grid;gap:12px}.stack-lines div{height:12px;border-radius:999px;background:linear-gradient(90deg,#fff7eb42,#fff7eb0f)}.stack-lines div:nth-child(1){width:100%}.stack-lines div:nth-child(2){width:82%}.stack-lines div:nth-child(3){width:66%}.stack-lines div:nth-child(4){width:92%}.signal-cards{display:grid;gap:12px;padding:0;margin:0;list-style:none}.signal-cards li{padding:14px 15px;border-radius:18px;background:#fff7eb14}.floating-card{position:absolute;z-index:2;max-width:240px;padding:18px;border-radius:22px}.floating-card span{display:block;margin-bottom:10px;color:var(--accent-red);font-size:.64rem}.metrics-card{top:72px;right:34px;transform:rotate(4deg);background:#fffaf6c7}.orbit-card{left:24px;bottom:72px;transform:rotate(-4deg)}.ticker{position:relative;margin-top:10px;padding:18px 0;overflow:hidden}.ticker:before,.ticker:after{content:"";position:absolute;left:0;right:0;height:1px;background:var(--line)}.ticker:before{top:0}.ticker:after{bottom:0}.ticker-track{display:flex;gap:18px;width:max-content;animation:ticker 24s linear infinite}.ticker-track span{padding:10px 16px;border-radius:999px;border:1px solid var(--line);background:#fff6;color:var(--ink-soft);font-size:.66rem;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap}.section-block{padding-top:86px}.section-intro{margin-bottom:26px}.split-intro{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:24px;align-items:end}.section-intro h2,.showcase-head h3{font-size:clamp(2.4rem,4vw,4.6rem);letter-spacing:-.045em}.section-aside{margin:0;font-size:.82rem}.service-grid,.process-grid{display:grid;gap:18px}.service-grid{grid-template-columns:repeat(4,1fr)}.service-card,.project-card,.process-card,.featured-case,.showcase-feature,.mini-showcase,.showcase-panel{border-radius:var(--radius-lg)}.service-card{position:relative;min-height:260px;padding:28px 24px;overflow:hidden}.service-card:after{content:"";position:absolute;right:-18px;bottom:-20px;width:110px;height:110px;border-radius:28px;border:1px dashed rgba(23,19,17,.12);transform:rotate(12deg)}.service-card:nth-child(2n){background:#f5f8f6c2}.service-card:nth-child(3n){background:#fcf7eed6}.service-id{color:var(--accent-cyan);font-size:.68rem}.service-card h3{margin:22px 0 16px;font-size:2.1rem;letter-spacing:-.04em}.service-card p{max-width:28ch;font-size:.82rem}.archive-wall{position:relative}.wall-grid{display:grid;grid-template-columns:1.15fr .86fr .94fr 1.05fr;gap:18px;margin-bottom:18px}.wall-card{position:relative;min-height:190px;padding:24px;border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-md);overflow:hidden}.wall-card:before{content:"";position:absolute;top:16px;left:18px;width:50px;height:16px;background:#ffffff3d;mix-blend-mode:screen;transform:rotate(-6deg)}.wall-card:after{content:"";position:absolute;inset:auto -20% -18% auto;width:180px;height:180px;border-radius:50%;filter:blur(4px)}.wall-card span{position:relative;z-index:1;display:inline-block;margin-bottom:18px;font-size:.66rem;color:#fff7ebb8}.wall-card h3{position:relative;z-index:1;max-width:9ch;color:#fff7eb;font-size:2rem;line-height:.95}.wall-card.warm{background:linear-gradient(145deg,#b54631,#6b251a 70%)}.wall-card.warm:after{background:radial-gradient(circle,rgba(249,205,110,.42),transparent 64%)}.wall-card.cool{background:linear-gradient(145deg,#21636a,#11343a 70%)}.wall-card.cool:after{background:radial-gradient(circle,rgba(160,236,230,.35),transparent 64%)}.wall-card.dark{background:linear-gradient(145deg,#2a2623,#171311 76%)}.wall-card.dark:after{background:radial-gradient(circle,rgba(255,255,255,.15),transparent 64%)}.work-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:18px}.featured-case{position:relative;min-height:460px;padding:34px;overflow:hidden;background:linear-gradient(180deg,#ffffff94,#ffffff4d),repeating-linear-gradient(35deg,rgba(23,19,17,.025) 0,rgba(23,19,17,.025) 2px,transparent 2px,transparent 18px)}.featured-copy{position:relative;z-index:1;max-width:480px}.featured-copy span{color:var(--accent-red);font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}.featured-copy h3{margin-top:16px;font-size:clamp(2.4rem,4vw,4.5rem)}.featured-copy p{max-width:38ch;margin-top:18px;font-size:.84rem}.featured-rings{position:absolute;top:0;right:0;bottom:0;left:0}.featured-rings div{position:absolute;border:1px solid rgba(23,19,17,.12);border-radius:50%}.featured-rings div:nth-child(1){right:12%;top:16%;width:180px;height:180px;animation:spin 14s linear infinite}.featured-rings div:nth-child(2){right:6%;top:8%;width:300px;height:300px;animation:spin-reverse 24s linear infinite}.featured-rings div:nth-child(3){right:-4%;bottom:-14%;width:420px;height:420px;background:radial-gradient(circle,rgba(11,139,131,.08),transparent 66%)}.project-column{display:grid;gap:18px}.project-card{position:relative;padding:26px;background:#ffffff70}.project-card:nth-child(1){transform:translate(10px) rotate(-1deg)}.project-card:nth-child(2){transform:translate(48px) rotate(1.8deg)}.project-card:nth-child(3){transform:translate(4px) rotate(-1.2deg)}.project-card span{color:var(--accent-cyan);font-size:.66rem}.project-card h3{margin-top:18px;font-size:2rem}.project-card p{max-width:30ch;font-size:.8rem}.process-grid{grid-template-columns:repeat(3,1fr)}.process-card{min-height:220px;padding:24px;background:linear-gradient(180deg,#ffffff8a,#ffffff47),#f5efdfb3}.process-card span{color:var(--accent-gold);font-size:.7rem}.process-card p{margin:18px 0 0;max-width:24ch;font-size:.82rem}.showcase-panel{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:18px;padding:18px;background:linear-gradient(180deg,#ffffff8a,#fff3),#ece2cbc2}.showcase-feature{min-height:100%;padding:28px;background:#ffffff7a}.showcase-head{max-width:530px}.showcase-head span,.mini-showcase span{color:var(--accent-red);font-size:.66rem}.showcase-head h3{margin-top:18px;font-size:clamp(2rem,4vw,4rem);line-height:.95}.showcase-strips{display:grid;gap:14px;margin-top:28px}.showcase-strip{position:relative;overflow:hidden;min-height:150px;padding:22px;border-radius:24px;color:#fff7eb}.showcase-strip:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.14),transparent);transform:translate(-120%);animation:sweep 7s linear infinite}.showcase-strip strong{position:relative;z-index:1;display:block;margin-bottom:10px;font-family:Newsreader,serif;font-size:1.7rem;font-weight:500}.showcase-strip p{position:relative;z-index:1;max-width:34ch;color:#fff7ebcc;font-size:.8rem}.sunrise{background:radial-gradient(circle at 20% 20%,rgba(246,197,102,.32),transparent 28%),linear-gradient(145deg,#cb4b2b,#6c2218 72%)}.tide{background:radial-gradient(circle at 76% 18%,rgba(152,235,228,.32),transparent 26%),linear-gradient(145deg,#13545a,#102b2f 72%)}.ember{background:radial-gradient(circle at 50% 10%,rgba(255,239,176,.18),transparent 22%),linear-gradient(145deg,#26201b,#11100f 74%)}.showcase-stack{display:grid;gap:16px}.mini-showcase{min-height:186px;padding:22px;background:#ffffff85}.mini-showcase:nth-child(1){transform:rotate(-1deg)}.mini-showcase:nth-child(2){transform:rotate(1.2deg)}.mini-showcase:nth-child(3){transform:rotate(-1.4deg)}.mini-showcase p{margin:18px 0 0;font-size:.8rem}@keyframes rise-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}@keyframes ticker{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes wave{0%,to{transform:scaleY(.88)}50%{transform:scaleY(1.08)}}@keyframes phone-left{0%,to{transform:rotate(-8deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-18px)}}@keyframes phone-right{0%,to{transform:rotate(12deg) translateY(0)}50%{transform:rotate(15deg) translateY(16px)}}@keyframes sweep{0%{transform:translate(-120%)}to{transform:translate(140%)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes spin-reverse{0%{transform:rotate(0)}to{transform:rotate(-360deg)}}@keyframes drift-a{0%,to{transform:translateZ(0)}50%{transform:translate3d(26px,-18px,0)}}@keyframes drift-b{0%,to{transform:translateZ(0)}50%{transform:translate3d(-20px,22px,0)}}@keyframes drift-c{0%,to{transform:translateZ(0)}50%{transform:translate3d(16px,-16px,0)}}@media (max-width: 1160px){.hero,.work-layout,.showcase-panel,.split-intro,.service-grid,.process-grid,.wall-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-stage{min-height:680px}.project-card:nth-child(1),.project-card:nth-child(2),.project-card:nth-child(3),.mini-showcase:nth-child(1),.mini-showcase:nth-child(2),.mini-showcase:nth-child(3){transform:none}.service-grid{grid-template-columns:repeat(2,1fr)}.caption-left,.caption-right{display:none}}@media (max-width: 760px){.app-shell{width:min(100% - 18px,1280px)}.topbar{grid-template-columns:1fr;justify-items:center}.nav{gap:12px}.hero h1{max-width:none;font-size:clamp(3.2rem,16vw,5.6rem)}.manifesto-strip p,.manifesto-strip p:nth-child(2n){margin-left:0}.hero-stage{min-height:520px;padding:20px}.device-cluster{top:92px;right:18px;bottom:44px;left:18px}.phone-primary{top:0;right:14%;bottom:14%;left:0}.phone-secondary{top:24%;right:0;bottom:0;left:20%}.metrics-card{right:10px;top:18px}.orbit-card{left:10px;bottom:14px}.service-grid{grid-template-columns:1fr}.section-block{padding-top:68px}}