@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171815;--paper:#f1f0eb;--muted:#777970;--line:#d3d2cb;--green:#b9ee63;--serif:Georgia,'Times New Roman',serif;--sans:'Manrope',Arial,sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}.site-header{height:92px;padding:0 7.1%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand img{display:block;width:190px;height:auto}.site-header nav{display:flex;align-items:center;gap:40px;font-size:12px;font-weight:600}.site-header nav a:hover,.email-link:hover,footer a:hover{opacity:.62}.nav-contact{border-bottom:1px solid var(--ink);padding-bottom:5px}.nav-contact span,.button span,.email-link span{margin-left:16px}.hero{min-height:600px;position:relative;display:grid;grid-template-columns:1fr 1.04fr;padding:0 7.1%;align-items:stretch;overflow:hidden}.hero-copy{padding:97px 7% 74px 0;position:relative;z-index:1}.eyebrow{font:11px var(--mono);text-transform:uppercase;letter-spacing:.09em;margin:0 0 30px;color:#63665e}.signal{display:inline-block;width:7px;height:7px;border-radius:50%;background:#8dbb39;margin:0 9px 1px 0;box-shadow:0 0 0 4px #dbe9c7}h1{font-size:clamp(56px,7vw,98px);letter-spacing:-.085em;line-height:.99;margin:0 0 25px;font-weight:600}h1 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em}.intro{font-size:16px;max-width:415px;color:#55574f;line-height:1.8;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;background:var(--ink);border:0;color:#fff;padding:15px 19px;min-width:232px;font:600 12px var(--sans);cursor:pointer;transition:background .2s}.button:hover{background:#34362f}.hero-note{font:10px/1.8 var(--mono);color:#777970;margin-top:58px;text-transform:uppercase;letter-spacing:.06em}.hero-image{margin:37px 0 37px;position:relative;background:#aaa url('assets/images/studio.jpg') center/cover no-repeat;min-height:510px}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.48))}.image-caption{position:absolute;z-index:1;bottom:18px;left:20px;right:20px;color:white;display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.08em}.hero-index{position:absolute;bottom:26px;left:7.1%;font:10px var(--mono);color:#777970;display:flex;align-items:center;gap:10px}.hero-index i{display:block;width:36px;height:1px;background:#babbb2}.statement{padding:112px 13.3%;background:#e7e6df;display:grid;grid-template-columns:.65fr 2fr;gap:6%}.statement .eyebrow{margin-top:11px}.statement h2,.work h2,.contact h2{font-size:clamp(34px,4.3vw,58px);letter-spacing:-.07em;line-height:1.12;margin:0 0 26px;font-weight:600}.statement h2 span{font-family:var(--serif);font-weight:400;font-style:italic;color:#777970}.statement div>p{max-width:585px;color:#62645c;margin:0;font-size:15px;line-height:1.9}.services{padding:88px 13.3% 98px}.section-heading{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:14px}.section-heading .eyebrow{margin-bottom:0}.section-aside{margin:0;color:var(--muted);font:10px var(--mono)}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding-top:37px}.service-no{font:10px var(--mono);color:#8a8d83}.service-grid h3{font-size:23px;margin:20px 0 10px;letter-spacing:-.04em}.service-grid p{font-size:13px;color:#66685f;line-height:1.85;margin:0}.work{background:var(--ink);color:var(--paper);padding:93px 7.1% 100px;display:grid;grid-template-columns:.72fr 1.5fr;gap:7%}.work .eyebrow{color:#b7baaf}.work-intro h2{font-family:var(--serif);font-size:clamp(39px,4.2vw,58px);font-weight:400;letter-spacing:-.06em}.work-intro>p:last-child{color:#a4a69e;font-size:13px}.art-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px}.art-grid figure{margin:0}.art-grid img{width:100%;max-width:200px;aspect-ratio:1;display:block;object-fit:cover;background:#2e302b;filter:saturate(.88)}.art-grid figcaption{font:10px/1.6 var(--mono);display:flex;justify-content:space-between;gap:10px;padding-top:10px;color:#e0e0d9}.art-grid figcaption span:last-child{color:#999c92;text-align:right}.contact{padding:108px 13.3%;display:grid;grid-template-columns:1fr 1fr;gap:12%}.contact-copy .eyebrow{margin-bottom:24px}.contact h2{font-size:clamp(45px,5.2vw,68px);margin-bottom:24px}.contact-copy>p:not(.eyebrow){color:#65675f;max-width:370px;font-size:14px;line-height:1.9}.email-link{display:inline-block;margin-top:15px;padding-bottom:5px;border-bottom:1px solid #a6a79e;font-size:14px;font-weight:600}.contact-form{padding-top:7px}.form-row{margin-bottom:22px}.form-row label{display:block;font:10px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px;color:#5e6058}.form-row input,.form-row textarea{width:100%;border:0;border-bottom:1px solid #bfc0b8;background:transparent;border-radius:0;padding:9px 0 11px;font:14px var(--sans);color:var(--ink);outline:none;resize:vertical}.form-row input:focus,.form-row textarea:focus{border-color:#464941}.form-row textarea::placeholder{color:#9a9c94}.contact-form .button{margin-top:6px}.form-note{font-size:10px;color:#85877e;margin-top:14px}.trap{position:absolute;left:-10000px}footer{padding:25px 7.1%;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#74766e}footer .footer-brand{font:11px var(--mono);letter-spacing:.1em;color:var(--ink)}
@media(max-width:760px){.site-header{height:76px;padding:0 6%}.brand img{width:150px}.site-header nav{gap:17px;font-size:11px}.site-header nav a:first-child,.site-header nav a:nth-child(2){display:none}.hero{padding:0 6%;grid-template-columns:1fr;min-height:0}.hero-copy{padding:74px 0 36px}.hero-image{grid-row:2;margin:0 0 54px;min-height:340px}.hero-index{bottom:18px;left:6%}.hero-note{margin-top:35px}.statement{padding:74px 8%;grid-template-columns:1fr;gap:12px}.statement .eyebrow{margin:0}.services{padding:68px 8%}.service-grid{grid-template-columns:1fr;gap:28px;padding-top:28px}.service-grid article{display:grid;grid-template-columns:35px 1fr;column-gap:8px}.service-no{grid-row:span 2;padding-top:6px}.service-grid h3{margin:0 0 6px}.work{padding:72px 6%;grid-template-columns:1fr;gap:35px}.work-intro h2{margin-bottom:15px}.art-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.art-grid figcaption{display:block}.art-grid figcaption span{display:block}.art-grid figcaption span:last-child{text-align:left}.contact{padding:76px 8%;grid-template-columns:1fr;gap:37px}footer{padding:23px 6%;flex-wrap:wrap}footer>span:nth-child(2){order:5;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Compact studio introduction */
.hero{min-height:0;grid-template-columns:minmax(0,1.45fr) minmax(270px,.8fr);gap:7%;padding:18px 9% 58px;align-items:center}
.hero-copy{padding:64px 0 60px}
.hero-copy .eyebrow{margin-bottom:22px}
.hero-copy h1{font-size:clamp(56px,6.4vw,86px);margin-bottom:22px}
.hero-copy .intro{max-width:690px;font-size:14px;line-height:1.8;margin-bottom:23px}
.hero-note{margin-top:28px}
.hero-image{width:100%;height:auto;aspect-ratio:1.42;min-height:0;margin:0;background-position:center;background-size:cover}
.image-caption{left:14px;right:14px;bottom:12px;font-size:8px}
.hero-index{left:9%;bottom:19px}
@media(max-width:760px){.hero{grid-template-columns:1fr;gap:0;padding:0 6% 52px}.hero-copy{padding:56px 0 28px}.hero-copy h1{font-size:clamp(56px,12vw,76px)}.hero-copy .intro{font-size:14px}.hero-image{grid-row:2;width:100%;max-width:440px;aspect-ratio:1.55;margin:0 0 28px;min-height:0}.hero-index{left:6%;bottom:15px}}
