:root{--cobalt:#1F2CFF;--coral:#FF5B3E;--paper:#FBF7F0;--mint:#8CEBC3;--ink:#0B0B14;--line:#0B0B14;--shadow:6px 6px 0 var(--ink);--shadow-lg:10px 10px 0 var(--ink);--radius:22px;--maxw:1200px;--nav-h:74px}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:var(--paper);color:var(--ink);font-family:Space Grotesk,system-ui,sans-serif;font-size:clamp(16px,1.05vw + 12px,18px);line-height:1.55;overflow-x:hidden;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;line-height:.98;margin:0;letter-spacing:-.02em}p{margin:0}a{color:inherit;text-decoration:none}img{max-width:100%}::selection{background:var(--coral);color:var(--paper)}.wrap{width:min(100% - 40px,var(--maxw));margin-inline:auto}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.16em;border:2.5px solid var(--ink);border-radius:999px;padding:7px 14px;background:var(--paper)}.dot{width:9px;height:9px;border-radius:50%;background:var(--coral);display:inline-block}#preloader{position:fixed;inset:0;z-index:9999;background:var(--cobalt);color:var(--paper);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:18px;font-family:Bricolage Grotesque;font-weight:800}#preloader .pl-word{font-size:clamp(2rem,7vw,4rem);letter-spacing:-.03em}#preloader .pl-bar{width:min(240px,60vw);height:12px;border:2.5px solid var(--paper);border-radius:999px;overflow:hidden}#preloader .pl-fill{height:100%;width:0;background:var(--coral)}body.loaded{overflow:auto}#preloader.hide{opacity:0;pointer-events:none;transition:opacity .5s ease}html.splash-seen #preloader{display:none!important}html.splash-seen body{overflow:auto}section[id]{scroll-margin-top:90px}header.nav{position:-webkit-sticky;position:sticky;top:0;z-index:200;background:var(--paper);border-bottom:3px solid var(--ink)}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.brand{font-family:Bricolage Grotesque;font-weight:800;font-size:1.35rem;letter-spacing:-.03em}.brand b{color:var(--cobalt)}.nav-links{display:flex;gap:26px;align-items:center}.nav-links a.link{font-weight:600;font-size:.95rem;position:relative;padding:4px 2px;transition:color .2s ease}.nav-links a.link:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:3px;background:var(--hc,var(--coral));transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.nav-links a.link:hover{color:var(--hc,var(--coral))}.nav-links a.link:hover:after{transform:scaleX(1)}.btn{display:inline-flex;align-items:center;gap:9px;font-family:Space Grotesk;font-weight:700;font-size:.95rem;border:3px solid var(--ink);border-radius:999px;padding:11px 20px;background:var(--cobalt);color:var(--paper);box-shadow:var(--shadow);cursor:pointer;will-change:transform}.btn.coral{background:var(--coral)}.btn.paper{background:var(--paper);color:var(--ink)}.btn.mint{background:var(--mint);color:var(--ink)}.btn:active{box-shadow:2px 2px 0 var(--ink)}.nav-toggle{display:none}.hero{padding:min(9vh,80px) 0 40px;position:relative}.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:38px;gap:38px;align-items:center}.hero h1{font-size:clamp(2.7rem,7.2vw,5.6rem);margin:18px 0 0}.hero h1 .mk{position:relative;white-space:nowrap}.hero h1 .c-cobalt{color:var(--cobalt)}.hero h1 .c-coral{color:var(--coral)}.hero h1 .u{background:var(--mint);border-radius:8px;padding:0 .12em;box-decoration-break:clone;-webkit-box-decoration-break:clone}.hero-sub{margin-top:22px;font-size:clamp(1rem,1.6vw,1.22rem);max-width:34ch;color:#2a2a38}.hero-cta{margin-top:30px;display:flex;gap:14px;flex-wrap:wrap}.playground{position:relative;border:3px solid var(--ink);border-radius:var(--radius);background:radial-gradient(circle at 1px 1px,rgba(11,11,20,.09) 1px,transparent 0);background-size:20px 20px;background-color:#fff;box-shadow:var(--shadow-lg);min-height:420px;height:52vh;max-height:520px;overflow:hidden;touch-action:none}.pg-head{position:absolute;top:0;left:0;right:0;z-index:3;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;pointer-events:none;border-bottom:2.5px dashed rgba(11,11,20,.22);background:linear-gradient(var(--paper),rgba(251,247,240,0))}.pg-title{font-family:Bricolage Grotesque;font-weight:800;font-size:.95rem}.pg-hint{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;background:var(--coral);color:var(--paper);border:2.5px solid var(--ink);border-radius:999px;padding:5px 11px}.pg-hint .hand{display:inline-block}.chip{position:absolute;z-index:2;display:inline-flex;align-items:center;gap:8px;font-family:Space Grotesk;font-weight:700;font-size:clamp(.85rem,1.1vw,1rem);padding:11px 17px;border:3px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);box-shadow:4px 4px 0 var(--ink);cursor:-webkit-grab;cursor:grab;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap;touch-action:none;will-change:transform}.chip:active{cursor:-webkit-grabbing;cursor:grabbing}.chip.c1{background:var(--cobalt)}.chip.c1,.chip.c2{color:var(--paper)}.chip.c2{background:var(--coral)}.chip.c3{background:var(--mint);color:var(--ink)}.chip .em{font-size:1.05em}section{position:relative}.band{padding:76px 0;border-top:3px solid var(--ink)}.band.cobalt{background:var(--cobalt);color:var(--paper)}.band.coral{background:var(--coral);color:var(--paper)}.band.mint{background:var(--mint);color:var(--ink)}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:40px}.sec-head h2{font-size:clamp(2rem,5vw,3.4rem)}.sec-head .lead{max-width:36ch;font-weight:500}.cards{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:20px;gap:20px}.card{background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);padding:24px 22px 26px;box-shadow:var(--shadow);position:relative;overflow:hidden;cursor:default;will-change:transform}.card .num{font-family:Bricolage Grotesque;font-weight:800;font-size:1rem;width:38px;height:38px;display:grid;place-items:center;border:2.5px solid var(--ink);border-radius:50%;margin-bottom:16px}.card h3{font-size:1.28rem;margin-bottom:9px}.card p{font-size:.98rem;color:#33333f}.card .tag{display:inline-block;margin-top:16px;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 10px;border:2.5px solid var(--ink);border-radius:999px}.card:first-child .num{background:var(--cobalt);color:var(--paper)}.card:nth-child(2) .num{background:var(--coral);color:var(--paper)}.card:nth-child(3) .num{background:var(--mint)}.card:nth-child(4) .num{background:var(--ink);color:var(--paper)}.works{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:20px;gap:20px}.work{grid-column:auto;background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow);display:flex;flex-direction:column;min-height:250px;will-change:transform}.work .sector{font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.work h3{font-size:1.5rem;margin:8px 0 10px}.work p{font-size:.95rem;color:#33333f}.work .meta{margin-top:auto;padding-top:18px;display:flex;flex-direction:column;gap:13px}.work .status{align-self:flex-start;display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:5px 12px;border:2.5px solid var(--ink);border-radius:999px}.work .status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}.work .status.live{background:var(--mint);color:var(--ink)}.work .status.done{background:var(--paper);color:var(--ink)}.work .status.dev{background:var(--coral);color:var(--paper)}.work .status.dev:before{background:var(--paper)}.work .status.soon{background:var(--cobalt);color:var(--paper)}.work .status.soon:before{background:var(--paper)}.work .stack{display:flex;flex-wrap:wrap;gap:7px}.work .stack span{font-family:Space Grotesk;font-weight:600;font-size:.68rem;padding:4px 10px;border:2px solid var(--ink);border-radius:999px;background:var(--paper);opacity:.9}.work .visit{display:inline-flex;align-items:center;gap:7px;align-self:flex-start;font-family:Bricolage Grotesque;font-weight:800;font-size:1rem;padding-bottom:2px;border-bottom:3px solid var(--coral)}.work .visit:hover{color:var(--cobalt);border-color:var(--cobalt)}.work .swatch{height:10px;border-radius:999px;margin-bottom:14px;border:2.5px solid var(--ink)}.work:first-child .swatch{background:var(--cobalt)}.work:nth-child(2) .swatch{background:var(--coral)}.work:nth-child(3) .swatch{background:var(--mint)}.work:nth-child(4) .swatch{background:var(--coral)}.work:nth-child(5) .swatch{background:var(--cobalt)}.work:nth-child(6) .swatch{background:var(--ink)}.work:nth-child(7) .swatch{background:var(--mint)}.work.feature,.work:nth-child(8) .swatch{background:var(--cobalt)}.work.feature{grid-column:1/-1;color:var(--paper);min-height:0}.work.feature .sector{opacity:.82}.work.feature p{color:rgba(251,247,240,.86);max-width:64ch}.work.feature .swatch{background:var(--mint)}.work.feature .stack span{background:rgba(251,247,240,.12);color:var(--paper);border-color:var(--paper);opacity:1}.work.feature .status.live{background:var(--mint);color:var(--ink)}.work.feature .visit{color:var(--paper);border-color:var(--mint)}.work.feature .visit:hover{color:var(--mint);border-color:var(--paper)}.steps{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:18px;gap:18px}.step{background:rgba(251,247,240,.12);border:3px solid var(--paper);border-radius:var(--radius);padding:22px}.band.cobalt .step{background:rgba(255,255,255,.08)}.step .k{font-family:Bricolage Grotesque;font-weight:800;font-size:2.4rem;opacity:.55}.step h3{font-size:1.35rem;margin:6px 0 8px}.step p{font-size:.92rem;opacity:.9}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:40px;gap:40px;align-items:center}.about-thesis{font-family:Bricolage Grotesque;font-weight:600;font-size:clamp(1.5rem,3.2vw,2.5rem);line-height:1.1}.about-thesis .hl{color:var(--cobalt)}.about-thesis .hl2{color:var(--coral)}.about-note{margin-top:22px;max-width:52ch;color:#33333f}.about-badge{display:inline-block;transform:rotate(-6deg);font-family:Bricolage Grotesque;font-weight:800;font-size:clamp(2.2rem,6vw,4rem);color:var(--paper);background:var(--cobalt);border:3px solid var(--ink);border-radius:26px;padding:26px 30px;box-shadow:var(--shadow-lg);line-height:.95;text-align:center}.about-badge small{display:block;font-family:Space Grotesk;font-weight:700;font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;margin-top:12px;opacity:.9}.contact{text-align:center}.contact h2{font-size:clamp(2.4rem,8vw,6rem)}.contact .mail{display:inline-flex;align-items:center;gap:12px;margin-top:26px;font-family:Bricolage Grotesque;font-weight:800;font-size:clamp(1.2rem,3.5vw,2rem);border:3px solid var(--ink);background:var(--paper);color:var(--ink);border-radius:999px;padding:14px 26px;box-shadow:var(--shadow);will-change:transform}.contact .sub{margin:20px auto 0;max-width:44ch}.contact-row{margin-top:34px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap}footer{background:var(--ink);color:var(--paper);padding:52px 0 40px}.foot-grid{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap}.foot-brand{font-family:Bricolage Grotesque;font-weight:800;font-size:2rem;letter-spacing:-.03em}.foot-brand b{color:var(--mint)}.foot-cols{display:flex;gap:60px;flex-wrap:wrap}.foot-col h4{font-size:.78rem;text-transform:uppercase;letter-spacing:.14em;opacity:.6;margin-bottom:12px;font-family:Space Grotesk;font-weight:700}.foot-col a{display:block;font-weight:500;opacity:.9;margin:6px 0;transition:color .2s ease}.foot-col a:hover{color:var(--hc,var(--mint))}.foot-bottom{margin-top:40px;padding-top:22px;border-top:1.5px solid rgba(251,247,240,.2);display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.82rem;opacity:.7}.reveal{opacity:0;transform:translateY(26px)}@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.works{grid-template-columns:1fr}.work,.work.big{grid-column:auto}.steps{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr}.about-badge{justify-self:start}}@media (max-width:640px){.nav-links{position:fixed;inset:var(--nav-h) 0 auto 0;z-index:190;flex-direction:column;align-items:stretch;gap:0;background:var(--paper);border-bottom:3px solid var(--ink);transform:translateY(-140%);transition:transform .32s ease;padding:8px 20px 20px}.nav-links.open{transform:translateY(0)}.nav-links a.link{padding:14px 4px;border-bottom:2px solid rgba(11,11,20,.12)}.nav-links .btn{margin-top:12px;justify-content:center}.nav-toggle{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border:3px solid var(--ink);border-radius:14px;background:var(--mint);box-shadow:var(--shadow);cursor:pointer}.nav-toggle span{font-size:1.3rem;line-height:1}.cards,.steps{grid-template-columns:1fr}.band{padding:56px 0}.hero-cta .btn{flex:1 1;justify-content:center}}@media (prefers-reduced-motion:reduce){.reveal{opacity:1!important;transform:none!important}*{scroll-behavior:auto!important}}body.modal-open{overflow:hidden}.mail-overlay{position:fixed;inset:0;z-index:9998;background:rgba(11,11,20,.55);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);display:flex;align-items:center;justify-content:center;padding:20px;animation:mail-fade .2s ease}@keyframes mail-fade{0%{opacity:0}to{opacity:1}}.mail-card{position:relative;width:min(460px,100%);background:var(--paper);color:var(--ink);border:3px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow-lg);padding:32px 28px 26px;animation:mail-pop .34s cubic-bezier(.2,1.1,.3,1)}@keyframes mail-pop{0%{transform:translateY(18px) scale(.95);opacity:0}to{transform:none;opacity:1}}.mail-close{position:absolute;top:14px;right:14px;width:38px;height:38px;display:grid;place-items:center;cursor:pointer;background:var(--mint);color:var(--ink);border:2.5px solid var(--ink);border-radius:50%;font-size:.95rem;font-weight:700;box-shadow:3px 3px 0 var(--ink);transition:transform .18s ease}.mail-close:hover{transform:rotate(90deg)}.mail-close:active{box-shadow:1px 1px 0 var(--ink)}.mail-title{font-size:clamp(1.7rem,4.5vw,2.2rem);margin:14px 0 6px}.mail-title .c-coral{color:var(--coral)}.mail-sub{color:#33333f;margin-bottom:20px}.mail-field{display:block;margin-bottom:14px}.mail-field>span{display:block;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.1em;margin-bottom:6px}.mail-field input,.mail-field textarea{width:100%;font-family:Space Grotesk,system-ui,sans-serif;font-size:1rem;padding:12px 14px;color:var(--ink);background:#fff;border:2.5px solid var(--ink);border-radius:14px;outline:none;transition:box-shadow .15s ease,border-color .15s ease}.mail-field textarea{min-height:100px;resize:vertical}.mail-field input:focus,.mail-field textarea:focus{box-shadow:4px 4px 0 var(--cobalt);border-color:var(--cobalt)}.mail-field.err input,.mail-field.err textarea{border-color:var(--coral);box-shadow:4px 4px 0 var(--coral)}.mail-send{width:100%;justify-content:center;margin-top:8px}.mail-done{text-align:center;padding:12px 6px 6px}.mail-done-emoji{font-size:3rem;margin-bottom:12px;animation:mail-pop .45s cubic-bezier(.2,1.4,.3,1)}.mail-done h3{font-size:1.7rem;margin-bottom:10px}.mail-done p{color:#33333f;margin-bottom:22px}.mail-done .btn{justify-content:center}@media (prefers-reduced-motion:reduce){.mail-card,.mail-done-emoji,.mail-overlay{animation:none!important}.mail-close:hover{transform:none}}.detail-nav{position:-webkit-sticky;position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:3px solid var(--ink)}.detail-nav .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav-h)}.detail-wrap{padding:56px 0 110px;min-height:72vh}.detail-back{display:inline-flex;align-items:center;gap:6px;font-weight:700;font-size:.95rem;margin-bottom:40px;border-bottom:3px solid var(--coral);padding-bottom:2px}.detail-back:hover{color:var(--cobalt);border-color:var(--cobalt)}.detail-wrap .sector{display:block;font-weight:700;font-size:.74rem;text-transform:uppercase;letter-spacing:.12em;opacity:.7}.detail-title{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:clamp(2.6rem,8vw,5rem);letter-spacing:-.02em;line-height:.98;margin:8px 0 16px}.detail-wrap .status{display:inline-flex;align-items:center;gap:7px;font-weight:700;font-size:.7rem;text-transform:uppercase;letter-spacing:.1em;padding:6px 13px;border:2.5px solid var(--ink);border-radius:999px}.detail-wrap .status:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ink)}.detail-wrap .status.live{background:var(--mint)}.detail-wrap .status.done{background:var(--paper)}.detail-wrap .status.dev{background:var(--coral);color:var(--paper)}.detail-wrap .status.dev:before{background:var(--paper)}.detail-wrap .status.soon{background:var(--cobalt);color:var(--paper)}.detail-wrap .status.soon:before{background:var(--paper)}.detail-desc{max-width:58ch;font-size:1.15rem;line-height:1.6;margin:24px 0 8px;color:#33333f}.detail-stack{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.detail-stack span{font-family:Space Grotesk,system-ui,sans-serif;font-weight:600;font-size:.72rem;padding:6px 12px;border:2.5px solid var(--ink);border-radius:999px;background:var(--paper)}.detail-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:44px}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px;margin-top:34px}.gallery-item{aspect-ratio:4/3;overflow:hidden;display:grid;place-items:center;padding:10px;background:#fff;border:3px solid var(--ink);border-radius:18px;box-shadow:6px 6px 0 var(--ink)}.gallery-item img{max-width:100%;max-height:100%;object-fit:contain;border-radius:8px}.detail-section-title{font-family:Bricolage Grotesque,system-ui,sans-serif;font-weight:800;font-size:clamp(1.5rem,3.5vw,2rem);letter-spacing:-.02em;margin:52px 0 22px}.tech-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));grid-gap:16px;gap:16px}.tech-group{background:var(--paper);border:3px solid var(--ink);border-radius:18px;box-shadow:5px 5px 0 var(--ink);padding:20px 22px}.tech-group h4{font-family:Space Grotesk,system-ui,sans-serif;font-weight:700;font-size:.72rem;text-transform:uppercase;letter-spacing:.12em;color:var(--cobalt);margin-bottom:14px}.tech-group ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px}.tech-group li{font-weight:500;font-size:.96rem;display:flex;align-items:center;gap:9px;line-height:1.35}.tech-group li:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--coral);flex-shrink:0}