:root { --ink:#1d1d1b; --paper:#f3f0e9; --acid:#d4ff3f; --red:#f0523d; --serif:Georgia,serif; --sans:Arial,Helvetica,sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font:18px/1.35 var(--sans); }
a { color:inherit; text-decoration:none; }
.skip-link { position:fixed; top:-5rem; left:1rem; padding:.6rem; background:var(--ink); color:white; z-index:5; }
.skip-link:focus { top:1rem; }
.site-header { position:absolute; top:0; left:0; width:100%; z-index:2; display:flex; justify-content:space-between; padding:1.8rem 3.2vw; }
.brand { font-size:2.3rem; line-height:.78; font-weight:800; letter-spacing:-.09em; }.brand span { color:var(--red); }
.navigation { display:flex; gap:2rem; align-items:center; font-size:.75rem; font-weight:bold; }.nav-contact { border:1px solid; border-radius:99px; padding:.5rem .85rem; }.menu-button { display:none; }
.section-pad { padding-left:8.4vw; padding-right:8.4vw; }.eyebrow { margin:0 0 1.4rem; font-size:.66rem; font-weight:bold; letter-spacing:.11em; text-transform:uppercase; }
.hero { min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end; padding-bottom:4vh; background:var(--acid); }.hero h1 { max-width:1050px; margin:0; font-size:clamp(3.65rem,9.35vw,9.2rem); line-height:.82; letter-spacing:-.075em; }.hero em,.statement em,h2 em { font-family:var(--serif); font-weight:400; }.hero-bottom,.section-intro,.section-heading { display:flex; justify-content:space-between; gap:3rem; }.hero-bottom { align-items:end; margin-top:5vh; }.hero-bottom p { margin:0; font-size:.78rem; font-weight:bold; }.round-link { display:grid; place-items:center; width:3.2rem; height:3.2rem; border:1px solid; border-radius:50%; }
.statement { display:grid; grid-template-columns:25% 1fr; padding-top:18vw; padding-bottom:18vw; }.statement-label { font-size:.7rem; font-weight:bold; text-transform:uppercase; }.statement-copy { max-width:800px; margin:0; font-size:clamp(2.1rem,5.2vw,5rem); line-height:.95; letter-spacing:-.06em; }
.expertises { padding-top:9rem; padding-bottom:7rem; background:var(--ink); color:var(--paper); }.section-intro>p:last-child { max-width:300px; margin:0; font-size:.85rem; }.expertise-list { margin-top:7rem; border-top:1px solid #777; }.expertise { display:grid; grid-template-columns:14% 1fr 28% 13%; gap:1rem; align-items:center; padding:2.8rem 0; border-bottom:1px solid #777; }.expertise>span { font-family:var(--serif); font-style:italic; }.expertise h2 { margin:0; font-size:clamp(2.2rem,4vw,4.4rem); line-height:.85; letter-spacing:-.065em; }.expertise p { margin:0; font-size:.8rem; }.expertise>a,.section-heading>a,.text-link { font-size:.75rem; font-weight:bold; }
.work { padding-top:9rem; padding-bottom:8rem; }.project-grid { display:grid; grid-template-columns:1.1fr .9fr; gap:1.3rem; margin-top:5rem; }.project { display:block; }.project-three { grid-column:2; grid-row:1 / span 2; align-self:end; }.project-art { position:relative; display:flex; overflow:hidden; padding:1.5rem; }.project-one .project-art { height:33vw; }.art-food { background:#d7a074; }.art-food:before { content:""; position:absolute; inset:16% 24%; border-radius:50%; background:#e5d5a1; box-shadow:0 0 0 2rem #413b31; }.art-food i { position:absolute; z-index:1; width:32%; height:8%; border-radius:50%; background:#bd3826; }.art-food i:nth-child(1){top:32%;left:28%;transform:rotate(25deg)}.art-food i:nth-child(2){top:48%;left:42%;background:#547b38;transform:rotate(-32deg)}.art-food i:nth-child(3){top:58%;left:28%;background:#e7c044;transform:rotate(11deg)}.art-type { align-items:center; justify-content:center; background:#b6adc9; color:#281947; text-align:center; font-size:clamp(2rem,4.2vw,4.7rem); font-weight:900; line-height:.75; }.art-film { min-height:45vw; align-items:center; justify-content:center; background:linear-gradient(135deg,#202b34,#b1a385,#4a1f1a); }.art-film i { display:grid; place-items:center; width:4rem; height:4rem; border:1px solid white; border-radius:50%; color:white; font-style:normal; }.project-meta { display:flex; justify-content:space-between; margin-top:.8rem; font-size:.72rem; font-weight:bold; }.placeholder-note { font-size:.65rem; opacity:.6; }
.about { display:grid; grid-template-columns:25% 1fr; min-height:75svh; padding-top:12vw; padding-bottom:12vw; background:#dcd7cb; }.about>div { max-width:850px; }.about h2,.contact h2 { margin:0; font-size:clamp(3rem,6.8vw,7.2rem); line-height:.82; letter-spacing:-.08em; }.about div>p { max-width:420px; margin:3rem 0; font-size:1rem; line-height:1.55; }.text-link { border-bottom:1px solid; padding-bottom:.4rem; }.contact { min-height:90svh; display:flex; flex-direction:column; justify-content:space-between; padding-top:10vw; padding-bottom:5vw; background:var(--red); color:var(--paper); }.contact h2 { font-size:clamp(4rem,9vw,9rem); }.contact-mail { align-self:flex-start; border-bottom:2px solid; font-size:clamp(1.55rem,3.3vw,3.5rem); letter-spacing:-.06em; }.contact-small { font-size:.77rem; font-weight:bold; }
footer { display:flex; justify-content:space-between; align-items:end; padding:1.8rem 3.2vw; background:var(--ink); color:var(--paper); font-size:.66rem; font-weight:bold; }footer p { margin:0; }.reveal { opacity:0; transform:translateY(20px); transition:.7s; }.reveal.is-visible { opacity:1; transform:none; }
@media(max-width:700px){body{font-size:16px}.site-header{padding:1.4rem 5vw}.section-pad{padding-left:5vw;padding-right:5vw}.navigation{display:none}.navigation.is-open{position:absolute;right:5vw;top:4.5rem;display:flex;flex-direction:column;gap:1rem;padding:1.2rem;background:var(--paper)}.menu-button{display:flex;gap:.5rem;border:0;background:transparent;font:700 .72rem var(--sans)}.menu-button i{width:1.2rem;height:1px;background:var(--ink)}.hero{padding-bottom:2rem}.hero h1{font-size:clamp(3.25rem,16.7vw,5.7rem)}.statement,.about{grid-template-columns:1fr;gap:3rem}.statement{padding-top:28vw;padding-bottom:28vw}.expertises{padding-top:5rem;padding-bottom:3rem}.section-intro,.section-heading{flex-direction:column;gap:1rem}.expertise-list{margin-top:3rem}.expertise{grid-template-columns:15% 1fr;padding:2rem 0}.expertise p,.expertise>a{grid-column:2}.project-grid{grid-template-columns:1fr;margin-top:3rem}.project-one .project-art,.art-film{height:82vw;min-height:0}.project-three{grid-column:auto;grid-row:auto}.about{padding-top:25vw;padding-bottom:25vw}.contact{min-height:80svh;padding-top:18vw}.contact h2{font-size:clamp(3.7rem,17vw,6rem)}footer{padding:1.4rem 5vw}}