:root{--ink:#f0f3eb;--muted:#b1b8aa;--green:#8dbf24;--paper:#171a17;--soft:#242b20;--line:#343b2e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.7;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--green);outline-offset:6px}::selection{background:#8dbf24;color:#171a17}.wrap,.header,footer{max-width:1080px;margin-inline:auto;padding-inline:40px}.header{height:104px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:6px;white-space:nowrap;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand span{font-weight:400}.brand i{width:7px;height:7px;background:var(--green);border-radius:50%;margin-left:3px}.header nav{display:flex;gap:29px;font-size:13px}.header nav a:hover{color:var(--green);text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.intro{display:grid;grid-template-columns:1.12fr 1fr;gap:75px;align-items:center;padding-top:52px;padding-bottom:75px}.intro-copy{padding-block:18px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;color:var(--green);margin:0 0 19px}h1{font-size:clamp(40px,4.6vw,60px);letter-spacing:-2.5px;line-height:1.12;margin:0 0 22px;font-weight:600}.intro-role{font-size:23px;line-height:1.45;letter-spacing:-.5px;margin:0 0 22px}.intro-text{font-size:15px;color:var(--muted);line-height:1.85;max-width:390px;margin-bottom:28px}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:27px;padding:12px 18px;background:var(--green);color:#172007;border:1px solid var(--green);border-radius:30px;font-size:12px;font-weight:600;line-height:1.6;transition:background .15s}.button:hover{background:#a4d33c;color:#172007}.intro figure{margin:0;min-width:0}.intro figure img{display:block;width:100%;height:430px;object-fit:cover;object-position:50% 45%;border-radius:16px}.intro figcaption{font-size:10px;color:var(--muted);margin-top:10px}.section{display:grid;grid-template-columns:230px 1fr;gap:45px;padding-block:55px;position:relative}.section:before{content:'';position:absolute;left:40px;right:40px;top:0;border-top:1px solid var(--line)}.section-label{display:flex;gap:17px;align-items:baseline}.section-label>span{font-size:10px;color:#929e86}.section-label h2{font-weight:500;letter-spacing:-.4px;font-size:19px;margin:0}.section-content{min-width:0}.section-content h3{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.7px;margin:0 0 23px}.section-content>p{color:var(--muted);font-size:14px;line-height:1.9;margin:0 0 18px;max-width:630px}.show{background:var(--soft);padding:32px;border-radius:16px}.show .eyebrow{margin-bottom:14px;font-size:9px}.show h3{font-size:31px;margin-bottom:8px}.show-time{font-size:17px;margin:0 0 17px;color:var(--green)}.show>p:not(.show-time):not(.eyebrow){color:var(--muted);font-size:14px;margin:0 0 24px;line-height:1.85}.show small{display:block;margin-top:17px;color:var(--muted);font-size:10px;line-height:1.7}.studio-note{display:flex;gap:21px;align-items:center;margin-top:25px}.studio-note img{width:112px;height:100px;object-fit:cover;object-position:68% 45%;border-radius:16px}.studio-note p{font-size:12px;color:var(--muted);line-height:1.8;margin:0}.projects h3{margin-bottom:14px}.project{padding:22px 0;border-top:1px solid var(--line);display:flex;align-items:center;gap:20px;justify-content:space-between}.project:last-child{border-bottom:1px solid var(--line)}.project h4{font-size:17px;font-weight:500;margin:0 0 7px;letter-spacing:-.2px}.project p{font-size:12px;color:var(--muted);line-height:1.85;max-width:510px;margin:0}.project>span{font-size:24px;color:var(--green)}.project:hover h4{color:var(--green);text-decoration:underline;text-underline-offset:4px}.contact{padding-bottom:75px}.contact h3{margin-bottom:15px}.email{font-size:25px;color:var(--green);letter-spacing:-.5px;display:inline-flex;gap:35px;border-bottom:1px solid #596c3a;padding-bottom:5px;margin-top:7px}.email:hover{color:#b5e255}.section-content .location{font-size:11px;margin:20px 0 0;color:#9ba98f}footer{padding-top:24px;padding-bottom:27px;display:flex;justify-content:space-between;gap:25px;position:relative;color:#a7b39c;font-size:10px}footer:before{content:'';position:absolute;left:40px;right:40px;top:0;border-top:1px solid var(--line)}footer>div{display:flex;gap:23px}footer a:hover{text-decoration:underline}.skip{position:absolute;top:-100px;left:10px;z-index:10;background:var(--green);color:white;padding:12px}.skip:focus{top:10px}.legal{max-width:850px;padding-top:45px;padding-bottom:70px;color:var(--muted);font-size:14px}.legal h1{font-size:36px;overflow-wrap:anywhere;letter-spacing:-1px;color:var(--ink)}.legal h2{font-size:21px;color:var(--ink);margin-top:32px;font-weight:500}.legal a{text-decoration:underline}@media(max-width:900px){.intro{gap:40px}.intro figure img{height:410px}.intro-role{font-size:21px}.section{grid-template-columns:170px 1fr;gap:30px}.header nav{gap:20px}h1{font-size:46px}}@media(max-width:640px){html{scroll-padding-top:20px}.wrap,.header,footer{padding-inline:24px}.header{height:80px;position:relative}.brand{font-size:22px}.menu-toggle{display:flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:16px;background:#242b20;color:var(--ink);padding:7px 11px;font-size:12px}.header nav{display:none;position:absolute;top:72px;left:24px;right:24px;padding:10px 16px;background:#242b20;z-index:5;border:1px solid var(--line);border-radius:16px;box-shadow:0 8px 15px #1c352011;gap:0;flex-direction:column}.header nav.open{display:flex}.header nav a{padding:12px 0}.intro{grid-template-columns:1fr;gap:29px;padding-top:27px;padding-bottom:38px}.intro-copy{padding:0}.eyebrow{font-size:9px;margin-bottom:15px}h1{font-size:45px;letter-spacing:-1.7px;margin-bottom:18px}.intro-role{font-size:22px;margin-bottom:18px}.intro-text{font-size:15px;max-width:100%;margin-bottom:24px}.button{padding:13px 17px}.intro figure img{height:auto;aspect-ratio:1.12/1;object-position:50% 49%}.intro figcaption{font-size:10px}.section{grid-template-columns:1fr;gap:25px;padding-block:35px}.section:before,footer:before{left:24px;right:24px}.section-label{gap:13px}.section-label h2{font-size:17px}.section-content h3{font-size:26px;margin-bottom:19px}.section-content>p{font-size:14px}.show{padding:25px 22px}.show h3{font-size:29px}.show-time{font-size:16px}.studio-note{gap:18px;margin-top:22px}.studio-note img{width:96px;height:92px}.studio-note p{font-size:11px}.project{padding:21px 0}.project h4{font-size:17px}.project p{font-size:13px}.contact{padding-bottom:45px}.email{font-size:23px;gap:25px;max-width:100%;overflow-wrap:anywhere}footer{flex-direction:column;gap:14px;font-size:10px;padding-block:22px}footer>div{gap:23px;flex-wrap:wrap}.legal{padding-top:30px}.legal h1{font-size:30px}.legal h2{font-size:20px}.legal ul{padding-left:20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Rounded portrait and quieter dark surfaces. */
.intro{gap:85px;padding-top:48px;padding-bottom:68px;grid-template-columns:1.15fr 1fr}
.intro figure{justify-self:center;position:relative;padding:13px;border:1px solid #455334;border-radius:50%;background:#20271c;max-width:370px;width:100%}
.intro figure img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:58% 43%;border-radius:50%}
.brand i{box-shadow:0 0 0 5px #8dbf2412}.button{border-radius:30px;padding:13px 21px}.show{border-radius:24px;border:1px solid #3d4d2d;background:linear-gradient(130deg,#293322,#21271f)}
.project{border-radius:0;padding:23px 4px}.project>span{width:35px;height:35px;border-radius:50%;background:#8dbf2412;display:grid;place-items:center;font-size:20px;flex-shrink:0}
.menu-toggle{border-radius:24px}.header nav.open{border-radius:20px}.skip{border-radius:20px}
@media(max-width:900px){.intro{gap:40px}}
@media(max-width:640px){.intro{grid-template-columns:1fr;gap:31px;padding-top:27px;padding-bottom:38px}.intro figure{grid-row:1;width:240px;padding:9px}.intro-copy{text-align:center}.intro-text{max-width:420px;margin-inline:auto}.intro-role{font-size:20px}.intro h1{font-size:41px}.intro .eyebrow{margin-bottom:12px}.intro figure img{height:auto;aspect-ratio:1;border-radius:50%;object-position:58% 43%}.show{border-radius:22px}.show-time{font-size:15px}}