/* About Biviti, "The Film" (2026-09-29, tools/about_page.py): the owner-approved concept. A cinematic, scroll-driven story:
   opening, the team, in your shoes, how we work with you, where we start, and the close with the client logos. Pinned scenes
   are content-sized and centred by about-story.js; everything is static and fully visible without motion. */
.ob-open-media picture{display:contents}
.ob-nw{white-space:nowrap}
.ob-page main>:not(.p2-header) em{font-style:normal;color:var(--ab-champ)}
.ob-page main>:not(.p2-header) p{margin:0}
.ob-wrap{max-width:1280px;margin:0 auto;padding:0 var(--content-edge);box-sizing:content-box}
.ob-kicker{font-size:12.5px!important;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--ab-champ);margin:0 0 20px!important}
.ob-page main>:not(.p2-header) h2{margin:0;font-weight:800;letter-spacing:-.045em;line-height:.98;text-wrap:balance}
.ob-stick{position:relative}
html.ob-live .ob-stick{position:sticky;top:0;height:100svh;overflow:hidden}
/* pinned scenes that are shorter than the screen size to their content and are centred by options.js (--st), so no empty
   band of background scrolls past as a section arrives or leaves; they still hold centred on screen while pinned */
html.ob-live .ob-chair .ob-stick,html.ob-live .ob-panels .ob-stick,html.ob-live .ob-hear .ob-stick{height:auto;top:var(--st,0px)}
html.ob-live .ob-line{opacity:0;transform:translateY(28px);transition:opacity .8s var(--ab-ease),transform .8s var(--ab-ease)}
html.ob-live .ob-line.is-on{opacity:1;transform:none}

/* 1  opening */
.ob-open{position:relative;background:#0b0709;color:var(--ab-cream)}
html.ob-live .ob-open{height:220vh} /* D-250: 300vh -> 220vh (travel 200 -> 120vh) */
.ob-open .ob-stick{min-height:100svh}
.ob-open-media{position:absolute;inset:0;overflow:hidden}
.ob-open-media img{width:100%;height:100%;object-fit:cover;object-position:62% 45%;transform:scale(calc(1.18 - var(--p,1) * .18));filter:brightness(.6)}
.ob-open-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0b0709d9 0%,#0b070926 30%,#0b070966 60%,#0b0709f2 100%),linear-gradient(90deg,#0b0709cc 0%,#0b070900 70%)}
.ob-open-in{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:flex-end;min-height:100svh;box-sizing:border-box;padding:140px var(--ab-bleed) 13vh}
.ob-open .ob-line:not(.ob-h1):not(.ob-after){font-size:clamp(26px,3vw,46px);line-height:1.12;letter-spacing:-.035em;font-weight:500;color:var(--ab-on-dark);max-width:20ch}
.ob-open .ob-line+.ob-line{margin-top:12px}
.ob-h1{font-size:clamp(58px,8vw,132px)!important;line-height:.92!important;letter-spacing:-.055em!important;font-weight:800!important;color:#fbf6ee;margin:18px 0 0!important;max-width:11ch}
.ob-after{margin-top:30px!important;max-width:560px}
.ob-after p{font-size:19px;line-height:1.55;color:var(--ab-on-dark)}
.ob-after .text-action{color:var(--ab-champ)!important}
.ob-open a:focus-visible,.ob-close a:focus-visible{outline:2px solid var(--ab-champ);outline-offset:4px}
.ob-scroll{position:absolute;z-index:2;left:50%;bottom:4vh;transform:translateX(-50%);display:none;flex-direction:column;align-items:center;gap:10px;min-width:96px;min-height:72px;padding:8px 14px;border:0;background:none;cursor:pointer;font:inherit;font-size:12px;font-weight:600;letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;color:#e9cfaa;text-shadow:0 1px 10px #0009;transition:opacity .5s}
/* v66.1 (owner, 2026-10-03): the scroll cue is unmistakable: centred, full champagne, "Scroll to continue" over a ringed arrow that gently bobs, tappable (it moves the
   story on), and it fades once the visitor scrolls. Reduced motion: the arrow is still. */
.ob-scroll-ring{display:grid;place-items:center;width:44px;height:44px;border:1px solid #e9cfaa99;border-radius:50%;background:#0b070966;color:#e9cfaa;box-shadow:0 0 0 0 #e9cfaa55;animation:ob-cue 2.2s cubic-bezier(.45,0,.25,1) infinite}
.ob-scroll-ring svg{display:block}
.ob-scroll-t{white-space:nowrap}
@keyframes ob-cue{0%,100%{transform:translateY(0);box-shadow:0 0 0 0 #e9cfaa40}50%{transform:translateY(7px);box-shadow:0 0 0 8px #e9cfaa00}}
.ob-scroll:hover .ob-scroll-t,.ob-scroll:focus-visible .ob-scroll-t{color:#fff4e3}.ob-scroll:hover .ob-scroll-ring{border-color:#e9cfaa;background:#e9cfaa1f}
.ob-scroll:focus-visible{outline:2px solid #e9cfaa;outline-offset:4px;border-radius:6px}
.ob-scroll.is-gone{opacity:0;pointer-events:none}
@media (prefers-reduced-motion:reduce){.ob-scroll-ring{animation:none}.ob-scroll{transition:none}}
html.ob-live .ob-scroll{display:flex}

/* 2  meet: a full-bleed photograph, like the homepage support scene. Its height keeps the whole group in frame (every head
   and face); the three lines sit over its lower edge, below every face, on a soft dark fade. It opens out as it arrives. */
.ob-meet{position:relative;background:#0b0709;color:#fbf6ee;overflow:hidden;--q:1}
.ob-meet-frame{position:relative}
.ob-meet-photo{position:relative;width:100%;height:min(75vw,118svh);overflow:hidden;clip-path:inset(calc(7vh * (1 - var(--q))) calc(9vw * (1 - var(--q))) 0 round calc(28px * (1 - var(--q))))}
.ob-meet-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0%!important;transform:scale(calc(1 + .08 * (1 - var(--q))));transform-origin:50% 0}
.ob-meet-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0709 0%,#0b0709eb 18%,#0b070999 34%,#0b070900 56%)}
.ob-meet-band{position:absolute;left:0;right:0;bottom:64px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 48px;align-items:end}
.ob-meet-l,.ob-meet-r,.ob-meet-b{font-size:clamp(26px,2.9vw,46px)!important;line-height:1.02!important;letter-spacing:-.04em!important;font-weight:800!important;margin:0!important;text-wrap:balance;color:#fbf6ee}
.ob-meet em,.ob-meet-b{color:#e9cfaa}
html.ob-live .ob-meet-band .ob-line:nth-child(2){transition-delay:.3s}
html.ob-live .ob-meet-band .ob-line:nth-child(3){transition-delay:.6s}

/* 2b  in your shoes: the team were the finance people first */
.ob-chair{position:relative;background:#efe6da;color:var(--ab-text);overflow:clip}
html[data-theme=dark] .ob-chair{background:#1c1216}
html.ob-live .ob-chair{height:150vh} /* D-250: 200vh -> 150vh (travel 100 -> 50vh) */
.ob-chair .ob-stick{padding:120px 0;box-sizing:border-box}
html.ob-live .ob-chair .ob-stick{display:flex;align-items:center;padding:64px 0}
.ob-chair:before{content:'';position:absolute;right:-8vw;top:0;bottom:0;width:46vw;background:linear-gradient(160deg,#72253a14,#72253a00 70%);transform:skewX(-10deg);pointer-events:none}
html[data-theme=dark] .ob-chair:before{background:linear-gradient(160deg,#72253a55,#72253a00 70%)}
.ob-chair-in{position:relative;width:100%;display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:72px;align-items:end}
.ob-chair .ob-kicker{color:var(--ab-wine)}
html[data-theme=dark] .ob-chair .ob-kicker{color:var(--ab-champ)}
.ob-chair-pre{font-size:clamp(20px,1.8vw,28px);font-weight:600;letter-spacing:-.02em;color:var(--ab-muted);margin-bottom:6px!important}
.ob-chair-w{font-size:clamp(56px,7.6vw,128px);line-height:.9;letter-spacing:-.06em;font-weight:800;color:var(--ab-text)}
.ob-chair-w+.ob-chair-w{margin-top:.04em!important}
.ob-chair-w:nth-of-type(5){color:var(--ab-wine)}
html[data-theme=dark] .ob-chair-w:nth-of-type(5){color:var(--ab-champ)}
.ob-chair-now{margin-top:28px!important;display:inline-flex;align-items:center;gap:14px;font-size:clamp(19px,1.6vw,24px);font-weight:700;letter-spacing:-.02em;color:var(--ab-text)}
.ob-chair-now{align-items:flex-start}
.ob-chair-now:before{content:'';flex:none;width:44px;height:2px;margin-top:.62em;background:var(--ab-wine)}
html[data-theme=dark] .ob-chair-now:before{background:var(--ab-champ)}
.ob-chair-say{padding-bottom:10px}
.ob-chair-say h2{font-size:clamp(34px,3.3vw,54px)}
.ob-chair-p{margin-top:22px!important;font-size:18px;line-height:1.62;color:var(--ab-muted);max-width:500px}
/* 3  how we work with you: five panels, each in its own tone of the palette. The open panel widens to hold its answer;
   the others stand as tall columns carrying their question. The scroll opens them in turn; a tap opens any of them.
   Light in the light theme, deeper in the dark theme. Static and fully readable without motion. */
.ob-panels{position:relative;overflow:clip;background:var(--ab-ivory);color:var(--ab-text)}
html.ob-live .ob-panels{height:340vh} /* D-250: 520vh -> 340vh (travel 420 -> 240vh, 48vh per panel) */
.ob-panels .ob-stick{padding:120px 0;box-sizing:border-box}
html.ob-live .ob-panels .ob-stick{display:flex;align-items:center;padding:64px 0}
.ob-pn-wrap{width:100%;display:grid;grid-template-columns:minmax(0,3.2fr) minmax(0,8.8fr);gap:56px;align-items:stretch}
.ob-panels .ob-kicker{color:var(--ab-wine)}
html[data-theme=dark] .ob-panels .ob-kicker{color:var(--ab-champ)}
.ob-pn-head{display:flex;flex-direction:column}
.ob-pn-head h2{font-size:clamp(34px,3.4vw,54px)}
.ob-pn-end{margin-top:auto!important;padding-top:40px;font-size:clamp(28px,2.6vw,42px)!important;line-height:1!important;letter-spacing:-.045em;font-weight:800;color:var(--ab-wine)}
.ob-pn-end span{display:block;color:var(--ab-text)}
html[data-theme=dark] .ob-pn-end{color:var(--ab-champ)}
.ob-pn-list{--ph:min(64svh,620px);list-style:none;margin:0;padding:0;display:flex;gap:12px;height:var(--ph)}
.ob-pn{--pb:#fbf6ee;--pt:#1f1a1b;--pm:#5a5153;--pa:#72253a;position:relative;flex:1 1 0;min-width:0;border-radius:26px;overflow:hidden;background:var(--pb);color:var(--pt);
 transition:flex-grow .9s cubic-bezier(.65,.05,.25,1),box-shadow .6s;box-shadow:inset 0 0 0 1px #1f1a1b14}
.ob-pn.is-on{flex-grow:4.6;box-shadow:0 40px 80px -50px #1a0a1080}
.ob-pn--0{--pb:#fbf6ee}
.ob-pn--1{--pb:#e9cfaa;--pm:#4a3f40}
.ob-pn--2{--pb:#72253a;--pt:#fbf6ee;--pm:#e4d8cc;--pa:#e9cfaa}
.ob-pn--3{--pb:#1f1a1b;--pt:#fbf6ee;--pm:#e4d8cc;--pa:#e9cfaa}
.ob-pn--4{--pb:#efe7dd}
html[data-theme=dark] .ob-pn--0{--pb:#231a1d;--pt:#fbf6ee;--pm:#e4d8cc;--pa:#e9cfaa}
html[data-theme=dark] .ob-pn--4{--pb:#2c2124;--pt:#fbf6ee;--pm:#e4d8cc;--pa:#e9cfaa}
html[data-theme=dark] .ob-pn--3{--pb:#0f0a0c}
html[data-theme=dark] .ob-pn{box-shadow:inset 0 0 0 1px #e9cfaa1f}
.ob-pn-tab{appearance:none;position:absolute;inset:0;width:100%;border:0;background:none;padding:26px 22px;font:inherit;color:inherit;text-align:left;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;border-radius:inherit}
.ob-pn.is-on .ob-pn-tab{pointer-events:none}
.ob-pn-tab:focus-visible{outline:2px solid var(--pa);outline-offset:-6px}
.ob-pn-n{font-size:clamp(40px,3.6vw,60px);line-height:1;font-weight:800;letter-spacing:-.05em;color:var(--pa)}
.ob-pn-short{position:absolute;left:24px;bottom:26px;width:calc(var(--ph) - 130px);transform-origin:0 100%;transform:rotate(-90deg) translateY(100%);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.2;color:var(--pt);transition:opacity .4s;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ob-pn.is-on .ob-pn-short{opacity:0}
.ob-pn-body{position:absolute;left:0;right:0;bottom:0;padding:0 40px 40px;opacity:0;transform:translateY(20px);transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1);pointer-events:none;min-width:420px}
.ob-pn.is-on .ob-pn-body{opacity:1;transform:none;transition-delay:.35s;pointer-events:auto}
.ob-pn-q{font-size:clamp(30px,2.9vw,48px)!important;line-height:1.02!important;letter-spacing:-.045em;font-weight:800;max-width:14ch;text-wrap:balance;color:var(--pt)}
.ob-pn-a{margin-top:18px!important;font-size:18px!important;line-height:1.55!important;color:var(--pm);max-width:460px}

/* 4  hear it for yourself: a quiet conversation */
.ob-hear{position:relative;background:var(--ab-ivory);color:var(--ab-text);padding:136px 0}
html.ob-live .ob-hear{height:320vh;padding:0} /* D-250: 520vh -> 320vh (travel 420 -> 220vh, 44vh per topic) */
html.ob-live .ob-hear .ob-stick{display:flex;align-items:center;padding:64px 0;box-sizing:border-box}
html.ob-live .ob-hear .ob-wrap{width:100%}
html.ob-live .ob-hear h2{font-size:clamp(34px,3.4vw,54px)}
html.ob-live .ob-hear-box{margin-top:40px}
html.ob-live .ob-talks{margin-top:40px}
.ob-hear .ab-tseg i:after{background:var(--ab-wine)}
html[data-theme=dark] .ob-hear .ab-tseg i:after{background:var(--ab-champ)}
.ob-hear .ab-tseg[aria-current=true]>i:after{transform:scaleX(var(--f,1))}
.ob-hear .ab-tseg.is-done>i:after{transform:none}
.ob-hear .ob-kicker{color:var(--ab-wine)}
html[data-theme=dark] .ob-hear .ob-kicker{color:var(--ab-champ)}
.ob-hear-head{max-width:820px}
.ob-hear h2{font-size:clamp(38px,4.2vw,64px)}
.ob-hear-box{margin-top:60px}
.ob-hear-nav{display:flex;align-items:flex-start;gap:24px;color:var(--ab-text)}
.ob-talks{display:grid;margin-top:56px}
html.p2-js .ob-talk{grid-area:1/1;visibility:hidden;opacity:0;transition:opacity .4s,visibility 0s .4s}
html.p2-js .ob-talk.is-on{visibility:visible;opacity:1;transition:opacity .5s}
.ob-talk+.ob-talk{margin-top:56px}
html.p2-js .ob-talk+.ob-talk{margin-top:0}
.ob-talk{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:32px 88px;align-items:start;min-height:min(42svh,420px)}
.ob-say span,.ob-who,.ob-why span{display:block;font-size:12.5px!important;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--ab-muted);margin-bottom:14px!important;line-height:1.3!important}
.ob-say{font-size:clamp(32px,3.4vw,52px)!important;line-height:1.08!important;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.ob-who{color:var(--ab-wine)!important;display:flex!important;flex-wrap:wrap;align-items:center;gap:10px}
.ob-who small{font-size:12.5px;font-weight:600;letter-spacing:0;text-transform:none;color:var(--ab-muted);margin-left:4px}
.ob-who:before{content:'';width:9px;height:9px;border-radius:50%;background:var(--ab-wine)}
html[data-theme=dark] .ob-who{color:var(--ab-champ)!important}
html[data-theme=dark] .ob-who:before{background:var(--ab-champ)}
.ob-ask{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.ob-ask li{font-size:24px;line-height:1.3;letter-spacing:-.02em;font-weight:600}
html.p2-motion .ob-talk.is-on .ob-ask li{animation:ab-in .7s var(--ab-ease) both;animation-delay:calc(.45s + var(--k) * .55s)}
.ob-why{margin-top:34px!important;padding-top:22px;border-top:1px solid var(--ab-track);font-size:18px!important;color:var(--ab-muted)}
html.p2-motion .ob-talk.is-on .ob-why{animation:ab-in .7s var(--ab-ease) 2.2s both}

/* 5  close: the story returns to where it began */
.ob-close{position:relative;isolation:isolate;overflow:hidden;background:#0b0709;color:var(--ab-cream);min-height:min(940px,100svh);display:flex;align-items:center;padding:140px 0 72px;box-sizing:border-box}
.ob-close-media{position:absolute;inset:0;z-index:-1;overflow:hidden}
.ob-close-media img{width:100%;height:100%;object-fit:cover;object-position:60% 50%;filter:brightness(.5)}
.ob-close-media:after{content:'';position:absolute;inset:0;background:radial-gradient(60% 60% at 50% 45%,#0b070966 0%,#0b0709d9 100%)}
.ob-close-in{text-align:center;width:100%}
.ob-close .ob-kicker{color:var(--ab-champ)}
.ob-close h2{font-size:clamp(52px,7vw,116px);color:#fbf6ee}
.ob-close-accent{font-size:clamp(52px,7vw,116px);line-height:.98;letter-spacing:-.045em;font-weight:800;color:var(--ab-champ);margin-top:4px!important}
.ob-close .ab-actions{justify-content:center;margin-top:44px}
.ob-close .text-action{color:var(--ab-champ)!important}
.ob-trust{margin-top:96px}
.ob-trust p{font-size:14px;font-weight:600;color:var(--ab-on-dark);margin-bottom:18px!important}
.ob-logos{list-style:none;margin:0 auto;padding:0;display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:12px;max-width:1100px}
.ob-logos li{display:grid;place-items:center;height:60px;border-radius:12px;background:#fbf6eee6;padding:0 10px}
.ob-logos img{width:var(--w);height:var(--h);max-width:100%;object-fit:contain;filter:grayscale(1) contrast(1.15) brightness(.85)}
.ob-logos li{transition:background .35s,transform .35s var(--ab-ease)}
.ob-logos img{transition:filter .35s}
@media (hover:hover){.ob-logos li:hover{background:#fff;transform:translateY(-2px)}.ob-logos li:hover img{filter:none}}

@media (max-width:1000px){
 .ob-pn-wrap{grid-template-columns:1fr;gap:24px}
 .ob-pn-end{margin-top:14px!important;padding-top:0}
 html.ob-live .ob-panels .ob-stick{padding:40px 0}
 .ob-pn-list{--ph:min(60svh,560px)}
 .ob-pn-body{min-width:0;padding:0 26px 28px}
 .ob-meet-photo{height:75vw}
 .ob-meet-band{position:relative;bottom:auto;grid-template-columns:1fr;gap:14px;margin-top:-10vw;padding-bottom:72px}
 .ob-chair-in{grid-template-columns:1fr;gap:34px;align-items:start}
 .ob-meet-l,.ob-meet-r,.ob-meet-b{font-size:clamp(26px,4.6vw,38px)!important}
 .ob-talk{grid-template-columns:1fr;gap:28px}
 .ob-logos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:700px){
 .ob-pn-head h2{font-size:26px}.ob-pn-end{font-size:22px!important}
 html.ob-live .ob-chair .ob-stick{padding:40px 0}
 .ob-chair-w{font-size:54px}.ob-chair-pre{font-size:18px}.ob-chair-now{font-size:17px;margin-top:18px!important}
 .ob-chair-say h2{font-size:30px}.ob-chair-p{font-size:16px;margin-top:14px!important}
 .ob-pn-list{flex-direction:column;height:auto;gap:8px}
 html.ob-live .ob-pn-list{height:min(62svh,560px)}
 .ob-pn{flex:0 0 60px;min-height:60px}
 .ob-pn.is-on{flex:1 1 auto}
 .ob-pn-tab{flex-direction:row;align-items:center;justify-content:flex-start;gap:14px;padding:0 18px;height:60px;bottom:auto}
 .ob-pn-n{font-size:24px}
 .ob-pn-short{position:static;transform:none;width:auto;display:block;-webkit-line-clamp:unset;font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:80%}
 .ob-pn-body{padding:0 20px 22px}
 .ob-pn-q{font-size:24px!important}.ob-pn-a{font-size:15.5px!important}
 html:not(.ob-live) .ob-pn .ob-pn-body{position:static;opacity:1;transform:none;padding-top:70px}
 .ob-open-in{padding-bottom:10vh}
 .ob-h1{font-size:52px!important}
 .ob-after .ab-actions{flex-direction:column;align-items:flex-start;gap:10px}
 html.ob-live .ob-five-head{top:96px}
 html.ob-live .ob-q-text{font-size:40px!important}
 html.ob-live .ob-q,html.ob-live .ob-five-end{right:64px}
 html.ob-live .ob-q-answer{font-size:17px!important}
 html.ob-live .ob-five-end{font-size:46px!important}
 .ob-five-count i{width:110px}
 html.ob-live .ob-five-big{font-size:70vw;bottom:14vh}
 .ob-hear{padding:88px 0}
 html.ob-live .ob-hear .ob-stick{padding:40px 0}
 html.ob-live .ob-hear h2{font-size:26px}
 html.ob-live .ob-hear-box,html.ob-live .ob-talks{margin-top:22px}
 html.ob-live .ob-say{font-size:23px!important}
 html.ob-live .ob-ask{gap:10px}
 html.ob-live .ob-ask li{font-size:16.5px}
 html.ob-live .ob-talk{gap:18px}
 html.ob-live .ob-why{margin-top:18px!important;padding-top:12px;font-size:15px!important}
 html.ob-live .ob-say span,html.ob-live .ob-who{margin-bottom:8px!important}
 .ob-hear-nav{flex-direction:column;align-items:stretch;gap:6px}
 .ob-hear-nav .ab-play{align-self:flex-start}
 .ob-hear-nav .ab-tseg span{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
 .ob-say{font-size:30px!important}
 .ob-ask li{font-size:19px}
 .ob-close .ab-actions{flex-direction:column;align-items:center;gap:10px}
 .ob-logos{grid-template-columns:repeat(2,minmax(0,1fr))}
}
/* v66.1 (owner, 2026-10-03): on phones the client logos sit in four compact columns (two rows) instead of four tall rows of large
   tiles; the logos keep their proportions at a smaller, still legible size. */
@media (max-width:700px){
 .ob-trust{margin-top:40px}
 .ob-trust p{font-size:13px;margin-bottom:12px!important}
 .ob-logos{grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}
 .ob-logos li{height:42px;border-radius:9px;padding:0 6px}
 .ob-logos img{width:calc(var(--w) * .72);height:calc(var(--h) * .72)}
}
/* v66.1 phone audit: "Five questions" on phones. The open card was a fixed share of a fixed-height list, so its question and answer
   were pushed out of the card (the title clipped at the top, the answer over the number). The list now sizes to its content; the open
   card shows its question in full in its header row (the large title repeats the same words, so it steps aside) and the answer flows
   below it. */
@media (max-width:700px){
 html.ob-live .ob-pn-list,.ob-pn-list{height:auto}
 .ob-pn{flex:0 0 auto;min-height:52px}
 .ob-pn.is-on{flex:0 0 auto}
 .ob-pn-tab{height:52px}
 .ob-pn.is-on .ob-pn-tab{position:relative;inset:auto;height:auto;min-height:52px;padding:14px 18px 10px;align-items:flex-start}
 .ob-pn.is-on .ob-pn-short{opacity:1;white-space:normal;overflow:visible;max-width:none;font-size:16.5px;line-height:1.25}
 .ob-pn.is-on .ob-pn-body{position:relative;padding:0 18px 18px 56px}
 .ob-pn.is-on .ob-pn-q{display:none}
 .ob-pn-a{margin-top:0!important;font-size:15px!important;line-height:1.5!important}
}
@media (max-width:700px) and (max-height:720px){
 html.ob-live .ob-panels .ob-stick{padding:18px 0}
 .ob-pn-wrap{gap:14px}
 .ob-pn-head h2{font-size:22px}
 .ob-pn-end{font-size:17px!important;margin-top:8px!important}.ob-pn-end span{display:inline}
 .ob-pn{min-height:46px}.ob-pn-tab{height:46px}.ob-pn-list{gap:6px}
 .ob-pn-a{font-size:14px!important;line-height:1.45!important}
}
@media (max-width:700px) and (max-height:620px){
 html.ob-live .ob-panels{height:auto}
 html.ob-live .ob-panels .ob-stick{position:relative;top:auto;padding:56px 0}
}