@font-face{font-family:Cormorant;src:url('/assets/fonts/cormorant-garamond-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:Jost;src:url('/assets/fonts/jost-regular.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
:root{color-scheme:dark;--charcoal:#191a17;--ivory:#e9e1d1;--body:#d4d0c7;--bronze:#c29a69;--line:#766044;--gutter:clamp(26px,5.73vw,112px);--serif:Cormorant,Georgia,'Times New Roman',serif;--sans:Jost,'Segoe UI',sans-serif}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:26px}
body{margin:0;background:var(--charcoal);color:var(--ivory);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--bronze);outline-offset:7px}
::selection{background:#ad885a;color:#101410}
.page-gutter{padding-inline:var(--gutter)}
.skip-link{position:fixed;left:20px;top:12px;z-index:20;padding:12px 20px;background:var(--ivory);color:#191a17;transform:translateY(-180%)}
.skip-link:focus{transform:translateY(0)}
.site-header{min-height:62px;padding:12px clamp(26px,4.8vw,96px) 10px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #4d4635;background:linear-gradient(100deg,#191915,#20211d 65%,#181915)}
.wordmark{display:inline-flex;flex-direction:column;align-items:center;flex-shrink:0;font-family:var(--serif);text-transform:uppercase}
.wordmark-name{font-size:22px;letter-spacing:5px;line-height:1.05;white-space:nowrap}
.wordmark-studios{margin-top:5px;padding-left:7px;font-size:10px;letter-spacing:8px;line-height:1;color:#c7a87b}
nav{display:flex;align-items:center;gap:clamp(24px,3vw,48px);font-family:var(--serif);font-size:18px}
nav a{padding-block:8px;transition:color .2s}
nav a:hover{color:var(--bronze)}
.hero{position:relative;isolation:isolate;min-height:600px;height:46.65vw;max-height:900px;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line)}
.hero-image,.hero-shade{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-image{object-fit:cover;object-position:center}
.hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,8,5,.2),rgba(3,8,5,.05) 45%,transparent 65%)}
.hero-copy{width:100%;padding-top:40px;padding-bottom:24px}
h1,h2,p{margin:0;font-weight:400}
.hero-name{display:block;font-family:var(--serif);font-size:clamp(76px,7.55vw,142px);letter-spacing:-.045em;line-height:1.03;white-space:nowrap}
.hero-studios{display:block;font-family:var(--serif);font-size:clamp(29px,2.8vw,52px);line-height:1.35;letter-spacing:.65em;text-transform:uppercase;color:#d3b38c;margin-top:12px;padding-left:5px}
.hero-intro{font-size:clamp(18px,1.48vw,26px);letter-spacing:.035em;line-height:1.55;color:#e0dfd8;margin-top:20px;max-width:650px;text-wrap:pretty}
.outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;min-height:61px;min-width:283px;padding:14px 30px;border:1px solid var(--bronze);color:var(--bronze);font-size:20px;letter-spacing:.065em;margin-top:39px;background:rgba(8,12,9,.14);transition:background .2s,color .2s}
svg{fill:none;stroke:currentColor;stroke-width:1;flex-shrink:0}
.outline-link svg{transition:transform .2s}
.outline-link:hover{background:rgba(194,154,105,.12);color:#e6c89f}
.outline-link:hover svg{transform:translateX(4px)}
.work-section{position:relative;isolation:isolate;overflow:hidden;min-height:306px;display:flex;align-items:flex-start;padding-top:50px;padding-bottom:58px;background:#1b1c18}
.work-image{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#1b1c18 5%,rgba(27,28,24,.95) 38%,rgba(27,28,24,.55) 59%,rgba(27,28,24,.05) 88%),url('/assets/forest-passage.webp') right 63% / 110% auto no-repeat}
.work-copy{max-width:950px}
.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:.4em;line-height:1.6;color:var(--bronze);margin-bottom:10px}
h2{font-family:var(--serif);font-size:clamp(36px,3.25vw,58px);line-height:1.15;letter-spacing:-.015em;text-wrap:balance}
.section-intro{font-size:21px;color:var(--body);letter-spacing:.035em;line-height:1.6;margin-top:18px}
.studio-section{padding-top:92px;padding-bottom:96px;display:grid;grid-template-columns:1fr 2fr;gap:70px;border-top:1px solid #34362d;background:linear-gradient(130deg,#1a1b17,#161814)}
.section-label{padding-top:12px}
.section-rule{display:block;width:42px;height:1px;background:var(--bronze);margin-bottom:24px}
.studio-copy{max-width:780px}
.studio-copy p{font-size:20px;color:var(--body);line-height:1.8;margin-top:23px;max-width:660px}
.connect-section{display:flex;align-items:center;justify-content:space-between;gap:36px;padding-top:64px;padding-bottom:70px;border-top:1px solid #34362d;background:#1c1d19}
.connect-section h2{font-size:42px}
.social-link{display:flex;align-items:center;gap:22px;padding:20px 0;border-bottom:1px solid var(--line);font-size:20px;color:var(--ivory);transition:color .2s}
.social-link:hover{color:var(--bronze)}
.social-platform{font-family:var(--serif);font-size:25px;color:var(--bronze)}
.social-link svg{margin-left:24px}
.site-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:25px;padding-bottom:25px;border-top:1px solid #34362d;font-size:13px;letter-spacing:.065em;color:#b6b5a8}
.footer-dot{padding:0 10px;color:var(--bronze)}
.site-footer a:hover{color:var(--ivory)}
.site-footer a span{margin-left:12px}
@media(min-width:1800px){.hero-copy{padding-top:60px}.work-section{min-height:345px}}
@media(max-width:900px){.hero{height:660px;min-height:0}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(90deg,rgba(2,7,4,.64),rgba(2,7,4,.17) 72%)}.hero-name{font-size:88px}.hero-studios{font-size:34px}.hero-intro{max-width:520px}.studio-section{gap:40px;grid-template-columns:1fr 2fr}.work-image{background-size:auto,auto 150%;background-position:center,right center}.connect-section h2{font-size:36px}.social-link{font-size:17px;gap:14px}.social-link svg{margin-left:4px}}
@media(max-width:600px){:root{--gutter:26px}.site-header{padding:17px 24px 14px;flex-direction:column;gap:15px}.wordmark-name{font-size:20px;letter-spacing:4px}.wordmark-studios{font-size:9px;letter-spacing:7px}nav{font-size:17px;gap:32px}nav a{padding:5px 0}.hero{height:665px;align-items:flex-end}.hero-image{object-position:73% center}.hero-shade{background:linear-gradient(0deg,rgba(4,9,5,.94),rgba(4,9,5,.65) 36%,rgba(4,9,5,.02) 76%)}.hero-copy{padding-top:0;padding-bottom:57px}.hero-name{font-size:clamp(49px,12.3vw,73px);letter-spacing:-.035em;line-height:1.08}.hero-studios{font-size:25px;letter-spacing:.52em;margin-top:10px;padding-left:2px}.hero-intro{font-size:18px;line-height:1.6;max-width:320px;margin-top:20px}.outline-link{min-height:55px;min-width:250px;font-size:17px;padding:13px 24px;margin-top:28px}.work-section{min-height:290px;padding-top:40px;padding-bottom:44px}.work-image{background-image:linear-gradient(90deg,rgba(27,28,24,.96),rgba(27,28,24,.68)),url('/assets/forest-passage.webp')}.work-copy{max-width:340px}h2{font-size:36px}.section-intro{font-size:18px;max-width:270px}.studio-section{grid-template-columns:1fr;gap:22px;padding-top:48px;padding-bottom:54px}.section-label{padding-top:0}.section-rule{margin-bottom:20px}.studio-copy p{font-size:18px;line-height:1.75;margin-top:20px}.connect-section{align-items:flex-start;flex-direction:column;padding-top:42px;padding-bottom:46px;gap:22px}.connect-section h2{font-size:36px}.social-link{font-size:18px;padding:15px 0;gap:20px}.social-link svg{margin-left:15px}.site-footer{font-size:11px;gap:14px;flex-wrap:wrap}.footer-dot{padding:0 5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}