:root{--paper:#f6f3ed;--ink:#20201e;--line:#d7d1c7;--red:#8d382e;--muted:#68635b;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif;--gutter:clamp(22px,5vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.65 var(--sans);-webkit-font-smoothing:antialiased}body.dialog-open{overflow:hidden}img{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible{outline:3px solid #b14a37;outline-offset:5px}::selection{background:#e8c8bb;color:var(--ink)}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;padding:12px 18px;background:var(--ink);color:var(--paper)}.skip-link:focus{top:12px}
.studio-header{position:sticky;top:0;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.studio-nav{min-height:82px;max-width:1440px;margin:auto;padding:16px var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.logo{font:700 26px/1.2 var(--serif);letter-spacing:-.04em;text-decoration:none;white-space:nowrap}.links{display:flex;align-items:center;gap:clamp(20px,2.7vw,38px)}.links a{font:600 13px/1.3 var(--sans);letter-spacing:.055em;text-transform:uppercase;text-decoration:none;padding:10px 0}.links a:hover{text-decoration:underline;text-underline-offset:6px;color:var(--red)}.links .nav-contact{border:1px solid var(--ink);padding:12px 16px;display:inline-flex;gap:16px}.studio-nav .menu-toggle{display:none}
.studio-page h1,.studio-page h2,.studio-page h3,.studio-page h4,.studio-page p{margin-top:0}.studio-page .hero{padding:70px var(--gutter) 0;background:var(--paper)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:clamp(35px,4.7vw,72px);align-items:center;max-width:1280px;margin:auto}
.hero-copy{min-width:0;padding:10px 0 28px}
.eyebrow{font:600 12px/1.6 var(--sans);letter-spacing:.11em;text-transform:uppercase;margin-bottom:22px}
.hero-copy>.eyebrow{color:var(--red);font-size:11px;letter-spacing:.1em;margin-bottom:32px}
.studio-page .hero h1{font:400 clamp(68px,7.5vw,112px)/.99 var(--serif);letter-spacing:-.063em;margin:0 0 30px}
.hero h1 .accent{display:block;margin-top:5px}.accent{color:var(--red)}
.hero-premise{font:400 clamp(24px,2.4vw,32px)/1.3 var(--serif);letter-spacing:-.025em;margin-bottom:20px}
.hero-description{max-width:500px;font-size:17px;line-height:1.7;color:#5d574f;margin-bottom:28px}
.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:20px 27px}
.hero-actions .hero-primary{background:var(--ink);color:var(--paper);border-color:var(--ink)}
.hero-actions .hero-primary:hover{background:var(--red);border-color:var(--red)}
.hero-contact{display:inline-flex;align-items:center;gap:10px;font:600 13px/1.5 var(--sans);text-decoration:none;border-bottom:1px solid var(--ink);padding:12px 0}
.hero-contact:hover{color:var(--red)}
.hero-showcase{min-width:0;padding-top:10px}
.showcase-label{font:600 10px/1.5 var(--sans);letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin:0 0 19px}
.hero-posters{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
.hero-poster{display:block;width:100%;min-width:0;padding:0;border:0;background:none;color:var(--ink);text-align:left}
.hero-poster:nth-child(2){margin-top:70px}
.poster-image{display:block;position:relative;height:360px;overflow:hidden;background:#463d34;box-shadow:0 12px 22px #3a241c18}
.poster-image img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;transition:transform .3s}
.hero-poster:hover .poster-image img{transform:scale(1.035)}
.poster-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#15120f00 27%,#15120f45 48%,#15120ff5 100%)}
.poster-overlay{position:absolute;z-index:1;bottom:0;left:0;right:0;padding:20px 16px;color:#fffaf2}
.poster-format{display:block;font:600 9px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px;color:#ece0cd}
.poster-title{display:block;font:400 clamp(26px,2.5vw,36px)/1.07 var(--serif);letter-spacing:-.035em}
.poster-open{display:flex;align-items:center;justify-content:space-between;gap:8px;font:500 10px/1.5 var(--sans);margin-top:20px}
.poster-open .arrow-icon{width:15px;height:15px}
.poster-brand{display:block;font:600 12px/1.4 var(--sans);margin-top:15px}.poster-brand>span{display:block;font-size:11px;line-height:1.5;font-weight:400;color:var(--muted);margin-top:4px}
.hero-footer{max-width:1280px;margin:45px auto 0;border-top:1px solid var(--line);padding:23px 0;display:flex;justify-content:space-between;gap:20px;align-items:center}
.hero-footer p,.hero-footer a{font:500 11px/1.5 var(--sans);letter-spacing:.065em;text-transform:uppercase;margin:0;text-decoration:none}
.hero-footer a{display:inline-flex;align-items:center;gap:16px}.hero-footer a:hover{color:var(--red)}
.pill{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border:1px solid currentColor;padding:13px 20px;font:600 13px/1.5 var(--sans);letter-spacing:.045em;text-transform:uppercase;text-decoration:none;transition:background .15s,color .15s}.pill:hover{background:var(--ink);color:var(--paper)}
.studio-page main>section{padding:clamp(70px,7.3vw,108px) var(--gutter);border-top:1px solid var(--line)}.section-inner{max-width:1280px;margin:auto}.dark{background:var(--ink);color:var(--paper)}.studio-page .dark{border-color:var(--ink)}.dark .eyebrow{color:#e2d5c9}.dark .pill:hover{background:var(--paper);color:var(--ink)}.manifesto{display:grid;grid-template-columns:minmax(180px,.65fr) minmax(0,1.65fr);gap:clamp(40px,7vw,100px)}.manifesto>.eyebrow{padding-top:12px}.manifesto p:not(.small){font:400 clamp(36px,4.2vw,62px)/1.18 var(--serif);letter-spacing:-.035em;margin:0 0 33px}.manifesto i{font-style:normal;color:#dcae9a}.manifesto p.small{font-size:18px;line-height:1.8;max-width:760px;margin-bottom:22px;color:#e0dcd4}.manifesto p:last-child{margin-bottom:0}
.sectionhead{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:40px}.sectionhead h2.editorial{font:400 clamp(40px,4.5vw,66px)/1.13 var(--serif);letter-spacing:-.04em;margin:0}.sectionhead>span{font:600 12px/1.6 var(--sans);text-transform:uppercase;letter-spacing:.08em;text-align:right;max-width:310px}.workgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.tile{min-height:320px;background:#e9e3d9;display:flex;flex-direction:column;justify-content:space-between;gap:28px;padding:34px}.tile:nth-child(2){background:#e0d7ca}.tile:nth-child(3){background:#deded6}.tile:nth-child(4){background:#eadfd5}.tile .number{font:600 12px/1.5 var(--sans);letter-spacing:.1em}.tile h3{font:400 clamp(32px,3vw,45px)/1.12 var(--serif);letter-spacing:-.03em;margin-bottom:17px}.tile p{font-size:17px;line-height:1.65;max-width:430px;margin-bottom:0}.text-link{display:inline-flex;align-items:center;gap:15px;background:none;color:inherit;border:0;border-bottom:1px solid currentColor;padding:9px 0;margin-top:20px;text-align:left;text-decoration:none;font:600 13px/1.5 var(--sans);letter-spacing:.035em;text-transform:uppercase;min-height:40px}.text-link:hover{color:var(--red)}.dark .text-link:hover{color:#efb59c}
.service{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(45px,7vw,95px);padding-top:18px}.service h3.service-title{font:400 clamp(35px,3.9vw,56px)/1.18 var(--serif);letter-spacing:-.03em;margin:0 0 28px}.service p{font-size:18px;line-height:1.8;color:#e0dcd4;margin-bottom:28px}.service>div:first-child>p{max-width:400px}.steps{border-top:1px solid #69665f}.step{display:flex;gap:22px;align-items:baseline;border-bottom:1px solid #69665f;padding:18px 0;font-size:16px;line-height:1.65}.step b{font-size:12px;font-weight:500;min-width:24px;color:#d1b7a8}.brand-work{margin-top:80px;padding-top:42px;border-top:1px solid #69665f;scroll-margin-top:110px}.subheading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:25px}.subheading h3{font:400 27px/1.3 var(--serif);letter-spacing:-.02em;margin:0}.subheading p{font-size:14px;color:#cbc5bb;margin:0}.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.brand-card{border:1px solid #69665f;display:flex;flex-direction:column}.brand-card img{width:100%;height:240px;object-fit:cover;object-position:center 45%}.brand-card>div{display:flex;flex-direction:column;align-items:flex-start;padding:25px;flex:1}.brand-card .eyebrow{font-size:11px;letter-spacing:.045em;margin-bottom:15px}.brand-card h4{font:400 27px/1.2 var(--serif);letter-spacing:-.02em;margin:0 0 18px}.brand-card p:not(.eyebrow){font-size:16px;line-height:1.7;color:#ddd7cd;margin-bottom:20px}.brand-card .text-link{margin-top:auto;font-size:12px}.work-note{font-size:13px;line-height:1.7;color:#c3bbb0;margin:22px 0 0;max-width:950px}
.studio-page main>.quote-section{padding-top:72px;padding-bottom:72px}.quote{font:400 clamp(34px,4.8vw,68px)/1.2 var(--serif);letter-spacing:-.035em;margin:0;max-width:1100px}.quote span,.quote em{display:block}.quote em{font-style:normal;color:var(--red);margin-top:10px}.aboutgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(40px,6vw,90px);align-items:center}
.about-photo{margin:0;width:100%;max-width:475px}.about-photo img{width:100%;height:auto}.about-photo figcaption{font:400 12px/1.6 var(--sans);color:var(--muted);margin-top:13px}
.about-copy>.eyebrow{font:600 11px/1.7 var(--sans);letter-spacing:.09em;color:var(--red);margin-bottom:22px}
.aboutgrid p:not(.eyebrow){font-size:18px;line-height:1.8;max-width:760px;margin-bottom:23px}.aboutgrid p:last-child{margin-bottom:0}
.cta{text-align:center}.cta .eyebrow{margin-bottom:22px}.cta h2.closing-title{font:400 clamp(36px,4.8vw,68px)/1.2 var(--serif);letter-spacing:-.035em;margin:0 auto 28px;max-width:1100px}.closing-title span{color:#dcae9a}.cta p{font-size:18px;line-height:1.8;max-width:680px;margin:0 auto 30px;color:#e0dcd4}.cta .pill{background:var(--paper);color:var(--ink)}.cta .pill:hover{background:#e4c9b8}.contact-email{display:block;margin:22px auto 0;width:max-content;max-width:100%;font-size:15px;color:#ded3c7;text-decoration:underline;text-underline-offset:5px;overflow-wrap:anywhere}
.studio-footer{background:var(--ink);color:var(--paper);border-top:1px solid #69665f;padding:30px var(--gutter);display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:25px;font:400 13px/1.6 var(--sans);letter-spacing:0;text-transform:none}.studio-footer>div:first-child{display:flex;flex-direction:column;gap:5px}.footer-logo{font:700 19px/1.2 var(--serif);text-decoration:none}.studio-footer span,.studio-footer p{color:#c6c0b5;font-size:13px;margin:0}.footer-links{display:flex;gap:24px;flex-wrap:wrap}.footer-links a{text-decoration:none}.footer-links a:hover{text-decoration:underline;text-underline-offset:4px}
.studio-page dialog{border:1px solid var(--line);padding:0;width:min(1060px,calc(100vw - 32px));max-height:90svh;background:var(--paper);color:var(--ink);box-shadow:0 30px 100px #0005}.studio-page dialog::backdrop{background:#151411bd;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;padding:30px;border-bottom:1px solid var(--line)}.dialog-head h2{font:400 clamp(30px,3.6vw,48px)/1.15 var(--serif);letter-spacing:-.03em;margin:12px 0 0}.dialog-head .meta{font:600 12px/1.5 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--red)}.dialog-close{border:1px solid var(--ink);background:transparent;color:var(--ink);width:44px;height:44px;flex-shrink:0;font-size:25px;line-height:1}.dialog-close:hover{background:var(--ink);color:var(--paper)}.dialog-grid{display:grid;grid-template-columns:40% 60%}.dialog-grid:has(.dialog-media[hidden]){grid-template-columns:1fr}.dialog-media img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.dialog-story{padding:30px}.dialog-intro{font:400 24px/1.4 var(--serif);color:var(--red);margin-bottom:28px}.dialog-block{border-top:1px solid var(--line);padding:18px 0}.dialog-block h3{font:600 13px/1.5 var(--sans);letter-spacing:.07em;text-transform:uppercase;margin:0 0 9px}.dialog-block p{font-size:16px;line-height:1.7;margin:0}.dialog-note{font-size:13px;line-height:1.65;color:var(--muted);margin:18px 0 0}.dialog-extra{margin-top:20px;max-width:100%}
.arrow-icon,.menu-icon{display:inline-block;vertical-align:middle;width:17px;height:17px;flex:none}.pill{gap:12px}.nav-contact>span{display:inline-flex}.text-link>span{display:inline-flex}

@media(max-width:1060px){.hero-grid{gap:32px;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.studio-page .hero h1{font-size:clamp(62px,7.5vw,80px)}.hero-posters{gap:12px}.poster-image{height:310px}.poster-overlay{padding:17px 12px}.poster-title{font-size:26px}.poster-format{font-size:8px}.poster-open{font-size:9px}.hero-contact{font-size:12px}.hero-footer{margin-top:28px}.brand-grid{gap:16px}.brand-card>div{padding:20px}.brand-card img{height:210px}.brand-card h4{font-size:25px}}
@media(max-width:800px){html{scroll-padding-top:92px}.studio-nav{min-height:72px;padding-top:12px;padding-bottom:12px}.studio-nav .menu-toggle{display:inline-flex;align-items:center;gap:14px;min-height:44px;border:1px solid var(--ink);background:none;color:var(--ink);font:600 13px/1.2 var(--sans);padding:10px 14px}.links{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);border-bottom:1px solid var(--line);padding:10px var(--gutter) 22px;align-items:stretch;gap:0;flex-direction:column}.links.open{display:flex}.links a{font-size:14px;padding:16px 0;border-bottom:1px solid var(--line)}.links .nav-contact{margin-top:12px;padding:13px 16px;justify-content:space-between}.studio-page .hero{padding-top:45px;padding-bottom:0}.hero-grid{grid-template-columns:1fr;gap:28px;max-width:650px}.hero-copy{padding:0}.studio-page .hero h1{font-size:clamp(64px,11.5vw,91px);margin:0 0 25px}.hero-copy>.eyebrow{margin-bottom:25px}.hero-description{max-width:550px}.hero-showcase{padding-top:8px}.hero-posters{gap:20px}.poster-image{height:360px}.hero-poster:nth-child(2){margin-top:35px}.poster-overlay{padding:24px}.poster-title{font-size:36px}.poster-format{font-size:10px}.poster-open{font-size:12px}.poster-brand{font-size:13px}.poster-brand>span{font-size:12px}.hero-footer{max-width:650px;margin-top:35px}.hero-footer p,.hero-footer a{font-size:10px}.about-photo{max-width:420px;margin:0 auto}.aboutgrid{gap:32px}.manifesto,.service,.aboutgrid{grid-template-columns:1fr;gap:28px}.manifesto>.eyebrow{padding:0;margin:0}.manifesto p:not(.small){font-size:clamp(36px,6vw,48px)}.sectionhead{align-items:flex-start;flex-direction:column;gap:14px;margin-bottom:30px}.sectionhead>span{text-align:left}.sectionhead h2.editorial{font-size:clamp(39px,6.3vw,51px)}.workgrid{gap:18px}.tile{padding:26px;min-height:320px}.tile h3{font-size:33px}.tile p{font-size:16px}.service{padding-top:5px;gap:42px}.service h3.service-title{font-size:42px}.service>div:first-child>p{max-width:none}.brand-grid{grid-template-columns:1fr}.brand-card{display:grid;grid-template-columns:36% 64%}.brand-card img{height:100%;min-height:270px}.brand-card>div{padding:25px}.brand-card h4{font-size:28px}.subheading{align-items:flex-start;flex-direction:column;gap:10px}.brand-work{margin-top:55px}.quote{font-size:clamp(35px,5.6vw,48px)}.cta h2.closing-title{font-size:clamp(35px,5.6vw,48px)}.dialog-grid{grid-template-columns:1fr}.dialog-media img{height:270px}.studio-footer{align-items:flex-start}.studio-footer>p{display:none}}
@media(max-width:520px){.logo{font-size:23px}.studio-page .hero h1{font-size:clamp(44px,11.4vw,60px);letter-spacing:-.055em}.hero-copy>.eyebrow{font-size:10px;letter-spacing:.07em;max-width:270px;margin-bottom:23px}.hero-premise{font-size:26px}.hero-description{font-size:16px}.hero-actions{gap:12px 20px}.hero-actions .pill{font-size:11px;padding:12px 15px}.hero-contact{font-size:12px}.hero-posters{gap:13px}.poster-image{height:265px}.poster-overlay{padding:14px 12px}.poster-title{font-size:27px}.poster-format{font-size:8px;letter-spacing:.04em;margin-bottom:8px}.poster-open{font-size:9px;margin-top:14px;gap:3px}.hero-poster:nth-child(2){margin-top:28px}.poster-brand{font-size:11px}.poster-brand>span{font-size:10px}.hero-footer{align-items:flex-start;flex-direction:column;gap:12px;padding:21px 0}.showcase-label{font-size:10px}.studio-page main>section{padding-top:58px;padding-bottom:58px}.manifesto p.small,.service p,.aboutgrid p:not(.eyebrow),.cta p{font-size:17px}.manifesto p:not(.small){font-size:35px;line-height:1.22}.workgrid{grid-template-columns:1fr}.tile{min-height:280px;padding:28px}.tile h3{font-size:36px}.service h3.service-title{font-size:35px}.sectionhead>span{font-size:11px}.brand-card{display:flex}.brand-card img{height:240px;min-height:0;object-position:center 45%}.brand-card>div{padding:24px}.brand-card .eyebrow{font-size:11px}.brand-card .text-link{margin-top:8px}.quote{font-size:35px}.studio-page main>.quote-section{padding-top:56px;padding-bottom:56px}.cta h2.closing-title{font-size:32px;line-height:1.3}.step{gap:15px;font-size:15px}.studio-footer{flex-direction:column;gap:22px}.footer-links{gap:18px;font-size:13px}.dialog-head,.dialog-story{padding:23px}.dialog-head h2{font-size:30px}.dialog-media img{height:220px}}
@media(max-width:380px){.hero-posters{grid-template-columns:1fr;gap:24px}.hero-poster:nth-child(2){margin-top:0}.poster-image{height:330px}.poster-overlay{padding:22px}.poster-title{font-size:36px}.poster-format{font-size:10px}.poster-open{font-size:12px}.poster-brand{font-size:13px}.poster-brand>span{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pill,.poster-image img{transition:none}}
