@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400&family=DM+Sans:wght@300;400;500&display=swap');

:root{--ink:#2c2c2c;--paper:#f9f7f4;--white:#fff;--warm:#f2ede7;--sage:#484d49;--line:#d9d4ce;--serif:'Cormorant Garamond',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.55}img,video{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.skip{position:fixed;left:1rem;top:-5rem;background:#fff;padding:.8rem 1rem;z-index:999}.skip:focus{top:1rem}
.top-note{background:var(--sage);color:#fff;text-align:center;text-transform:uppercase;letter-spacing:.18em;font-size:.7rem;padding:.65rem 1rem}.header{height:94px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.2rem,4vw,4.5rem);background:rgba(249,247,244,.96);position:relative;z-index:50;border-bottom:1px solid transparent}.header.scrolled{position:sticky;top:0;border-bottom-color:var(--line)}.nav{display:flex;gap:1.6rem;align-items:center}.nav a,.header-action,.menu-btn{text-transform:uppercase;letter-spacing:.12em;font-size:.72rem}.nav a{position:relative}.nav a:after{content:'';position:absolute;left:0;right:100%;bottom:-.35rem;height:1px;background:currentColor;transition:.25s}.nav a:hover:after,.nav a.active:after{right:0}.brand{text-align:center;font-family:var(--serif);font-weight:500;font-size:1.55rem;line-height:.82;letter-spacing:.045em;text-transform:uppercase}.brand small{display:block;font-family:var(--sans);font-size:.5rem;letter-spacing:.35em;margin-top:.65rem}.header-right{justify-self:end;display:flex;align-items:center;gap:1.4rem}.header-action{border-bottom:1px solid;padding-bottom:.3rem}.menu-btn{display:none;background:none;border:0;color:inherit;padding:.6rem}
.hero{position:relative;height:min(78vh,850px);min-height:560px;color:#fff;overflow:hidden}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(18,18,18,.42),rgba(18,18,18,.08) 60%,rgba(18,18,18,.22))}.hero-media{position:absolute;inset:0}.hero-duo{display:grid;grid-template-columns:1fr;background:var(--ink)}.hero-duo video:nth-child(2){display:none}.hero-copy{position:absolute;z-index:2;left:clamp(1.4rem,7vw,7rem);bottom:clamp(3rem,9vh,7rem);max-width:670px}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:.72rem;margin:0 0 1.4rem}.display{font-family:var(--serif);font-weight:400;line-height:.93;font-size:clamp(3.4rem,7.7vw,7.8rem);letter-spacing:-.035em;margin:0}.hero .display{font-size:clamp(3.3rem,6.7vw,7rem)}.lead{font-family:var(--serif);font-size:clamp(1.55rem,2.3vw,2.25rem);line-height:1.18;max-width:780px}.button{display:inline-flex;align-items:center;gap:.9rem;padding:.95rem 1.15rem;border:1px solid currentColor;text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;transition:.25s;background:transparent}.button:hover{background:var(--ink);border-color:var(--ink);color:#fff}.button.light:hover{background:#fff;border-color:#fff;color:var(--ink)}.text-link{text-transform:uppercase;letter-spacing:.14em;font-size:.7rem;border-bottom:1px solid;padding-bottom:.35rem}
.section{padding:clamp(5rem,10vw,10rem) clamp(1.4rem,6vw,6.5rem)}.section.white{background:#fff}.section.dark{background:var(--sage);color:#fff}.section.warm{background:var(--warm)}.narrow{max-width:940px;margin:auto}.center{text-align:center}.split{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(300px,.72fr);gap:clamp(3rem,8vw,9rem);align-items:center}.split.reverse{grid-template-columns:minmax(300px,.72fr) minmax(0,1.05fr)}.split.reverse .copy{order:-1}.copy h2,.section-title{font-family:var(--serif);font-weight:400;font-size:clamp(2.8rem,5vw,5.3rem);line-height:.95;letter-spacing:-.025em;margin:.5rem 0 1.8rem}.copy p{max-width:610px}.portrait{aspect-ratio:4/5;overflow:hidden}.landscape{aspect-ratio:16/10;overflow:hidden}.offset-frame{position:relative}.offset-frame:before{content:'';position:absolute;inset:8% -7% -7% 9%;border:1px solid var(--line);z-index:-1}.statement{font-family:var(--serif);font-size:clamp(2.6rem,5.2vw,5.8rem);line-height:1.04;margin:0 auto;max-width:1150px;font-weight:400}.statement em{font-weight:400}.rule{border:0;border-top:1px solid var(--line);margin:3rem 0}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;margin-top:3.5rem}.feature-card{min-width:0}.feature-card .image{aspect-ratio:4/5;overflow:hidden;background:#ddd}.feature-card h3{font-family:var(--serif);font-weight:400;font-size:2rem;margin:1.1rem 0 .25rem}.feature-card p{margin:0;color:#666;font-size:.9rem}.video-pair{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:3rem auto 0;max-width:1400px}.video-card{aspect-ratio:16/9;position:relative;overflow:hidden;background:#232624}.video-card video{object-fit:contain}.video-card span{position:absolute;left:1rem;top:1rem;background:rgba(249,247,244,.92);padding:.45rem .7rem;text-transform:uppercase;font-size:.66rem;letter-spacing:.14em;color:var(--ink)}
.portfolio-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,5rem) 1.4rem;margin-top:4rem}.project-card:nth-child(even){margin-top:8rem}.placeholder{aspect-ratio:4/5;background:linear-gradient(135deg,#e9e4dd,#d9d9d9);display:grid;place-items:center;position:relative;overflow:hidden}.placeholder:before,.placeholder:after{content:'';position:absolute;width:140%;height:1px;background:rgba(44,44,44,.22);transform:rotate(38deg)}.placeholder:after{transform:rotate(-38deg)}.placeholder span{position:relative;z-index:1;background:rgba(249,247,244,.88);padding:.7rem 1rem;text-transform:uppercase;letter-spacing:.17em;font-size:.68rem}.project-card h2,.project-card h3{font-family:var(--serif);font-weight:400;font-size:2rem;margin:1rem 0 .15rem}.project-card p{font-size:.75rem;text-transform:uppercase;letter-spacing:.14em;margin:0;color:#666}
.steps{counter-reset:step;max-width:1100px;margin:4rem auto 0}.step{display:grid;grid-template-columns:80px 1fr 1fr;gap:2rem;padding:2.1rem 0;border-top:1px solid currentColor}.step:before{counter-increment:step;content:'0' counter(step);font-family:var(--serif);font-size:1.5rem}.step h3{font-family:var(--serif);font-weight:400;font-size:2rem;margin:0}.step p{margin:0}.service-list{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:4rem}.service{background:var(--paper);padding:clamp(2rem,5vw,4.5rem)}.service h3{font-family:var(--serif);font-weight:400;font-size:2.5rem;line-height:1;margin:0 0 1.3rem}.service ul{padding-left:1rem;color:#555}
.page-hero{padding:clamp(6rem,12vw,12rem) clamp(1.4rem,6vw,6.5rem) 4rem}.page-hero .display{max-width:1050px}.page-hero p{max-width:660px}.full-bleed{height:min(72vh,760px);min-height:480px}.full-bleed.video-stage{height:auto;min-height:0;aspect-ratio:16/9;max-width:1024px;margin:0 auto 7rem;background:#232624}.video-stage video{object-fit:contain}.service-video-duo{background:#232624}.service-video-duo video:nth-child(2){display:none}.founders{display:grid;grid-template-columns:repeat(2,1fr);gap:1.2rem}.founder{position:relative;aspect-ratio:4/5;overflow:hidden}.founder-label{position:absolute;bottom:0;left:0;right:0;background:rgba(249,247,244,.94);padding:1.4rem}.founder-label h3{font-family:var(--serif);font-size:2rem;font-weight:400;margin:0}.founder-label p{font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;margin:.25rem 0 0}
.shop-band{display:grid;grid-template-columns:1fr 1fr;min-height:650px}.shop-copy{padding:clamp(3rem,7vw,8rem);display:flex;flex-direction:column;justify-content:center;background:var(--warm)}.shop-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,5vw,5.3rem);line-height:.95;margin:.5rem 0 1.5rem}.shop-visual{overflow:hidden}.category-row{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:3rem}.category{border-top:1px solid var(--ink);padding-top:1rem}.category h3{font-family:var(--serif);font-size:1.7rem;font-weight:400;margin:0 0 .5rem}
.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,8rem)}.form{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}.field{display:flex;flex-direction:column;gap:.45rem}.field.full{grid-column:1/-1}.field label{text-transform:uppercase;letter-spacing:.14em;font-size:.68rem}.field input,.field select,.field textarea{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:.8rem 0;border-radius:0}.field textarea{min-height:110px;resize:vertical}.form button{justify-self:start;margin-top:1rem}.form-result{display:none;border:1px solid var(--line);padding:1.2rem;margin-top:1.5rem}.form-result.show{display:block}
.cta{padding:clamp(5rem,10vw,9rem) 1.4rem;text-align:center;background:var(--ink);color:#fff}.cta h2{font-family:var(--serif);font-size:clamp(3.1rem,6vw,6.3rem);font-weight:400;line-height:.95;margin:0 auto 2rem;max-width:900px}.footer{background:var(--sage);color:#fff;padding:4rem clamp(1.4rem,6vw,6.5rem) 2rem}.footer-main{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:3rem}.footer .brand{text-align:left;font-size:2rem}.footer h4{text-transform:uppercase;font-size:.67rem;letter-spacing:.17em;margin:0 0 1.1rem}.footer a{display:block;margin:.45rem 0;font-size:.9rem}.footer-bottom{border-top:1px solid rgba(255,255,255,.35);margin-top:4rem;padding-top:1.4rem;display:flex;justify-content:space-between;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .8s,transform .8s}.reveal.in{opacity:1;transform:none}
@media(min-width:921px){.hero{display:grid;grid-template-columns:minmax(0,1fr) 648px;height:min(72vh,640px);min-height:576px;background:var(--ink)}.hero:after{display:none}.hero-media{position:relative;grid-column:2;grid-row:1;width:648px;max-width:648px;justify-self:center}.hero-duo{grid-template-columns:1fr 1fr;gap:2px}.hero-duo video,.service-video-duo video{display:block!important;width:100%;height:100%;object-fit:cover;background:var(--ink)}.hero-duo video:first-child{object-position:42% center}.hero-duo video:last-child{object-position:58% center}.hero-copy{position:relative;grid-column:1;grid-row:1;left:auto;bottom:auto;align-self:center;max-width:none;padding:clamp(3rem,5vw,6rem)}.hero .display{font-size:clamp(3.3rem,4.8vw,5.8rem)}.full-bleed.service-video-duo{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:648px;max-width:648px;height:min(72vh,640px);min-height:576px;margin:0 auto 7rem}.service-video-duo video:first-child{object-position:45% center}.service-video-duo video:last-child{object-position:55% center}}
@media(max-width:920px){.header{height:76px;grid-template-columns:1fr auto}.brand{justify-self:start;font-size:1.15rem}.brand small{display:none}.nav{position:fixed;inset:0;background:var(--paper);padding:7rem 2rem 2rem;display:flex;flex-direction:column;align-items:flex-start;gap:1.3rem;transform:translateX(-100%);transition:.35s;z-index:-1}.nav.open{transform:none}.nav a{font-family:var(--serif);font-size:2.2rem;text-transform:none;letter-spacing:0}.header-right .header-action{display:none}.menu-btn{display:block}.split,.split.reverse{grid-template-columns:1fr;gap:3rem}.split.reverse .copy{order:0}.feature-grid{grid-template-columns:1fr 1fr}.feature-card:last-child{grid-column:1/-1;width:50%}.portfolio-grid{gap:3rem 1rem}.project-card:nth-child(even){margin-top:4rem}.shop-band{grid-template-columns:1fr;min-height:0}.shop-visual{height:520px}.category-row{grid-template-columns:1fr 1fr}.footer-main{grid-template-columns:1fr 1fr}.contact-grid{grid-template-columns:1fr}.step{grid-template-columns:55px 1fr}.step p{grid-column:2}.service-list{grid-template-columns:1fr}}
@media(max-width:600px){.top-note{font-size:.58rem}.hero{min-height:610px;height:78vh}.hero-copy{left:1.3rem;right:1.3rem}.section{padding-top:4.5rem;padding-bottom:4.5rem}.feature-grid,.video-pair,.founders{grid-template-columns:1fr}.feature-card:last-child{grid-column:auto;width:auto}.portfolio-grid{grid-template-columns:1fr}.project-card:nth-child(even){margin-top:0}.placeholder{aspect-ratio:4/4.6}.category-row{grid-template-columns:1fr}.form{grid-template-columns:1fr}.field.full{grid-column:auto}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:.7rem}.full-bleed{min-height:390px;height:55vh}.full-bleed.video-stage{min-height:0;height:auto;margin-bottom:4rem}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}}