@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format("woff2");font-display:swap}
@font-face{font-family:Atkinson;src:url(/fonts/atkinson.woff2) format("woff2");font-weight:200 800;font-display:swap}
@font-face{font-family:Marker;src:url(/fonts/marker.woff2) format("woff2");font-display:swap}

:root{
  --case:#15161a;--red:#b92b19;--blue:#1b4299;--purple:#55298a;--yellow:#efc02d;--white:#f3edde;--stock:#fbf7ec;--residue:#b79f7a;--ink:#15161a;--ink-2:#3d3b36;--err:#8f1c0e;
  --display:Anton,"Arial Narrow",sans-serif;--body:Atkinson,Verdana,sans-serif;--pen:Marker,"Comic Sans MS",cursive;
  --gut:clamp(16px,3.5vw,48px);--gap:clamp(64px,8vw,112px);
  --ease:cubic-bezier(.16,1,.3,1);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-padding-top:24px;scrollbar-color:var(--residue) var(--case)}
body{margin:0;background:var(--case) url(/art/laminate.webp);color:var(--white);font:400 1.25rem/1.55 var(--body);overflow-x:hidden}
::selection{background:var(--yellow);color:var(--ink)}
img,svg{max-width:100%}
p{margin:0 0 1em}p:last-child{margin-bottom:0}
a{color:inherit;text-decoration-thickness:2px;text-underline-offset:.18em}
a:hover{text-decoration-thickness:4px}
h1,h2,h3{margin:0;text-wrap:balance}
:focus-visible{outline:4px solid var(--yellow);outline-offset:3px;box-shadow:0 0 0 3px var(--ink)}
.ico{width:1.1em;height:1.1em;flex:none}
.skip{position:absolute;left:12px;top:-90px;background:var(--yellow);color:var(--ink);padding:14px 18px;font-weight:700;z-index:50}
.skip:focus{top:12px}

/* Materials. Each plate's middle stretches, so torn and die-cut edges stay real at any size.
   The flat color behind the text is there if an image is slow or fails. */
.pl-stock,.pl-white,.pl-black{border-style:solid;border-color:transparent;border-width:24px;border-image-slice:48 fill;border-image-width:24px;border-image-repeat:stretch}
.pl-stock,.pl-white,.pl-black{background-origin:border-box;background-clip:border-box;background-repeat:no-repeat;background-position:center;background-size:calc(100% - 26px) calc(100% - 26px)}
.pl-stock{border-image-source:url(/art/p-stock.webp);background-image:linear-gradient(var(--stock),var(--stock));color:var(--ink)}
.pl-white{border-image-source:url(/art/p-white.webp);background-image:linear-gradient(var(--white),var(--white));color:var(--ink)}
.pl-black{border-image-source:url(/art/p-case.webp);background-image:linear-gradient(var(--case),var(--case));color:var(--white)}
/* Each die-cut sticker's artwork sits on its own element behind the text. The flat color runs
   past the slice seams in two crossed bands that stay out of the notched corners, so no frame
   lines show through. A compositor layer on regular monitors
   would blur the text above it, so only high-density screens get one. */
.die,.btn{--edge:22px;--reach:16px;position:relative;isolation:isolate;border:var(--edge) solid transparent}
.die::before,.btn::before{content:"";position:absolute;inset:calc(var(--edge)*-1);z-index:-1;border:var(--edge) solid transparent;border-image:var(--plate) 44 fill/var(--edge) stretch;background:linear-gradient(var(--fill),var(--fill)) center/calc(100% - var(--edge)*2 + 6px) calc(100% - var(--reach)) no-repeat border-box,linear-gradient(var(--fill),var(--fill)) center/calc(100% - var(--reach)) calc(100% - var(--edge)*2 + 6px) no-repeat border-box;pointer-events:none}
@media (min-resolution:1.5dppx){.die::before,.btn::before{will-change:transform}}
.die-red,.btn{--plate:url(/art/d-red.webp);--fill:var(--red);--reach:38px;color:#fff}
.die-blue{--plate:url(/art/d-blue.webp);--fill:var(--blue);color:#fff}
.die-purple{--plate:url(/art/d-purple.webp);--fill:var(--purple);--reach:38px;color:#fff}
.die-yellow,.btn-call{--plate:url(/art/d-yellow.webp);--fill:var(--yellow);--reach:16px;color:var(--ink)}
.die-white{--plate:url(/art/d-white.webp);--fill:var(--white);color:var(--ink)}
.peeled{position:relative}
.peeled::after{content:"";position:absolute;right:-22px;bottom:-22px;width:clamp(64px,7vw,104px);aspect-ratio:1;background:url(/art/peel.webp) center/contain no-repeat;pointer-events:none}

/* Header: the lip of the case */
.top{display:flex;align-items:center;gap:clamp(12px,2vw,30px);padding:2px calc(var(--gut) - 12px);position:relative;z-index:6;background:var(--case) url(/art/laminate.webp);border-bottom:5px solid #33353a}
.brand{display:block;text-decoration:none;line-height:1;transform:rotate(-1deg);flex:none;padding:0 4px;border-width:16px;border-image-width:16px}
.brand span{display:block;font:400 2rem/1 var(--display);letter-spacing:.015em;text-transform:uppercase}
.brand small{display:block;font:700 1rem/1.2 var(--body);margin-top:3px}
.nav-wide{display:flex;gap:clamp(12px,1.8vw,26px);margin-left:auto;font-weight:700}
.nav-wide a{display:flex;align-items:center;min-height:56px;text-decoration:none;padding:0 6px;border-bottom:5px solid transparent}
.nav-wide a:hover{border-color:var(--residue)}
.nav-wide a[aria-current]{border-color:var(--yellow)}
.call{display:inline-flex;align-items:center;gap:9px;min-height:66px;font-weight:800;text-decoration:none;padding:0 6px;transform:rotate(1deg);white-space:nowrap;--edge:18px}
.nav-menu{display:none;margin-left:auto}
.nav-menu summary{display:flex;align-items:center;gap:9px;min-height:56px;padding:8px 16px;font-weight:800;border:3px solid var(--residue);cursor:pointer;list-style:none}
.nav-menu summary::-webkit-details-marker{display:none}
.nav-menu[open] summary{background:var(--white);color:var(--ink)}
.nav-menu nav{position:absolute;left:var(--gut);right:var(--gut);top:100%;background:var(--stock);color:var(--ink);box-shadow:0 12px 26px rgb(0 0 0/.55);padding:8px;z-index:20}
.nav-menu nav a{display:flex;align-items:center;min-height:60px;padding:0 12px;font-weight:700;font-size:1.3rem;text-decoration:none;border-bottom:2px solid #d9d1bd}
.nav-menu nav a:last-child{border:0}

/* Scraps hide where a collage would otherwise stop in a straight line */
.scrap-end{position:relative}
.scrap-end::after{content:"";position:absolute;left:0;right:0;bottom:-74px;height:150px;background:url(/art/scraps.webp) center/1920px 100% repeat-x;pointer-events:none;z-index:2}

/* First viewport: the case lid under years of stickers */
.lid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(360px,.86fr);gap:clamp(14px,2.2vw,32px);align-items:start;padding:clamp(14px,2.2vw,30px) var(--gut) clamp(52px,6vw,80px);background:var(--case) url(/art/collage-wide.webp) top center/max(100%,1920px) auto;isolation:isolate}
.lid::before{content:"";position:absolute;left:0;top:0;width:clamp(58px,6vw,92px);aspect-ratio:1;background:url(/art/corner.webp) center/contain no-repeat;z-index:-1}
.lid-copy,.lid-form{position:relative;z-index:3}
.slap{font:400 clamp(2.9rem,min(5.9vw,9.2vh),6rem)/1.03 var(--display);letter-spacing:.003em;text-transform:uppercase;padding:.08em .2em .12em;transform:rotate(-.7deg);position:relative}
.slap-sub{padding:.2em .5em;margin:-.5em 0 0 clamp(6px,1.6vw,24px);max-width:40em;transform:rotate(.4deg);position:relative;font-size:1.25rem;line-height:1.42}
.slap-sub b{display:block;margin-top:.35em;color:var(--yellow)}
.lid-who{display:flex;flex-wrap:wrap;gap:clamp(10px,1.6vw,22px);align-items:center;margin-top:clamp(8px,1.2vw,16px)}
.phone-sticker{display:inline-block;text-decoration:none;padding:0 .4em .05em;transform:rotate(1.2deg);transition:transform .25s var(--ease)}
.phone-sticker small{display:block;font:700 1.25rem/1.25 var(--body)}
.phone-sticker span{display:block;font:400 clamp(2.2rem,3.4vw,3.2rem)/1.06 var(--display);white-space:nowrap}
.phone-sticker:hover{transform:rotate(0) translateY(-3px);filter:drop-shadow(0 12px 14px rgb(0 0 0/.5))}

/* The name tag everyone has worn at some point */
.tag{width:min(250px,100%);padding:0;transform:rotate(-2deg);text-align:center;flex:none}
.tag-top{margin:0;font-size:1.125rem;line-height:1.2;padding-bottom:5px}
.tag-top b{display:block;font:400 1.95rem/1 var(--display);letter-spacing:.05em}
.tag-name{margin:0 -6px;background:var(--stock);color:var(--ink);font:400 clamp(3rem,4.4vw,3.8rem)/1.18 var(--pen)}
.tag img{display:block;width:100%;height:auto}
.tag-foot{margin:0;font-size:1.125rem;line-height:1.22;padding:7px 0 0}

/* Form sticker */
.lid-form{padding:clamp(2px,.8vw,10px) clamp(4px,.9vw,12px);transform:rotate(.5deg)}
.lid-form>h2{font:400 2.1rem/1.1 var(--display);text-transform:uppercase;margin-bottom:.38em}
.f{margin-bottom:13px}
.f label{display:block;font-weight:700;font-size:1.25rem;margin-bottom:4px}
.f input,.f textarea{display:block;width:100%;min-height:58px;font:400 1.25rem/1.4 var(--body);color:var(--ink);background:#fff;border:3px solid var(--ink);border-radius:0;padding:11px 14px;caret-color:var(--red)}
.f textarea{resize:vertical;min-height:96px}
.f input:focus,.f textarea:focus{outline:4px solid var(--blue);outline-offset:1px;box-shadow:none}
.f.bad input,.f.bad textarea{border-style:dashed;border-color:var(--red);border-width:4px}
.f .err{color:var(--err);font-weight:700;margin:5px 0 0;line-height:1.3}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}

/* Buttons are die-cut stickers */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:82px;font:400 2rem/1 var(--display);letter-spacing:.025em;text-transform:uppercase;text-decoration:none;cursor:pointer;padding:2px 22px;transition:transform .22s var(--ease);background:transparent}
.btn:hover,.btn:focus-visible{transform:translateY(-3px) rotate(-.4deg);filter:drop-shadow(0 12px 13px rgb(0 0 0/.42))}
.btn:active{transform:translateY(1px);filter:none}
.btn[disabled]{cursor:progress}
.btn[disabled]::before{border-image:none;border-color:transparent;background:repeating-linear-gradient(135deg,#6e675b 0 12px,#5b554b 12px 24px) border-box}
.btn-call{width:auto;white-space:nowrap}
.btn-solo{width:auto;padding-inline:34px}
.fine{font-size:1.25rem;line-height:1.35;color:var(--ink-2);margin:8px 0 0}
.form-error{display:flex;gap:10px;align-items:flex-start;background:#fff;border:4px dashed var(--red);color:var(--err);font-weight:700;padding:12px;margin:0 0 14px;line-height:1.35}
.form-error[hidden]{display:none}
.cf-turnstile{margin-bottom:14px}

/* Signature: the GOT IT sticker slaps over the form */
.lead{position:relative}
.lead.sent>:not(.got){visibility:hidden}
.got{position:absolute;inset:-6px;display:flex;flex-direction:column;justify-content:center;gap:12px;padding:10px 18px;font-size:1.35rem;line-height:1.38;transform:rotate(-1.5deg);animation:slap .42s var(--ease) both;z-index:5}
.got a,.got button{color:inherit}
.got-again{align-self:flex-start;min-height:56px;font:700 1.25rem var(--body);background:none;border:0;padding:0;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:.18em;cursor:pointer}
.got[hidden]{display:none}
.got strong{font:400 clamp(4rem,6.4vw,5.6rem)/1 var(--display);text-transform:uppercase}
@keyframes slap{from{transform:rotate(-7deg) scale(1.22);opacity:0}70%{opacity:1}to{transform:rotate(-1.5deg) scale(1)}}

/* Sections */
.band{position:relative;padding:var(--gap) var(--gut) 0;max-width:1320px;margin-inline:auto}
.band:first-child{padding-top:clamp(72px,8vw,112px)}
.ghost{isolation:isolate}
.ghost::before{content:"";position:absolute;right:var(--gut);top:calc(var(--gap) - 14px);width:min(26vw,330px);aspect-ratio:720/280;background:url(/art/residue.webp) center/contain no-repeat;transform:rotate(3deg);z-index:-1;pointer-events:none}
.ghost-b::before{background-image:url(/art/residue-b.webp);aspect-ratio:560/340;width:min(20vw,250px);transform:rotate(-5deg);top:calc(var(--gap) - 34px)}
.tape{display:inline-block;font:400 clamp(2.3rem,4.6vw,3.8rem)/1.08 var(--display);text-transform:uppercase;letter-spacing:.012em;color:var(--ink);padding:.04em .3em;transform:rotate(-.7deg);margin:0 0 .5em -10px;border-style:solid;border-color:transparent;border-width:14px 42px;border-image:url(/art/tape.webp) 28 84 fill/14px 42px round;background:linear-gradient(var(--residue),var(--residue)) center/calc(100% - 44px) calc(100% - 12px) no-repeat border-box}
.lid .slap{max-width:min(100%,9.4em)}
.tape-red{border-image-source:url(/art/tape-red.webp);background-image:linear-gradient(var(--red),var(--red));color:#fff}
.band-lead{max-width:34em;font-size:1.35rem}

/* Wall of stickers: mismatched sizes, slapped on by hand */
.wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(24,1fr);column-gap:clamp(4px,.6vw,10px);row-gap:clamp(4px,.8vw,12px);align-items:start}
.stk{transition:transform .25s var(--ease);position:relative}
.stk a{position:relative}
.stk a::before{content:"";position:absolute;inset:-9px;z-index:-1;background:url(/art/vinyl.webp);pointer-events:none}
.stk a{display:flex;flex-direction:column;gap:.45em;height:100%;padding:clamp(6px,1.3vw,18px);text-decoration:none}
.stk h3{font:400 clamp(1.9rem,3.1vw,2.9rem)/1.06 var(--display);text-transform:uppercase;letter-spacing:.012em}
.stk p{margin:0;line-height:1.42}
.stk-0{grid-column:1/15;transform:rotate(-.9deg)}
.stk-1{grid-column:15/25;transform:rotate(1.1deg);margin-top:34px}
.stk-2{grid-column:1/10;transform:rotate(.8deg);margin-top:-8px}
.stk-3{grid-column:10/18;transform:rotate(-1.2deg);margin-top:26px}
.stk-4{grid-column:18/25;transform:rotate(1deg);margin-top:-4px}
.stk-5{grid-column:3/23;transform:rotate(-.5deg);margin-top:-2px}
.stk-6{grid-column:6/21;transform:rotate(.7deg);margin-top:6px}
.stk::after{content:"";position:absolute;right:-20px;bottom:-20px;width:92px;aspect-ratio:1;background:url(/art/peel.webp) center/contain no-repeat;opacity:0;transform:scale(.55);transform-origin:100% 100%;transition:opacity .2s var(--ease),transform .25s var(--ease);pointer-events:none}
.stk:hover,.stk:focus-within{transform:rotate(0) translateY(-4px);z-index:2;filter:drop-shadow(0 12px 12px rgb(0 0 0/.42))}
.stk:hover::after,.stk:focus-within::after{opacity:1;transform:scale(1)}
.price-note{font:400 1.7rem/1.2 var(--pen);margin-top:auto;padding-top:.3em;display:block}

/* Plain reading sheets, sized to what they hold */
.sheet{padding:clamp(2px,1.2vw,18px) clamp(4px,1.6vw,24px)}
.sheet>h2,.sheet>h1{font:400 clamp(2.3rem,4.2vw,3.4rem)/1.08 var(--display);text-transform:uppercase;letter-spacing:.012em;margin-bottom:.45em}
.sheet p,.sheet li{max-width:40em}
.narrow{width:min(100%,50em)}
.shift{margin-left:auto}

/* How it works: three scraps going down a staircase */
.stairs{list-style:none;margin:0;padding:0;counter-reset:s;display:grid;gap:clamp(2px,.6vw,8px)}
.stairs li{counter-increment:s;display:grid;grid-template-columns:auto minmax(0,1fr);gap:0 clamp(14px,2vw,28px);align-items:center;--o:0px;margin-left:var(--o);max-width:min(50em,calc(100% - var(--o)));padding:clamp(0px,.4vw,6px) clamp(6px,1vw,14px)}
.stairs li:nth-child(1){transform:rotate(-.5deg)}
.stairs li:nth-child(2){--o:clamp(0px,11vw,150px);transform:rotate(.6deg)}
.stairs li:nth-child(3){--o:clamp(0px,22vw,300px);transform:rotate(-.4deg)}
.stairs li::before{content:counter(s);font:400 clamp(4rem,7vw,6rem)/1 var(--display);color:var(--red);grid-row:span 2}
.stairs b{display:block;font-size:1.5rem;line-height:1.2;margin-bottom:.2em}
.stairs span{display:block;line-height:1.42}

/* Six ways to know it's me: a set list taped to the lid, plus the one rule that matters most */
.proof{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.8fr);gap:clamp(18px,3vw,44px);align-items:start;margin-top:clamp(16px,2vw,26px)}
.setlist{position:relative;padding:clamp(14px,2.4vw,32px) clamp(6px,2vw,26px);transform:rotate(-.5deg)}
.setlist::before,.setlist::after{content:"";position:absolute;top:-38px;width:150px;height:44px;background:url(/art/tape.webp) center/100% 100% no-repeat}
.setlist::before{left:-18px;transform:rotate(-7deg)}
.setlist::after{right:-18px;transform:rotate(6deg)}
.setlist ul{list-style:none;margin:0;padding:0}
.setlist li{padding:0 0 clamp(14px,1.8vw,22px)}
.setlist li:last-child{padding-bottom:0}
.setlist h3{font:700 clamp(1.45rem,2.2vw,1.7rem)/1.2 var(--body);margin-bottom:.12em}
.setlist p{margin:0;line-height:1.42}
.hangup{padding:clamp(8px,1.6vw,22px) clamp(6px,1.4vw,18px);transform:rotate(1.5deg);position:sticky;top:24px}
.hangup strong{display:block;font:400 clamp(3rem,5vw,4.6rem)/1 var(--display);text-transform:uppercase;margin:.1em 0 .18em}
.hangup p{line-height:1.38}

.close{margin-top:var(--gap);padding:clamp(52px,7vw,96px) var(--gut);background:url(/art/collage-band.webp) center/cover;position:relative}
.close::before{content:"";position:absolute;left:0;right:0;top:-74px;height:150px;background:url(/art/scraps-b.webp) center/1920px 100% repeat-x;pointer-events:none}
.where{max-width:880px;margin-inline:auto;transform:rotate(-.4deg);position:relative;z-index:3}
.reviews{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:16px}
.review{margin:0}.review blockquote{margin:0 0 .7em;font-size:1.35rem}.review figcaption{font:400 1.5rem var(--pen)}

/* Inner pages */
.page-top{padding:clamp(28px,4.5vw,60px) max(var(--gut),calc((100% - 1320px)/2 + var(--gut))) clamp(52px,6vw,76px);background:url(/art/collage-band.webp) center/cover;isolation:isolate}
.page-top .slap{width:fit-content;max-width:min(100%,9.4em);position:relative;z-index:3}
.page-top .slap-sub{width:fit-content;z-index:3}
.about-top{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:center}
.about-top .tag{position:relative;z-index:3}

/* Services: each keeps its sticker from the home wall, price stuck on the right */
.svc-list{display:grid;gap:clamp(30px,4vw,54px);padding-top:clamp(84px,9vw,120px)}
.svc{position:relative;width:min(100%,62em);scroll-margin-top:24px;padding-top:0}
.svc:nth-child(even){margin-left:auto}
.svc:nth-child(3n){width:min(100%,56em)}
.svc-head{display:inline-block;margin:-58px 0 14px -30px;transform:rotate(-1.2deg);padding:0 .35em;font:400 clamp(2.1rem,3.8vw,3.2rem)/1.06 var(--display);text-transform:uppercase;letter-spacing:.012em}
.svc:nth-child(even) .svc-head{transform:rotate(1deg)}
.svc-body{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(190px,.8fr);gap:0 clamp(18px,3vw,40px);align-items:start}
.svc-blurb{font-size:1.4rem;line-height:1.38}
.svc ul,.plain{padding-left:1.1em;margin:0 0 1em}
.svc li,.plain li{margin-bottom:.32em}
.svc-side{display:flex;flex-direction:column;gap:16px;align-items:flex-start}
.svc-price{display:block;font:400 1.75rem/1.16 var(--pen);padding:0 .25em .08em;transform:rotate(2deg)}
.link-big{display:flex;align-items:center;width:fit-content;min-height:56px;font-weight:700}
.steps{padding-left:1.5em}
.nb{white-space:nowrap}
.faq h3{font:700 clamp(1.45rem,2.2vw,1.7rem)/1.2 var(--body);margin:1.1em 0 .25em}
.faq h3:first-child{margin-top:0}
.ptable{width:100%;border-collapse:collapse;margin-bottom:1em}
.ptable th{text-align:left;font-size:1.125rem;border-bottom:3px solid var(--ink);padding:8px 16px 8px 0}
.ptable td{padding:18px 16px 18px 0;border-bottom:2px solid #d4cab2;vertical-align:top}
.ptable .amt{font:400 2.1rem/1.1 var(--display);white-space:nowrap;font-variant-numeric:tabular-nums;padding-right:0}
.pay-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(14px,2.6vw,34px);align-items:start}
.contact-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,4vw,56px);align-items:start;padding-top:clamp(84px,9vw,120px)}
.contact-side{display:flex;flex-direction:column;align-items:flex-start;gap:20px}
.contact-note{padding:.2em .5em;max-width:24em}
.prose h1{font-size:clamp(2.6rem,5vw,4rem)}
.cred{border-top:3px solid var(--ink);padding-top:1em}
.page-first{padding-top:clamp(28px,4vw,48px)}

/* Footer: the bottom of the case, with its steel corners */
.foot{position:relative;margin-top:var(--gap);background:var(--case) url(/art/laminate.webp);border-top:5px solid #33353a;padding:clamp(44px,5vw,70px) var(--gut) 40px}
.foot::before,.foot::after{content:"";position:absolute;top:-5px;width:clamp(58px,6vw,92px);aspect-ratio:1;background:url(/art/corner.webp) center/contain no-repeat}
.foot::before{left:0}.foot::after{right:0;transform:scaleX(-1)}
.foot-call{display:flex;flex-wrap:wrap;gap:12px 40px;align-items:center;justify-content:space-between;margin-bottom:34px}
.foot-big{font:400 clamp(2.2rem,4.6vw,4rem)/1.1 var(--display);text-transform:uppercase;margin:0;max-width:18em;}
.foot-meta{display:flex;flex-wrap:wrap;gap:20px 56px;justify-content:space-between;font-size:1.25rem;line-height:1.5}
.foot-meta nav{display:flex;flex-wrap:wrap;gap:0 20px;align-items:flex-start}
.foot-meta nav a{display:flex;align-items:center;min-height:56px;padding:0 2px}
.preview-note{margin:20px 0 0;font-size:1.125rem;color:var(--residue)}
.callbar{display:none}

@media (max-height:860px) and (min-width:1001px){.lid .tag-foot{display:none}}

/* Tablet and phone: one column; tilts stay slight enough to read easily */
@media (max-width:1000px){
  .ghost::before{display:none}
  .nav-wide,.top>.call{display:none}
  .nav-menu{display:block}
  .lid{grid-template-columns:minmax(0,1fr);background-image:url(/art/collage-tall.webp);background-position:center top;background-size:100% auto}
  .lid-form{transform:none}
  .proof,.pay-grid,.contact-grid,.about-top{grid-template-columns:minmax(0,1fr)}
  .hangup{position:static}
  .stk-0,.stk-1,.stk-2,.stk-3,.stk-4,.stk-5,.stk-6{grid-column:1/-1;margin-top:0}
  .stk-1,.stk-3,.stk-6{margin-left:clamp(0px,6vw,40px)}
  .stk-2,.stk-4{margin-right:clamp(0px,6vw,40px)}
  .page-top{background-image:url(/art/collage-tall.webp);background-size:100% auto;background-position:center top}
  .svc,.svc:nth-child(3n){width:100%}
  .stairs li:nth-child(n){--o:0px}
  body{padding-bottom:76px}
  .callbar{display:flex;align-items:center;justify-content:center;gap:12px;position:fixed;left:0;right:0;bottom:0;min-height:68px;background:var(--yellow);color:var(--ink);font:400 1.8rem/1 var(--display);text-transform:uppercase;letter-spacing:.03em;text-decoration:none;box-shadow:0 -6px 18px rgb(0 0 0/.45);z-index:30}
}
@media (max-width:640px){
  .slap{font-size:clamp(2.9rem,13.5vw,4rem)}
  .slap-sub{margin:-.2em 0 0}
  .lid-copy{display:flex;flex-direction:column;gap:6px}
  .lid-who{order:1;flex-direction:column;align-items:stretch;margin-top:0}
  .lid-copy .slap-sub{order:2;margin:0}
  .lid-who .tag{max-width:260px;width:100%}
  .foot{padding-top:84px}
  .foot::before,.foot::after{width:54px}
  .phone-sticker,.foot-call .btn-call{width:100%}
  .phone-sticker{text-align:center}
  .ptable .amt{font-size:1.7rem;white-space:normal}
  .svc-head{margin:-52px 0 12px -8px}
  .svc-body{grid-template-columns:minmax(0,1fr)}
  .setlist::before{left:-4px}.setlist::after{right:-4px}
  .tape{margin-left:-6px;border-width:12px 26px;border-image-width:12px 26px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
@media print{body{background:#fff;color:#000}.top,.callbar,.lid-form,.foot-call{display:none}.lid,.close,.page-top{background:none}}