:root{--ink:#11110f;--paper:#f2efe8;--lime:#c4f34b;--orange:#ff623f;--line:rgba(17,17,15,.18)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;font-size:16px;overflow-x:hidden}.noise{position:fixed;z-index:10;inset:0;opacity:.055;pointer-events:none;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='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:92px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:absolute;z-index:5;inset:0 0 auto}.logo{font-size:1.75rem;font-weight:700;letter-spacing:-.09em;text-decoration:none;color:inherit}.logo span{font-size:.48rem;vertical-align:top;margin-left:3px;letter-spacing:0}.nav{display:flex;gap:2.2rem}.nav a,footer a{color:inherit;text-decoration:none;font-size:.83rem}.nav a:hover,footer a:hover,.text-link:hover{opacity:.55}.menu-toggle{display:none}.hero{min-height:100svh;padding:160px 4vw 42px;display:flex;flex-direction:column;position:relative;overflow:hidden}.eyebrow{font:500 .68rem/1.3 "DM Mono",monospace;letter-spacing:.03em;text-transform:uppercase;margin:0}.hero-title{font-size:clamp(4rem,10.5vw,10rem);line-height:.82;letter-spacing:-.095em;margin:clamp(5rem,14vh,10rem) 0 auto;position:relative;z-index:1;font-weight:600}.hero-title em,.manifesto h2 em,.contact h2 em{font-family:"Instrument Serif",serif;font-weight:400;letter-spacing:-.07em}.hero-footer{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem;position:relative;z-index:2}.hero-footer p{max-width:280px;margin:0;line-height:1.35;font-size:.9rem}.round-link{height:74px;width:74px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--ink);font-size:1.5rem;transition:.3s}.round-link:hover{background:var(--ink);color:var(--paper);transform:rotate(-45deg)}.orb{position:absolute;border-radius:50%;filter:blur(1px)}.orb-one{width:min(44vw,580px);height:min(44vw,580px);background:var(--lime);right:-6vw;top:15%;mix-blend-mode:multiply}.orb-two{width:min(23vw,310px);height:min(23vw,310px);background:var(--orange);right:24vw;bottom:13%;mix-blend-mode:multiply}.section-pad{padding:10rem 4vw}.work{background:var(--ink);color:var(--paper)}.section-head{display:flex;justify-content:space-between;border-top:1px solid currentColor;padding-top:13px;margin-bottom:5rem;font-size:.82rem}.section-head p{margin:0}.project{color:inherit;text-decoration:none;display:block}.project-image{overflow:hidden;display:flex;align-items:center;justify-content:center;transition:transform .5s}.project:hover .project-image{transform:scale(.985)}.project-main .project-image{height:min(52vw,690px)}.image-one{background:#ff5039;font-size:clamp(9rem,27vw,25rem);font-family:"Instrument Serif",serif;color:#1d4f54}.project-mark{transform:rotate(-11deg)}.project-meta{display:flex;justify-content:space-between;align-items:start;padding:15px 0 4rem}.project-meta h2{margin:0 0 4px;font-size:1.25rem;letter-spacing:-.05em}.project-meta p{margin:0;font-size:.75rem;opacity:.65}.project-meta>span{font-size:1.4rem}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:3vw}.project-grid .project-image{height:35vw}.image-two{background:#d8d4ff;color:#28243e;font:clamp(4rem,11vw,11rem)/.65 "DM Sans";letter-spacing:-.15em}.image-three{background:#c5f34a;color:#183446;font:500 clamp(2.1rem,5vw,5rem)/.75 "DM Mono";letter-spacing:-.1em}.manifesto{background:#d8d4ff;min-height:92vh}.manifesto h2,.contact h2{font-size:clamp(3.5rem,8.2vw,8rem);letter-spacing:-.09em;line-height:.85;margin:7rem 0 8rem;font-weight:600}.manifesto-copy{margin-left:50%;max-width:410px}.manifesto-copy p{line-height:1.4;font-size:1.12rem;margin:0 0 2.5rem}.text-link{color:inherit;font-size:.85rem;text-decoration:none;border-bottom:1px solid;padding-bottom:6px}.text-link span{font-size:1.2em;margin-left:1rem}.services{padding-bottom:7rem}.service-list{border-top:1px solid var(--ink)}.service{display:grid;grid-template-columns:10% 38% 1fr;gap:1rem;align-items:baseline;border-bottom:1px solid var(--ink);padding:1.45rem 0}.service span{font:500 .68rem "DM Mono"}.service h3{font-size:clamp(1.7rem,3.5vw,3.5rem);letter-spacing:-.07em;margin:0}.service p{font-size:.88rem;margin:0;max-width:270px}.contact{background:var(--lime);padding-bottom:3rem}.contact h2{margin-bottom:4rem}.contact-email{font-size:clamp(1.3rem,3vw,3rem);letter-spacing:-.07em;color:inherit;text-decoration:none;border-bottom:2px solid;display:flex;justify-content:space-between;padding-bottom:9px}.contact-email span{font-size:.7em}footer{padding:20px 4vw;display:flex;align-items:center;justify-content:space-between;background:var(--lime);border-top:1px solid var(--ink)}footer .logo{font-size:1.15rem}footer p{font:400 .66rem "DM Mono";margin:0}.reveal{opacity:0;transform:translateY(20px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:650px){.site-header{height:70px}.nav{display:none;position:absolute;top:70px;left:0;right:0;background:var(--ink);color:var(--paper);padding:24px 4vw;gap:22px;flex-direction:column}.nav.open{display:flex}.menu-toggle{border:0;background:none;display:flex;align-items:center;gap:3px;padding:6px;color:inherit}.menu-toggle span{display:block;width:14px;height:1px;background:currentColor}.menu-toggle b{font:500 .66rem "DM Mono";margin-left:5px}.hero{padding-top:115px}.hero-title{margin-top:9rem}.orb-one{width:75vw;height:75vw;top:19%;right:-23vw}.orb-two{width:43vw;height:43vw;right:16vw;bottom:21%}.section-pad{padding:6rem 5vw}.section-head{margin-bottom:3rem}.project-main .project-image{height:64vw}.project-grid{grid-template-columns:1fr;gap:0}.project-grid .project-image{height:63vw}.project-meta{padding-bottom:3.3rem}.manifesto{min-height:0}.manifesto h2,.contact h2{margin:4.5rem 0}.manifesto-copy{margin-left:0}.service{grid-template-columns:14% 1fr;gap:.5rem}.service p{grid-column:2}.contact-email{font-size:1.25rem}footer{align-items:flex-start;gap:1.5rem;flex-direction:column}}
body .hero-title{font-size:clamp(4.5rem,12vw,11.5rem)!important}
