/* Keystone Facility Services — site.css */
@font-face{font-family:'Bric';font-weight:800;font-display:swap;src:url(assets/fonts/bric-800.woff2) format('woff2')}
@font-face{font-family:'Ins';font-weight:400;font-display:swap;src:url(assets/fonts/ins-400.woff2) format('woff2')}
@font-face{font-family:'Ins';font-weight:700;font-display:swap;src:url(assets/fonts/ins-700.woff2) format('woff2')}
@font-face{font-family:'Ins';font-weight:600;font-display:swap;src:url(assets/fonts/ins-600.woff2) format('woff2')}
@font-face{font-family:'Mono';font-weight:700;font-display:swap;src:url(assets/fonts/narrow-600.woff2) format('woff2')}

:root{--ox:#6D0101;--ox2:#530000;--bl:#C0D6FF;--pk:#FFD5FB;--or:#F86C2F;--wh:#fff;--line:#EBDDE4;--r:20px;--wrap:1240px;--g:clamp(16px,4vw,48px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;color:var(--ox);font:400 17px/1.55 'Ins',system-ui,sans-serif;-webkit-font-smoothing:antialiased}
img{max-width:100%;display:block}
a{color:inherit}
h1,h2,h3,.bric{font-family:'Ins',sans-serif;font-weight:700;letter-spacing:-.035em;line-height:1;margin:0}
.logo span,.ft-word{font-family:'Bric',sans-serif!important;font-weight:800!important}
p{margin:0}
.mono{font-family:'Mono',sans-serif;font-weight:700;letter-spacing:.06em;text-transform:uppercase;font-size:13px}
.mk{display:none}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--g)}
.skip{position:absolute;left:-999px;top:8px;background:var(--or);padding:10px 16px;z-index:100;border-radius:8px}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--or);outline-offset:3px}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:50px;padding:0 24px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .2s,background .2s,color .2s;font-family:inherit;white-space:nowrap}
.btn:hover{transform:translateY(-2px)}
.btn.or{background:var(--or);color:var(--ox)}
.btn.ox{background:var(--ox);color:#fff}
.btn.line{border-color:currentColor;background:transparent}
.btn.wh{background:#fff;color:var(--ox)}
.btn svg{width:18px;height:18px}

/* header */
.hd{position:absolute;top:0;left:0;right:0;z-index:40}
.hd .wrap{display:flex;align-items:center;justify-content:space-between;height:88px;max-width:none}
.logo{display:flex;align-items:center;gap:9px;text-decoration:none}
.logo svg{width:36px;height:30px}
.logo span{font-family:'Bric';font-weight:800;letter-spacing:-.05em;font-size:30px;line-height:1}
.hd nav{display:flex;align-items:center;gap:28px;font-weight:600;font-size:15px}
.hd nav a{text-decoration:none}
.hd nav a:not(.btn):hover{text-decoration:underline;text-underline-offset:5px}
.hd.light{color:#fff}
.hd.ondark .logo{color:#fff!important}
@media(min-width:981px){.hd.light .logo{color:var(--ox)}.hd.light nav{background:#fff;color:var(--ox);padding:6px 6px 6px 24px;border-radius:999px;box-shadow:0 10px 30px rgba(42,0,0,.15)}.hd.light nav .btn{min-height:44px}}
.phero ~ * .x{}
.hd.solid{position:sticky;background:#fff;border-bottom:2px solid var(--line)}
.menu{display:none;background:none;border:2px solid currentColor;color:inherit;border-radius:999px;min-height:44px;padding:0 18px;font:600 15px 'Ins';cursor:pointer}
@media(max-width:980px){
 .menu{display:inline-flex;align-items:center}
 .hd nav{position:fixed;inset:0;background:var(--ox);color:#fff;flex-direction:column;align-items:flex-start;justify-content:center;padding:var(--g);gap:18px;font:700 36px/1.1 'Ins';letter-spacing:-.03em;transform:translateX(100%);transition:transform .35s;z-index:60}
 .hd nav.open{transform:none}
 .hd nav .btn{font:600 18px 'Ins';letter-spacing:0;margin-top:10px}
 .hd nav .x{position:absolute;top:22px;right:var(--g);font:600 15px 'Ins';letter-spacing:0;color:#fff;background:none;border:2px solid #fff;border-radius:999px;min-height:44px;padding:0 18px}
}
@media(min-width:981px){.hd nav .x{display:none}}

/* ===== HOME HERO (story) ===== */
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);min-height:max(680px,100svh);background:var(--bl);overflow:hidden}
.hero .left{position:relative;padding:130px var(--g) 44px;display:flex;flex-direction:column;justify-content:flex-end;transition:background .5s}
.hero h1{font-size:clamp(72px,9.6vw,160px);line-height:.86;letter-spacing:-.05em}
.hero h1 .l3{display:block;color:#fff;height:1.1em;overflow:hidden}
.hero h1 .l3 b{display:block;height:1.1em;line-height:1.1em;font-weight:700;transition:transform .6s cubic-bezier(.7,0,.2,1)}
.hero h1 .l3 i{font-style:normal;display:inline-block;transform-origin:left bottom}
.hero .by{font-size:clamp(34px,4vw,60px);margin-top:12px}
.hero .by .mk{font-size:.42em;display:inline-block;transform:rotate(-6deg) translate(14px,-8px)}
.hero .sub{max-width:480px;margin-top:16px;font-size:18px}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}
.chips button{border:2px solid var(--ox);background:transparent;color:var(--ox);border-radius:999px;padding:0 16px;min-height:44px;font:600 15px 'Ins';cursor:pointer;transition:all .2s}
.chips button[aria-pressed=true]{background:var(--ox);color:#fff}
.hero .acts{display:flex;gap:12px;margin-top:24px;flex-wrap:wrap}
.hero .right{position:relative;overflow:hidden;background:var(--ox)}
.hero .right img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:80% center;opacity:0;transform:scale(1.06);transition:opacity .7s,transform 1.4s}
.hero .right img.on{opacity:1;transform:none}
.sheet{position:absolute;left:24px;bottom:24px;width:min(360px,calc(100% - 48px));background:#fff;border-radius:8px;padding:16px 18px;box-shadow:0 18px 40px rgba(42,0,0,.3);z-index:3}
.sheet .mono{overflow-wrap:anywhere}
.sheet .row{display:flex;justify-content:space-between;gap:10px;font-size:11px;padding:7px 0;border-bottom:1.5px dashed var(--line)}
.sheet .row:last-child{border:0}
.sheet .row b{color:var(--or)}
.stamp{position:absolute;right:-14px;top:-32px;transform:rotate(-12deg);width:96px;height:96px;border-radius:50%;border:3px solid var(--ox);background:#fff;display:flex;align-items:center;justify-content:center;text-align:center;font:700 17px/.95 'Ins';letter-spacing:-.03em}
.bars,.tapz{display:none}
@media(max-width:900px){
 .hero{display:block;height:100svh;min-height:660px;background:var(--ox)!important}
 .hero .right{position:absolute;inset:0}
 .hero .right::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(109,1,1,.6) 0%,rgba(109,1,1,0) 20%,rgba(109,1,1,0) 34%,rgba(109,1,1,.9) 68%,#6D0101 100%)}
 .hero .right img{object-position:86% center}
 .hero .left{position:absolute;inset:0;z-index:3;background:transparent!important;padding:0 16px 16px;color:#fff}
 .hero h1{font-size:min(24vw,128px);color:var(--pk)}
 .hero .by{font-size:30px;margin-top:6px;color:#fff}
 .hero .by .mk{color:var(--or)}
 .hero .sub{display:none}
 .chips{flex-wrap:nowrap;overflow-x:auto;margin:16px -16px 0;padding:0 16px;scrollbar-width:none}
 .chips::-webkit-scrollbar{display:none}
 .chips button{flex:0 0 auto;border-color:var(--pk);color:var(--pk)}
 .chips button[aria-pressed=true]{background:var(--pk);color:var(--ox)}
 .hero .acts{margin-top:14px}
 .hero .acts .btn{flex:1}
 .hero .acts .btn.ox{background:var(--or);color:var(--ox)}
 .hero .acts .line{display:none}
 .sheet{left:auto;right:14px;bottom:auto;top:104px;width:190px;padding:10px 12px;transform:rotate(2deg)}
 .sheet .row:nth-child(4){display:none}
 .stamp{width:64px;height:64px;font-size:13px;right:-10px;top:-24px}
 .bars{display:flex;gap:5px;position:absolute;top:10px;left:16px;right:16px;z-index:6}
 .bars i{flex:1;height:3px;border-radius:3px;background:rgba(255,255,255,.35);overflow:hidden}
 .bars i b{display:block;height:100%;width:0;background:#fff}
 .bars i.done b{width:100%}
 .bars i.run b{animation:fill var(--dur,3200ms) linear forwards}
 .tapz{display:block;position:absolute;top:90px;bottom:48%;width:35%;z-index:2;background:none;border:0;padding:0}
}
@keyframes fill{to{width:100%}}

/* proof strip */
.proof{background:var(--ox);color:#fff}
.proof ul{list-style:none;margin:0;padding:22px 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.proof li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px}
.proof .pm{flex:0 0 18px;height:15px;background:var(--or);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}
@media(max-width:900px){.proof ul{grid-template-columns:1fr 1fr;gap:14px 16px}.proof li{font-size:15px}}
/* ticker (unused) */
.ticker{background:var(--pk);overflow:hidden;border-block:2px solid var(--ox)}
.ticker ul{display:flex;gap:40px;list-style:none;margin:0;padding:14px 0;width:max-content;animation:tick 40s linear infinite}
.ticker li{display:flex;align-items:center;gap:40px;white-space:nowrap}
.ticker li::after{content:"";width:14px;height:12px;background:var(--or);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}
@keyframes tick{to{transform:translateX(-50%)}}

/* sections */
.sec{padding:clamp(72px,10vw,128px) 0}
.sec.bl{background:var(--bl)}.sec.pk{background:var(--pk)}.sec.ox{background:var(--ox);color:#fff}
.head{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:48px;flex-wrap:wrap}
.head h2{font-size:clamp(38px,5.2vw,76px);max-width:860px}
.head h2 em{font-style:normal;color:var(--or)}
.sec.ox .head h2 em{color:var(--pk)}
.head .lead{max-width:420px;font-size:18px}
.kick{display:inline-flex;align-items:center;gap:10px;margin-bottom:18px}
.kick::before{content:"";width:16px;height:13px;background:var(--or);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%)}

/* problem cards */
.probs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.prob{border:2px solid var(--ox);border-radius:var(--r);padding:28px;background:#fff;position:relative}
.prob .x{font:700 56px/1 'Ins';color:var(--or);letter-spacing:-.04em}
.prob h3{font-size:30px;margin:14px 0 10px}
.prob .fix{margin-top:18px;padding-top:14px;border-top:2px dashed var(--line)}
@media(max-width:860px){.probs{grid-template-columns:1fr}}

/* sector cards */
.sectors{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.scard{position:relative;display:block;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;text-decoration:none;color:#fff;background:var(--ox)}
.scard img{width:100%;height:100%;object-fit:cover;transition:transform .8s}
.scard:hover img{transform:scale(1.05)}
.scard::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(109,1,1,0) 40%,rgba(109,1,1,.92))}
.scard .t{position:absolute;left:22px;right:22px;bottom:20px;z-index:2}
.scard h3{font-size:clamp(34px,3.4vw,46px);color:var(--pk)}
.scard p{margin-top:8px;font-size:15px}
.scard .go{position:absolute;top:18px;right:18px;z-index:2;background:#fff;color:var(--ox);border-radius:999px;padding:8px 14px;font-weight:600;font-size:14px}
@media(max-width:980px){.sectors{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sectors{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:82%;overflow-x:auto;scroll-snap-type:x mandatory;margin:0 calc(var(--g)*-1);padding:0 var(--g);scrollbar-width:none}.scard{scroll-snap-align:start}}

/* sign + timeline */
.signwrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:56px;align-items:center}
.sign{background:var(--ox);color:var(--bl);padding:34px 30px;border-radius:4px;background-image:repeating-linear-gradient(180deg,rgba(255,255,255,.07) 0 3px,rgba(0,0,0,.2) 3px 7px,transparent 7px 10px);box-shadow:0 26px 50px rgba(42,0,0,.3);position:relative;transform:rotate(-1.5deg)}
.sign .big{font:600 clamp(48px,5.4vw,78px)/1 'Ins';letter-spacing:.01em}
.sign .rule{height:2px;background:var(--bl);margin:22px 0 12px}
.sign .st{display:flex;align-items:center;gap:14px;font:600 clamp(26px,3vw,38px)/1 'Ins';margin-top:8px}
.sign .st i{width:2px;height:36px;background:var(--bl)}
.sign .st b{color:var(--or);font-weight:600}
.sign .vert{position:absolute;right:22px;top:34px;writing-mode:vertical-rl;color:var(--bl)}
.steps{list-style:none;margin:0;padding:0;display:grid;gap:4px}
.steps li{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:18px 0;border-bottom:2px dashed var(--line)}
.steps li:last-child{border:0}
.steps .tm{font:700 16px 'Mono';color:var(--or);padding-top:6px}
.steps h3{font-size:28px;margin-bottom:6px}
@media(max-width:860px){.signwrap{grid-template-columns:1fr}.steps li{grid-template-columns:70px 1fr}}

/* scope builder */
.scope-sec{padding:clamp(56px,7vw,88px) 0}
.scope-sec .head{margin-bottom:28px}
.scope-sec .jobsheet li{padding:8px 0}
.scope{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:28px;align-items:start}
.scope fieldset{border:0;margin:0 0 26px;padding:0}
.scope legend{margin-bottom:12px}
.opts{display:flex;flex-wrap:wrap;gap:8px}
.opts label{position:relative}
.opts input{position:absolute;opacity:0;width:1px;height:1px}
.opts span{display:inline-flex;align-items:center;min-height:46px;padding:0 18px;border:2px solid var(--ox);border-radius:999px;font-weight:600;cursor:pointer;background:#fff;transition:all .15s}
.opts input:checked+span{background:var(--ox);color:#fff}
.opts input:focus-visible+span{outline:3px solid var(--or);outline-offset:3px}
.jobsheet{background:#fff;border-radius:10px;box-shadow:0 26px 60px rgba(42,0,0,.18);position:relative;overflow:hidden}
.jobsheet .top{background:var(--ox);color:#fff;padding:20px 24px;display:flex;justify-content:space-between;align-items:flex-end}
.jobsheet .top h3{font-size:34px}
.jobsheet .meta{padding:16px 24px;border-bottom:2px solid var(--ox);display:grid;grid-template-columns:auto 1fr;gap:4px 14px;font:700 12px/1.8 'Mono';letter-spacing:.04em;text-transform:uppercase}
.jobsheet .meta b{color:var(--or);font-weight:700}
.jobsheet ul{list-style:none;margin:0;padding:10px 24px 20px}
.jobsheet li{display:flex;gap:12px;align-items:flex-start;padding:10px 0;border-bottom:1.5px dashed var(--line);font-weight:600;animation:pop .35s both}
.jobsheet li small{display:block;font:700 11px 'Mono';letter-spacing:.04em;color:#9a6a6a;margin-top:2px}
.jobsheet li::before{content:"✓";flex:0 0 24px;height:24px;border-radius:5px;background:var(--or);display:flex;align-items:center;justify-content:center;font-size:14px}
@keyframes pop{from{opacity:0;transform:translateY(6px)}}
.jobsheet .foot{padding:0 24px 24px;display:flex;gap:12px;flex-wrap:wrap}
.jobsheet .foot .btn{white-space:normal;text-align:center;line-height:1.2;padding:12px 22px;max-width:100%}
@media(max-width:860px){.scope{grid-template-columns:1fr}}

/* commitments */
.commit{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:2px solid currentColor}
.commit div{padding:30px 28px 30px 0;border-bottom:2px solid currentColor}
.commit div:nth-child(3n+2),.commit div:nth-child(3n+3){padding-left:28px;border-left:2px solid currentColor}
.commit .n{font:700 13px 'Mono';color:var(--or);letter-spacing:.14em}
.sec.ox .commit .n{color:var(--pk)}
.commit h3{font-size:30px;margin:10px 0 8px}
@media(max-width:860px){.commit{grid-template-columns:1fr}.commit div:nth-child(n){padding:24px 0;border-left:0}}

/* playful band */
.band{position:relative;min-height:560px;display:flex;align-items:center;overflow:hidden;background:var(--bl)}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:75% center}
.band .copy{position:relative;z-index:2}
.band h2{font-size:clamp(48px,6.6vw,104px);max-width:640px}
.band .mk{font-size:clamp(24px,2.6vw,36px);display:inline-block;transform:rotate(-4deg);margin-top:20px}
@media(max-width:700px){.band{min-height:620px;align-items:flex-start;padding-top:64px}.band img{object-position:80% bottom;top:auto;height:62%}}

/* areas */
.areas{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.area{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;padding:24px;border-radius:var(--r);background:#fff;text-decoration:none;border:2px solid var(--ox);transition:background .2s,color .2s}
.area:hover{background:var(--ox);color:#fff}
.area h3{font-size:36px}
.area p{font-size:15px;margin-top:10px}
.area .mono{margin-top:16px}
@media(max-width:980px){.areas{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.areas{grid-template-columns:1fr}.area{min-height:0}}

/* briefings */
.briefs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.brief{border-radius:var(--r);padding:28px;text-decoration:none;display:flex;flex-direction:column;justify-content:space-between;min-height:320px}
.brief:nth-child(1){background:var(--ox);color:#fff}.brief:nth-child(2){background:var(--bl)}.brief:nth-child(3){background:var(--pk)}
.brief h3{font-size:clamp(30px,2.8vw,40px);margin-top:16px}
.brief .rd{font-weight:600;margin-top:20px}
@media(max-width:860px){.briefs{grid-template-columns:1fr}.brief{min-height:240px}}

/* faq */
.faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px}
.faq h2{font-size:clamp(44px,5.5vw,84px)}
details{border-bottom:2px solid var(--ox)}
details:first-child{border-top:2px solid var(--ox)}
summary{list-style:none;cursor:pointer;padding:22px 44px 22px 0;font:700 clamp(20px,2vw,24px)/1.2 'Ins';letter-spacing:-.02em;position:relative}
summary::-webkit-details-marker{display:none}
summary::after{content:"+";position:absolute;right:4px;top:16px;font:700 32px 'Ins';color:var(--or);transition:transform .2s}
details[open] summary::after{transform:rotate(45deg)}
details p{padding:0 0 22px;max-width:640px}
@media(max-width:860px){.faq{grid-template-columns:1fr;gap:24px}}

/* close */
.close{background:var(--or);text-align:center;padding:clamp(80px,12vw,150px) var(--g);position:relative;overflow:hidden}
.close h2{font-size:clamp(48px,8vw,130px)}
.close p{max-width:520px;margin:20px auto 0;font-size:19px}
.close .acts{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap}
.close .mk{position:absolute;font-size:clamp(20px,2.4vw,30px);transform:rotate(-6deg)}

/* footer */
.ft{background:var(--ox);color:#fff;padding:72px 0 28px}
.ft-top{display:grid;grid-template-columns:1.3fr repeat(4,1fr);gap:32px}
.ft h3{font:700 12px 'Mono';letter-spacing:.06em;text-transform:uppercase;color:var(--pk);margin-bottom:14px}
.ft-col a,.ft-col span{display:block;text-decoration:none;padding:5px 0;font-size:15px}
.ft-col a:hover{text-decoration:underline}
.ft-brand p{margin:16px 0 20px;max-width:300px;color:var(--pk)}
.ft-word{font:800 clamp(80px,19vw,300px)/.8 'Bric';letter-spacing:-.06em;color:var(--pk);margin:60px 0 20px}
.ft-base{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:13px;color:var(--pk);border-top:2px solid rgba(255,213,251,.25);padding-top:20px}
@media(max-width:980px){.ft-top{grid-template-columns:1fr 1fr}.ft-brand{grid-column:1/-1}}

/* mobile call bar */
.callbar{display:none}
@media(max-width:700px){.callbar{display:flex;gap:8px;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;padding:8px;background:#fff;border-radius:999px;box-shadow:0 12px 30px rgba(42,0,0,.3);transform:translateY(140%);transition:transform .3s}.callbar.show{transform:none}.callbar .btn{flex:1;min-height:46px;padding:0 12px;font-size:15px}body{padding-bottom:0}}

/* ===== INNER PAGES ===== */
.phero{position:relative;background:var(--bl);padding:150px 0 70px;overflow:hidden}
.phero.pk{background:var(--pk)}.phero.ox{background:var(--ox);color:#fff}
.phero .grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:end}
.phero h1{font-size:clamp(44px,6vw,92px);line-height:.98}
.phero h1 em{font-style:normal;color:#fff}
.phero.pk h1 em{color:var(--or)}.phero.ox h1 em{color:var(--pk)}
.phero .lead{font-size:20px;max-width:560px;margin-top:22px}
.phero .acts{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.phero .pic{position:relative;aspect-ratio:4/5;border-radius:var(--r);overflow:hidden;box-shadow:0 30px 60px rgba(42,0,0,.25);transform:rotate(1.5deg)}
.phero .pic img{width:100%;height:100%;object-fit:cover}
.phero .pic .mk{position:absolute;left:18px;bottom:16px;color:#fff;font-size:22px;transform:rotate(-4deg);text-shadow:0 2px 12px rgba(0,0,0,.4)}
.crumbs{font:700 12px 'Mono';letter-spacing:.06em;text-transform:uppercase;margin-bottom:22px;display:flex;gap:8px;flex-wrap:wrap}
.crumbs a{text-decoration:none;opacity:.7}
@media(max-width:860px){.phero{padding:120px 0 56px}.phero .grid{grid-template-columns:1fr}.phero .pic{max-width:440px;aspect-ratio:4/4.4}}

.prose{display:grid;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:48px}
.prose h2{font-size:clamp(40px,4.8vw,72px)}
.prose .body p{font-size:19px;margin-bottom:18px;max-width:700px}
.prose .body p:first-child{font-size:23px;line-height:1.4;font-weight:600}
@media(max-width:860px){.prose{grid-template-columns:1fr;gap:20px}}

.incl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.incl .col{background:#fff;border-radius:var(--r);padding:26px;border:2px solid var(--ox)}
.incl .col h3{font-size:30px;margin:8px 0 14px}
.incl ul{list-style:none;margin:0;padding:0}
.incl li{display:flex;gap:10px;padding:9px 0;border-bottom:1.5px dashed var(--line);font-weight:600;font-size:16px}
.incl li:last-child{border:0}
.incl li::before{content:"✓";flex:0 0 22px;height:22px;border-radius:5px;background:var(--or);display:flex;align-items:center;justify-content:center;font-size:13px;margin-top:1px}
@media(max-width:900px){.incl{grid-template-columns:1fr}}

.points{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.point{padding:28px;border-radius:var(--r);background:rgba(255,255,255,.08);border:2px solid rgba(255,213,251,.35)}
.sec:not(.ox) .point{background:#fff;border-color:var(--ox)}
.point h3{font-size:30px;margin-bottom:10px}
@media(max-width:760px){.points{grid-template-columns:1fr}}

.suburbs{display:flex;flex-wrap:wrap;gap:8px}
.suburbs span{border:2px solid var(--ox);border-radius:999px;padding:8px 16px;font-weight:600;background:#fff}
.links{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.links a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;background:var(--ox);color:#fff;text-decoration:none;font-weight:600}

table.cmp{width:100%;border-collapse:collapse;font-size:16px}
table.cmp th,table.cmp td{text-align:left;padding:16px 14px;border-bottom:2px solid var(--line);vertical-align:top}
table.cmp th{font:700 12px 'Mono';letter-spacing:.06em;text-transform:uppercase}
table.cmp td:nth-child(3){background:var(--pk);font-weight:600}
table.cmp th:nth-child(3){background:var(--ox);color:#fff}
.tablewrap{overflow-x:auto;border:2px solid var(--ox);border-radius:var(--r)}

.article{max-width:760px;margin:0 auto}
.article h2{font-size:clamp(38px,4.6vw,64px);margin:12px 0 22px}
.article h3{font-size:28px;margin:30px 0 10px}
.article p,.article li{font-size:19px;margin-bottom:14px}
.article ol,.article ul{padding-left:22px}
.article .note{background:var(--pk);border-radius:var(--r);padding:22px 24px;margin:26px 0;font-weight:600}
.art-sep{height:2px;background:var(--ox);margin:90px auto;max-width:760px}

/* form */
.formwrap{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:40px;align-items:start}
.form{background:#fff;border:2px solid var(--ox);border-radius:var(--r);padding:clamp(22px,3vw,36px)}
.form .row2{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.form label{display:block;margin-bottom:16px}
.form label>span{display:block;font:700 13px 'Mono';letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.form input,.form select,.form textarea{width:100%;min-height:52px;border:2px solid var(--ox);border-radius:12px;padding:12px 14px;font:400 17px 'Ins';color:var(--ox);background:#fff}
.form textarea{min-height:120px;resize:vertical}
.form .btn{width:100%;margin-top:6px}
.form .small{font-size:13px;margin-top:12px;opacity:.8}
.aside{background:var(--ox);color:#fff;border-radius:var(--r);padding:30px;position:sticky;top:110px}
.aside h3{font-size:34px;margin-bottom:16px;color:var(--pk)}
.aside ol{padding-left:20px;margin:0}
.aside li{margin-bottom:12px}
@media(max-width:860px){.formwrap{grid-template-columns:1fr}.form .row2{grid-template-columns:1fr}.aside{position:static}}

/* reveal */
.rv{opacity:0;transform:translateY(24px);transition:opacity .7s,transform .7s}
.rv.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.rv{opacity:1;transform:none}}
@media(max-width:700px){
 .scope-sec .opts{flex-wrap:nowrap;overflow-x:auto;margin:0 calc(var(--g)*-1);padding:0 var(--g) 4px;scrollbar-width:none}
 .scope-sec .opts::-webkit-scrollbar{display:none}
 .scope-sec .opts label{flex:0 0 auto}
 .scope-sec fieldset{margin-bottom:18px}
 .scope-sec .jobsheet li:nth-child(n+5){display:none}
 .scope-sec .head .lead{display:none}
}

/* calmer type scale */
.head h2{font-size:clamp(32px,3.8vw,54px)!important;max-width:760px}
.phero h1{font-size:clamp(40px,4.8vw,72px)!important}
.prose h2,.faq h2{font-size:clamp(32px,3.6vw,52px)!important}
.close h2{font-size:clamp(40px,6vw,92px)!important}
.band h2{font-size:clamp(40px,5vw,76px)!important}
.prob h3,.point h3,.incl .col h3,.area h3,.steps h3{font-size:22px!important}
.prob .x{font-size:36px!important}
.brief h3{font-size:clamp(22px,2vw,28px)!important}
.scard h3{font-size:clamp(26px,2.4vw,34px)!important}
.head{margin-bottom:36px}
.sec{padding:clamp(60px,8vw,104px) 0}
/* compact commitments */
.clist{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;border-top:1.5px solid var(--line)}
.clist li{display:grid;grid-template-columns:18px 1fr;gap:4px 14px;padding:18px 0;border-bottom:1.5px solid var(--line);align-items:baseline}
.clist .pm{width:14px;height:12px;background:var(--or);clip-path:polygon(0 0,100% 0,82% 100%,18% 100%);grid-row:span 2;margin-top:6px}
.clist b{font-size:18px;font-weight:700}
.clist span:last-child{font-size:16px;opacity:.85}
@media(max-width:760px){.clist{grid-template-columns:1fr}}
/* de-template pass */
.kick{display:none!important}
.head h2 em,.phero h1 em,.prose h2 em,h2 em{color:inherit!important}
.phero.ox h1 em{color:#fff!important}
.prose-plain{max-width:760px}
.prose-plain p{font-size:20px;line-height:1.55;margin-bottom:18px}
.head{align-items:flex-end}
.hero h1 .l3 b{overflow:hidden}