@font-face{font-family:Space;src:url('assets/space-grotesk-regular.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Space;src:url('assets/space-grotesk-medium.ttf') format('truetype');font-weight:500 700;font-display:swap}
:root{--black:#000;--brown:#806445;--gold:#B69873;--green:#465049;--sand:#F5F0E8;--gray:#DCD5CC;--white:#fff;--ease:cubic-bezier(.2,.7,.15,1);--progress:0}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:26px}body{margin:0;background:var(--sand);color:var(--black);font-family:Space,Arial,sans-serif;font-size:15px;line-height:1.65;-webkit-font-smoothing:antialiased}::selection{background:var(--gold);color:#000}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{font-weight:500;color:var(--brown);text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--brown);outline-offset:5px}.frame{width:calc(100% - 64px);max-width:1120px;margin-inline:auto}.skip{position:fixed;top:-100px;left:20px;padding:12px 20px;background:white;z-index:100}.skip:focus{top:12px}.reading-progress{position:fixed;z-index:50;left:0;top:0;height:2px;width:100%;background:var(--brown);transform:scaleX(var(--progress));transform-origin:left;pointer-events:none}
.header{min-height:106px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--gray)}.logo{line-height:0;flex-shrink:0}.logo img{display:block;width:80px;height:auto}.header nav{display:flex;gap:28px}.header nav a{font-size:13px;color:var(--brown);padding:10px 0}.header nav a:hover{color:#000}.header nav span{display:none}.button{border:1px solid var(--gold);color:var(--brown);display:inline-flex;align-items:center;gap:18px;padding:8px 14px;font-size:13px;border-radius:4px;transition:background .15s,color .15s}.button:hover{background:var(--brown);color:#fff}.button span{font-size:19px}.eyebrow{color:var(--brown);font-size:11px;letter-spacing:1.05px;font-weight:500;line-height:1.6}
.hero{padding-top:42px;padding-bottom:0}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:64px;margin-top:15px;align-items:start}.hero h1{font-size:clamp(36px,4.6vw,58px);letter-spacing:-.06em;line-height:1.1;animation:arrive .7s var(--ease) both}.hero-grid>div{max-width:400px;animation:arrive .7s var(--ease) .1s both}.hero-grid p{font-size:17px;line-height:1.65}.text-link{display:inline-flex;align-items:center;gap:23px;color:var(--brown);font-size:13px;margin-top:13px;padding-bottom:3px;border-bottom:1px solid var(--gold)}.text-link span{font-size:20px;transition:transform .2s}.text-link:hover span{transform:translateY(3px)}.hero-meta{display:flex;justify-content:space-between;gap:20px;font-size:11px;color:var(--brown);border-bottom:1px solid var(--gray);margin-top:32px;padding-bottom:13px}.hero-meta>span:first-child{letter-spacing:1px}.section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:20px}.section-heading h2{font-size:25px;line-height:1.3;letter-spacing:-.04em}.section-heading>p{font-size:13px;color:var(--green)}.count{font-size:11px;vertical-align:top;letter-spacing:0;margin-left:10px}
.services{padding-top:40px;padding-bottom:42px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-top:24px}.service h3{font-size:19px;letter-spacing:-.025em}.service>p{font-size:14px;margin-top:5px;margin-bottom:17px}.service-details{border-top:1px solid var(--gray)}details{border-bottom:1px solid var(--gray)}summary{display:flex;align-items:center;justify-content:space-between;gap:14px;cursor:pointer;list-style:none;color:var(--brown);font-size:13px;line-height:1.5;padding:13px 0}summary::-webkit-details-marker{display:none}summary>span{position:relative;width:13px;height:13px;flex-shrink:0}summary>span:before,summary>span:after{position:absolute;content:"";width:11px;height:1px;background:currentColor;top:6px;left:1px;transition:transform .2s}summary>span:after{transform:rotate(90deg)}details[open] summary>span:after{transform:rotate(0)}.detail-content{overflow:hidden}.detail-content p{font-size:14px;line-height:1.75;padding:0 0 16px}.detail-content p+p{padding-top:0}summary:hover{color:#000}
.studio{display:grid;grid-template-columns:1fr 1.4fr;gap:65px;border-top:1px solid var(--gray);padding-top:34px;padding-bottom:36px}.studio h2{font-size:30px;letter-spacing:-.045em;line-height:1.2;margin-top:10px}.studio-text p{font-size:14px;max-width:600px}.studio-text p+p{margin-top:12px}.process{list-style:none;padding:0;margin:24px 0 0;display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--gray);padding-top:15px;color:var(--brown);font-size:13px}.process span{font-size:10px;margin-right:10px}.contact{display:flex;align-items:center;justify-content:space-between;gap:32px;border-top:1px solid var(--gold);padding-top:34px;padding-bottom:36px}.contact h2{font-size:32px;letter-spacing:-.045em;line-height:1.2;margin:7px 0 8px}.contact p:not(.eyebrow){font-size:14px}.contact-email{font-size:21px;letter-spacing:-.035em;color:var(--brown);border-bottom:1px solid var(--gold);padding:8px 0;display:flex;gap:24px;align-items:center;white-space:nowrap}.contact-email span{font-size:26px;transition:transform .2s}.contact-email:hover span{transform:translate(3px,-3px)}
.footer{border-top:1px solid var(--gray);padding-top:20px;padding-bottom:25px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--brown);font-size:11px}.footer-logo img{width:47px;height:auto;display:block}.motion-toggle{border:0;background:transparent;display:flex;align-items:center;gap:8px;padding:8px 0;font-size:11px;cursor:pointer}.motion-toggle[hidden]{display:none}.motion-icon{font-size:14px}.back-top{display:flex;gap:13px;align-items:center}.back-top span{font-size:18px}body.motion-paused *,body.motion-paused *:before,body.motion-paused *:after{animation:none!important;transition:none!important}html:has(body.motion-paused){scroll-behavior:auto}@keyframes arrive{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){.header-cta{display:none}.header{min-height:90px}.hero-grid{gap:30px;grid-template-columns:1fr 1fr}.hero h1{font-size:39px}.hero-grid p{font-size:15px}.section-heading{align-items:start;flex-direction:column;gap:5px}.service-grid{gap:28px}.studio{gap:32px}.contact-email{font-size:19px}}
@media(max-width:600px){.frame{width:calc(100% - 36px)}.header{min-height:85px;gap:18px;flex-wrap:wrap;padding:17px 0;row-gap:12px}.logo img{width:65px}.header nav{gap:17px}.header nav a{font-size:12px}.hero{padding-top:28px}.hero-grid{grid-template-columns:1fr;gap:16px;margin-top:12px}.hero h1{font-size:clamp(36px,9vw,48px)}.hero-grid p{font-size:16px;max-width:360px}.hero-meta{margin-top:23px;font-size:10px;gap:10px}.hero-meta>span:first-child{display:none}.section-heading h2{font-size:23px}.service-grid{grid-template-columns:1fr;gap:25px}.services{padding-top:30px;padding-bottom:30px}.service-grid{margin-top:20px}.studio{grid-template-columns:1fr;gap:18px;padding-block:28px}.studio h2{font-size:27px}.studio h2 br{display:none}.process{gap:10px}.process span{margin-right:5px}.contact{flex-direction:column;align-items:flex-start;gap:16px;padding-block:28px}.contact h2{font-size:29px}.contact-email{font-size:21px}.footer{display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px}.footer>span{text-align:right}.back-top{justify-self:end}.motion-toggle{font-size:10px}.header nav{flex:1;justify-content:flex-end}}
@media(max-width:370px){.header nav{width:100%;flex:auto;justify-content:space-between}.process{font-size:12px}.hero h1{font-size:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}