@font-face{font-family:Griffiths;src:url('fonts/griffiths.otf') format('opentype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Loos Normal';src:url('fonts/loos-extralight.otf') format('opentype');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Loos Normal';src:url('fonts/loos-light.otf') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Loos Normal';src:url('fonts/loos-medium.otf') format('opentype');font-weight:500;font-style:normal;font-display:swap}
:root{--paper:#f8f7f4;--ink:#222320;--burgundy:#5b2532;--stone:#e3e4e0;--space:48px;--body-font:'Loos Normal',sans-serif;--display-font:Griffiths,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body-font);font-size:16px;font-weight:300;line-height:1.45}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button:hover{text-decoration:underline;text-underline-offset:5px}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:7px}button:disabled{cursor:default}h1,h2,h3,p{margin:0}h1,h2{font-family:var(--display-font);font-weight:400;font-style:normal;line-height:1.12}img{display:block;max-width:100%;height:auto}h3{font-size:28px;font-weight:500;line-height:1.4}[hidden]{display:none!important}.site-shell{max-width:1440px;margin-inline:auto}.mobile-copy{display:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip-link{position:fixed;left:20px;top:-100px;background:var(--burgundy);color:var(--paper);padding:12px 18px;z-index:20}.skip-link:focus{top:15px}
.navigation{padding:48px;min-height:125px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:20px;font-weight:500;line-height:1.45}.navigation nav{display:flex;gap:40px;padding-right:76px;font-weight:500;line-height:1.4}.menu-toggle{display:none;font-weight:500}
.hero{display:grid;grid-template-columns:minmax(0,624px) minmax(0,486.08px);justify-content:space-between;align-items:center;gap:64px;padding:48px 56px 48px 48px;min-height:747px}.hero-copy{display:flex;flex-direction:column;gap:28px}.hero h1{font-size:104px;color:var(--burgundy)}.hero-role{font-weight:500;font-size:28px;line-height:1.45}.hero-description{font-size:20px;font-weight:200;line-height:1.45}.hero-actions{display:flex;gap:28px;flex-wrap:wrap;font-weight:500;font-size:16px;color:var(--burgundy);line-height:1.4}.hero-image{width:100%;aspect-ratio:896/1200;object-fit:contain;justify-self:end}
.projects{padding:48px;display:flex;flex-direction:column;gap:32px}.projects h2{font-size:64px}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.project-link{display:flex;flex-direction:column;gap:16px}.project-link:hover{text-decoration:none}.project-link:hover h3{text-decoration:underline;text-underline-offset:5px}.project-image{width:100%;aspect-ratio:656/390;overflow:hidden}.project-large .project-image{aspect-ratio:656/570}.project-image img{width:100%;height:100%;object-fit:cover}.paola-image img{object-fit:contain}.project-caption{min-height:80px;display:flex;flex-direction:column;gap:4px}.project-caption p{font-weight:300;font-size:16px;line-height:1.4}
.about{padding:48px;display:grid;grid-template-columns:360px minmax(0,1fr);gap:64px;align-items:center;background:var(--stone)}.portrait{width:360px;height:460px;object-fit:cover}.about-copy{display:flex;flex-direction:column;gap:28px}.about h2{font-size:80px}.about-copy p{font-size:24px;line-height:1.45;font-weight:200;max-width:840px}.about-link{align-self:flex-start;font-size:18px;line-height:1.4;font-weight:500}
.contact{padding:48px;display:flex;flex-direction:column;gap:28px;background:var(--burgundy);color:var(--paper)}.contact h2{font-size:72px}.contact-actions{display:flex;gap:48px;font-weight:500;line-height:1.4}.contact p{font-size:16px;font-weight:300;line-height:1.45}
dialog{border:0;padding:32px;background:var(--paper);color:var(--ink);max-height:90dvh;max-width:calc(100% - 40px);overflow:auto}dialog::backdrop{background:rgb(34 35 32 / .7)}dialog a{text-decoration:underline;text-underline-offset:5px}dialog h2{font-size:48px}dialog p{margin-top:12px}dialog button{font-weight:500}.project-dialog{width:1000px}.dialog-top,.dialog-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px}.project-dialog>img{width:100%;height:min(60vh,640px);object-fit:contain;margin:24px 0}.dialog-navigation{margin-top:28px}.contact-dialog{width:560px;padding:40px}.contact-dialog>.dialog-close{display:block;margin-left:auto;margin-bottom:28px}.contact-dialog p{margin-bottom:28px}body:has(dialog[open]){overflow:hidden}
@media (max-width:1199px) and (min-width:701px){.navigation{padding:32px;min-height:100px}.navigation nav{padding-right:0;gap:28px}.hero{padding:32px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:40px;min-height:0}.hero h1{font-size:clamp(70px,7.22vw,104px)}.hero-role{font-size:24px}.hero-description{font-size:18px}.hero-description br{display:none}.hero-copy{gap:24px}.hero-actions{gap:18px}.projects{padding:48px 32px}.project-grid{gap:32px 24px}.about{padding:40px 32px;grid-template-columns:27% minmax(0,1fr);gap:40px}.portrait{width:100%;height:auto;aspect-ratio:360/460}.about h2{font-size:clamp(48px,5.55vw,80px)}.about-copy p{font-size:20px}.contact{padding:40px 32px}}
@media(max-width:700px){:root{--space:20px}html{scroll-padding-top:20px}.desktop-copy{display:none}.mobile-copy{display:block}.navigation{padding:20px;min-height:66px;position:relative;align-items:center}.wordmark{font-size:18px}.menu-toggle:not([hidden]){display:block;margin-right:38px;min-height:26px}.navigation nav{display:flex;flex-wrap:wrap;padding:0;gap:20px;margin-top:4px}.navigation:has(.menu-toggle:not([hidden])) nav{position:absolute;top:66px;right:20px;left:20px;z-index:5;background:var(--stone);padding:24px;gap:24px;flex-direction:column}.navigation:has(.menu-toggle:not([hidden])) nav:not(.is-open){display:none}.navigation nav a{padding-block:4px}.hero{padding:20px;grid-template-columns:minmax(0,1fr);gap:24px;min-height:0}.hero-copy{gap:24px}.hero h1{font-size:clamp(54px,15.9vw,62px)}.hero-role{font-size:20px;font-weight:200}.hero-description{font-size:16px;font-weight:300}.hero-actions{flex-direction:column;gap:24px;align-items:flex-start}.hero-image{width:100%;height:auto;aspect-ratio:896/1200}.projects{padding:20px;gap:32px}.projects h2{font-size:42px}.project-grid{grid-template-columns:minmax(0,1fr);gap:32px}.project-image,.project-large .project-image{aspect-ratio:350/230}.project-large:first-child .project-image{aspect-ratio:350/390}.project-caption{min-height:80px}.about{padding:48px 20px;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}.portrait{width:180px;height:235px}.about-copy{gap:28px}.about h2{font-size:clamp(40px,12.3vw,48px)}.about-copy p{font-size:18px;font-weight:300}.contact{padding:20px;gap:24px}.contact h2{font-size:40px}.contact-actions{flex-direction:column;align-items:flex-start;gap:20px}.contact p{font-size:16px}dialog{padding:20px;max-width:calc(100% - 24px)}dialog h2{font-size:36px}.dialog-navigation{font-size:14px}.contact-dialog{padding:24px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}