@font-face{font-family:Mona;src:url('assets/MonaSans-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}:root{--paper:#f0ebe6;--white:#fff;--surface:#f6f6f6;--ink:#161616;--secondary:#62605b;--on-ink-2:#aeaca7;--ink-2:#292929;--ink-3:#333;--media:#e9e9e3;--surface-2:#f1f1ef;--line:#dededa;--accent-tint:#ffce6747;--on-accent-2:#5a4717;--accent:#ffce67;--accent-deep:#ffbc30;--blue:#82a0ff;--lime:#e6fab9;--radius:32px;--highlight:inset 0 1px 0 rgba(255,255,255,.7);--shade:inset 0 -1px 0 rgba(0,0,0,.06);--shadow:0 24px 40px rgba(0,0,0,.07),0 60px 60px rgba(0,0,0,.03);--shadow-sm:0 3px 7px rgba(22,22,22,.08),0 12px 18px rgba(22,22,22,.06);--ease:cubic-bezier(.2,.8,.2,1);--direct:cubic-bezier(.2,.8,.2,1);--settle:cubic-bezier(.2,1.35,.4,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);background:var(--paper);font-family:Mona,Arial,sans-serif;font-size:16px;line-height:1.55;letter-spacing:0}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}a{color:inherit;text-decoration:none}button{border:0}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:600;letter-spacing:-.04em;text-wrap:balance;line-height:1.07}h1{font-size:clamp(58px,6.3vw,90px)}h1>span,h2>span{color:var(--secondary)}h2{font-size:clamp(40px,4.1vw,58px)}h3{font-size:29px;letter-spacing:-.035em}::selection{background:var(--accent);color:var(--ink)}.wrap{width:min(1160px,calc(100% - 96px));margin:auto}.nav{height:86px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 48px;background:rgba(240,235,230,.82);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);gap:24px}.wordmark{display:inline-block;padding:9px 0;font-size:29px;font-weight:750;letter-spacing:-.07em;line-height:1}.wordmark>span{font-size:12px;vertical-align:top;display:inline-block;padding:2px 0 0 5px;letter-spacing:0}.nav nav{display:flex;gap:36px;font-size:14px;font-weight:500}.nav nav a{padding:12px 0;min-height:44px;display:inline-flex;align-items:center}.pill{display:inline-flex;align-items:center;justify-content:center;gap:25px;border-radius:100px;background:var(--surface-2);padding:14px 23px;font-size:14px;font-weight:600;transition:transform .3s var(--ease),box-shadow .3s,background .3s;white-space:nowrap}.i{width:18px;height:18px;flex-shrink:0;display:block}.pill .i{transition:transform .3s var(--ease)}.pill:has(.i){gap:14px}.sprite{position:absolute;width:0;height:0;overflow:hidden}.pill:hover{transform:translateY(-3px);box-shadow:0 8px 20px #0000000f}.primary{background:var(--accent);box-shadow:inset 0 1px 0 #ffffff88,inset 0 -1px 0 #0000000c}.primary:hover{box-shadow:0 10px 22px rgba(22,22,22,.14)}.pill:active{transform:translateY(1px)}.hero{position:relative;min-height:682px;padding-top:113px;padding-bottom:86px;display:grid;grid-template-columns:1.55fr 1fr;gap:25px;align-items:start}.intro{color:var(--secondary);margin-top:28px;max-width:34em;font-size:18px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:33px}.badge-scene{position:relative;display:flex;align-items:center;flex-direction:column;padding:0 0 30px}.identity{width:304px;background:var(--white);padding:10px;border-radius:31px;box-shadow:inset 0 1px 2px white,inset 0 -1px 3px #0002,var(--shadow);transform:rotate(8deg);transition:transform .5s var(--ease);position:relative}.badge-top{background:var(--accent);border-radius:23px 23px 10px 10px;padding:19px 23px 22px;box-shadow:inset 0 1px 1px #fff9,inset 0 -5px 15px #e19a2333}.badge-hole{height:9px;width:57px;background:var(--paper);border-radius:20px;margin:0 auto 24px;box-shadow:inset 0 3px 3px #0002}.badge-meta{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.08em;font-weight:550}.initials{font-size:142px;letter-spacing:-.10em;font-weight:650;line-height:1.2;position:relative}.initials>span{position:absolute;font-size:73px;right:4px;top:25px;font-weight:400;letter-spacing:0}.badge-name{display:flex;flex-direction:column;margin-top:9px}.badge-name strong{font-size:25px;font-weight:600;letter-spacing:-.04em}.badge-name>span{font-size:13px}.badge-bottom{background:var(--ink);color:white;border-radius:10px 10px 22px 22px;margin-top:7px;padding:23px 18px;display:flex;align-items:center;justify-content:space-between;font-size:13px}.badge-bottom small{color:var(--on-ink-2);font-size:12px}.round .i{width:20px;height:20px}.round{width:44px;height:44px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:#ffffff12;color:inherit;font-size:24px;transition:transform .3s,background .3s}.round:hover{transform:rotate(8deg);background:#ffffff25}.badge-caption{margin-top:38px;font-size:13px;color:var(--secondary)}.work-section{position:relative;background:var(--ink);color:white;border-radius:0 56px 0 0;padding:70px 0 100px;margin-top:30px}.work-section:before{content:'';position:absolute;background:var(--ink);height:31px;top:-30px;width:44%;border-radius:0 30px 0 0}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:48px}.section-heading>p{color:var(--on-ink-2);font-size:15px;line-height:1.7;max-width:335px;padding-bottom:4px}.featured{display:block}.project-media{border-radius:32px;background:var(--media);position:relative;height:510px;overflow:hidden;padding:28px 40px 0}.dashboard-media img{width:82%;margin:56px auto 0;border-radius:15px;transform:rotate(-3deg);box-shadow:var(--shadow);transition:transform .6s var(--ease)}.result-sticker{position:absolute;right:42px;bottom:33px;width:236px;background:var(--accent);color:var(--ink);padding:20px 24px;border-radius:23px;transform:rotate(5deg);box-shadow:var(--shadow)}.result-sticker>span{font-size:13px}.result-sticker strong{display:flex;font-size:40px;line-height:1.25;font-weight:600;letter-spacing:-.04em}.result-sticker small{font-size:13px}.project-link:hover .dashboard-media img{transform:rotate(-1deg) scale(1.025)}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:25px}.card-meta{font-size:13px;color:var(--on-ink-2);margin-top:14px}.project-caption p{color:var(--on-ink-2);font-size:15px;margin-top:10px;max-width:60ch}.project-caption .card-meta{font-size:13px;margin-top:14px}.project-caption .round{background:var(--ink-3)}.project-link:hover .round{background:var(--accent);color:var(--ink);transform:rotate(6deg)}.metric-note{font-size:13px;color:var(--on-ink-2);margin-top:15px;letter-spacing:0}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:64px}.project-grid h3{font-size:24px;line-height:1.2}.ai-cover{display:flex;flex-direction:column;align-items:stretch;width:100%;height:335px;border-radius:28px;background:var(--ink-2);color:white;padding:28px 32px;text-align:left;transition:transform .35s,box-shadow .35s;box-shadow:inset 0 1px 0 #ffffff12}.ai-cover:hover{transform:translateY(-6px);box-shadow:0 15px 35px #0005,inset 0 1px 0 #ffffff25}.ai-title{font-size:45px;font-weight:550;line-height:1.15;letter-spacing:-.04em;margin:auto 0}.ai-title>span{color:var(--accent)}.private-label{display:flex;align-items:center;font-size:13px;color:var(--on-ink-2);gap:8px}.secondary-media{height:335px;border-radius:28px;overflow:hidden;position:relative;background:#324444}.secondary-media img{height:100%;width:100%;object-fit:cover;transition:transform .5s}.project-link:hover .secondary-media img{transform:scale(1.04)}.about{padding:130px 0;display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-copy>p{font-size:20px;line-height:1.6;letter-spacing:-.01em;margin-bottom:22px;max-width:36em}.about-copy>p+p{color:var(--secondary);font-size:17px}.explorations{padding-bottom:130px}.light>p{color:var(--secondary)}footer{background:var(--white);border-radius:48px 48px 0 0;box-shadow:var(--highlight)}.footer-main{padding-top:88px;text-align:center}.footer-main h2{font-size:clamp(55px,6vw,84px);margin:0 0 24px}.footer-lede{color:var(--secondary);font-size:17px;margin:0 auto 32px;max-width:32em}.footer-bottom a{min-height:44px;display:inline-flex;align-items:center}.footer-bottom a.wordmark{display:inline-block;min-height:0}.footer-bottom{margin-top:100px;padding:20px 0;display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--secondary)}.footer-bottom .wordmark{color:var(--ink)}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--accent);z-index:50}.skip:focus{top:10px}:focus-visible{outline:3px solid #b47700;outline-offset:5px}dialog{width:min(660px,calc(100% - 32px));border:0;border-radius:32px;padding:48px;box-shadow:var(--shadow);color:var(--ink)}dialog::backdrop{background:#0009;backdrop-filter:blur(7px)}dialog .close{position:absolute;top:16px;right:16px;background:var(--surface)}dialog .dialog-meta{color:var(--secondary);font-size:14px;margin:0 0 8px}dialog h2{font-size:36px;margin-bottom:10px;padding-right:40px}dialog p{color:var(--secondary);line-height:1.7;margin-top:16px}dialog img{border-radius:18px;margin-top:24px}body:has(dialog[open]){overflow:hidden}.case-hero{padding:72px 0 60px}.back-link{font-size:14px;display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-bottom:55px;color:var(--secondary)}.case-hero h1{max-width:1000px;font-size:clamp(48px,5.8vw,80px)}.case-intro{max-width:710px;font-size:20px;color:var(--secondary);margin-top:28px}.case-meta{display:grid;grid-template-columns:repeat(4,1fr);margin-top:48px;gap:24px}.case-meta dt{font-size:13px;font-weight:600;color:var(--secondary);margin-bottom:6px}.case-meta dd{margin:0;font-size:14px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.metric{padding:20px 0 0;border-top:1px solid var(--line)}.metric strong{font-size:42px;font-weight:550;letter-spacing:-.04em;display:block;font-variant-numeric:tabular-nums}.metric span{font-size:14px;display:block;margin-top:6px}.metric small{font-size:13px;color:var(--secondary);display:block;margin-top:10px;line-height:1.6}.story{display:grid;grid-template-columns:200px 1fr;gap:60px;padding-top:85px;padding-bottom:110px}.contents{align-self:start;position:sticky;top:120px;font-size:13px;display:grid;gap:18px;color:var(--secondary)}.contents strong{color:var(--ink);margin-bottom:7px;font-weight:550}.story-copy{max-width:790px}.story-copy section{margin-bottom:65px;scroll-margin-top:120px}.story-copy h2{font-size:38px;margin-bottom:24px}.story-copy p{font-size:17px;line-height:1.7;color:var(--secondary);margin:18px 0}.story-copy figure{margin:30px 0}.story-copy figure img{border-radius:20px}.story-copy figcaption{font-size:13px;color:var(--secondary);margin:13px 0}.case-next{padding:50px;background:var(--ink);color:white;border-radius:30px;display:flex;align-items:center;justify-content:space-between;gap:24px}.case-next h3{font-size:30px}.case-next .pill{color:var(--ink)}
@media(min-width:1600px){.hero{min-height:760px;padding-top:150px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}.nav{padding:0 32px}.hero{grid-template-columns:1.5fr 1fr;padding-top:95px;min-height:650px;gap:12px}h1{font-size:62px}.identity{width:270px}.initials{font-size:115px}.initials>span{font-size:60px;top:15px}.intro{font-size:16px}.dashboard-media{height:440px}.project-media img{width:94%}.about{gap:40px}.ai-title{font-size:36px}.story{grid-template-columns:150px 1fr;gap:35px}.metric strong{font-size:35px}}
@media(max-width:700px){.wrap{width:calc(100% - 40px)}.nav{height:74px;padding:0 20px;gap:15px}.wordmark{font-size:26px}.nav nav{gap:18px;font-size:14px}.nav nav a:last-child{display:none}.nav-contact{font-size:13px;padding:10px 16px;min-height:44px}.hero{display:flex;flex-direction:column;align-items:center;padding:64px 0 73px;gap:48px}.hero-copy{width:100%}h1{font-size:clamp(46px,10vw,68px)}.intro{font-size:16px;margin-top:22px}.desktop{display:none}.hero-actions{margin-top:26px}.badge-scene{padding:0 0 10px}.identity{width:255px;transform:rotate(6deg)}.badge-top{padding:17px 20px}.badge-hole{margin-bottom:20px}.initials{font-size:115px}.badge-name strong{font-size:23px}.badge-bottom{padding:17px 13px}.badge-caption{margin-top:30px}.work-section{padding:52px 0 65px;border-radius:0 32px 0 0}.section-heading{display:block;margin-bottom:30px}h2{font-size:40px}.section-heading>p{margin-top:23px;font-size:14px}.project-media{height:315px;padding:20px 15px 0;border-radius:23px}.dashboard-media img{width:112%;max-width:none;margin:24px 0 0 -6%}.result-sticker{width:175px;right:17px;bottom:17px;padding:14px 18px;border-radius:18px}.result-sticker>span{font-size:12px}.result-sticker strong{font-size:31px}.result-sticker small{font-size:12px}.project-caption h3{font-size:25px}.project-caption{padding-top:21px;gap:12px}.project-caption p{font-size:15px;line-height:1.65}.metric-note{max-width:320px}.project-grid{grid-template-columns:1fr;margin-top:40px;gap:40px}.ai-cover,.secondary-media{height:320px}.ai-title{font-size:42px}.about{padding:75px 0;grid-template-columns:1fr;gap:32px}.about-copy>p{font-size:19px}.about-copy>p+p{font-size:16px}.explorations{padding-bottom:75px}.footer-main{padding-top:65px}.footer-main h2{font-size:49px}.footer-bottom{margin-top:65px;flex-wrap:wrap;gap:8px 25px;font-size:13px}.footer-bottom>span{order:3;width:100%;text-align:left}.case-hero{padding-top:36px}.back-link{margin-bottom:35px}.case-hero h1{font-size:47px}.case-intro{font-size:17px}.case-meta{grid-template-columns:1fr 1fr;gap:22px}.case-meta dd{font-size:13px}.metrics{grid-template-columns:1fr;gap:12px}.metric{padding:18px 0 0}.metric strong{font-size:38px}.story{display:block;padding-top:55px;padding-bottom:60px}.contents{position:static;display:flex;flex-wrap:wrap;gap:14px;margin-bottom:42px}.contents strong{width:100%}.story-copy h2{font-size:32px}.story-copy p{font-size:16px}.story-copy section{margin-bottom:45px}.case-next{padding:30px;align-items:start;flex-direction:column}.case-next h3{font-size:26px}dialog{padding:48px 27px 30px}dialog h2{font-size:31px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition-property:color,background-color,box-shadow,opacity,outline-color!important;transition-duration:.15s!important}.pill:hover,.pill:active,.round:hover,.ai-cover:hover,.project-link:hover .round,.project-link:hover .secondary-media img,.project-link:hover .dashboard-media img,.hero .primary:hover .i{transform:none!important}}
/* Playful direction: a tangible identity card and a real, shaded geometric prop. */
.badge-caption{position:relative;z-index:3;margin-top:48px}.asterisk{transition:transform .65s var(--ease)}.identity:hover .asterisk{transform:rotate(80deg)}.hero .primary:hover .i{transform:translateY(3px)}.hero-copy{position:relative;z-index:3}.identity{transform:rotate(9deg)}
@media(max-width:1000px){.badge-caption{font-size:12px}}
@media(max-width:700px){.badge-caption{margin-top:38px}}
/* Preserve source aspect ratios when responsive widths replace HTML dimensions. */
.dashboard-media img,.case-image img{height:auto}