:root{
  --y:#F9F002; --p:#FF2E93; --k:#0D0D0D; --w:#FFFFFF;
  --paper:#F6F5F1; --ink:#0D0D0D; --mute:#5E5E5E; --mute-d:#A6A6A6; --line:#DEDCD5; --line-d:#2B2B2B;
  --slant:15deg;               /* the angle of the V's outer edge */
  --heavy:'Arial Black','Helvetica Neue',Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:Helvetica,Arial,sans-serif;font-size:17px;line-height:1.55;color:var(--ink);background:var(--k)}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
.skip{position:absolute;left:-999px;top:0;background:var(--y);color:var(--k);padding:10px 14px;z-index:20}
.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--p);outline-offset:3px}

.wrap{max-width:1120px;margin:0 auto;padding:0 24px}
.narrow{max-width:780px}
section{padding:96px 0;position:relative}
.dark{background:var(--k);color:var(--w)}
.light{background:var(--paper)}
.yellow{background:var(--y);color:var(--k)}
.pink{background:var(--p);color:var(--k)}
.center{text-align:center}

h1,h2,h3,h4{font-weight:400;margin:0;letter-spacing:-.02em;text-wrap:balance}
h1{font-size:clamp(44px,7.2vw,92px);line-height:.98}
h2{font-size:clamp(32px,4.4vw,54px);line-height:1.04;margin-bottom:40px;max-width:16em}
h3{font-size:24px;line-height:1.2;margin-bottom:8px}
h4{font-size:17px;font-weight:700;letter-spacing:0;margin-bottom:4px}
h1 b,h2 b{font-family:var(--heavy);font-weight:900;letter-spacing:-.03em}
.dark h1 b{color:var(--y)}
p{margin:0 0 16px;max-width:38em}
.center p,.center h2{margin-left:auto;margin-right:auto}
.lead{font-size:clamp(19px,2vw,23px);line-height:1.4;max-width:30em}
.label{font-size:12px;letter-spacing:.32em;text-transform:uppercase;margin-bottom:22px;color:var(--mute)}
.dark .label{color:var(--mute-d)}
.yellow .label,.pink .label{color:var(--k)}
.fine{font-size:13px;color:var(--mute);margin-top:22px}
.dark .fine{color:var(--mute-d)}
.yellow .fine,.pink .fine{color:var(--k)}

/* buttons take the slant of the logo */
.btn{display:inline-block;font-family:var(--heavy);font-weight:900;font-size:15px;text-decoration:none;padding:16px 30px;border:0;cursor:pointer;
  clip-path:polygon(12px 0,100% 0,calc(100% - 12px) 100%,0 100%);transition:transform .15s ease}
.btn:hover{transform:translateY(-2px)}
.btn-y{background:var(--y);color:var(--k)}
.btn-k{background:var(--k);color:var(--w)}
.link{font-size:16px;text-underline-offset:5px;text-decoration-thickness:2px;text-decoration-color:var(--p)}
.actions{display:flex;flex-wrap:wrap;gap:22px 28px;align-items:center;margin-top:34px}

/* nav */
.nav{position:sticky;top:0;z-index:10;background:rgba(13,13,13,.94);backdrop-filter:blur(8px);color:var(--w);
  display:flex;align-items:center;justify-content:space-between;padding:10px 24px;border-bottom:1px solid var(--line-d)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-size:20px;letter-spacing:-.02em}
.brand b{font-family:var(--heavy)}
.brand small{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--mute-d);margin-left:6px}
.nav nav{display:flex;align-items:center;gap:28px}
.nav nav a:not(.btn){text-decoration:none;font-size:15px}
.nav nav a:not(.btn):hover{color:var(--y)}
.nav .btn{padding:11px 22px;font-size:13px}
.burger{display:none;background:none;border:0;width:44px;height:44px;padding:10px;cursor:pointer}
.burger span{display:block;height:2px;background:var(--w);margin:7px 0;transition:transform .2s}

/* hero */
.hero{padding:88px 0 120px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:40px;align-items:center}
.hero-mark img{width:100%;max-width:520px;margin-left:auto}

/* slanted section edge, same angle as the V */
.slant{clip-path:polygon(0 0,100% 3.2vw,100% 100%,0 calc(100% - 3.2vw));padding:calc(96px + 3.2vw) 0;margin:-3.2vw 0}

.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.card{background:var(--w);border:1px solid var(--line);padding:28px 26px 22px;position:relative}
.card::before{content:"";position:absolute;left:0;top:0;height:5px;width:64px;background:linear-gradient(90deg,var(--y) 0 50%,var(--p) 50% 100%)}
.num{font-size:12px;letter-spacing:.3em;color:var(--mute);display:block;margin-bottom:14px}
.card p{margin:0;color:#333}

/* before / after */
.versus{border-top:1px solid var(--line-d)}
.vrow{display:grid;grid-template-columns:.8fr 1.2fr 1.4fr;gap:24px;padding:20px 0;border-bottom:1px solid var(--line-d);align-items:start}
.vrow>span:first-child{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute-d);padding-top:4px}
.vrow .v1{color:var(--mute-d)}
.vrow .v2{color:var(--w);font-size:19px;line-height:1.4}
.vhead span{font-family:var(--heavy);font-size:14px;letter-spacing:0;text-transform:none}
.vhead .v1{color:var(--mute-d)} .vhead .v2{color:var(--y)}

/* ladder */
.ladder{list-style:none;margin:0;padding:0;border-top:2px solid var(--k)}
.ladder>li{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:36px 0;border-bottom:1px solid var(--line)}
.step{font-family:var(--heavy);font-size:15px}
.step span{display:block;font-family:Helvetica,Arial,sans-serif;font-weight:400;font-size:13px;color:var(--mute);margin-top:6px}
.ladder>li:first-child .step::before{content:"";display:block;width:44px;height:6px;background:var(--y);box-shadow:44px 0 0 var(--p);margin-bottom:14px}
.pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 6px}
.pair>div{background:var(--w);border:1px solid var(--line);padding:20px 22px}
.pair p{margin:0;font-size:16px}
.pair .price{font-family:var(--heavy);font-size:15px;margin-top:14px}
.meta{display:flex;flex-wrap:wrap;gap:10px;margin:16px 0 0}

/* steps */
.steps article{border-top:1px solid var(--line-d);padding-top:22px}
.big{font-family:var(--heavy);font-size:84px;line-height:.9;display:block;margin-bottom:18px}
.big.y{color:var(--y)} .big.p{color:var(--p)} .big.w{color:var(--w)}
.steps p{color:#CFCFCF}

/* split layouts */
.split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.signup label{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:10px}
.field{display:flex;gap:10px;flex-wrap:wrap}
.field input{flex:1 1 220px;min-width:0;font:inherit;padding:15px 16px;border:2px solid var(--k);background:var(--w);color:var(--k);border-radius:0}
.portrait{aspect-ratio:4/5;width:100%;max-width:380px;justify-self:center;display:flex;align-items:center;justify-content:center;background:var(--w)}

/* faq */
details{border-top:1px solid var(--line-d);padding:20px 0}
details:last-of-type{border-bottom:1px solid var(--line-d)}
summary{cursor:pointer;font-size:21px;list-style:none;display:flex;justify-content:space-between;gap:20px;align-items:baseline}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";font-family:var(--heavy);color:var(--y);font-size:22px}
details[open] summary::after{content:"–";color:var(--p)}
details p{margin:14px 0 0;color:#CFCFCF}

/* placeholders: visible on purpose until real content replaces them */
.ph{display:inline-block;font-family:Menlo,Consolas,monospace;font-size:12px;line-height:1.4;padding:4px 9px;border:1.5px dashed #9A9A9A;color:#555;background:rgba(0,0,0,.03)}
.ph::before{content:"[ "} .ph::after{content:" ]"}
.dark .ph{color:#CFCFCF;border-color:#6A6A6A;background:rgba(255,255,255,.04)}
.ph.on-pink{color:var(--k);border-color:var(--k)}
.ph-card{border:1.5px dashed #9A9A9A;background:transparent}
.ph-card::before{display:none}
.ph-card p{margin-top:14px;color:var(--mute);font-size:15px}

/* footer */
.foot{padding:56px 0;border-top:1px solid var(--line-d)}
.footgrid{display:grid;grid-template-columns:1fr auto;gap:32px 48px;align-items:center}
.foot nav{display:flex;flex-wrap:wrap;gap:10px 26px}
.foot nav a{text-decoration:none;font-size:15px}
.foot nav a:hover{color:var(--y)}
.footlogo{width:300px;justify-self:end}
.foot .fine{margin:26px 0 0;max-width:none}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

@media (max-width:900px){
  section{padding:68px 0}
  .slant{padding:calc(68px + 3.2vw) 0}
  .hero{padding:48px 0 84px}
  .hero-grid,.split,.grid3,.pair{grid-template-columns:1fr}
  .hero-mark{order:-1}
  .hero-mark img{max-width:260px;margin:0}
  .ladder>li{grid-template-columns:1fr;gap:14px}
  .vrow{grid-template-columns:1fr;gap:6px}
  .vhead{display:none}
  .vrow .v1::before{content:"Version one: ";color:#7A7A7A}
  .vrow .v2::before{content:"Version two: ";color:var(--y);font-family:var(--heavy);font-size:13px}
  .portrait{max-width:280px}
  .burger{display:block}
  .nav nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--k);flex-direction:column;align-items:flex-start;gap:0;padding:8px 24px 24px;border-bottom:1px solid var(--line-d)}
  .nav nav.open{display:flex}
  .nav nav a:not(.btn){padding:14px 0;width:100%;border-bottom:1px solid var(--line-d);font-size:17px}
  .nav nav .btn{margin-top:18px}
  .burger[aria-expanded="true"] span:first-child{transform:translateY(4.5px) rotate(45deg)}
  .burger[aria-expanded="true"] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}
  .footgrid{grid-template-columns:1fr}
  .footlogo{width:220px;justify-self:start;order:-1}
}

/* ---------- inner pages ---------- */
.nav nav a[aria-current="page"]{color:var(--y)}
.pagehero{padding:72px 0 84px}
.pagehero h1{font-size:clamp(40px,6vw,76px);max-width:12em}
.pagehero .lead{margin-top:22px}
.svc{display:grid;grid-template-columns:220px 1fr;gap:32px;padding:44px 0;border-top:1px solid var(--line)}
.svc:first-of-type{border-top:2px solid var(--k)}
.dark .svc{border-color:var(--line-d)}
.svc .tag{font-family:var(--heavy);font-size:15px}
.svc .tag span{display:block;font-family:Helvetica,Arial,sans-serif;font-size:13px;color:var(--mute);margin-top:6px}
.svc h2{font-size:clamp(28px,3.4vw,40px);margin-bottom:14px}
.ticks{list-style:none;padding:0;margin:18px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;max-width:44em}
.ticks li{padding-left:26px;position:relative;font-size:16px}
.ticks li::before{content:"";position:absolute;left:0;top:.42em;width:14px;height:10px;background:var(--p);clip-path:polygon(4px 0,100% 0,calc(100% - 4px) 100%,0 100%)}
.ticks li:nth-child(odd)::before{background:var(--y);outline:1px solid var(--k)}
.tiers{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:26px;max-width:44em}
.tier{background:var(--w);border:1px solid var(--line);padding:24px}
.tier.main{border:2px solid var(--k)}
.tier h3{font-size:20px}
.tier .price{font-family:var(--heavy);font-size:26px;margin:8px 0 10px}
.tier p{font-size:15px;margin:0}
.gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.tile{display:block;text-decoration:none}
.tile .shot{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--k);overflow:hidden}
.tile .shot.ph-card{background:transparent}
.tile .shot img{width:62%}
.tile h3{font-size:19px;margin:14px 0 2px}
.tile p{font-size:14px;color:var(--mute);margin:0}
.principles{display:grid;grid-template-columns:1fr 1fr;gap:0 48px}
.principles article{border-top:1px solid var(--line-d);padding:24px 0}
.principles p{color:#CFCFCF;margin:0}
.form{display:grid;gap:16px;max-width:520px}
.form label{display:block;font-size:12px;letter-spacing:.24em;text-transform:uppercase;margin-bottom:8px}
.form input,.form textarea{width:100%;font:inherit;padding:14px 16px;border:2px solid var(--k);background:var(--w);color:var(--k);border-radius:0}
.form textarea{min-height:140px;resize:vertical}
.contactlist{list-style:none;padding:0;margin:26px 0 0}
.contactlist li{padding:14px 0;border-top:1px solid var(--line);display:flex;gap:16px;align-items:baseline}
.contactlist b{font-size:12px;letter-spacing:.24em;text-transform:uppercase;font-weight:400;color:var(--mute);min-width:90px}
.cta-band{padding:72px 0}
@media (max-width:900px){
  .svc{grid-template-columns:1fr;gap:12px;padding:34px 0}
  .ticks,.tiers,.gallery,.principles{grid-template-columns:1fr}
}

/* ---------- booklet touches: handwriting, numbered sections, tilted cards ---------- */
.hand{font-family:'Caveat Brush','Bradley Hand','Segoe Print',cursive;font-style:normal;font-weight:400;font-size:clamp(26px,3.1vw,40px);line-height:1.05;
  display:inline-block;transform:rotate(-4deg);transform-origin:left center;margin:26px 0 10px;max-width:14em;letter-spacing:0}
.hand::before{content:"\201C"} .hand::after{content:"\201D"}
.hand-y{color:var(--y)} .hand-p{color:var(--p)}
.hero-mark .hand{display:block;text-align:right;transform-origin:right center;margin:6px 0 0 auto}
.step .hand{display:block;font-size:24px;margin:14px 0 0;transform:rotate(-5deg)}
.prose .hand{display:block;margin:34px 0 34px;font-size:clamp(30px,4vw,44px)}

main{counter-reset:pg}
main>section{counter-increment:pg}
main>section::after{content:counter(pg,decimal-leading-zero);position:absolute;right:0;bottom:0;font-family:var(--heavy);font-size:15px;line-height:1;
  padding:12px 20px 12px 30px;background:var(--y);color:var(--k);clip-path:polygon(12px 0,100% 0,100% 100%,0 100%)}
main>section.light::after{background:var(--p)}
main>section.yellow::after,main>section.pink::after{background:var(--k);color:var(--w)}
.slant{z-index:1}

#who .card:nth-child(1){transform:rotate(-1.2deg)}
#who .card:nth-child(2){transform:rotate(.8deg)}
#who .card:nth-child(3){transform:rotate(-.6deg)}
.gallery .tile:nth-child(odd) .shot{transform:rotate(-1deg)}
.gallery .tile:nth-child(even) .shot{transform:rotate(.8deg)}

.faqgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:start}
.faqlist{counter-reset:q}
.faqlist details{counter-increment:q}
.faqlist summary{justify-content:flex-start}
.faqlist summary::before{content:counter(q,decimal-leading-zero);font-family:var(--heavy);font-size:14px;color:var(--y);min-width:34px}
.faqlist details:nth-child(even) summary::before{color:var(--p)}
.faqlist summary::after{margin-left:auto}
.faqlist details p{margin-left:54px}

.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.posts-2{grid-template-columns:1fr 1fr}
.post{display:block;text-decoration:none;background:var(--w);border:1px solid var(--line);padding:26px 24px 22px;position:relative;transition:transform .15s ease}
.post:hover{transform:translateY(-3px) rotate(-.4deg)}
.post::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:var(--y)}
.post-p::before{background:var(--p)}
.pnum{font-family:var(--heavy);font-size:13px;display:block;margin:6px 0 14px}
.post h3{font-size:21px;margin-bottom:10px}
.post p{font-size:15px;color:#444;margin:0 0 18px}
.pmeta{font-size:11px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute)}
.arth{font-size:clamp(34px,5vw,60px);line-height:1.04}
.pagehero .label a{color:inherit}
.prose{font-size:18px;line-height:1.65}
.prose .intro{font-size:22px;line-height:1.45}
.prose h2{font-size:clamp(24px,3vw,32px);margin:44px 0 12px;max-width:none}
.prose h3{font-size:20px;font-weight:700;letter-spacing:0;margin:28px 0 6px}
.prose p,.prose ol{max-width:none}
.prose ol{padding-left:1.3em;margin:0 0 18px}
.prose li{margin-bottom:8px}
.prose li::marker{font-family:var(--heavy);color:var(--p)}
.prose .next{margin-top:48px;padding-top:22px;border-top:2px solid var(--k);font-size:16px}
@media (max-width:900px){
  .faqgrid,.posts,.posts-2{grid-template-columns:1fr}
  .faqgrid{gap:10px}
  .faqlist details p{margin-left:0}
  .hero-mark .hand{text-align:left;transform-origin:left center;margin-left:0}
}

/* ---------- prices, scorecard, misc ---------- */
.price{font-family:var(--heavy);font-size:15px;margin:14px 0 0}
.tier .price{font-size:26px;margin:8px 0 10px}
.pnote{font-size:14px;color:var(--mute);margin:4px 0 0}
.footcontact{margin:22px 0 0;font-size:15px}
.footcontact a{text-decoration:none}
.footcontact a:hover{color:var(--y)}
.contactlist a{text-underline-offset:4px}
.shot-y{background:var(--y)!important}
.shot-y span{font-family:var(--heavy);font-size:clamp(20px,2.4vw,30px);color:var(--k)}
.qs{list-style:none;counter-reset:q;padding:0;margin:0 0 34px}
.qs>li{counter-increment:q;border-top:1px solid var(--line);padding:22px 0;display:grid;grid-template-columns:44px 1fr auto;gap:8px 16px;align-items:center}
.qs>li::before{content:counter(q,decimal-leading-zero);font-family:var(--heavy);font-size:15px;color:var(--p)}
.qs>li p{margin:0;font-size:18px;max-width:none}
.opts{display:flex;gap:8px}
.opts label{cursor:pointer}
.opts input{position:absolute;opacity:0}
.opts span{display:block;padding:9px 16px;border:2px solid var(--k);font-size:14px;background:var(--w)}
.opts input:checked+span{background:var(--k);color:var(--y)}
.opts input:focus-visible+span{outline:3px solid var(--p);outline-offset:2px}
.scorebig{font-family:var(--heavy);font-size:clamp(80px,14vw,150px);line-height:.9;color:var(--y);margin:0 0 18px}
.scorebig small{font-size:.3em;color:var(--w)}
.ticks.one{grid-template-columns:1fr}
.dark .ticks li:nth-child(odd)::before{outline:0}
@media (max-width:900px){
  .qs>li{grid-template-columns:36px 1fr}
  .opts{grid-column:2}
}

.tiers:has(.tier:only-child){grid-template-columns:minmax(0,22em)}

.portrait:not(.ph-card){aspect-ratio:3/4;background:none;position:relative;transform:rotate(-1.5deg)}
.portrait img{width:100%;height:100%;object-fit:cover;display:block}
.portrait:not(.ph-card)::after{content:"";position:absolute;left:-10px;bottom:-10px;width:44%;height:10px;background:var(--y);box-shadow:0 0 0 0 transparent}
.portrait:not(.ph-card)::before{content:"";position:absolute;right:-10px;top:-10px;width:10px;height:44%;background:var(--p)}

.names{display:flex;flex-wrap:wrap;gap:10px 28px;align-items:baseline;max-width:none;margin:-14px 0 34px;padding:18px 0;border-top:2px solid var(--k);border-bottom:1px solid var(--line)}
.names span{font-size:12px;letter-spacing:.24em;text-transform:uppercase;color:var(--mute);width:100%}
.names b{font-family:var(--heavy);font-size:18px}

.gallery-2{grid-template-columns:1fr 1fr;max-width:760px}
@media (max-width:900px){.gallery-2{grid-template-columns:1fr}}

.grid2{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-bottom:34px}
.grid2 .card:nth-child(odd){transform:rotate(-.5deg)} .grid2 .card:nth-child(even){transform:rotate(.4deg)}
#work .names{margin:0}
.principles.on-light article{border-top-color:var(--line)}
.principles.on-light p{color:#333}
@media (max-width:900px){.grid2{grid-template-columns:1fr}}

/* ---------- outreach offer ---------- */
.pair.three{grid-template-columns:repeat(3,1fr)}
.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:26px 0 0;max-width:46em;border-top:2px solid var(--k);padding-top:18px}
.stats b{font-family:var(--heavy);font-size:clamp(26px,3.2vw,38px);line-height:1;display:block}
.stats div:nth-child(odd) b{color:var(--p)}
.stats span{font-size:13px;line-height:1.35;display:block;margin-top:6px;color:#444}
.tiers.wide{max-width:46em}
ul.plain{list-style:none;margin:8px 0 0;padding:0;font-size:15px;line-height:1.5}
ul.plain li{padding:5px 0 5px 20px;position:relative;border-top:1px solid var(--line)}
ul.plain li::before{content:"";position:absolute;left:0;top:.75em;width:11px;height:7px;background:var(--p);clip-path:polygon(3px 0,100% 0,calc(100% - 3px) 100%,0 100%)}
.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:26px;max-width:46em}
.timeline>div{border-top:5px solid var(--y);padding-top:10px}
.timeline>div:nth-child(even){border-top-color:var(--p)}
.timeline span{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute)}
.timeline h4{margin:4px 0 2px}
.timeline p{font-size:14px;margin:0}
@media (max-width:900px){.pair.three,.stats,.timeline{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.pair.three,.timeline{grid-template-columns:1fr}}

.brand img{height:100px;width:auto}
.nav{padding-top:12px;padding-bottom:12px}
@media (max-width:900px){.brand img{height:76px}}

/* ---------- case studies ---------- */
.case{display:grid;grid-template-columns:300px 1fr;gap:44px;padding:48px 0;border-top:1px solid var(--line);align-items:start}
.case:first-of-type{border-top:2px solid var(--k);padding-top:40px}
.case h2{font-size:clamp(26px,3.2vw,38px);margin-bottom:14px;max-width:none}
.case .shot{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:var(--k);overflow:hidden;transform:rotate(-1deg)}
.case:nth-of-type(even) .shot{transform:rotate(.8deg)}
.case .shot img{width:66%}
.case .shot span{font-family:var(--heavy);font-size:26px;text-align:center;padding:0 12px;line-height:1.1}
.shot-p{background:var(--p)!important} .shot-p span{color:var(--k)}
.shot-k span{color:var(--y)}
.shot-img{border:1px solid var(--line);background:#fff!important}
.case .shot-img img{width:100%;height:100%;object-fit:cover;object-position:top left}
.case-tag{font-size:11px;letter-spacing:.2em;text-transform:uppercase;color:var(--mute);margin:14px 0 0}
.case .stats{margin-top:22px}
.case .price{margin-top:18px}
@media (max-width:900px){.case{grid-template-columns:1fr;gap:20px;padding:36px 0}.case-side{max-width:320px}}

/* ---------- blog illustrations ---------- */
.post{padding-top:0;overflow:hidden}
.post .art{display:block;width:calc(100% + 48px);margin:0 -24px 18px;height:auto}
.post::before{z-index:1}
.artband{padding:40px 0 0}
.artband::after{display:none}
.artband .art{display:block;width:100%;height:auto}
.artband+section{padding-top:44px}