:root{--ink:#0b0b0a;--paper:#eeeae2;--acid:#e6ff43;--orange:#ff5c35;--line:rgba(238,234,226,.22);--mono:"DM Mono",monospace;--sans:"Manrope",sans-serif;--serif:"Playfair Display",serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;overflow-x:hidden}.noise{position:fixed;inset:0;pointer-events:none;z-index:20;opacity:.055;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='.7'/%3E%3C/svg%3E")}.nav{position:absolute;top:0;left:0;width:100%;height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 3.2vw;z-index:10;border-bottom:1px solid rgba(255,255,255,.18)}.brand{color:#fff;text-decoration:none;display:flex;align-items:center;gap:18px}.brand span{display:grid;place-items:center;width:42px;height:42px;border:1px solid #fff;font-weight:700;letter-spacing:-2px}.brand em{font:italic 15px var(--serif)}nav{display:flex;gap:34px}nav a,.contact-foot a{color:inherit;text-decoration:none;font:12px var(--mono);text-transform:uppercase;letter-spacing:.08em}nav a:hover{color:var(--acid)}.menu{display:none;background:none;border:0}.hero{min-height:100svh;position:relative;display:grid;grid-template-columns:54% 46%;padding-top:90px;overflow:hidden}.hero-media{position:relative;min-height:calc(100svh - 90px);background:radial-gradient(circle at 53% 48%,rgba(255,140,76,.6),transparent 11%),linear-gradient(150deg,#1e181b 10%,#843824 40%,#c86835 52%,#1c1d27 72%,#080808);overflow:hidden}.frame{position:absolute;border-radius:50%;filter:blur(1px)}.frame-a{width:55%;aspect-ratio:1;top:22%;left:20%;border:1px solid rgba(255,255,255,.27);box-shadow:0 0 0 80px rgba(15,12,13,.25),0 0 160px 70px rgba(255,82,32,.18)}.frame-b{width:34%;aspect-ratio:1;top:33%;left:31%;background:radial-gradient(circle at 60% 40%,#ffe2c1 0 2%,#8f3e22 7%,#251417 31%,#050505 70%);box-shadow:inset -35px -15px 70px #000,0 30px 90px #130908}.focus-mark{position:absolute;width:42px;height:42px}.focus-mark.tl{left:6%;top:8%;border-left:1px solid white;border-top:1px solid white}.focus-mark.br{right:6%;bottom:8%;border-right:1px solid white;border-bottom:1px solid white}.timecode{position:absolute;bottom:4%;left:5%;font:11px var(--mono);letter-spacing:.08em}.hero-copy{padding:10vh 4.5vw 5vh;display:flex;flex-direction:column;justify-content:center;position:relative;background:linear-gradient(135deg,#141412,#080808)}.eyebrow,.section-number,.kicker{font:11px var(--mono);letter-spacing:.12em;text-transform:uppercase}.eyebrow:before{content:"";display:inline-block;width:42px;border-top:1px solid;margin:0 12px 4px 0}.hero h1{font-size:clamp(4rem,7.1vw,8.7rem);line-height:.83;letter-spacing:-.075em;margin:6vh 0}.hero h1 i,h2 i,.contact-link i{font-family:var(--serif);font-weight:600;color:var(--acid)}.hero-bottom{display:flex;gap:40px;align-items:end}.hero-bottom>p{max-width:430px;line-height:1.7;color:#bdbab3}.circle-link{color:var(--ink);text-decoration:none;background:var(--acid);width:132px;aspect-ratio:1;border-radius:50%;padding:24px;display:flex;align-items:end;justify-content:space-between;transition:.3s transform}.circle-link:hover{transform:rotate(-7deg) scale(1.04)}.circle-link span{font:11px/1.2 var(--mono);text-transform:uppercase}.circle-link b{font-size:25px}.hero-rail{position:absolute;bottom:0;right:0;width:46%;padding:18px 4.5vw;display:flex;justify-content:space-between;border-top:1px solid var(--line);font:10px var(--mono);text-transform:uppercase}.manifesto{padding:15vh 5vw;display:grid;grid-template-columns:1fr 4fr 1.6fr;gap:4vw;border-bottom:1px solid var(--line)}blockquote{font-size:clamp(2.7rem,5vw,6rem);line-height:1.02;letter-spacing:-.055em;margin:0}blockquote em{font-family:var(--serif);color:var(--orange)}.manifesto-copy{align-self:end;line-height:1.7;color:#aaa69e}.work{padding:13vh 3.2vw}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:10vh}.section-head h2,.about h2{font-size:clamp(3rem,6vw,7.5rem);letter-spacing:-.06em;line-height:.92;margin:30px 0 0}.section-head>p{font:11px var(--mono);text-transform:uppercase}.project{border-top:1px solid var(--line);padding-top:20px;margin-bottom:10vh}.project-visual{height:58vh;min-height:410px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.feature .project-visual{height:74vh}.project-visual:before,.project-visual:after{content:"";position:absolute;inset:0;transition:transform .8s cubic-bezier(.2,.7,.1,1)}.project:hover .project-visual:before{transform:scale(1.045)}.sunset:before{background:radial-gradient(circle at 68% 42%,#ffe6a6 0 4%,transparent 5%),linear-gradient(176deg,#743c54,#ec7a46 44%,#2b2944 45%,#11111a 80%)}.sunset:after{background:linear-gradient(80deg,transparent 45%,rgba(7,7,10,.8) 46% 48%,transparent 49%),linear-gradient(98deg,transparent 59%,rgba(7,7,10,.9) 60% 62%,transparent 63%);clip-path:polygon(0 0,100% 0,100% 76%,83% 65%,63% 76%,45% 57%,28% 73%,0 62%)}.city:before{background:linear-gradient(145deg,transparent 38%,rgba(230,255,67,.18) 38% 41%,transparent 41%),linear-gradient(110deg,#071b1b 0 34%,#18746c 34% 52%,#c9be89 52% 57%,#14120f 57%)}.halo:before{background:radial-gradient(circle,#151515 0 18%,#ff5c35 19% 21%,#0b0b0b 22% 34%,#cab56b 35% 36%,#111 37%)}.like:before{background:linear-gradient(115deg,#361421 0 34%,#db4b52 34% 35%,#925156 35% 65%,#1a1018 65%)}.path:before{background:linear-gradient(90deg,rgba(0,0,0,.5),transparent),repeating-linear-gradient(78deg,#283322 0 8%,#182118 8% 14%,#c7995c 14% 15%)}.project-index,.project-visual>p{position:absolute;z-index:2;font:10px var(--mono);text-transform:uppercase}.project-index{top:22px;left:22px}.project-visual>p{left:22px;bottom:16px}.play{position:relative;z-index:3;display:grid;place-items:center;width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.9);color:#111;font-size:18px;padding-left:4px;transition:.3s}.project:hover .play{background:var(--acid);transform:scale(1.08)}.project-info{display:grid;grid-template-columns:1.3fr 1fr auto;gap:4vw;padding:25px 0}.project-info h3{font-size:clamp(2rem,4vw,4.7rem);margin:8px 0;letter-spacing:-.045em}.project-info>p{line-height:1.65;color:#aaa69e}.project-open{align-self:center;color:inherit;background:none;border:0;border-bottom:1px solid var(--paper);padding:10px 0;font:11px var(--mono);text-transform:uppercase;cursor:pointer}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:2vw}.project-grid .project-visual{height:48vh}.project-grid .project-info{display:block}.project-grid .project-info>p{max-width:560px}.capabilities{padding:13vh 5vw;background:var(--acid);color:var(--ink)}.cap-list{margin-top:70px}.cap-list>div{display:grid;grid-template-columns:60px 1fr 1fr;align-items:center;border-top:1px solid rgba(0,0,0,.25);padding:30px 0}.cap-list span{font:11px var(--mono)}.cap-list h3{font-size:clamp(1.8rem,3.5vw,4rem);margin:0;letter-spacing:-.04em}.cap-list p{max-width:470px;line-height:1.6}.about{display:grid;grid-template-columns:43% 57%;min-height:100vh}.portrait{position:relative;min-height:760px;background:linear-gradient(160deg,#1b1622,#3e1c22 35%,#ad4f35 65%,#101010);padding:40px;display:flex;align-items:end;justify-content:space-between;overflow:hidden}.portrait:before{content:"";position:absolute;width:55%;aspect-ratio:.75;left:22%;bottom:0;background:linear-gradient(90deg,#060606,#33221f 48%,#0a0a0a);border-radius:45% 45% 5% 5%;filter:drop-shadow(0 0 65px rgba(0,0,0,.8))}.portrait-type{position:absolute;inset:40px;display:flex;flex-direction:column;justify-content:space-between;font-size:clamp(4rem,8vw,10rem);letter-spacing:-.09em;line-height:.75;mix-blend-mode:overlay}.portrait>p{position:relative;z-index:2;font:11px/1.5 var(--mono);text-transform:uppercase}.about-copy{padding:12vh 7vw}.about-copy .lead{font-size:clamp(1.4rem,2vw,2.1rem);line-height:1.45;color:var(--paper)}.about-copy>p{line-height:1.8;color:#aaa69e;max-width:820px}.history{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);margin-top:70px}.history>div{background:var(--ink);padding:26px 14px}.history b{display:block;font-size:1.4rem}.history span{font:10px var(--mono);color:#aaa;margin-top:8px;display:block}.experience{padding:13vh 5vw}.timeline{margin-top:55px}.timeline>div{display:grid;grid-template-columns:1fr 2fr 2fr;padding:28px 0;border-top:1px solid var(--line);align-items:baseline}.timeline span{font:11px var(--mono);color:var(--acid)}.timeline h3{font-size:1.7rem;margin:0}.timeline p{color:#aaa}.contact{padding:10vh 4vw 35px;background:#e95a36;color:#0b0b0a}.contact-top{display:flex;justify-content:space-between}.contact-link{display:flex;justify-content:space-between;align-items:end;color:inherit;text-decoration:none;border-bottom:2px solid;margin:12vh 0 7vh;padding-bottom:35px}.contact-link span{font-size:clamp(3.5rem,8vw,10rem);line-height:.82;letter-spacing:-.075em}.contact-link i{color:var(--ink)}.contact-link b{font-size:6rem;font-weight:400}.contact-foot{display:flex;justify-content:space-between;font:11px var(--mono);text-transform:uppercase}.contact-foot div{display:flex;gap:30px}dialog{width:min(720px,90vw);background:#121211;color:var(--paper);border:1px solid #555;padding:60px;box-shadow:0 20px 100px #000}dialog::backdrop{background:rgba(0,0,0,.8);backdrop-filter:blur(10px)}dialog h2{font-size:4rem;margin:20px 0}.dialog-close{position:absolute;right:20px;top:15px;border:0;background:none;color:#fff;font-size:34px;cursor:pointer}.dialog-text{color:#aaa;line-height:1.7}.dialog-tags{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.dialog-tags span{border:1px solid #555;border-radius:40px;padding:8px 14px;font:10px var(--mono);text-transform:uppercase}.reveal{opacity:0;transform:translateY(35px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{height:72px;padding:0 20px}.nav nav{display:none}.menu{display:block}.menu span{display:block;width:25px;border-top:1px solid white;margin:6px}.hero{grid-template-columns:1fr;padding-top:72px}.hero-media{position:absolute;inset:72px 0 45%;opacity:.62;min-height:0}.hero-copy{min-height:calc(100svh - 72px);padding:42vh 22px 70px;background:linear-gradient(0deg,#090909 32%,transparent 75%)}.hero h1{font-size:18vw;margin:30px 0}.hero-bottom{align-items:center}.hero-rail{width:100%;padding:14px 22px}.circle-link{min-width:108px}.manifesto{grid-template-columns:1fr;padding:100px 22px}.manifesto-copy{max-width:600px}.section-head{display:block}.section-head>p{margin-top:30px}.work{padding:100px 20px}.project-grid{grid-template-columns:1fr}.project-visual,.feature .project-visual,.project-grid .project-visual{height:55vh;min-height:330px}.project-info{grid-template-columns:1fr}.project-open{justify-self:start}.cap-list>div{grid-template-columns:40px 1fr}.cap-list p{grid-column:2}.about{grid-template-columns:1fr}.portrait{min-height:70vh}.about-copy{padding:90px 24px}.history{grid-template-columns:1fr}.timeline>div{grid-template-columns:1fr}.contact{padding:80px 22px 30px}.contact-link b{font-size:3rem}.contact-foot{display:block}.contact-foot div{display:grid;gap:10px;margin-top:25px}dialog{padding:45px 25px}dialog h2{font-size:3rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}.reveal{opacity:1;transform:none}}