@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,400;9..144,500;9..144,600&display=swap');
:root{--paper:#faf9f6;--ink:#1b1a19;--red:#c63d29;--muted:#69615d;--line:#d9d2c9;--cream:#eee8df;--dark:#24211f;--sans:'DM Sans',Arial,sans-serif;--serif:'Fraunces',Georgia,serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--red);outline-offset:5px}h1,h2,h3,p,figure{margin:0}.shell{width:min(100% - 8vw,1240px);margin:auto}.label{font-size:12px;font-weight:700;line-height:1.4;letter-spacing:.13em;text-transform:uppercase}.red{color:var(--red)}.muted{color:var(--muted)}.serif{font-family:var(--serif);font-weight:500;letter-spacing:-.045em}
.notice{background:var(--ink);color:#eee7df;text-align:center;padding:9px 4vw;font-size:12px}.notice strong{color:#f39a85}header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:25px 0;border-bottom:1px solid var(--line)}.brand{font:600 25px/1 var(--serif);letter-spacing:-.055em;white-space:nowrap}.brand span{color:var(--red)}nav{display:flex;gap:clamp(14px,2.5vw,34px);flex-wrap:wrap;font-size:14px;font-weight:600}nav a:hover,nav a.active{color:var(--red)}
.crumb{display:inline-flex;gap:10px;align-items:center;margin-top:35px;color:var(--muted);font-size:14px}.crumb:hover{color:var(--red)}.hero{padding:clamp(55px,7vw,100px) 0 72px}.hero .eyebrow{color:var(--red);margin-bottom:25px}.hero h1{font:500 clamp(48px,6.6vw,91px)/1.04 var(--serif);letter-spacing:-.062em;max-width:1110px}.hero-bottom{display:grid;grid-template-columns:1fr .9fr;gap:8vw;align-items:end;margin-top:48px}.hero-bottom p{font-size:clamp(18px,1.65vw,22px);line-height:1.5;max-width:690px}.hero-bottom .role{font-size:14px;line-height:1.6;color:var(--muted);max-width:440px;border-left:2px solid var(--red);padding-left:20px}
.facts{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:90px}.fact{padding:20px 20px 23px 0}.fact+.fact{border-left:1px solid var(--line);padding-left:25px}.fact strong{display:block;font:500 clamp(27px,3vw,43px)/1.1 var(--serif);letter-spacing:-.05em}.fact span{display:block;color:var(--muted);font-size:13px;margin-top:9px}
.section{padding:0 0 88px}.section-head{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;border-top:1px solid var(--line);padding-top:20px;margin-bottom:32px}.section-head h2{font:500 clamp(34px,4vw,55px)/1.12 var(--serif);letter-spacing:-.052em;margin-top:10px}.section-head p{color:var(--muted);font-size:17px;max-width:610px;margin-top:26px}.media{display:grid;grid-template-columns:1.4fr .6fr;gap:14px}.media-main,.media-side>div{display:flex;flex-direction:column;justify-content:space-between;min-height:420px;border:1px solid #baafa4;padding:26px;background:linear-gradient(135deg,#d4c9bd,#eee7dc 55%,#bfb0a1);color:#493e37}.media-main strong,.media-side strong{font:500 clamp(25px,3vw,40px)/1.15 var(--serif);letter-spacing:-.045em;max-width:550px}.media-main span,.media-side span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.media-side{display:grid;grid-template-rows:1fr 1fr;gap:14px}.media-side>div{min-height:0;background:linear-gradient(145deg,#2b2522,#4f413a);color:#eee7df}.media-side>div+div{background:#d9cec2;color:#493e37}
.process{background:var(--dark);color:var(--paper);padding:clamp(38px,5vw,67px);margin-bottom:88px}.process .label{color:#f39a85}.process h2{font:500 clamp(37px,4.7vw,65px)/1.1 var(--serif);letter-spacing:-.055em;max-width:900px;margin:15px 0 14px}.process-intro{color:#d4cac1;font-size:17px;max-width:760px}.steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#665d56;margin:40px 0 0;padding:1px}.steps li{background:var(--dark);padding:22px;min-height:190px}.steps b{display:block;color:#f39a85;font-size:13px;letter-spacing:.12em;margin-bottom:18px}.steps strong{display:block;font:500 28px/1.15 var(--serif);letter-spacing:-.04em;margin-bottom:10px}.steps span{display:block;color:#cec3ba;font-size:14px;line-height:1.5}.gate{border-top:1px solid #665d56;margin-top:27px;padding-top:22px;display:flex;justify-content:space-between;gap:30px;align-items:start}.gate strong{font:500 24px/1.2 var(--serif);letter-spacing:-.04em;max-width:420px}.gate p{color:#d4cac1;font-size:14px;max-width:620px}
.result{display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw;padding:34px 0 90px;border-top:1px solid var(--line)}.result h2{font:500 clamp(36px,4vw,56px)/1.1 var(--serif);letter-spacing:-.05em;margin-top:12px}.result-copy{font-size:17px;max-width:670px}.result-copy p+p{margin-top:18px}.result-copy .caveat{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:16px;margin-top:27px}.private-note{background:#eee6da;padding:28px 32px;margin-bottom:85px;border-left:3px solid var(--red)}.private-note h2{font:500 25px/1.2 var(--serif);margin-bottom:11px}.private-note p{font-size:14px;color:#514842;max-width:950px}.next{border-top:1px solid var(--line);padding:29px 0 75px;display:flex;align-items:baseline;justify-content:space-between;gap:20px}.next a{font:500 clamp(27px,3.2vw,44px)/1.15 var(--serif);letter-spacing:-.045em}.next a:hover{color:var(--red)}footer{border-top:1px solid var(--line);padding:24px 0 35px;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:12px}
@media(max-width:900px){.hero-bottom,.section-head,.result{grid-template-columns:1fr}.hero-bottom{gap:25px}.section-head{gap:10px}.section-head p{margin-top:0}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.shell{width:min(100% - 38px,1240px)}header{flex-direction:column;align-items:flex-start;gap:19px}nav{gap:13px;font-size:12px}.hero{padding:53px 0 50px}.hero h1{font-size:clamp(43px,10vw,61px)}.hero-bottom{margin-top:28px}.facts{margin-bottom:64px}.fact{padding:15px 8px 17px 0}.fact+.fact{padding-left:9px}.fact strong{font-size:21px}.fact span{font-size:11px}.section{padding-bottom:63px}.section-head h2{font-size:40px}.media{grid-template-columns:1fr}.media-main{min-height:290px}.media-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.media-side>div{min-height:170px;padding:16px}.media-side strong{font-size:21px}.process{padding:32px 23px;margin-bottom:62px}.process h2{font-size:42px}.steps{grid-template-columns:1fr}.steps li{min-height:0}.gate{display:block}.gate p{margin-top:15px}.result{padding-bottom:60px}.next{display:block}.next a{display:block;margin-top:13px}footer{display:block}footer span{display:block;margin-bottom:7px}}
.case-index{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);margin-bottom:95px}.case-link{display:flex;flex-direction:column;justify-content:space-between;gap:45px;min-height:310px;padding:31px;border-bottom:1px solid var(--line)}.case-link:nth-child(odd){border-right:1px solid var(--line)}.case-link:hover{background:var(--cream)}.case-link .label{color:var(--red)}.case-link h2{font:500 clamp(32px,3.6vw,49px)/1.12 var(--serif);letter-spacing:-.05em;margin-top:11px}.case-link p{font-size:15px;color:var(--muted);margin-top:13px;max-width:520px}.case-link .arrow{font-size:25px;align-self:flex-end}
@media(max-width:650px){.case-index{grid-template-columns:1fr}.case-link:nth-child(odd){border-right:0}.case-link{min-height:260px;padding:25px 0}}
.case-loop .process .steps{border:1px solid #665d56;gap:0;background:none;padding:0}.case-loop .process .steps li{border-right:1px solid #665d56;border-bottom:1px solid #665d56}.case-loop .process .gate{border:1px solid #a28c7e;padding:21px;margin-top:22px}.case-style .process .steps{grid-template-columns:repeat(2,1fr)}.case-skits .process .steps{display:block;background:none;border-left:1px solid #665d56;margin-left:7px;padding:0}.case-skits .process .steps li{min-height:0;display:grid;grid-template-columns:130px minmax(0,.8fr) minmax(0,1.2fr);gap:20px;border-bottom:1px solid #665d56;padding:18px 0 18px 24px;position:relative}.case-skits .process .steps li:before{content:'';position:absolute;left:-5px;top:29px;width:9px;height:9px;border-radius:50%;background:#f39a85}.case-skits .process .steps b,.case-skits .process .steps strong{margin:0}.case-skits .process .steps strong{font-size:23px}
@media(max-width:650px){.case-style .process .steps{grid-template-columns:1fr}.case-skits .process .steps li{display:block}.case-skits .process .steps strong{margin:6px 0 9px}}
.proof-pair{display:grid;grid-template-columns:1fr 1.25fr;gap:14px}.proof-tile{min-height:340px;display:flex;flex-direction:column;justify-content:space-between;padding:25px;border:1px solid #b8aa9b;background:#e8dfd3;color:#4a4039}.proof-tile:nth-child(2){background:linear-gradient(135deg,#302724,#736259);color:#f8f3eb}.proof-tile .label{color:inherit}.proof-tile strong{font:500 clamp(29px,3.2vw,47px)/1.12 var(--serif);letter-spacing:-.05em;max-width:490px}.proof-caption{grid-column:1/-1;color:var(--muted);font-size:14px;margin-top:5px}
.film-feature{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.film-card{min-width:0;background:#eee8df}.film-card video{display:block;width:100%;aspect-ratio:9/13;object-fit:contain;background:#272321}.film-card figcaption{display:flex;justify-content:space-between;align-items:baseline;gap:12px;padding:14px 16px 17px}.film-card figcaption strong{font:500 clamp(19px,2vw,26px)/1.15 var(--serif);letter-spacing:-.04em}.film-more{margin-top:30px;padding-top:21px;border-top:1px solid var(--line)}.film-more-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:15px}.film-more-grid .film-card video{aspect-ratio:9/12}.film-more-grid .film-card figcaption strong{font-size:20px}
.batch-map{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:#665d56;padding:1px;margin:38px 0 0}.batch-map li{background:var(--dark);padding:20px;min-height:210px}.batch-map li.checkpoint{background:#45302a}.batch-map b,.diagram-tag{display:block;color:#f39a85;font-size:12px;letter-spacing:.13em;text-transform:uppercase;margin-bottom:17px}.batch-map strong{display:block;font:500 25px/1.13 var(--serif);letter-spacing:-.04em;margin-bottom:10px}.batch-map span{color:#d7cec6;font-size:14px;line-height:1.48}.batch-rule{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:14px}.batch-rule div{border:1px solid #665d56;padding:19px}.batch-rule strong{font:500 25px var(--serif)}.batch-rule p{color:#cec3ba;font-size:14px;margin-top:6px}
.loop-map{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:38px}.loop-node{border:1px solid #796d63;padding:23px;min-height:166px}.loop-node b{display:block;color:#f39a85;font-size:12px;letter-spacing:.12em;margin-bottom:13px}.loop-node strong{display:block;font:500 29px/1.12 var(--serif);letter-spacing:-.04em}.loop-node p{color:#cec3ba;font-size:14px;margin-top:8px}.loop-return{border:1px solid #a28c7e;color:#f2e9df;padding:18px 22px;margin-top:13px;font:500 23px/1.25 var(--serif)}
.two-track{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:38px}.track{border:1px solid #796d63;padding:24px;min-height:280px}.track h3{font:500 34px/1.1 var(--serif);letter-spacing:-.04em;margin:10px 0 16px}.track p{color:#cec3ba;font-size:15px}.track li{margin:9px 0;color:#e5dad0}.track-meet{grid-column:1/-1;border:1px solid #ad8d7d;padding:23px;display:flex;justify-content:space-between;gap:35px}.track-meet strong{font:500 27px/1.2 var(--serif)}.track-meet p{color:#cec3ba;max-width:500px;font-size:14px}
.experiment-timeline{list-style:none;margin:38px 0 0;padding:0;border-top:1px solid #665d56}.experiment-timeline li{display:grid;grid-template-columns:90px 1fr 1.2fr;gap:23px;padding:22px 0;border-bottom:1px solid #665d56}.experiment-timeline b{color:#f39a85;font-size:14px}.experiment-timeline strong{font:500 29px/1.15 var(--serif)}.experiment-timeline span{color:#cec3ba;font-size:15px}.experiment-outcome{font:500 clamp(29px,3.2vw,44px)/1.18 var(--serif);letter-spacing:-.04em;color:#f4ece3;border-left:3px solid #f39a85;padding-left:22px;max-width:900px;margin-top:34px}
.leadership-map{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:38px}.leadership-map div{border-top:1px solid #a48b7b;padding:20px 5px 20px 0}.leadership-map b{color:#f39a85;font-size:12px;letter-spacing:.12em}.leadership-map strong{display:block;font:500 34px/1.12 var(--serif);letter-spacing:-.04em;margin:14px 0}.leadership-map p{color:#cec3ba;font-size:15px}.leadership-bottom{border-top:1px solid #665d56;margin-top:24px;padding-top:22px;color:#e1d7cd;font-size:17px}
@media(max-width:900px){.batch-map{grid-template-columns:repeat(2,1fr)}.leadership-map{grid-template-columns:1fr}.film-feature,.film-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.proof-pair,.loop-map,.two-track,.batch-rule,.film-feature{grid-template-columns:1fr}.film-more-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.film-card video{aspect-ratio:9/11}.film-more-grid .film-card video{aspect-ratio:9/13}.film-card figcaption{display:block}.film-card figcaption strong{display:block;margin-top:5px}.film-more-grid .film-card figcaption strong{font-size:17px}.proof-tile{min-height:245px}.batch-map{grid-template-columns:1fr}.batch-map li{min-height:0}.track-meet{display:block}.track-meet p{margin-top:12px}.experiment-timeline li{grid-template-columns:1fr;gap:6px}.experiment-outcome{font-size:32px}}

/* Case-study listing: distinct process visuals, with real footage only where supplied. */
.listing-page .listing-hero{padding:clamp(43px,5vw,72px) 0 clamp(37px,4vw,56px);border-bottom:1px solid var(--line)}
.listing-hero h1{font:500 clamp(46px,5.9vw,78px)/1.04 var(--serif);letter-spacing:-.058em;max-width:900px;margin:16px 0 15px}
.listing-hero p{font-size:clamp(16px,1.55vw,20px);color:var(--muted);max-width:690px}
.listing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:54px 24px;padding:27px 0 42px}
.listing-card{display:block;min-width:0}.listing-card:hover .listing-link{color:var(--red)}.listing-card:focus-visible{outline-offset:8px}
.listing-card .listing-visual{height:clamp(270px,28vw,390px);overflow:hidden;position:relative;transition:transform .25s ease}
.listing-card:hover .listing-visual{transform:translateY(-3px)}
.listing-copy{padding-top:17px}.listing-copy h2{font:500 clamp(29px,3vw,43px)/1.1 var(--serif);letter-spacing:-.047em;margin:10px 0 9px;max-width:610px}
.listing-copy p{color:var(--muted);font-size:15px;max-width:570px}.listing-link{display:flex;align-items:center;justify-content:space-between;gap:15px;border-top:1px solid var(--line);margin-top:22px;padding-top:12px;font-size:13px;font-weight:700}.listing-link b{font-size:20px;font-weight:400}
.listing-lead{grid-column:1/-1;display:grid;grid-template-columns:1.08fr .92fr;background:#eee8df;gap:0}.listing-lead .listing-visual{height:clamp(350px,36vw,480px)}.listing-lead .listing-copy{display:flex;flex-direction:column;align-items:flex-start;padding:clamp(30px,4vw,57px)}.listing-lead .listing-copy h2{font-size:clamp(39px,4.3vw,62px);margin:21px 0}.listing-lead .listing-copy p{font-size:17px}.listing-lead .listing-link{margin-top:auto;width:100%;border-color:#c8bdb1}
.visual-quickads{background:#24211f;color:#f7f1e9;padding:clamp(25px,3vw,42px);display:flex;flex-direction:column;justify-content:space-between}
.lead-visual-heading span{font-size:11px;font-weight:700;letter-spacing:.15em;color:#f39a85}.lead-visual-heading strong{display:block;font:500 clamp(67px,9vw,137px)/.9 var(--serif);letter-spacing:-.09em;margin-top:23px;white-space:nowrap}.lead-visual-heading i{font:400 .48em var(--sans);font-style:normal;color:#f39a85;vertical-align:12%}
.pod-map{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;max-width:410px;margin:9px 0}.pod-map span{border:1px solid #84746a;padding:8px 10px;color:#decfc2;font-size:10px;font-weight:700;letter-spacing:.08em}.lead-visual-foot{display:flex;align-items:baseline;gap:15px;border-top:1px solid #71645b;padding-top:13px}.lead-visual-foot b{font:500 37px/1 var(--serif);letter-spacing:-.06em}.lead-visual-foot span{font-size:11px;line-height:1.3;color:#d7cac0}
.visual-carpisa{background:#ddd2c4;padding:24px;color:#3c302a;display:flex;flex-direction:column;justify-content:space-between}.carpisa-top{display:flex;justify-content:space-between;border-bottom:1px solid #9f8f80;padding-bottom:10px;font-size:10px;font-weight:700;letter-spacing:.13em}.carpisa-frames{display:flex;align-items:center;gap:8px}.carpisa-frames div{flex:1;min-width:0;aspect-ratio:4/5;border:1px solid #a59584;background:#f3ede5;padding:11px;display:flex;flex-direction:column;justify-content:space-between}.carpisa-frames div:nth-of-type(2){background:#c4b3a1}.carpisa-frames div:nth-of-type(3){background:#6e584b;color:#fff7ec}.carpisa-frames span{font:500 clamp(30px,4vw,57px)/1 var(--serif);letter-spacing:-.06em}.carpisa-frames b{font-size:11px;line-height:1.2}.carpisa-frames i{font-size:21px;font-style:normal}.carpisa-number{font:500 clamp(41px,5vw,71px)/1 var(--serif);letter-spacing:-.07em}.carpisa-number small{font:600 11px var(--sans);letter-spacing:.07em;text-transform:uppercase}
.visual-learning{display:grid;grid-template-columns:1fr 1fr;gap:5px;background:#343038;color:#fff}
.visual-learning>img{display:block;width:100%;height:100%;min-width:0;object-fit:cover;object-position:center top}
.learning-image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:linear-gradient(180deg,rgba(0,0,0,.65),transparent 32%,transparent 58%,rgba(0,0,0,.78));pointer-events:none}
.learning-image-overlay>span{font-size:10px;font-weight:700;letter-spacing:.13em}
.learning-image-overlay strong{font:500 clamp(35px,4vw,55px)/1 var(--serif);letter-spacing:-.065em}
.learning-image-overlay small{font:600 12px var(--sans);letter-spacing:0}
.visual-style{background:linear-gradient(135deg,#655349,#292522);color:#fff}.visual-style video{width:100%;height:100%;object-fit:cover;object-position:center 37%;display:block;pointer-events:none}.style-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.38),transparent 37%,rgba(0,0,0,.75));display:flex;flex-direction:column;justify-content:space-between;padding:23px}.style-overlay span,.style-overlay small{font-size:10px;font-weight:700;letter-spacing:.14em}.style-overlay strong{font:500 clamp(30px,3.4vw,47px)/1.06 var(--serif);letter-spacing:-.05em;margin-top:auto;margin-bottom:15px}.style-overlay small{color:#f0b4a2}
.visual-skits{background:#b9907d;padding:24px;color:#2c2421;display:flex;flex-direction:column;justify-content:space-between}.skit-stage{display:grid;grid-template-columns:1fr 1fr;gap:12px;flex:1;min-height:0}.skit-person{background:#efdfd0;border-radius:100px 100px 8px 8px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;margin-top:12px}.skit-person+div{background:#392f2c;color:#f7eee7;margin-top:38px}.skit-person span{font-size:10px;font-weight:700;letter-spacing:.1em}.skit-person b{font:500 clamp(21px,2.6vw,37px)/1.1 var(--serif);letter-spacing:-.04em}.skit-result{display:flex;align-items:center;gap:10px;border-top:1px solid #77584d;margin-top:15px;padding-top:12px;font-size:10px;font-weight:700;letter-spacing:.08em}.skit-result i{font-style:normal;font-size:20px}.skit-result strong{font-size:10px}
.listing-draft-note{border-top:1px solid var(--line);padding:17px 0 75px;color:var(--muted);font-size:12px;max-width:760px}
@media(max-width:850px){.listing-lead{grid-template-columns:1fr}.listing-lead .listing-visual{height:370px}.listing-lead .listing-copy{min-height:300px}.listing-grid{gap:38px 18px}.carpisa-frames div{padding:8px}.carpisa-frames b{font-size:9px}}
@media(max-width:650px){.listing-page .listing-hero{padding:42px 0 37px}.listing-hero h1{font-size:clamp(43px,10vw,61px)}.listing-grid{grid-template-columns:1fr;gap:36px;padding-top:20px}.listing-lead{grid-column:auto}.listing-lead .listing-visual{height:345px}.listing-lead .listing-copy{min-height:0;padding:25px}.listing-lead .listing-copy h2{font-size:42px;margin:14px 0}.listing-lead .listing-link{margin-top:23px}.listing-card .listing-visual{height:310px}.listing-lead .listing-visual{height:345px}.listing-copy h2{font-size:37px}.carpisa-frames b{font-size:10px}.listing-draft-note{padding-bottom:55px}}
@media(prefers-reduced-motion:reduce){.listing-card .listing-visual{transition:none}.visual-style video{display:none}}

/* Carpisa: product-led proof, then the wider A+ collection work. */
.visual-carpisa{padding:0;background:#c9b7a5;display:block}
.visual-carpisa>img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}
.carpisa-image-overlay{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;padding:21px;background:linear-gradient(180deg,rgba(0,0,0,.49),transparent 34%,transparent 59%,rgba(0,0,0,.72));color:#fff}
.carpisa-image-overlay>span{font-size:11px;font-weight:700;letter-spacing:.13em}
.carpisa-image-overlay strong{font:500 clamp(37px,4.4vw,60px)/1 var(--serif);letter-spacing:-.07em}
.carpisa-image-overlay small{font:600 12px var(--sans);letter-spacing:0}
.carpisa-compare{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.carpisa-compare figure,.carpisa-secondary,.carpisa-banner,.carpisa-details figure,.carpisa-banner-pair figure{min-width:0}
.carpisa-compare-image{height:clamp(300px,39vw,510px);overflow:hidden;background:#eeeae4}
.carpisa-compare-image img{display:block;width:100%;height:100%;object-fit:contain}
.carpisa-compare-image.final img{object-fit:cover;object-position:center 47%}
.carpisa-compare figcaption{padding-top:13px}.carpisa-compare figcaption p,.carpisa-secondary figcaption p,.carpisa-banner figcaption p{font-size:14px;color:var(--muted);margin-top:4px}
.carpisa-secondary{display:grid;grid-template-columns:minmax(0,1fr) minmax(180px,.55fr);gap:25px;align-items:center;margin-top:37px;border-top:1px solid var(--line);padding-top:28px}
.carpisa-secondary img{display:block;width:100%;height:400px;object-fit:contain;background:#ede7e0}
.carpisa-secondary figcaption p{max-width:300px;margin-top:10px}
.carpisa-banner img{display:block;width:100%;height:auto}
.carpisa-banner figcaption{display:flex;justify-content:space-between;gap:20px;align-items:baseline;padding:12px 0 27px;border-bottom:1px solid var(--line)}
.carpisa-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:27px 0}
.carpisa-details img{display:block;width:100%;aspect-ratio:962/650;object-fit:cover}
.carpisa-details figcaption,.carpisa-banner-pair figcaption{font-size:13px;font-weight:700;padding-top:9px}
.carpisa-banner-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.carpisa-banner-pair img{display:block;width:100%;height:auto}
@media(max-width:650px){.carpisa-compare{grid-template-columns:1fr}.carpisa-compare-image{height:390px}.carpisa-secondary{grid-template-columns:1fr}.carpisa-secondary img{height:370px}.carpisa-details{grid-template-columns:1fr 1fr}.carpisa-banner-pair{grid-template-columns:1fr}.carpisa-banner figcaption{display:block}}

/* Learning-platform preview: film frames only; full films are shared privately. */
.learning-collage{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.learning-collage figure{min-width:0;overflow:hidden;background:#e7dfd5}
.learning-collage img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}
.learning-collage-foot{display:flex;justify-content:space-between;align-items:baseline;gap:25px;border-bottom:1px solid var(--line);padding:18px 0 22px}
.learning-collage-foot p{font-size:14px;color:var(--muted)}
.private-film-link{display:inline-block;flex:none;border-bottom:1px solid var(--red);color:var(--red);font-size:14px;font-weight:700;padding-bottom:5px}
.private-film-link:hover{color:var(--ink);border-color:var(--ink)}
@media(max-width:850px){.learning-collage{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.learning-collage{gap:8px}.learning-collage-foot{display:block}.private-film-link{margin-top:12px}}

/* Story-experiments preview: three supplied films, not a performance comparison. */
.visual-skits.story-stills{display:block;padding:0;background:#2d2623;color:#fff}
.story-stills video{display:block;width:100%;height:100%;object-fit:cover;object-position:center 20%}
.story-stills::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(19,18,18,.84),rgba(19,18,18,0) 64%);pointer-events:none}
.story-stills-overlay{position:absolute;z-index:1;left:24px;right:18px;bottom:21px;display:flex;flex-direction:column;align-items:flex-start;gap:6px;text-shadow:0 1px 8px #1b1615}
.story-stills-overlay span,.story-stills-overlay small{font-size:10px;font-weight:700;letter-spacing:.1em}
.story-stills-overlay strong{font:500 clamp(30px,3vw,43px)/1.02 var(--serif);letter-spacing:-.05em}
.story-film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.story-film{min-width:0}
.story-film video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#2d2623}
.story-film figcaption{padding:14px 0 18px;border-bottom:1px solid var(--line)}
.story-film h3{font:500 clamp(22px,2.4vw,30px)/1.12 var(--serif);letter-spacing:-.04em;margin:8px 0 4px}
.story-film figcaption p,.story-film-note{font-size:14px;color:var(--muted);line-height:1.5}
.story-film-note{max-width:780px;border-left:2px solid var(--red);padding-left:16px;margin-top:25px}
@media(max-width:800px){.story-film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:570px){.story-film-grid{gap:16px 9px}.story-film h3{font-size:21px}.story-film figcaption p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.story-stills video{display:none}.story-stills{background:#2d2623 url('assets/story-experiments/pharmacy-conversation.png') center 20%/cover no-repeat}}
