@font-face{font-family:DM Sans;src:url('/fonts/dm-sans-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Instrument Serif;src:url('/fonts/instrument-serif-italic.ttf') format('truetype');font-style:italic;font-weight:400;font-display:swap}
:root{color-scheme:dark;--paper:#eae8df;--muted:#9c9c91;--line:#30302a;--ink:#0c0c0b}
*{box-sizing:border-box}
html{background:var(--ink);scrollbar-color:#46463e var(--ink)}
body{margin:0;color:var(--paper);font-family:DM Sans,Arial,sans-serif;-webkit-font-smoothing:antialiased}
::selection{background:var(--paper);color:var(--ink)}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--paper);outline-offset:8px;border-radius:2px}
.page{min-height:100svh;max-width:1760px;margin-inline:auto;padding:46px 6.25vw 30px;display:flex;flex-direction:column}
.masthead{display:flex;align-items:center;justify-content:space-between;gap:24px}
.wordmark{font-size:38px;letter-spacing:-2.7px;line-height:1;font-weight:400}
.period{color:#b9bea1}
.studio{font-size:12px;line-height:1.5;color:var(--muted);letter-spacing:.035em;margin:0}
main{flex:1;display:flex;align-items:center;padding-block:clamp(32px,5vh,64px)}
h1{font-size:clamp(60px,min(7.1vw,12vh),114px);font-weight:400;letter-spacing:-.065em;line-height:1.065;margin:0;max-width:1410px}
.line{display:block}
em{font-family:Instrument Serif,Georgia,serif;font-weight:400;letter-spacing:-.045em;font-size:1.115em;line-height:.9;color:#b9bea1}
.footer{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;align-items:center;gap:24px}
.founder{font-size:12px;color:var(--muted);margin:0;letter-spacing:.015em}
.contact{display:inline-flex;align-items:center;gap:28px;font-size:14px;line-height:1.5}
.contact>span:first-child{position:relative}
.contact>span:first-child:after{content:'';position:absolute;inset:auto 0 -4px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.arrow{display:grid;place-items:center;width:45px;height:45px;border:1px solid #505048;border-radius:50%;transition:background .25s ease,color .25s ease,transform .25s ease}
.arrow svg{width:20px;height:20px}
.contact:hover .arrow{background:var(--paper);color:var(--ink);transform:rotate(45deg)}
.contact:hover>span:first-child:after{transform:scaleX(1)}
@media(min-width:1800px){.page{padding-inline:110px}}
@media(max-width:900px){.page{padding:32px 7vw 24px}main{padding-block:90px 100px}h1{font-size:clamp(50px,7.5vw,72px)}.wordmark{font-size:34px}}
@media(max-width:600px){.page{padding:28px 7vw 22px}.masthead{align-items:center}.studio{font-size:10px;max-width:115px;text-align:right;letter-spacing:.01em}.wordmark{font-size:32px}main{padding-block:78px 90px}h1{font-size:clamp(42px,11.4vw,64px);line-height:1.1;letter-spacing:-.055em}.line{display:inline}.footer{padding-top:20px;align-items:center;gap:12px}.founder{font-size:10px}.contact{font-size:12px;gap:12px}.arrow{width:38px;height:38px}.arrow svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}