@font-face{font-family:Spectral;src:url('/fonts/spectral-400.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Spectral;src:url('/fonts/spectral-500.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Spectral;src:url('/fonts/spectral-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:Work Sans;src:url('/fonts/work-sans.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}

:root{--cream:#f4efe6;--paper:#fbf8f2;--ink:#20201d;--muted:#716d66;--rust:#a55336;--rust-dark:#804029;--line:#d9d1c5;--dark:#1c1c1a;--white:#fffaf2;--serif:Spectral,Georgia,serif;--sans:'Work Sans',Arial,sans-serif;--page:clamp(20px,5vw,76px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--cream)}
body{margin:0;color:var(--ink);background:var(--cream);font-family:var(--sans);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{color:inherit;font:inherit}
img,video{display:block;max-width:100%}
::selection{color:var(--white);background:var(--rust)}
.skip-link{position:fixed;z-index:1000;left:1rem;top:1rem;transform:translateY(-200%);padding:.8rem 1rem;background:var(--dark);color:white}.skip-link:focus{transform:none}
.site-header{position:fixed;z-index:100;top:0;left:0;width:100%;height:82px;padding:0 var(--page);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--ink);transition:background .3s,color .3s,height .3s,border-color .3s;border-bottom:1px solid transparent}
.site-header.scrolled{height:68px;background:rgba(244,239,230,.92);border-color:var(--line);backdrop-filter:blur(12px)}
.wordmark{width:42px;height:42px;border:1px solid currentColor;border-radius:50%;display:grid;place-items:center;font-family:var(--serif);font-size:17px;letter-spacing:-.18em;padding-right:.15em}.wordmark span{font-style:italic}
.nav{display:flex;gap:clamp(20px,3vw,44px);font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:600}.nav a,.nav-cta{position:relative}.nav a:after,.nav-cta:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:1px;transform:scaleX(0);transform-origin:right;background:currentColor;transition:transform .25s}.nav a:hover:after,.nav-cta:hover:after{transform:scaleX(1);transform-origin:left}
.nav-cta{justify-self:end;font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:600}.nav-cta span{color:var(--rust);font-size:16px;margin-left:6px}
.hero{min-height:100svh;padding:clamp(118px,13vh,150px) var(--page) 54px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(320px,.75fr) 25px;gap:clamp(30px,6vw,100px);align-items:center;background:var(--paper);overflow:hidden}
.hero-copy{max-width:720px}.eyebrow{margin:0 0 28px;color:var(--rust);font-size:11px;font-weight:650;text-transform:uppercase;letter-spacing:.24em}
h1,h2,h3{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;margin:0;line-height:.96;text-wrap:balance}h1{font-size:clamp(68px,9vw,142px)}h1 em,h2 em,h3 em{font-weight:400;color:var(--rust)}
.hero-intro{max-width:530px;margin:40px 0 0;font-family:var(--serif);font-size:clamp(19px,1.55vw,25px);line-height:1.45;color:#4d4a45;text-wrap:pretty}
.hero-actions{margin-top:42px;display:flex;gap:30px;align-items:center}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:0 20px;font-size:11px;text-transform:uppercase;letter-spacing:.15em;font-weight:650}.button-dark{background:var(--dark);color:var(--white)}.button-dark:hover span{transform:translateY(3px)}.button span{transition:transform .2s}.text-link{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-weight:650;border-bottom:1px solid var(--ink);padding-bottom:4px}.text-link span{color:var(--rust)}
.hero-portrait{position:relative;margin:0;align-self:stretch;min-height:580px;max-height:800px;overflow:hidden}.hero-portrait:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.5);z-index:1;pointer-events:none}.hero-portrait img{width:100%;height:100%;object-fit:cover;object-position:center 32%;filter:saturate(.88) contrast(.98)}.hero-portrait figcaption{position:absolute;left:0;bottom:0;background:var(--paper);padding:14px 18px 8px 0;font-size:10px;letter-spacing:.14em;text-transform:uppercase;z-index:2}.hero-side{writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;text-transform:uppercase;letter-spacing:.25em;color:#8a857e;justify-self:end}
.proof-bar{display:grid;grid-template-columns:repeat(4,1fr);background:var(--dark);color:var(--white);padding:0 var(--page)}.proof-bar>div,.proof-bar>a{min-height:132px;padding:26px clamp(12px,2.3vw,38px);border-right:1px solid #454440;display:flex;flex-direction:column;justify-content:center}.proof-bar>*:first-child{padding-left:0}.proof-bar>*:last-child{border:0}.proof-bar strong{font-family:var(--serif);font-size:clamp(23px,2.25vw,37px);font-weight:500;color:#d88562;line-height:1.1}.proof-bar span{font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:#b8b3aa;margin-top:8px}.proof-bar a:hover strong{color:var(--white)}
.section{padding:clamp(90px,12vw,180px) var(--page)}
.section-heading{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.5fr);align-items:end;gap:50px;border-bottom:1px solid var(--line);padding-bottom:54px;margin-bottom:66px}.section-heading h2,.about h2,.services h2{font-size:clamp(53px,7vw,106px)}.section-heading>p{margin:0 0 8px;font-family:var(--serif);font-size:18px;color:var(--muted);line-height:1.55;max-width:440px}
.work{background:var(--cream);overflow:hidden}.video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(14px,2vw,30px)}.video-card{min-width:0}.video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;background:#d8d0c4;cursor:pointer}.video-frame video{width:100%;height:100%;object-fit:cover}.video-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,transparent 62%,rgba(0,0,0,.45));pointer-events:none}.video-toggle{position:absolute;z-index:3;inset:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.video-toggle span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;color:white;background:rgba(25,25,22,.58);backdrop-filter:blur(7px);font-size:10px;text-transform:uppercase;letter-spacing:.15em;transition:transform .25s,background .25s}.video-frame:hover .video-toggle span{transform:scale(1.08);background:var(--rust)}.video-card.playing .video-toggle span{opacity:0}.video-card.playing .video-frame:hover .video-toggle span{opacity:1}.video-number{position:absolute;z-index:2;left:15px;bottom:15px;color:white;font-family:var(--serif);font-size:16px}.video-meta{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.video-meta strong{font-weight:600;color:var(--rust)}
.stories-block{margin-top:clamp(110px,14vw,210px);display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(50px,10vw,150px);align-items:center}.stories-intro{max-width:420px}.stories-intro h3{font-size:clamp(50px,6vw,88px)}.stories-intro>p:not(.eyebrow){color:var(--muted);font-family:var(--serif);font-size:18px;line-height:1.55;margin:30px 0}.story-controls{margin-top:40px;display:flex;align-items:center;gap:22px}.story-controls button{width:45px;height:45px;border:1px solid var(--ink);border-radius:50%;background:transparent;cursor:pointer;transition:.2s}.story-controls button:hover{background:var(--ink);color:white}.story-controls span{font-size:11px;letter-spacing:.12em}.story-controls b{color:var(--rust)}
.story-stage{position:relative;min-height:min(65vw,700px)}.story{position:absolute;inset:0;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(180px,.45fr);align-items:end;gap:0;opacity:0;visibility:hidden;transform:translateX(25px);transition:opacity .45s,transform .45s,visibility .45s}.story.active{opacity:1;visibility:visible;transform:none}.story img{width:100%;height:100%;object-fit:cover;max-height:700px}.story>div{background:var(--paper);padding:36px 30px}.story>div span{font-family:var(--serif);color:var(--rust)}.story h4{font-family:var(--serif);font-size:34px;margin:65px 0 5px;font-weight:500}.story p{margin:0;color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}
.partners{padding:74px var(--page);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper)}.partners .eyebrow{text-align:center}.partner-list{display:flex;justify-content:center;align-items:center;gap:22px 40px;flex-wrap:wrap}.partner-list span{font-family:var(--serif);font-size:clamp(19px,2vw,30px);color:#65615b}.partner-list span:nth-child(3n+2){font-style:italic}.partner-list span:not(:last-child):after{content:"·";color:var(--rust);margin-left:40px}
.about{display:grid;grid-template-columns:minmax(320px,.75fr) minmax(400px,1fr);gap:clamp(60px,10vw,155px);background:var(--paper);align-items:center}.about-visual{margin:0;position:relative}.about-visual:after{content:"";position:absolute;inset:-16px 16px 16px -16px;border:1px solid var(--rust);z-index:0}.about-visual img{position:relative;z-index:1;width:100%;max-height:850px;object-fit:cover}.about-visual p{position:absolute;z-index:2;right:0;bottom:0;margin:0;background:var(--paper);padding:15px 0 4px 18px;font-size:9px;text-transform:uppercase;letter-spacing:.16em}.about-copy{max-width:680px}.about-lead{font-family:var(--serif);font-size:clamp(22px,2.2vw,34px)!important;color:var(--ink)!important;line-height:1.45!important;margin-top:45px!important}.about-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:var(--muted);max-width:600px}.about blockquote{margin:45px 0 0;padding:28px 0 0;border-top:1px solid var(--line);font-family:var(--serif);font-style:italic;font-size:22px;line-height:1.45;color:var(--rust)}
.results{background:var(--dark);color:var(--white)}.section-heading.light{border-color:#494842}.section-heading.light>p{color:#bcb7ae}.results .eyebrow{color:#d88562}.result-lead{padding:10px 0 70px;border-bottom:1px solid #494842;display:flex;align-items:end;gap:30px}.result-lead strong{font-family:var(--serif);font-size:clamp(92px,17vw,250px);font-weight:400;letter-spacing:-.07em;line-height:.72;color:#d88562}.result-lead span{font-size:10px;text-transform:uppercase;letter-spacing:.16em;padding-bottom:5px;color:#aaa69e}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #494842}.result{padding:45px 30px 50px;border-right:1px solid #494842}.result:first-child{padding-left:0}.result:last-child{border:0}.result strong{display:block;font-family:var(--serif);font-weight:400;font-size:clamp(48px,6vw,86px);color:var(--white)}.result span{display:block;margin-top:6px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:#aaa69e}.performance{margin-top:90px;display:grid;grid-template-columns:1fr 1fr 1.4fr;column-gap:50px;align-items:center}.performance>.eyebrow{grid-column:1/-1}.performance-row{display:grid;gap:7px;padding:24px 0;border-top:1px solid #494842}.performance-row>span,.performance-row small{font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#aaa69e}.performance-row strong{font-family:var(--serif);font-size:28px;font-weight:400}.performance>a{justify-self:end;border-bottom:1px solid #6f6d67;padding:16px 0;font-family:var(--serif);font-size:18px}.performance>a span{color:#d88562}
.services{display:grid;grid-template-columns:minmax(300px,.72fr) minmax(500px,1.3fr);gap:clamp(60px,10vw,160px);background:var(--cream)}.services-heading{position:sticky;top:120px;align-self:start}.services-heading>p:last-child{max-width:440px;margin-top:35px;color:var(--muted);font-family:var(--serif);font-size:18px}.service-list{border-top:1px solid var(--line)}.service{position:relative;display:grid;grid-template-columns:45px minmax(180px,.8fr) 1.1fr;gap:20px;padding:38px 0;border-bottom:1px solid var(--line);align-items:start}.service>span{font-family:var(--serif);color:var(--rust)}.service h3{font-family:var(--serif);font-size:clamp(26px,2.5vw,39px);letter-spacing:-.02em}.service p{margin:5px 0 0;color:var(--muted);font-size:14px;line-height:1.65}.service small{position:absolute;right:0;top:12px;color:var(--rust);font-size:8px;text-transform:uppercase;letter-spacing:.16em}
.contact{padding:clamp(100px,13vw,185px) var(--page) 35px;background:var(--rust);color:var(--white);text-align:center}.contact-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.22em;margin-bottom:38px}.contact h2{font-size:clamp(54px,9vw,137px)}.contact h2 em{color:#2a2521}.contact-email{display:inline-flex;gap:18px;align-items:center;margin:55px auto 110px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.7);font-family:var(--serif);font-size:clamp(19px,2.1vw,32px)}.contact-email span{transition:transform .2s}.contact-email:hover span{transform:translate(4px,-4px)}.contact-footer{padding-top:26px;border-top:1px solid rgba(255,255,255,.3);display:grid;grid-template-columns:1fr auto 1fr;text-align:left;font-size:9px;text-transform:uppercase;letter-spacing:.14em}.contact-footer>div:nth-child(2){display:flex;gap:30px}.contact-footer>div:last-child{text-align:right}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.visible{opacity:1;transform:none}.reveal[data-delay="1"]{transition-delay:.08s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.24s}
@media (max-width:1050px){.hero{grid-template-columns:1fr .72fr;gap:40px}.hero-side{display:none}.video-grid{grid-template-columns:repeat(2,1fr);gap:45px 22px}.video-frame{max-height:700px}.stories-block{grid-template-columns:.6fr 1fr;gap:45px}.about{gap:65px}.services{grid-template-columns:1fr}.services-heading{position:static;max-width:700px}.performance{grid-template-columns:repeat(3,1fr)}.performance>a{grid-column:1/-1;justify-self:start;margin-top:25px}}
@media (max-width:760px){:root{--page:20px}.site-header{height:68px}.nav{display:none}.nav-cta{font-size:10px}.wordmark{width:38px;height:38px}.hero{min-height:auto;padding-top:105px;grid-template-columns:1fr;gap:45px}.hero-copy{display:contents}.hero .eyebrow{order:0}.hero h1{order:1;font-size:clamp(64px,21vw,104px)}.hero-intro{order:2;margin-top:26px;width:100%;max-width:100%;font-size:18px;overflow-wrap:break-word}.hero-actions{order:3;margin-top:0}.hero-portrait{order:4;min-height:0;height:70svh;max-height:680px}.hero-portrait figcaption{font-size:8px}.proof-bar{grid-template-columns:repeat(2,1fr)}.proof-bar>div,.proof-bar>a{min-height:112px;border-bottom:1px solid #454440}.proof-bar>*:nth-child(2){border-right:0}.proof-bar>*:nth-child(3){padding-left:0}.section{padding-top:90px;padding-bottom:90px}.section-heading{grid-template-columns:1fr;gap:25px;padding-bottom:35px;margin-bottom:45px}.section-heading h2,.about h2,.services h2{font-size:clamp(52px,16vw,78px)}.video-grid{display:flex;overflow-x:auto;margin-right:calc(var(--page)*-1);padding-right:var(--page);gap:15px;scroll-snap-type:x mandatory;scrollbar-width:none}.video-card{flex:0 0 74vw;scroll-snap-align:start}.video-frame{max-height:none}.stories-block{margin-top:110px;grid-template-columns:1fr}.story-stage{min-height:620px}.story{grid-template-columns:1fr}.story img{height:560px}.story>div{position:absolute;left:0;bottom:0;padding:18px 22px}.story h4{margin:20px 0 3px;font-size:27px}.partners{padding-top:55px;padding-bottom:55px}.partner-list{gap:18px 25px}.partner-list span:not(:last-child):after{margin-left:25px}.about{grid-template-columns:1fr;padding-top:110px}.about-visual{margin-left:16px}.about-copy{padding-top:10px}.results .section-heading{margin-bottom:70px}.result-lead{display:block}.result-lead strong{line-height:.8}.result-lead span{margin-top:25px;display:block}.result-grid{grid-template-columns:1fr}.result{padding:30px 0;border-right:0;border-bottom:1px solid #494842}.result:last-child{border:0}.performance{grid-template-columns:1fr;margin-top:70px}.performance>.eyebrow{grid-column:auto}.performance>a{grid-column:auto}.service{grid-template-columns:35px 1fr}.service p{grid-column:2}.contact{padding-top:100px}.contact-email{margin-bottom:85px}.contact-footer{grid-template-columns:1fr 1fr;gap:28px}.contact-footer>div:nth-child(2){justify-self:end}.contact-footer>div:last-child{text-align:left;grid-column:1/-1}.reveal[data-delay]{transition-delay:0s}}
/* Work showcase — preserves the media-kit’s paired social-card composition */
.work-row-heading{max-width:1240px;margin:0 auto 26px;display:flex;align-items:baseline;gap:12px;color:var(--rust);text-transform:uppercase;letter-spacing:.22em;font-size:11px;font-weight:650}.work-row-heading p{margin:0}.work-row-heading p:after{content:"·";margin-left:12px}.work-row-heading span{font-size:10px}
.video-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3.4vw,52px)}.video-card{min-width:0}.video-frame{position:relative;aspect-ratio:9/16;overflow:hidden;border-radius:clamp(34px,4vw,58px);background:#d8d0c4;border:1px solid rgba(32,32,29,.12);box-shadow:0 22px 45px rgba(53,45,37,.18),inset 0 0 0 7px rgba(255,255,255,.48);cursor:pointer;isolation:isolate}.video-frame video{width:100%;height:100%;object-fit:cover}.video-frame:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to bottom,transparent 68%,rgba(18,17,15,.26));pointer-events:none}.video-toggle{position:absolute;z-index:4;inset:0;border:0;background:transparent;cursor:pointer;display:grid;place-items:center}.video-toggle span{position:relative;width:78px;height:78px;border-radius:50%;display:block;background:rgba(251,248,242,.88);box-shadow:0 8px 28px rgba(22,20,18,.15);backdrop-filter:blur(8px);transition:transform .25s,opacity .2s,background .2s}.video-toggle span:before{content:"";position:absolute;left:32px;top:25px;border-top:14px solid transparent;border-bottom:14px solid transparent;border-left:21px solid var(--rust)}.video-toggle span:after{content:"";display:none}.video-frame:hover .video-toggle span{transform:scale(1.06);background:var(--paper)}.video-card.playing .video-toggle span{opacity:0}.video-card.playing .video-frame:hover .video-toggle span{opacity:1;transform:scale(.82)}.video-card.playing .video-toggle span:before{left:29px;top:25px;width:7px;height:28px;border:0;background:var(--rust)}.video-card.playing .video-toggle span:after{display:block;position:absolute;left:43px;top:25px;width:7px;height:28px;background:var(--rust)}.video-sound{position:absolute;z-index:6;right:15px;top:16px;min-height:34px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(25,24,21,.56);color:white;font-size:8px;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;opacity:0;transform:translateY(-5px);transition:opacity .2s,transform .2s}.video-card.playing .video-sound{opacity:1;transform:none}.video-duration{position:absolute;z-index:3;right:19px;bottom:21px;color:white;font-family:var(--serif);font-size:15px}.video-progress{position:absolute;z-index:3;left:20px;right:20px;bottom:16px;height:3px;background:rgba(255,255,255,.48);overflow:hidden}.video-progress i{display:block;width:100%;height:100%;background:white;transform:scaleX(0);transform-origin:left;transition:transform .1s linear}.video-meta{display:block;margin-top:18px;padding-left:clamp(5px,1vw,15px);font-family:var(--serif);font-size:clamp(19px,1.6vw,25px);line-height:1.22;text-transform:none;letter-spacing:0}.video-meta span,.video-meta strong{display:block}.video-meta strong{margin-top:5px;color:var(--ink);font-size:.76em;font-weight:400}
.stories-block{max-width:1240px;margin:clamp(100px,11vw,155px) auto 0;display:block}.stories-block .work-row-heading{margin-left:0;margin-right:0}.story-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(22px,3.4vw,52px)}.story-card{min-width:0}.story-phone{position:relative;width:100%;aspect-ratio:9/16;padding:0;overflow:hidden;border:1px solid rgba(32,32,29,.14);border-radius:clamp(34px,4vw,58px);background:#d8d0c4;box-shadow:0 22px 45px rgba(53,45,37,.18),inset 0 0 0 7px rgba(255,255,255,.48);cursor:pointer}.story-phone img{width:100%;height:100%;object-fit:cover;transition:opacity .18s,transform .3s}.story-phone.is-changing img{opacity:.45;transform:scale(1.015)}.story-bars{position:absolute;z-index:3;left:22px;right:22px;top:18px;height:3px;display:flex;gap:6px}.story-bars i{flex:1;height:100%;border-radius:10px;background:rgba(255,255,255,.42)}.story-bars i.active{background:white}.story-count{position:absolute;z-index:3;right:18px;bottom:17px;padding:5px 8px;border-radius:99px;background:rgba(25,24,21,.45);color:white;font-size:8px;letter-spacing:.12em}.story-card h3{margin:18px 0 0;padding:0 8px;font-family:var(--serif);font-size:clamp(17px,1.5vw,23px);font-style:italic;font-weight:400;line-height:1.25;letter-spacing:-.01em}.story-card h3 small{font:inherit;color:var(--muted)}
@media (max-width:1050px){.video-grid,.story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:52px 32px}.video-frame,.story-phone{max-height:none}.stories-block{display:block}.story-grid{align-items:start}}
@media (max-width:760px){.work-row-heading{align-items:flex-start;gap:8px;flex-wrap:wrap;margin-bottom:22px}.work-row-heading p{width:auto}.work-row-heading span{font-size:9px}.video-grid,.story-grid{display:flex;overflow-x:auto;margin-right:calc(var(--page)*-1);padding:5px var(--page) 24px 2px;gap:17px;scroll-snap-type:x mandatory;scrollbar-width:none}.video-card,.story-card{flex:0 0 72vw;scroll-snap-align:start}.video-frame,.story-phone{border-radius:42px}.video-toggle span{width:70px;height:70px}.video-toggle span:before{left:29px;top:22px}.video-card.playing .video-toggle span:before{left:26px;top:21px}.video-card.playing .video-toggle span:after{left:40px;top:21px}.video-meta{font-size:21px;margin-top:14px}.stories-block{margin-top:88px}.story-card h3{font-size:18px}}
.icon-arrow{width:1.25em;height:1.25em;display:inline-block;flex:none;fill:none;stroke:currentColor;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round;vertical-align:-.18em;transition:transform .2s}.nav-cta,.text-link{display:inline-flex;align-items:center;gap:10px}.nav-cta:hover .icon-arrow,.text-link:hover .icon-arrow,.performance>a:hover .icon-arrow,.contact-email:hover .icon-arrow{transform:translate(3px,-3px)}.button:hover .icon-arrow{transform:translateY(3px)}.proof-bar .icon-arrow{width:1em;height:1em;margin-left:3px}
@media (max-width:760px){
  .site-header{height:72px}.nav-cta{gap:8px;white-space:nowrap}.nav-cta .icon-arrow{width:16px;height:16px}
  .hero{padding-top:100px;gap:34px}.hero h1{font-size:clamp(58px,18.5vw,86px);line-height:.88}.hero-intro{margin-top:22px;font-size:17px;line-height:1.52}.hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%}.hero-actions .button,.hero-actions .text-link{width:100%;min-width:0;min-height:54px;box-sizing:border-box}.hero-actions .button{gap:10px;padding:0 18px}.hero-actions .text-link{justify-content:space-between;padding:0 7px}.hero-portrait{height:54svh;min-height:390px;max-height:520px}.hero-portrait img{object-position:center 28%}
  .section-heading h2,.about h2,.services h2{font-size:clamp(46px,14vw,68px)}
  .work-row-heading{display:block;margin-bottom:20px;line-height:1.55}.work-row-heading p{display:inline}.work-row-heading p:after{margin-left:8px}.work-row-heading span{display:inline;font-size:8px;letter-spacing:.18em}
  .video-grid,.story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;margin:0;padding:0;gap:30px 12px;scroll-snap-type:none}.video-card,.story-card{min-width:0;flex:none}.video-frame,.story-phone{border-radius:24px;box-shadow:0 12px 24px rgba(53,45,37,.14),inset 0 0 0 4px rgba(255,255,255,.35)}
  .video-toggle span{width:48px;height:48px}.video-toggle span:before{left:20px;top:15px;border-top-width:9px;border-bottom-width:9px;border-left-width:14px}.video-card.playing .video-frame:hover .video-toggle span{transform:scale(.8)}.video-card.playing .video-toggle span:before{left:17px;top:14px;width:5px;height:20px}.video-card.playing .video-toggle span:after{left:27px;top:14px;width:5px;height:20px}.video-duration{right:12px;bottom:14px;font-size:11px}.video-progress{left:13px;right:13px;bottom:10px;height:2px}.video-sound{right:9px;top:10px;min-height:28px;padding:0 8px;font-size:6px}.video-meta{margin-top:11px;padding-left:4px;font-size:16px;line-height:1.2}.video-meta strong{margin-top:3px;font-size:13px}
  .stories-block{margin-top:72px}.story-bars{left:13px;right:13px;top:11px;height:2px;gap:4px}.story-count{right:10px;bottom:10px;padding:4px 6px;font-size:7px}.story-card h3{margin-top:11px;padding:0 3px;font-size:15px;line-height:1.22}.story-card h3 small{display:none}
  .about{gap:54px;padding-top:90px;padding-bottom:90px}.about-visual{width:min(82vw,360px);aspect-ratio:4/5;margin:0 auto}.about-visual:after{inset:-12px 12px 12px -12px}.about-visual img{width:100%;height:100%;max-height:none;object-fit:cover;object-position:center 28%}.about-visual p{font-size:7px;padding:10px 0 3px 12px}.about-copy{padding-top:0}
}
@media (max-width:360px){.video-grid,.story-grid{gap:25px 10px}.video-meta{font-size:15px}.story-card h3{font-size:14px}.hero-actions{grid-template-columns:1fr}.hero-actions .text-link{min-height:46px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}*{transition-duration:.01ms!important}}
