:root{--ink:#173a38;--paper:#f7f5ef;--sand:#e9e1d3;--coral:#ef755a;--yellow:#eebf39;--lime:#c9dc8c;--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(--paper);color:var(--ink);font-family:var(--sans);overflow-x:hidden}.cursor-glow{position:fixed;width:36vw;height:36vw;border-radius:50%;background:radial-gradient(circle,rgba(238,191,57,.07),transparent 65%);pointer-events:none;transform:translate(-50%,-50%);z-index:-1}.site-header{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 4.3vw;position:absolute;z-index:2;width:100%;color:var(--ink)}.wordmark{font:bold 17px/1 var(--sans);letter-spacing:-.08em;color:inherit;text-decoration:none}.wordmark span{font-weight:400}.site-header nav{display:flex;align-items:center;gap:30px;font:11px var(--mono);text-transform:uppercase;letter-spacing:.04em}.site-header nav a{color:inherit;text-decoration:none}.nav-contact{border:1px solid var(--ink);padding:12px 15px;border-radius:99px}.nav-contact span{margin-left:7px}.menu-toggle{display:none}
.hero{min-height:760px;height:100vh;max-height:920px;background:var(--lime);padding:150px 9.1vw 55px;position:relative;overflow:hidden;display:flex;flex-direction:column}.eyebrow{font:10px var(--mono);letter-spacing:.05em;text-transform:uppercase;margin:0}.eyebrow span{opacity:.65;margin-left:13px}.hero h1{font:500 clamp(4.7rem,10.2vw,10rem)/.82 var(--serif);letter-spacing:-.07em;margin:clamp(70px,14vh,145px) 0 0;position:relative;z-index:1}.hero h1 em,.work-section h2 em,.project h3 em,.about h2 em{font-weight:500}.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:auto;position:relative;z-index:1}.hero-bottom>p{font-size:14px;line-height:1.55;max-width:300px;margin:0}.round-link{width:120px;height:120px;border:1px solid var(--ink);border-radius:50%;color:var(--ink);text-decoration:none;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:10px/1.4 var(--mono);transition:.3s}.round-link b{font:20px var(--sans);margin-top:4px}.round-link:hover{background:var(--ink);color:var(--lime);transform:rotate(10deg)}.sun{position:absolute;width:min(53vw,730px);aspect-ratio:1;border-radius:50%;right:-3vw;top:12%;background:var(--yellow);mix-blend-mode:multiply}.hero-index{position:absolute;right:4.3vw;bottom:25px;font:10px var(--mono);letter-spacing:.12em}.work-section{padding:160px 9.1vw 90px}.section-heading{display:flex;justify-content:space-between;align-items:start}.work-section h2,.about h2{font:500 clamp(3.3rem,6.8vw,7rem)/.88 var(--serif);letter-spacing:-.065em;margin:42px 0 0}.intro{max-width:310px;font-size:14px;line-height:1.65;margin:0 7% 70px auto}.project-list{display:grid;grid-template-columns:1fr 1fr;gap:110px 5.5vw}.project{display:block;text-decoration:none;color:var(--ink);position:relative}.project:nth-child(2){margin-top:170px}.project-three{grid-column:1/2}.project-num{font:10px var(--mono);position:absolute;left:-26px;top:0}.project-visual{height:clamp(300px,40vw,580px);overflow:hidden;position:relative;transition:transform .5s cubic-bezier(.2,.9,.2,1)}.project:hover .project-visual{transform:scale(.985)}.project-meta{font:10px var(--mono);display:flex;justify-content:space-between;margin-top:15px;text-transform:uppercase}.project h3{font:500 clamp(2rem,3.5vw,4rem)/.95 var(--serif);letter-spacing:-.055em;margin:20px 0 0}.visual-one{background:#d7d0c3}.visual-one .shape{position:absolute;border-radius:50%}.shape-a{width:56%;aspect-ratio:1;background:var(--coral);top:10%;left:12%}.shape-b{width:44%;aspect-ratio:1;background:var(--ink);bottom:-15%;right:5%}.shape-c{width:27%;aspect-ratio:1;background:var(--yellow);bottom:20%;left:22%}.project-visual small{position:absolute;bottom:18px;left:19px;font:10px var(--mono);letter-spacing:.05em}.visual-two{background:var(--coral)}.checker{position:absolute;inset:0;background:conic-gradient(#f5ede0 25%,#173a38 0 50%,#f5ede0 0 75%,#173a38 0);background-size:54px 54px;opacity:.95;transform:rotate(15deg) scale(1.25)}.disk{position:absolute;width:56%;aspect-ratio:1;left:22%;top:21%;border:13px solid var(--yellow);border-radius:50%;background:var(--coral)}.visual-two small{background:var(--paper);padding:8px 10px}.visual-three{background:var(--ink);color:var(--paper);display:flex;align-items:center;justify-content:center}.visual-three span{font:500 clamp(7rem,16vw,15rem)/1 var(--serif);letter-spacing:-.16em;position:relative;z-index:1}.line{height:1px;background:var(--lime);position:absolute;left:-5%;right:-5%;transform:rotate(-25deg)}.line-1{top:30%}.line-2{top:49%}.line-3{top:68%}.visual-three small{color:var(--lime)}
.approach{margin-top:70px;padding:160px 9.1vw;background:var(--ink);color:var(--paper);position:relative}.approach .eyebrow{color:var(--lime)}.approach blockquote{font:500 clamp(3rem,6.2vw,6.5rem)/.95 var(--serif);letter-spacing:-.065em;max-width:1040px;margin:90px 0}.approach blockquote em{color:var(--lime)}.approach-grid{margin-left:auto;max-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:40px;font-size:14px;line-height:1.7}.approach-grid p{margin:0}.approach-stamp{position:absolute;right:8vw;top:65px;width:120px;height:120px;border-radius:50%;border:1px solid var(--lime);color:var(--lime);display:flex;align-items:center;justify-content:center;text-align:center;font:10px/1.35 var(--mono);transform:rotate(13deg)}.approach-stamp span{position:absolute;font-size:23px}.about{padding:150px 9.1vw;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.about-art{min-height:480px;background:var(--yellow);position:relative;overflow:hidden;display:grid;place-items:center}.about-art span{font:500 clamp(8rem,18vw,17rem)/1 var(--serif);letter-spacing:-.18em;position:relative;z-index:1}.about-art i{width:43%;aspect-ratio:1;border-radius:50%;background:var(--coral);position:absolute}.about-art i:nth-of-type(1){top:-12%;left:-7%}.about-art i:nth-of-type(2){bottom:-20%;right:-10%;background:var(--lime)}.about-art i:nth-of-type(3){width:19%;top:18%;right:14%;background:var(--ink)}.about-note{font-size:15px;line-height:1.75;max-width:410px;margin:45px 0 33px}.text-link{font:11px var(--mono);color:var(--ink);text-decoration:none;border-bottom:1px solid var(--ink);padding-bottom:7px}.text-link span{margin-left:30px;font-size:18px}.connect{padding:145px 9.1vw;background:var(--sand)}.connect h2{font:500 clamp(3.5rem,8.2vw,8.4rem)/.86 var(--serif);letter-spacing:-.07em;margin:45px 0 75px}.email{font:500 clamp(1.2rem,2.2vw,2.2rem) var(--serif);text-decoration:none;color:var(--ink);border-bottom:1px solid var(--ink);padding-bottom:12px}.email span{font:26px var(--sans);margin-left:40px}footer{padding:30px 4.3vw;display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:var(--paper);font:10px var(--mono)}footer p{margin:0;opacity:.7}footer div a{color:var(--paper);text-decoration:none}@media(max-width:720px){.site-header{height:70px;padding:0 6vw}.site-header nav{display:none}.menu-toggle{border:0;background:transparent;display:block;font:10px var(--mono);color:var(--ink)}.menu-toggle i{display:inline-block;width:16px;border-top:1px solid;margin-left:8px;vertical-align:middle}.hero{min-height:650px;padding:115px 7vw 40px}.hero h1{font-size:clamp(4rem,19vw,6.3rem);margin-top:110px}.hero-bottom>p{max-width:210px;font-size:12px}.round-link{width:82px;height:82px;font-size:8px}.sun{width:88vw;right:-22vw;top:22%}.work-section{padding:95px 8vw}.section-heading{display:block}.work-section h2{margin-top:30px}.intro{margin:42px 0 70px}.project-list{grid-template-columns:1fr;gap:70px}.project:nth-child(2){margin-top:0}.project-three{grid-column:auto}.project-visual{height:105vw}.project-num{left:0;top:-21px}.approach{margin-top:20px;padding:100px 8vw}.approach blockquote{margin:65px 0;font-size:clamp(2.8rem,12vw,4rem)}.approach-grid{grid-template-columns:1fr;gap:22px}.approach-stamp{width:88px;height:88px;right:7vw;top:28px;font-size:8px}.about{padding:90px 8vw;grid-template-columns:1fr;gap:50px}.about-art{min-height:360px}.about h2{margin-top:30px}.connect{padding:95px 8vw}.connect h2{margin:35px 0 55px}.email{font-size:1.1rem}.email span{margin-left:10px}footer{padding:25px 7vw;align-items:start;gap:20px;flex-wrap:wrap}footer p{order:3;width:100%}}