:root{--paper:#dededc;--ink:#151513;--muted:#62625d;--line:#b7b7b2;--gutter:clamp(24px,4vw,72px);--ease:cubic-bezier(.22,1,.36,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}a,button,input,textarea{-webkit-tap-highlight-color:transparent}::selection{background:#262622;color:white}:focus-visible{outline:2px solid currentColor;outline-offset:6px}.skip-link{position:fixed;top:10px;left:10px;z-index:30;background:white;color:black;padding:12px;transform:translateY(-150%)}.skip-link:focus{transform:translateY(0)}
.site-header{position:fixed;inset:0 0 auto;z-index:10;display:flex;justify-content:space-between;align-items:center;padding:26px var(--gutter);color:#fff;transition:background .4s,color .4s,padding .4s}.site-header.on-light{background:rgba(222,222,220,.94);color:var(--ink);backdrop-filter:blur(14px);padding-top:20px;padding-bottom:20px}.brand{font-size:23px;font-weight:400;letter-spacing:-1.2px}nav{display:flex;gap:32px}nav a{font-size:13px;position:relative;padding:5px 0}nav a:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}nav a:hover:after,nav a.active:after{transform:scaleX(1)}
.hero{height:100svh;min-height:650px;max-height:1200px;position:relative;overflow:hidden;color:white;background:#77756e}.hero-image{position:absolute;width:100%;height:120%;top:0;object-fit:cover;object-position:50% 0;transform-origin:50% 0;will-change:transform;animation:photo-enter 1.8s var(--ease) both}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.29),rgba(0,0,0,.39) 65%,rgba(0,0,0,.52))}.hero-content{position:absolute;left:0;right:0;top:40%;text-align:center;padding:0 20px}.eyebrow{text-transform:uppercase;letter-spacing:2.4px;font-size:10px;font-weight:500;margin:0 0 28px}.hero h1{font-size:clamp(64px,7vw,112px);font-weight:400;letter-spacing:-.065em;line-height:1.05;margin:0 0 22px}.hero-description{font-size:14px;color:#e0dfdb;margin:0}.listen-link{display:inline-flex;gap:35px;align-items:center;margin-top:65px;padding:13px 0;border-bottom:1px solid #ffffff75;font-size:13px}.listen-link span,.link-arrow,button span{display:inline-block;transition:transform .3s}.listen-link:hover span,.social-link:hover .link-arrow,button:hover span{transform:translate(3px,-3px)}.intro-item{animation:text-enter 1.2s var(--ease) both}.intro-item:nth-child(2){animation-delay:.12s}.intro-item:nth-child(3){animation-delay:.24s}.intro-item:nth-child(4){animation-delay:.36s}.scroll-cue{position:absolute;bottom:35px;left:var(--gutter);display:flex;align-items:center;gap:18px;font-size:10px;letter-spacing:1px}.scroll-line{height:45px;width:1px;background:#ffffff45;position:relative;overflow:hidden}.scroll-line:after{content:"";position:absolute;inset:-100% 0 100%;background:white;animation:scroll-line 2.8s ease-in-out infinite}.hero-index{position:absolute;bottom:48px;right:var(--gutter);font-size:10px;letter-spacing:2px}
.split-section{padding:110px var(--gutter) 90px;display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(50px,12vw,210px);scroll-margin-top:0}.section-copy{padding-top:12px}.section-copy h2{font-weight:400;font-size:clamp(48px,5.3vw,84px);line-height:1.06;letter-spacing:-.06em;margin:0 0 30px}.section-description{font-size:14px;line-height:1.65;max-width:475px;margin:0 0 38px}.portrait{margin:0;align-self:start;overflow:hidden}.portrait img{width:100%;height:auto;display:block;transition:transform 1.1s var(--ease)}.portrait:hover img{transform:scale(1.025)}.portrait figcaption{font-size:10px;letter-spacing:.4px;color:var(--muted);padding-top:14px}.social-links{max-width:400px}.social-link{display:flex;align-items:center;gap:16px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.social-icon{background:var(--ink);width:38px;height:38px;border-radius:50%;display:grid;place-items:center;color:var(--paper);transition:transform .3s}.social-link:hover .social-icon{transform:rotate(-8deg)}.social-icon svg{width:20px;height:20px;fill:currentColor}.social-icon svg[fill="none"]{fill:none;stroke:currentColor;stroke-width:1.6}.instagram-dot{fill:currentColor;stroke:none}.link-arrow{margin-left:auto;font-size:22px}.small-note{font-size:11px;color:var(--muted);margin-top:55px}.contact-section{border-top:1px solid var(--line)}.contact-form{max-width:560px;margin-top:42px}.contact-form label{display:block;font-size:12px;line-height:1.5;margin-bottom:19px}.contact-form label span{color:var(--muted);font-size:10px;margin-left:4px}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px}input,textarea{display:block;margin-top:7px;width:100%;border:1px solid #6f6f69;border-radius:24px;background:transparent;padding:12px 16px;color:var(--ink);transition:background .25s,border-color .25s}input{height:44px}textarea{resize:vertical;min-height:114px;border-radius:20px}input:focus,textarea:focus{background:#ffffff30;outline:2px solid var(--ink);outline-offset:2px}.form-bottom{display:flex;align-items:center;gap:20px}button{border:1px solid var(--ink);border-radius:40px;padding:17px 25px;background:var(--ink);color:white;font-size:12px;cursor:pointer;display:flex;gap:28px;align-items:center;transition:background .3s,color .3s}button:hover{background:transparent;color:var(--ink)}.form-note{font-size:10px;color:var(--muted)}.status{font-size:12px;line-height:1.6;max-width:450px}.status:empty{display:none}
.site-footer{background:#f9f9f7;padding:65px var(--gutter) 24px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:35px}.footer-title,.footer-email{font-size:clamp(25px,3vw,48px);font-weight:400;letter-spacing:-.055em}.footer-email span{font-size:.65em;display:inline-block;vertical-align:middle;margin-left:12px}.footer-email:hover{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:7px}.footer-bottom{flex-basis:100%;display:flex;justify-content:space-between;border-top:1px solid #deded8;padding-top:22px;margin-top:28px;font-size:10px;color:var(--muted)}
.js-motion .reveal{opacity:0;transform:translateY(35px);transition:opacity 1s var(--ease),transform 1s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:translateY(0)}.js-motion .section-copy>.reveal:nth-child(2){transition-delay:.08s}.js-motion .section-copy>.reveal:nth-child(3){transition-delay:.15s}
@keyframes text-enter{from{opacity:0;transform:translateY(25px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-enter{from{opacity:0;scale:1.06}to{opacity:1;scale:1}}@keyframes scroll-line{0%{transform:translateY(0)}70%,100%{transform:translateY(90px)}}
@media(max-width:900px){.split-section{gap:45px;padding-top:85px;padding-bottom:70px}.section-copy h2{font-size:54px}.hero-image{object-position:58% 0}.section-description{font-size:13px}.form-bottom{align-items:flex-start;flex-direction:column;gap:12px}.footer-email{font-size:28px}}
@media(max-width:600px){html{scroll-padding-top:75px}.site-header{padding:22px var(--gutter)}.brand{font-size:20px}nav{gap:18px}nav a{font-size:11px}.hero{min-height:600px;max-height:950px}.hero-image{height:110%;top:0;object-position:57% 0}.hero-content{top:41%}.hero h1{font-size:64px}.hero .eyebrow{font-size:9px;letter-spacing:2px}.listen-link{margin-top:42px}.split-section{grid-template-columns:1fr;gap:40px;padding:75px var(--gutter) 55px}.section-copy h2{font-size:58px}.portrait{max-width:420px;width:100%;justify-self:center}.contact-form{margin-top:30px}.form-bottom{flex-direction:row;align-items:center}.name-fields{gap:10px}.contact-form label span{display:block;margin-left:0}.site-footer{padding-top:45px;gap:22px}.footer-title{font-size:36px}.footer-email{font-size:clamp(19px,5.5vw,30px)}.footer-bottom{margin-top:15px}.small-note{margin-top:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}.hero-image{will-change:auto}}
