:root{--ink:#141413;--paper:#f3f0e9;--muted:#8c8a82;--acid:#d8f45b;--line:rgba(20,20,19,.16);--serif:Georgia,'Times New Roman',serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}.noise{position:fixed;inset:-50%;z-index:10;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");transform:rotate(9deg)}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 5.5vw;border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;color:inherit;text-decoration:none;font-size:14px;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:26px;height:26px;background:var(--ink);color:var(--acid);font:500 12px 'DM Mono',monospace;border-radius:50%}.nav{display:flex;gap:34px;margin-left:10%}.nav a,.contact-link{font-size:12px;color:inherit;text-decoration:none}.nav a{opacity:.65}.nav a:hover{opacity:1}.contact-link{border-bottom:1px solid var(--ink);padding-bottom:5px}.contact-link span,.text-link span{font-size:16px;margin-left:8px}.menu-toggle{display:none}.section-pad{padding-left:10.5vw;padding-right:10.5vw}.hero{min-height:calc(100vh - 82px);padding-top:12vh;padding-bottom:9vh;display:grid;grid-template-columns:1fr .95fr;gap:7vw;align-items:center}.eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.1em;color:#737169}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:#bfdd37;box-shadow:0 0 0 5px rgba(216,244,91,.25);margin-right:8px}.hero h1{font-size:clamp(56px,8.4vw,138px);line-height:.92;letter-spacing:-.08em;margin:27px 0 30px;font-weight:600}.hero h1 em,.approach h2 em,.about h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.08em}.hero-intro{font-size:15px;line-height:1.75;color:#68665f}.round-cta{display:inline-flex;align-items:center;gap:35px;margin-top:38px;padding:17px 18px 17px 21px;border:1px solid var(--ink);border-radius:50px;color:inherit;text-decoration:none;font-size:12px}.round-cta .arrow{font-size:20px;line-height:12px}.hero-visual{position:relative;aspect-ratio:1/1.16;overflow:hidden;background:radial-gradient(circle at 50% 45%,#d9e5ca 0 9%,transparent 30%),linear-gradient(145deg,#b6afda,#d1dbbd 43%,#e9b6a4 90%);isolation:isolate}.hero-visual:before{content:"";position:absolute;inset:-10%;background:conic-gradient(from 140deg,transparent,#f4e7deaa,transparent 31%,#9bc5c4aa,transparent 59%,#d8f45b88);filter:blur(21px);animation:rotate 13s linear infinite}.orb{position:absolute;border-radius:50%;filter:blur(1px);mix-blend-mode:multiply}.orb-one{width:44%;height:38%;left:15%;top:16%;background:radial-gradient(circle at 65% 35%,#f9d8c5,#cc8a9c 40%,#7669aa 80%);transform:rotate(-23deg);border-radius:47% 53% 66% 34%}.orb-two{width:58%;height:50%;right:-4%;bottom:13%;background:radial-gradient(circle at 30% 40%,#fff0c2,#e6b69a 40%,#9585ca 80%);transform:rotate(31deg);border-radius:55% 45% 30% 70%}.orb-three{width:28%;height:25%;right:23%;top:27%;background:#e7f3c9aa;filter:blur(8px)}.visual-caption{position:absolute;bottom:17px;left:19px;right:19px;display:flex;justify-content:space-between;color:#fff;font:10px 'DM Mono',monospace;mix-blend-mode:screen}.visual-tag{position:absolute;right:18px;top:18px;color:#fff;text-align:right;font:10px 'DM Mono',monospace;line-height:1.35}.visual-tag span{font-size:18px}.marquee{overflow:hidden;background:var(--acid);padding:19px 0;border-bottom:1px solid var(--ink);border-top:1px solid var(--ink)}.marquee-track{display:flex;align-items:center;gap:28px;white-space:nowrap;animation:marquee 27s linear infinite;font-size:13px;font-weight:700;letter-spacing:.09em}.marquee b{font-size:18px;font-weight:400}.work{padding-top:17vh;padding-bottom:16vh}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:55px}.section-heading h2,.approach h2,.about h2{font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:-.07em;margin:23px 0 0;font-weight:600}.heading-note{font-size:14px;line-height:1.6;color:#79776f;margin:0}.project-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:74px 28px}.project-large{grid-row:span 2}.project-wide{grid-column:1/-1;display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:end}.project-image{position:relative;overflow:hidden;min-height:390px}.project-large .project-image{min-height:590px}.project-wide .project-image{min-height:340px}.image-skin{background:radial-gradient(ellipse at 62% 52%,#f1d9bc 0 11%,transparent 12%),radial-gradient(ellipse at 49% 48%,#cf7f78 0 25%,transparent 26%),linear-gradient(130deg,#d2c5d8,#806c98 48%,#202b3b)}.image-skin:after{content:"";position:absolute;width:58%;height:90%;left:25%;top:7%;background:radial-gradient(ellipse,#eaa286,transparent 64%);filter:blur(27px);opacity:.7}.image-moon{background:radial-gradient(circle at 50% 39%,#f9ecc9 0 9%,#c4bf9b 10%,transparent 24%),linear-gradient(180deg,#1f2947,#6c7c96 58%,#d38a78)}.image-moon:after{content:"";position:absolute;inset:36% 0 0;background:linear-gradient(160deg,transparent 30%,#f1b1a5 31% 43%,transparent 44%);filter:blur(6px)}.image-bloom{background:radial-gradient(circle at 51% 53%,#fff6b5 0 4%,#ee8c72 9%,transparent 24%),radial-gradient(circle at 62% 44%,#c0df8d 0 8%,transparent 22%),linear-gradient(135deg,#8876ad,#e99a87 60%,#efd883)}.image-bloom:after{content:"";position:absolute;inset:0;background:linear-gradient(40deg,transparent 45%,#fff2b855 46% 50%,transparent 51% 100%);filter:blur(5px)}.image-tide{background:linear-gradient(125deg,#9bc7ca,#567e8e 35%,#172c3d 76%),radial-gradient(ellipse at 70% 55%,#f0c98c,transparent 27%);background-blend-mode:screen}.image-tide:after{content:"";position:absolute;inset:20% -10%;border:1px solid #d0ecdd88;border-radius:50%;transform:rotate(-22deg);box-shadow:0 0 0 24px #d0ecdd22,0 0 0 50px #d0ecdd18}.project-image:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,#fff2 45%,transparent 60%);transform:translateX(-100%);transition:transform .7s}.project:hover .project-image:before{transform:translateX(100%)}.project-index{position:absolute;top:16px;left:17px;color:#fff;font:11px 'DM Mono',monospace;z-index:2}.play{position:absolute;right:17px;top:15px;width:38px;height:38px;border:1px solid #fff8;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:9px;z-index:2}.project-meta{display:flex;justify-content:space-between;padding-top:15px;font-size:11px}.project-meta h3{margin:0 0 6px;font-size:16px;font-weight:600;letter-spacing:-.04em}.project-meta p,.project-meta>span{color:#828078;margin:0}.approach{background:#171716;color:#f3f0e9;display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:14vh;padding-bottom:15vh}.approach .eyebrow{color:#9c9b93}.approach h2{font-size:clamp(52px,7vw,100px)}.approach h2 em{color:var(--acid)}.lead{font-size:clamp(21px,2.2vw,30px);line-height:1.35;letter-spacing:-.04em;max-width:520px;margin:15px 0 76px}.principles{border-top:1px solid #ffffff38}.principles>div{display:grid;grid-template-columns:42px 1fr 1.45fr;gap:18px;border-bottom:1px solid #ffffff38;padding:21px 0;align-items:start}.principles span{font:11px 'DM Mono',monospace;color:var(--acid)}.principles h3{margin:0;font-size:16px;font-weight:500}.principles p{margin:0;color:#9c9a92;font-size:12px;line-height:1.6}.about{display:grid;grid-template-columns:1fr 1fr;gap:10vw;padding-top:16vh;padding-bottom:16vh}.about h2 em{color:#b0b3de}.about-copy{padding-top:50px;max-width:430px}.about-copy>p{font-size:21px;line-height:1.5;letter-spacing:-.035em;margin:0 0 45px}.text-link{color:inherit;text-decoration:none;font-size:13px;border-bottom:1px solid var(--ink);padding-bottom:9px}.footer{border-top:1px solid var(--line);min-height:100px;display:flex;align-items:center;justify-content:space-between}.footer p,.socials a{font:10px 'DM Mono',monospace;color:#8a8880}.socials{display:flex;gap:20px}.socials a{text-decoration:none;color:inherit}@keyframes rotate{to{transform:rotate(360deg)}}@keyframes marquee{to{transform:translateX(-50%)}}@media(max-width:760px){.site-header{height:70px;padding:0 6vw}.nav,.contact-link{display:none}.menu-toggle{display:flex;flex-direction:column;gap:5px;background:none;border:0;padding:8px}.menu-toggle span{display:block;width:22px;height:1px;background:var(--ink)}.section-pad{padding-left:6vw;padding-right:6vw}.hero{display:flex;flex-direction:column;align-items:stretch;gap:55px;padding-top:11vh}.hero h1{font-size:18vw;margin-top:23px}.hero-visual{width:90%;margin-left:10%;aspect-ratio:1/1.05}.marquee{padding:15px 0}.work{padding-top:13vh;padding-bottom:13vh}.section-heading{display:block;margin-bottom:40px}.heading-note{margin-top:26px}.project-grid{display:block}.project{margin-bottom:52px}.project-image,.project-large .project-image,.project-wide .project-image{min-height:390px}.project-wide{display:block}.approach,.about{display:block;padding-top:12vh;padding-bottom:12vh}.approach-right{margin-top:62px}.lead{margin-bottom:48px}.principles>div{grid-template-columns:30px 1fr}.principles p{grid-column:2}.about-copy{padding-top:48px}.about-copy>p{font-size:19px}.footer{padding-top:25px;padding-bottom:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.footer p{grid-column:1/2;grid-row:2}.socials{grid-column:2;grid-row:2;justify-content:flex-end}}
@media(max-width:760px){.nav.is-open{display:flex;position:absolute;left:0;right:0;top:70px;margin:0;padding:22px 6vw;background:var(--paper);border-bottom:1px solid var(--line);z-index:30;gap:25px}}

/* Blue theme */
:root{--ink:#0b1f3a;--paper:#eef6ff;--muted:#6f86a3;--acid:#71b7ff;--line:rgba(11,31,58,.18)}
.brand-mark{background:#0b1f3a;color:#b9ddff}
.eyebrow{color:#527397}
.pulse{background:#2f8cff;box-shadow:0 0 0 5px rgba(47,140,255,.2)}
.hero-intro,.heading-note{color:#587391}
.hero-visual{background:radial-gradient(circle at 50% 45%,#b9ddff 0 9%,transparent 30%),linear-gradient(145deg,#8fc5ff,#c4e6ff 43%,#b6d1f1 90%)}
.hero-visual:before{background:conic-gradient(from 140deg,transparent,#d8efffaa,transparent 31%,#5aa8faaa,transparent 59%,#71b7ff88)}
.orb-one{background:radial-gradient(circle at 65% 35%,#d7efff,#62a8ed 40%,#315b9a 80%)}
.orb-two{background:radial-gradient(circle at 30% 40%,#e6f5ff,#8bc6f4 40%,#527dc1 80%)}
.orb-three{background:#c7e7ffaa}
.marquee{background:var(--acid);border-color:var(--ink)}
.image-skin{background:radial-gradient(ellipse at 62% 52%,#b9ddff 0 11%,transparent 12%),radial-gradient(ellipse at 49% 48%,#5d9bd7 0 25%,transparent 26%),linear-gradient(130deg,#b8d5ef,#386a9d 48%,#102a4a)}
.image-skin:after{background:radial-gradient(ellipse,#72b8ed,transparent 64%)}
.image-moon{background:radial-gradient(circle at 50% 39%,#d9efff 0 9%,#8fb6d8 10%,transparent 24%),linear-gradient(180deg,#10284d,#477da9 58%,#8dbfe6)}
.image-moon:after{background:linear-gradient(160deg,transparent 30%,#8ec8f3 31% 43%,transparent 44%)}
.image-bloom{background:radial-gradient(circle at 51% 53%,#dff3ff 0 4%,#63afe8 9%,transparent 24%),radial-gradient(circle at 62% 44%,#9ed5f5 0 8%,transparent 22%),linear-gradient(135deg,#4f79b4,#77b9e8 60%,#b8ddf7)}
.image-bloom:after{background:linear-gradient(40deg,transparent 45%,#d8efff55 46% 50%,transparent 51% 100%)}
.image-tide{background:linear-gradient(125deg,#87c9e8,#39799c 35%,#102b4b 76%),radial-gradient(ellipse at 70% 55%,#9bd1f1,transparent 27%)}
.image-tide:after{border-color:#b9e4ff88;box-shadow:0 0 0 24px #b9e4ff22,0 0 0 50px #b9e4ff18}
.approach{background:#0b1f3a;color:#eef6ff}
.approach h2 em,.principles span{color:var(--acid)}
.approach .eyebrow{color:#9dc2e8}
.about h2 em{color:#4e96d8}
.footer p,.socials a,.project-meta p,.project-meta>span{color:#6f86a3}