@font-face{font-family:Manrope;src:url('/assets/Manrope-latin.woff2') format('woff2');font-style:normal;font-weight:200 800;font-display:swap}
@font-face{font-family:Newsreader;src:url('/assets/Newsreader-italic-latin.woff2') format('woff2');font-style:italic;font-weight:300 600;font-display:swap}
:root{color-scheme:dark;--paper:#151612;--ink:#e9e7dd;--muted:#aaada1;--line:#383b32;--accent:#b6aa89;--highlight:#b7bba5;--serif:Newsreader,Georgia,serif;--sans:Manrope,'Helvetica Neue',Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:105px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;font-size:15px;line-height:1.65}
::selection{background:#b6aa89;color:#151612}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit}
a,button{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:7px}
button{cursor:pointer}
h1,h2,h3,p{margin:0}
h1,h2,h3{font-weight:400}
em{font-family:var(--serif);font-weight:400}
.wrap{width:calc(100% - 112px);max-width:1440px;margin-inline:auto}
.header{height:100px;padding:0 56px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5;max-width:1552px;margin:auto}
.wordmark{font-size:19px;font-weight:600;letter-spacing:-.8px;white-space:nowrap}
.wordmark-dot{color:var(--accent)}
nav{display:flex;gap:34px;align-items:center;font-size:12px;font-weight:500}
nav a{transition:color .2s}
nav a:hover{color:var(--accent)}
.nav-contact{margin-left:31px;display:flex;gap:18px;align-items:center}
.nav-contact span{font-size:20px;font-weight:300;line-height:1}
.skip-link{position:fixed;top:12px;left:20px;background:var(--ink);color:var(--paper);padding:12px 20px;z-index:100;transform:translateY(-150%)}
.skip-link:focus{transform:translateY(0)}
.micro,.section-label{font-size:10px;line-height:1.6;letter-spacing:1.5px;text-transform:uppercase;font-weight:500}
.hero{padding-top:82px}
.hero-top{display:flex;align-items:center;justify-content:space-between;color:var(--muted);margin-bottom:39px}
h1{font-size:clamp(65px,8.7vw,132px);line-height:1.08;letter-spacing:-.078em;font-weight:450;margin-left:-.055em}
h1 span{font-family:var(--serif);font-size:1.15em;font-weight:400;font-style:italic;letter-spacing:-.05em;line-height:.98;color:var(--highlight)}
.hero-bottom{display:flex;align-items:end;justify-content:space-between;margin-top:57px;margin-bottom:64px}
.hero-bottom p{font-size:14px;line-height:1.7;letter-spacing:-.2px}
.explore{display:flex;gap:27px;align-items:center;font-size:11px;color:var(--muted)}
.down-arrow{width:33px;height:44px;border:1px solid #55594b;border-radius:22px;display:flex;justify-content:center;align-items:center;font-size:19px;transition:transform .25s,color .25s}
.explore:hover .down-arrow{transform:translateY(4px);color:var(--ink)}
.hero-rule{height:1px;background:var(--line);position:relative}
.hero-rule span{position:absolute;width:30px;height:1px;background:var(--ink);left:0;top:0}
.section-grid{display:grid;grid-template-columns:27% 73%}
.section-label{display:flex;align-items:baseline;gap:18px}
.section-label .index{color:#a0a48e;letter-spacing:1px;font-weight:400;white-space:nowrap}
.about{display:block;padding-block:84px 110px}
.about-layout{display:grid;grid-template-columns:.87fr 1fr;gap:12%;align-items:center;margin-top:42px}
.portrait{margin:0;aspect-ratio:3/4;overflow:hidden;background:#10110f}
.portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 44%}
.about h2 em{color:var(--highlight)}
.about .section-label{padding-top:10px}
h2{font-size:clamp(42px,4.5vw,69px);line-height:1.1;letter-spacing:-.055em}
h2 em{font-size:1.12em;letter-spacing:-.045em}
.about-copy{display:grid;grid-template-columns:1fr;gap:19px;margin-top:32px;max-width:420px}
.about-copy p{font-size:15px;line-height:1.85;color:var(--muted);max-width:390px;letter-spacing:-.15px}
.interests{display:flex;gap:26px;flex-wrap:wrap;margin-top:38px;font-size:9px;letter-spacing:1.2px;color:#a6aa97}
.interests span{display:flex;align-items:center;gap:9px}
.interests span::before{content:'';width:3px;height:3px;background:var(--accent)}
.writing{background:#1d1f19;padding-block:53px 0}
.section-heading{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:47px}
.section-heading>.micro{font-size:9px;color:var(--muted)}
.manuscript-photo{position:relative;margin:0;aspect-ratio:1;min-width:0;overflow:hidden;background:#080908}
.manuscript-photo img{display:block;width:100%;height:100%;object-fit:contain}
.manuscript-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:clamp(44px,7.5vw,115px);align-items:center}
.manuscript-copy{padding-block:20px}
.status{font-size:10px;display:flex;align-items:center;gap:8px;color:#b5bba7;margin-bottom:24px}
.status>span{width:5px;height:5px;border-radius:50%;background:#a1ae88}
.manuscript-copy h2{font-size:clamp(44px,5.25vw,78px);line-height:1.06;margin-bottom:28px}
.manuscript-copy h2 em{color:var(--highlight)}
.manuscript-copy p{font-size:14px;color:var(--muted);line-height:1.85;max-width:410px}
.manuscript-copy p.synopsis-lead{font-size:16px;color:var(--ink);line-height:1.7;margin-bottom:15px;letter-spacing:-.3px}
.text-link{display:inline-flex;align-items:center;gap:24px;font-size:11px;padding-block:8px;border-bottom:1px solid #707761;margin-top:27px;transition:gap .25s}
.text-link:hover{gap:33px}
.text-link span{font-size:17px;font-weight:300}
.upcoming{margin-top:62px;border-top:1px solid #43473b;padding-block:35px 43px;display:grid;grid-template-columns:27% 1fr auto;align-items:center;gap:15px}
.upcoming>.micro{color:var(--muted);font-size:9px}
.upcoming p{font-size:31px;line-height:1.2;letter-spacing:-1.2px}
.upcoming p em{font-size:1.12em;color:var(--highlight)}
.upcoming-note{font-size:11px;color:var(--muted);line-height:1.8}
.design{padding-block:124px 128px}
.design>.section-label{padding-top:10px}
.design-intro h2{font-size:clamp(42px,4.5vw,68px)}
.design-intro>p{font-size:14px;line-height:1.85;color:var(--muted);max-width:340px;margin-top:30px}
.design-list{margin-top:51px;border-top:1px solid var(--line)}
.design-row{display:grid;grid-template-columns:44px 1fr 75px;gap:15px;padding-block:31px 33px;border-bottom:1px solid var(--line);align-items:start}
.row-number{font-size:11px;color:#a8ad9b;padding-top:6px;font-family:Georgia,serif;font-style:italic}
.design-row h3{font-size:22px;letter-spacing:-.8px;line-height:1.4}
.design-row p{font-size:13px;color:var(--muted);line-height:1.85;max-width:410px;margin-top:9px}
.design-symbol{width:62px;height:62px;color:#a8b294;margin-top:3px}
.contact{background:#23261e;padding-block:49px 65px}
.contact-main{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:53px}
.contact-main h2{font-size:clamp(52px,6.6vw,100px);line-height:1.06}
.contact-main h2 em{color:var(--highlight)}
.hello-arrow{width:106px;height:106px;border:1px solid #5f6750;border-radius:50%;display:flex;align-items:center;justify-content:center;transition:background .3s,color .3s,transform .3s;flex-shrink:0}
.hello-arrow svg{width:46px;height:46px}
.hello-arrow:hover{background:var(--ink);color:var(--paper);transform:rotate(5deg)}
.contact-details{display:flex;align-items:center;gap:29px;flex-wrap:wrap;margin-top:43px;position:relative}
.email{font-size:clamp(16px,1.8vw,25px);letter-spacing:-.6px;border-bottom:1px solid #7e866d;padding-bottom:3px;overflow-wrap:anywhere}
.copy-email{background:none;border:none;display:none;gap:6px;align-items:center;font-size:10px;color:var(--muted);padding:10px 0;min-height:44px;white-space:nowrap}
.copy-email.ready{display:inline-flex}
.copy-email svg{width:18px;height:18px}
.copy-email:hover{color:var(--ink)}
.copy-status{position:absolute;top:100%;left:0;font-size:11px;color:#c5cbb7}
.footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.1px;color:var(--muted);padding-block:27px}
.footer a{display:flex;align-items:center;gap:15px;min-height:34px}
.footer a span{font-size:15px}
@media(prefers-reduced-motion:no-preference){.hero h1{animation:rise-in 1s cubic-bezier(.2,.7,.2,1) both}.hero-top,.hero-bottom{animation:fade-in 1.1s .1s both}.reveal.will-reveal{opacity:0;transform:translateY(21px);transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.reveal.will-reveal.is-visible{opacity:1;transform:none}}
@keyframes rise-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@media(min-width:1700px){.hero{padding-top:105px}h1{font-size:145px}.hero-bottom{margin-top:65px;margin-bottom:82px}}
@media(max-width:1000px){.wrap{width:calc(100% - 72px)}.header{padding-inline:36px}.hero{padding-top:65px}.hero-top{margin-bottom:35px}h1{font-size:9vw}.hero-bottom{margin-top:44px;margin-bottom:53px}.section-grid{grid-template-columns:24% 76%}.section-label{font-size:9px;gap:11px}.about-copy{gap:25px}.manuscript-grid{gap:42px}.manuscript-copy p{font-size:13px}.manuscript-copy p.synopsis-lead{font-size:14px}.manuscript-copy h2{font-size:50px}.upcoming{grid-template-columns:24% 1fr auto}.about{padding-block:74px 90px}.about-layout{gap:8%}.about-copy{gap:17px}.about-copy p{font-size:14px}.about h2{font-size:49px}.interests{gap:12px 22px;font-size:8px}.design{padding-block:90px}.design-row p{max-width:330px}.contact-main h2{font-size:8vw}}
@media(max-width:700px){html{scroll-padding-top:25px}.wrap{width:calc(100% - 44px)}.header{height:85px;padding-inline:22px;gap:15px}.wordmark{font-size:16px;letter-spacing:-.6px}nav{gap:19px;font-size:11px}nav>a[href='#about'],nav>a[href='#design']{display:none}.nav-contact{margin-left:0;gap:8px}.nav-contact span{font-size:16px}.hero{padding-top:51px}.hero-top{font-size:8px;letter-spacing:1.1px;margin-bottom:34px}.hero-top>span:last-child{font-size:7px;letter-spacing:.6px}h1{font-size:10.1vw;line-height:1.14;letter-spacing:-.07em}h1 span{font-size:1.17em;line-height:1}.hero-bottom{margin-top:39px;margin-bottom:39px}.hero-bottom p{font-size:11px}.explore{font-size:9px;gap:10px}.down-arrow{height:35px;width:26px;font-size:15px}.section-grid{grid-template-columns:1fr;gap:34px}.about{padding-block:48px 68px}.about-layout{grid-template-columns:1fr;gap:35px;margin-top:28px}.portrait{aspect-ratio:4/5;width:100%}.portrait img{object-position:50% 36%}.about h2{font-size:46px}.about .section-label{padding-top:0}.section-label{font-size:9px;gap:12px}.about-copy{grid-template-columns:1fr;gap:16px;margin-top:25px;max-width:none}.about-copy p{max-width:100%;font-size:14px;line-height:1.85}h2{font-size:46px}.interests{margin-top:28px;gap:23px;font-size:7px;letter-spacing:1px}.writing{padding-top:32px}.section-heading{margin-bottom:29px}.section-heading>.micro{font-size:7px;letter-spacing:1px}.manuscript-grid{grid-template-columns:1fr;gap:29px}.manuscript-copy{padding-block:0}.status{font-size:9px;margin-bottom:21px}.manuscript-copy h2{font-size:54px;margin-bottom:23px}.manuscript-copy p{font-size:14px;max-width:none}.manuscript-copy p.synopsis-lead{font-size:15px}.text-link{font-size:10px;margin-top:20px;gap:21px}.upcoming{grid-template-columns:1fr auto;gap:19px;margin-top:41px;padding-block:27px 33px}.upcoming>.micro{grid-column:1/-1;font-size:8px}.upcoming p{font-size:27px}.upcoming-note{font-size:9px}.design{padding-block:64px 69px;gap:31px}.design>.section-label{padding-top:0}.design-intro h2{font-size:46px}.design-intro>p{font-size:13px;max-width:290px;margin-top:24px}.design-list{margin-top:32px}.design-row{grid-template-columns:23px 1fr 44px;gap:12px;padding-block:25px}.design-row h3{font-size:20px}.design-row p{font-size:12px}.design-symbol{width:44px;height:44px}.contact{padding-block:32px 47px}.contact-main{margin-top:35px;gap:15px}.contact-main h2{font-size:9vw}.hello-arrow{width:58px;height:58px}.hello-arrow svg{width:28px;height:28px}.contact-details{margin-top:30px;gap:8px 20px}.email{font-size:17px;letter-spacing:-.5px}.copy-email{font-size:9px}.footer{font-size:8px;padding-block:20px;gap:15px}.footer-note{display:none}.footer a{gap:9px}}
@media(max-width:360px){.hero-top>span:last-child{display:none}nav{gap:13px}.wordmark{font-size:15px}.email{font-size:15px}.interests{gap:15px;font-size:6px}.manuscript-copy h2{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1!important;transform:none!important}}
