/* ===== Printout v5 — brand-round mockup look (Round 9 K1: deep navy + leaf green, warm white). Loaded after site/v3/v4. ===== */
@font-face{font-family:"Hanken Grotesk";src:url(/fonts/HankenGrotesk-var.woff2) format("woff2");font-weight:100 900;font-display:swap}
:root{
  --font-head:"Hanken Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --font-body:"Hanken Grotesk",-apple-system,"Helvetica Neue",Arial,sans-serif;
  --navy:#17223D;--navy-2:#22304F;--ink:#17223D;--ink-2:#4F5870;--ink-3:#6B7386;
  --lime:#B3CB6A;--leaf:#5E9F58;--deep:#3E7D3A;--lime-ink:#3E7D3A;--olive:#3E7D3A;--grey:#7A8194;
  --paper:#FAF8F2;--warm:#F7F4EC;--tint:#EEF3E4;--tint2:#F3F6EC;--line:#E3E6DC;--line-2:#D3D9CA;--soft:#EEF3E4;--lime-soft:#E6EFD2;
  --hdr:72px;--r5:20px;--max:1320px;
}
body{background:#fff;font-family:var(--font-body);color:var(--ink)}
h1,h2,h3,.b4h1{font-family:var(--font-head)}
h1,h2,.b4h1{font-weight:600;letter-spacing:-.04em}
h3{letter-spacing:-.02em}
.wrap{max-width:var(--max)}

/* ---------- same-day strip ---------- */
.sdbar{background:var(--navy);color:#fff;font-size:13.5px;line-height:1}
.sdbar .wrap{display:flex;align-items:center;gap:18px;height:40px}
.sdbar .sdl{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;min-width:0;white-space:nowrap;overflow:hidden}
.sdbar .sdl b{font-weight:600;color:var(--lime)}
.sdbar .dot{width:8px;height:8px;border-radius:50%;background:var(--lime);flex:none;box-shadow:0 0 0 4px rgba(179,203,106,.18)}
.sdbar .dot.off{background:#8E97AB;box-shadow:none}
.sdbar .go{color:#fff;font-weight:600;text-decoration:none;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px;white-space:nowrap}
.sdbar .locs{margin-left:auto;display:flex;gap:18px;white-space:nowrap}
.sdbar .locs a{color:rgba(255,255,255,.78);text-decoration:none;display:inline-flex;align-items:center;gap:7px}
.sdbar .locs a::before{content:"";width:5px;height:5px;border-radius:50%;background:var(--lime)}
.sdbar .locs a:hover{color:#fff}
.tagS{display:inline-flex;align-items:center;font:700 10px/1 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:#8a5a00;background:#FFF0CC;border-radius:99px;padding:4px 7px;vertical-align:2px;flex:none}
.sdbar .short{display:none}

/* ---------- white top nav ---------- */
.top.top5{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line)}
.top5 .wrap{height:var(--hdr);gap:20px}
.top5 .brand{display:flex;align-items:center}
.top5 .brand img{width:124px;height:auto;aspect-ratio:2655/875}
.top5 .tnav{margin-left:40px;gap:6px}
.top5 .tnav a{font-size:15.5px;font-weight:500;color:var(--navy);padding:8px 12px;border-radius:999px;box-shadow:none}
.top5 .tnav a:hover{background:var(--tint)}
.top5 .tnav a[aria-current]{background:var(--tint);box-shadow:none;color:var(--navy)}
.top5 .tnav .mob{display:none}
.top5 .nr{margin-left:auto;display:flex;align-items:center;gap:22px}
.top5 .nq{font-size:15.5px;font-weight:500;color:var(--navy);text-decoration:none}
.top5 .nq:hover{text-decoration:underline;text-underline-offset:5px;text-decoration-color:var(--lime);text-decoration-thickness:2px}
.np{display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 20px;border-radius:999px;background:var(--navy);color:#fff;font-size:14.5px;font-weight:600;text-decoration:none;white-space:nowrap}
.np:hover{background:var(--navy-2)}
.top5 .tmenu{margin-left:6px}

/* ---------- buttons ---------- */
.btn{font-family:var(--font-body);font-weight:600}
.btn-navy{background:var(--navy)}
.btn-lime{background:var(--lime);color:var(--navy)}.btn-lime:hover{background:#C2D77E}
.ulink{font-weight:600;font-size:16px;color:var(--navy);text-decoration:none;border-bottom:1.5px solid var(--navy);padding-bottom:3px;white-space:nowrap}
.ulink:hover{color:var(--deep);border-color:var(--deep)}
.on-navy .ulink{color:#fff;border-color:rgba(255,255,255,.6)}
.btns5{display:flex;gap:26px;align-items:center;flex-wrap:wrap;margin-top:clamp(18px,3.4vh,34px)}
.btns5 .btn{height:52px;padding:0 26px}

/* ---------- home chapters: each one full screen ---------- */
.ch{position:relative;min-height:calc(100svh - var(--hdr));display:flex;align-items:center;padding:clamp(28px,6vh,72px) 0;overflow:hidden}
.ch>.wrap{width:100%}
.eb5{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--deep);margin:0 0 clamp(12px,2vh,20px)}
.eb5::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--lime)}
.h2-5{font-size:clamp(34px,min(4.6vw,7vh),68px);line-height:1.02;letter-spacing:-.04em;margin:0 0 clamp(12px,2vh,20px);font-weight:600;color:var(--navy)}
.h2-5 .g{color:var(--deep)}
.p5{font-size:clamp(16px,min(1.35vw,2.3vh),19px);line-height:1.6;color:var(--ink-2);max-width:32em;margin:0}
.bg-white{background:#fff}.bg-warm{background:var(--warm)}.bg-paper{background:var(--paper)}.bg-tint{background:var(--tint)}.bg-tint2{background:var(--tint2)}
.bg-navy{background:var(--navy);color:#fff}
.bg-navy .h2-5{color:#fff}.bg-navy .h2-5 .g{color:var(--lime)}.bg-navy .p5{color:rgba(255,255,255,.78)}.bg-navy .eb5{color:var(--lime)}
.ph5{border-radius:var(--r5);overflow:hidden;background:#E9ECE3;margin:0}
.ph5 img{width:100%;height:100%;object-fit:cover;display:block}

/* 1. hero: text left, big photo right to the edge */
.hero5{background:#fff;min-height:calc(100svh - var(--hdr) - 40px);padding:0}
.hero5 .wrap{position:relative;z-index:2;align-self:stretch;display:flex;align-items:center}
.hero5 .tx{width:min(46%,600px);padding:clamp(28px,6vh,64px) 0}
.hero5 h1{font-size:clamp(52px,min(6.9vw,12.5vh),112px);line-height:.98;letter-spacing:-.045em;margin:0 0 clamp(16px,3vh,28px);font-weight:600;color:var(--navy)}
.hero5 h1 span{display:block;color:var(--deep)}
.hero5 .p5{max-width:28em}
.hero5 .bgimg{position:absolute;top:0;bottom:0;right:0;left:50%;margin:0}
.hero5 .bgimg img{width:100%;height:100%;object-fit:cover;display:block}
.cut5{display:inline-flex;align-items:center;gap:10px;margin-top:clamp(18px,3.4vh,30px);font-size:14.5px;font-weight:500;color:var(--navy)}
.cut5 i{width:8px;height:8px;border-radius:50%;background:var(--leaf);flex:none;box-shadow:0 0 0 4px rgba(94,159,88,.16)}
.cut5 i.off{background:#9AA1B2;box-shadow:none}
.facts5{display:flex;gap:0;margin-top:clamp(20px,4vh,40px);padding-top:clamp(14px,2.4vh,22px);border-top:1px solid var(--line)}
.facts5 div{padding-right:26px;margin-right:26px;border-right:1px solid var(--line)}
.facts5 div:last-child{border:0;margin:0;padding:0}
.facts5 b{display:block;font-size:clamp(20px,min(1.9vw,3.2vh),28px);font-weight:600;letter-spacing:-.03em;color:var(--navy);line-height:1.1}
.facts5 span{font-size:13.5px;color:var(--ink-3)}

/* 2. production: full-bleed photo + floating white card */
.prod5{padding:0;align-items:stretch}
.prod5 .bgimg{position:absolute;inset:0;margin:0}
.prod5 .bgimg img{width:100%;height:100%;object-fit:cover;object-position:50% 45%;display:block}
.prod5 .wrap{position:relative;z-index:2;display:flex;align-items:flex-end;padding-top:clamp(28px,6vh,64px);padding-bottom:clamp(28px,6vh,64px)}
.fcard{background:#fff;border-radius:var(--r5);padding:clamp(26px,4.4vh,44px) clamp(26px,3vw,46px);width:min(600px,100%);box-shadow:0 30px 60px -30px rgba(23,34,61,.35)}
.fcard .h2-5{font-size:clamp(30px,min(3.4vw,5.6vh),50px)}
.cap5{display:grid;grid-template-columns:1fr 1fr;gap:0;margin-top:clamp(14px,2.6vh,24px);border-top:1px solid var(--line)}
.cap5>div{padding:clamp(10px,1.8vh,16px) 14px clamp(10px,1.8vh,16px) 0;border-bottom:1px solid var(--line)}
.cap5>div:nth-child(2n){padding-left:16px;border-left:1px solid var(--line)}
.cap5 b{display:flex;align-items:center;gap:9px;font-size:16px;font-weight:600;color:var(--navy)}
.cap5 b::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--leaf);flex:none}
.cap5 span{display:block;font-size:14px;line-height:1.45;color:var(--ink-3);margin-top:3px;padding-left:16px}
.fcard .btns5{margin-top:clamp(16px,3vh,26px)}

/* section heads */
.head5{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:clamp(18px,3.6vh,36px)}
.head5 .h2-5{margin:0}
.head5 .p5{max-width:26em}

/* 3. products grid */
.pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,2.6vh,28px) clamp(16px,2vw,30px)}
.pgrid a{display:block;text-decoration:none;color:inherit}
.pgrid .ph5{height:clamp(130px,calc((100svh - var(--hdr) - 420px) / 2),330px)}
.pgrid .ph5 img{transition:transform .5s}
.pgrid a:hover .ph5 img{transform:scale(1.03)}
.pgrid p{display:flex;justify-content:space-between;align-items:center;gap:10px;margin:12px 2px 0;font-size:16px;font-weight:500;color:var(--navy)}
.pgrid p small{font-size:13.5px;color:var(--ink-3);font-weight:400}
.pgrid p::after{content:"→";color:var(--deep);font-weight:600;transition:transform .2s}
.pgrid a:hover p::after{transform:translateX(3px)}

/* split layouts (same day, blueprints, invitations) */
.split5{display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(32px,5vw,88px);align-items:center}
.split5.rev .tx{order:2}
.split5 .ph5{height:clamp(260px,calc(100svh - var(--hdr) - 160px),720px)}
.list5{list-style:none;margin:clamp(14px,2.6vh,24px) 0 0;padding:0;border-top:1px solid var(--line);max-width:34em}
.list5 li{display:flex;gap:12px;align-items:baseline;padding:clamp(8px,1.4vh,12px) 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--navy)}
.list5 li::before{content:"";flex:none;width:7px;height:7px;border-radius:50%;background:var(--leaf);transform:translateY(-2px)}
.list5 li span{color:var(--ink-3)}
.bg-navy .list5{border-color:rgba(255,255,255,.16)}
.bg-navy .list5 li{color:#fff;border-color:rgba(255,255,255,.16)}
.bg-navy .list5 li::before{background:var(--lime)}
.bg-navy .list5 li span{color:rgba(255,255,255,.62)}
.today5{display:grid;grid-template-columns:1fr 1fr;margin-top:clamp(16px,3vh,28px);border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden}
.today5>div{padding:clamp(12px,2vh,18px) 20px}
.today5>div+div{border-left:1px solid rgba(255,255,255,.16)}
.today5 small{display:block;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.today5 b{display:block;font-size:clamp(20px,min(2vw,3.4vh),28px);font-weight:600;letter-spacing:-.03em;color:#fff;margin-top:6px}
.today5 span{font-size:13.5px;color:rgba(255,255,255,.7)}
.sizes5{display:flex;flex-wrap:wrap;gap:8px;margin-top:clamp(14px,2.6vh,22px)}
.sizes5 span{display:inline-flex;align-items:center;height:36px;padding:0 15px;border-radius:999px;background:var(--tint);color:var(--navy);font-size:14.5px;font-weight:500}
.duo5{display:grid;grid-template-rows:1fr .62fr;gap:clamp(12px,2vh,20px);height:clamp(260px,calc(100svh - var(--hdr) - 140px),720px)}
.duo5 .ph5{height:auto}
.note5{font-size:13.5px;color:var(--ink-3);margin-top:12px}
.bg-navy .note5{color:rgba(255,255,255,.6)}

/* 7. stores */
.stores5{display:grid;grid-template-columns:1fr 1fr;gap:clamp(20px,3vw,48px)}
.st5{background:#fff;border-radius:calc(var(--r5) + 4px);padding:12px;box-shadow:0 1px 2px rgba(23,34,61,.05),0 24px 48px -32px rgba(23,34,61,.25)}
.st5 .top2{display:grid;grid-template-columns:1.55fr 1fr;gap:12px;height:clamp(150px,calc((100svh - var(--hdr)) * .3),330px)}
.st5 .ph5{height:100%;border-radius:14px}
.st5 .map4{min-height:0;height:100%;border-radius:14px;aspect-ratio:auto}
.st5 .body{padding:clamp(14px,2.4vh,22px) 12px clamp(6px,1vh,10px)}
.st5 h3{font-size:clamp(22px,min(2vw,3.4vh),28px);font-weight:600;letter-spacing:-.03em;margin:0;color:var(--navy)}
.st5 address{font-style:normal;color:var(--ink-2);font-size:16px;margin-top:4px}
.st5 dl{display:grid;grid-template-columns:auto 1fr;gap:6px 18px;margin:clamp(10px,1.8vh,16px) 0 0;font-size:14.5px}
.st5 dt{font-size:11.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--grey);padding-top:3px}
.st5 dd{margin:0;color:var(--navy)}.st5 dd a{color:var(--navy)}
.st5 .lk{display:flex;gap:22px;margin-top:clamp(12px,2vh,18px)}
.st5 .lk a{font-size:15px}

/* 8. steps */
.steps5 .ph5{height:clamp(170px,calc((100svh - var(--hdr)) * .4),420px)}
.how5{display:grid;grid-template-columns:repeat(3,1fr);margin-top:clamp(16px,3vh,28px);background:#fff;border-radius:var(--r5);border:1px solid var(--line)}
.how5>div{padding:clamp(18px,3.4vh,34px) clamp(20px,2.6vw,40px);border-right:1px solid var(--line)}
.how5>div:last-child{border-right:0}
.how5 .n{width:38px;height:38px;border-radius:50%;background:var(--lime);color:var(--navy);font-weight:700;font-size:16px;display:grid;place-items:center;margin-bottom:clamp(10px,2vh,18px)}
.how5 h3{font-size:clamp(20px,min(1.9vw,3.2vh),26px);font-weight:600;margin:0 0 6px;color:var(--navy)}
.how5 p{margin:0;font-size:15px;line-height:1.55;color:var(--ink-3)}
.how5 p b{color:var(--navy);font-weight:600}

/* ---------- inner pages: same hooks, new colour + type ---------- */
.b4head{background:#fff}
.b4h1{font-weight:600;letter-spacing:-.045em;color:var(--navy)}
h1.b4h1 .ol,h2 .ol,.b4sub{color:var(--deep)}
.b4sub{font-weight:600;letter-spacing:-.035em}
.eb4{color:var(--deep);letter-spacing:.16em}
.eb4::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--lime)}
h2{font-weight:600;letter-spacing:-.04em}
.frame{border-radius:var(--r5)}
.b4sec{background:#fff}
main>section.b4sec:nth-of-type(2n){background:var(--paper)}
main>section.b4sec:nth-of-type(4n+1){background:var(--tint2)}
.b4photo{background:#fff}
.b4photo+.b4sec{background:#fff!important}
.svc4 h3,.half4 h3,.tease4 h3,.txt4 h3,.visit4 h3,.cstore h3,.addr4 address b,.addr address b{font-weight:600}
.svc4 h3 i,.list4 li::before,.chip4 i,.tag4 i,.sdlist b::before{background:var(--leaf)}
.tag4{color:var(--deep)}
.chip4{background:var(--tint)}
.cut4 .big{font-weight:600}
.fstep,.order .ostep,.sum3,.order .summary{background:#fff}

/* ---------- footer (navy) ---------- */
.foot5{background:var(--navy);color:rgba(255,255,255,.75);padding:64px 0 34px}
.foot5 .frow{border-color:rgba(255,255,255,.14)}
.foot5 .flock{color:#fff}
.foot5 .flock img{width:124px;height:auto;aspect-ratio:2655/875}
.foot5 .flock .bar{background:rgba(255,255,255,.3)}
.foot5 .slog{font-size:clamp(24px,2.4vw,34px);font-weight:600;letter-spacing:-.04em;color:#fff;margin:0;line-height:1.1}
.foot5 .slog span{color:var(--lime)}
.foot5 .fcols h4{color:rgba(255,255,255,.5)}
.foot5 .fcols ul,.foot5 .fcols a{color:#fff}
.foot5 .fcols .note{color:rgba(255,255,255,.55)}
.foot5 .fcols .dots li::before{background:var(--lime)}
.foot5 .legal{border-color:rgba(255,255,255,.14);color:rgba(255,255,255,.55);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:40px;padding-top:22px;border-top:1px solid rgba(255,255,255,.14);font-size:13px}
.foot5 .frow{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.14)}
.foot5 .flock{display:flex;align-items:center;gap:16px;font-size:18px;font-weight:500}
.foot5 .fcols{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;padding:36px 0 0}
.foot5 .fcols h4{font-size:11px;letter-spacing:.18em;margin:0 0 14px}
.foot5 .fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:9px;font-size:15px}
.foot5 .fcols a{text-decoration:none}.foot5 .fcols a:hover{text-decoration:underline}
.foot5 .fcols .dots li{display:flex;align-items:center;gap:9px}.foot5 .fcols .dots li::before{content:"";width:6px;height:6px;border-radius:50%}

/* ---------- responsive ---------- */
@media (max-width:1180px){.top5 .tnav{margin-left:16px}.top5 .tnav a{padding:8px 9px;font-size:15px}.top5 .nq{display:none}}
@media (max-width:980px){
  :root{--hdr:64px}
  .top5 .wrap{height:var(--hdr);min-height:0;flex-wrap:nowrap}
  .top5 .brand{height:var(--hdr)}
  .top5 .tnav{margin:0;background:#fff}
  .top5 .tnav .mob{display:block}
  .top5 .tnav a{font-size:21px;padding:14px 0;border-radius:0}
  .top5 .nr{gap:0}
  .np{height:38px;padding:0 15px;font-size:13.5px}
  .sdbar .locs{display:none}
  .hero5{min-height:calc(100svh - var(--hdr) - 36px);display:block}
  .hero5 .bgimg{position:relative;left:auto;right:auto;height:36svh}
  .hero5 .wrap{display:block}
  .hero5 .tx{width:auto;padding:22px 0 26px}
  .split5,.split5.rev{grid-template-columns:1fr;gap:20px}
  .split5.rev .tx{order:0}
  .stores5{grid-template-columns:1fr}
  .head5{flex-direction:column;align-items:flex-start;gap:10px}
  .foot5 .fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .sdbar{font-size:12.5px}
  .sdbar .wrap{height:36px;gap:10px}
  .sdbar .long{display:none}.sdbar .short{display:inline}
  .sdbar .go{margin-left:auto}
  .top5 .brand img{width:104px}
  .ch{padding:22px 0 26px;align-items:flex-start}
  .eb5{font-size:11.5px;margin-bottom:10px}
  .h2-5{font-size:clamp(28px,8.4vw,36px);margin-bottom:10px}
  .p5{font-size:15.5px;line-height:1.5}
  .hero5 h1{font-size:clamp(46px,13.6vw,58px);margin-bottom:12px}
  .hero5 .p5{font-size:15.5px}
  .btns5{gap:18px;margin-top:16px}
  .btns5 .btn{height:48px;padding:0 22px}
  .facts5{margin-top:18px;padding-top:12px}
  .facts5 div{padding-right:14px;margin-right:14px}
  .facts5 b{font-size:19px}.facts5 span{font-size:12px}
  .cut5{margin-top:14px;font-size:13.5px}
  /* production: photo top, card below */
  .prod5{display:block;background:#fff}
  .prod5 .bgimg{position:relative;height:30svh}
  .prod5 .wrap{padding-top:0;padding-bottom:22px;margin-top:-34px}
  .fcard{padding:20px 20px 22px;box-shadow:0 18px 40px -24px rgba(23,34,61,.4)}
  .fcard .h2-5{font-size:27px}
  .fcard .p5{font-size:14.5px}
  .cap5 b{font-size:14.5px}.cap5 span{font-size:12.5px;padding-left:0}
  .cap5>div{padding:8px 8px 8px 0}.cap5>div:nth-child(2n){padding-left:10px}
  /* products: 2 x 3 */
  .pgrid{grid-template-columns:1fr 1fr;gap:12px 12px}
  .pgrid .ph5{height:clamp(96px,calc((100svh - var(--hdr) - 320px) / 3),190px);border-radius:14px}
  .pgrid p{font-size:13.5px;margin-top:6px}
  .pgrid p small{display:none}
  .split5 .ph5{height:27svh;border-radius:16px}
  .duo5{height:27svh;grid-template-rows:none;grid-template-columns:1.5fr 1fr;border-radius:16px}
  .duo5 .ph5{border-radius:16px}
  .list5{margin-top:12px}
  .list5 li{font-size:14.5px;padding:7px 0}
  .today5>div{padding:10px 14px}
  .today5 b{font-size:19px}
  .sizes5 span{height:32px;font-size:13px;padding:0 12px}
  .stores5{gap:14px}
  .st5{padding:8px}
  .st5 .top2{height:17svh;gap:8px}
  .st5 .ph5,.st5 .map4{border-radius:10px}
  .st5 .map4 .mlabel{display:none}
  .st5 .body{padding:10px 8px 4px}
  .st5 h3{font-size:20px}.st5 address{font-size:14px;margin-top:2px}
  .st5 dl{font-size:13px;gap:3px 12px;margin-top:6px}.st5 dt{font-size:10px}
  .st5 .lk{margin-top:8px;gap:18px}.st5 .lk a{font-size:13.5px}
  .steps5 .ph5{height:24svh;border-radius:16px}
  .how5{grid-template-columns:1fr;margin-top:14px}
  .how5>div{display:grid;grid-template-columns:34px 1fr;gap:0 14px;align-items:start;padding:12px 16px;border-right:0;border-bottom:1px solid var(--line)}
  .how5>div:last-child{border-bottom:0}
  .how5 .n{width:32px;height:32px;font-size:14px;margin:0;grid-row:span 2}
  .how5 h3{font-size:18px;margin:4px 0 2px}.how5 p{font-size:13.5px}
  .foot5 .fcols{grid-template-columns:1fr}

  .hero5 .bgimg{height:24svh}
  .hero5 h1{font-size:clamp(44px,12.6vw,54px)}
  .hero5 .tx{padding:16px 0 14px}
  .head5 .p5{display:none}
  .pgrid .ph5{height:clamp(90px,calc((100svh - var(--hdr) - 300px) / 3),190px)}
  .pgrid p{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
  .pgrid p::after{display:none}
  #same-day .list5{display:none}
  #same-day .split5 .ph5{height:22svh}
  #same-day .p5{font-size:14.5px}
  .today5 small{font-size:10.5px;letter-spacing:.1em}
  .split5 .ph5{height:24svh}
  .st5 .top2{height:14svh}
  .st5 h3{font-size:19px}
  .st5 .body{padding:8px 6px 2px}
  .st5 dl{margin-top:4px}
  .st5 .lk{margin-top:6px}
}
.foot5 .fslog{text-align:right}.foot5 .fsub{margin:6px 0 0;color:rgba(255,255,255,.6);font-weight:500}
@media (max-width:640px){.foot5 .fslog{text-align:left}}