/* Practice pages, below the hero: Slide (Mason's pick, 2026-09-27).
   The same system as the new home page: white pages, the dark navy (#0C121D) only,
   plain black-and-white photographs with white text over darkened photographs,
   Spectral ExtraLight for large type, Source Sans 3 for reading, no italics, no
   small section numbers, no rules between rows. Things move sideways: headings hold
   on the left, the Corporate Finance questions slide across while the section
   holds, the capabilities step through a row of photographs, the photograph you
   point at opens wide. Everything reads complete without JavaScript;
   practice-slide.js adds the motion. The hero, contact and footer keep their own
   stylesheets. */

/* Open Font License (assets/fonts/OFL-*.txt), latin subset from @fontsource 5.3.0.
   Spectral 300 and 400 come from page.css. */
@font-face{font-family:'Spectral';font-style:normal;font-weight:200;font-display:swap;src:url(/assets/fonts/spectral-200.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Spectral';font-style:normal;font-weight:300;font-display:swap;src:url(/assets/fonts/spectral-300.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+3000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/source-sans-3-400.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Source Sans 3';font-style:normal;font-weight:600;font-display:swap;src:url(/assets/fonts/source-sans-3-600.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}

.pp{--navy:#0C121D;--ink:#0C121D;--text:#2E3A4B;--mute:#5D6B7E;--dim:#A7B0BC;--rule:#D5DBE3;--wash:#F3F4F6;--photo:#06080B;
  --serif:'Spectral',Georgia,serif;--sans:'Source Sans 3',system-ui,sans-serif;--pad:60px;--ease:cubic-bezier(.2,.7,.2,1);--wipe:cubic-bezier(.76,0,.24,1);
  position:relative;z-index:1;background:#fff;color:var(--text);font:400 18px/1.65 var(--sans);-webkit-font-smoothing:antialiased}
.pp *,.pp *::before,.pp *::after{box-sizing:border-box}
.pp :is(p,h2,h3,h4,ul,ol,dl,dd,figure){margin:0;padding:0}
.pp :is(ul,ol){list-style:none}
.pp a{color:inherit;text-decoration:none}
.pp :is(em,i,cite){font-style:normal}
.pp b,.pp strong{font-weight:600;color:var(--ink)}
.pp .wrap{max-width:1440px;margin:0 auto;padding:0 var(--pad)}
.pp .sec{padding-top:128px;padding-bottom:150px}
.pp .dark{--ink:#fff;--text:rgba(255,255,255,.84);--mute:rgba(255,255,255,.66);--dim:rgba(255,255,255,.36);--rule:rgba(255,255,255,.3);color:var(--text)}
.pp .ph{position:relative;overflow:hidden;background:var(--photo)}
.pp .ph img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}
.pp :focus-visible{outline:2px solid currentColor;outline-offset:4px}

/* section label: its name alone, no numbers and no line beneath (Mason, 2026-10-14: "not lines everywhere"), in the
   headlines' serif, written normally and still grey (Mason, 2026-10-24). Research is named once, by its headline. */
.pp .lab{position:relative;margin-bottom:26px;font:400 24px/1.25 var(--serif);letter-spacing:-.006em;color:var(--mute)}

/* type */
.pp h2{max-width:15em;font:300 64px/1.06 var(--serif);letter-spacing:-.022em;color:var(--ink)}
.pp h3{font-weight:400;color:var(--ink)}
.pp .big{font:300 30px/1.36 var(--serif);letter-spacing:-.008em;color:var(--ink)}
.pp .big+.big{margin-top:.8em}
.pp .stmt{font:300 46px/1.2 var(--serif);letter-spacing:-.016em;color:var(--ink)}
.pp .prose p{max-width:38em;line-height:1.65}
.pp .prose p+p{margin-top:1.15em}
.pp .rich>*+*{margin-top:1.05em}
.pp .rich p{line-height:1.65}
.pp .rich h4{margin-top:2.1em;font:600 19px/1.35 var(--sans);letter-spacing:.005em;color:var(--ink)}
.pp .rich h4:first-child{margin-top:0}
.pp .rich .cmx-note{color:var(--ink)}

/* the page grid: the heading holds on the left while the text runs on the right */
.pp .v2-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:96px;align-items:start}
.pp .v2-split__l{position:sticky;top:120px}
.pp .v2-split__r .big+.prose,.pp .v2-split__r .prose{margin-top:40px}
.pp .v2-split__r>.big:first-child{margin-top:68px}
.pp .v2-wide{height:74vh;min-height:460px;margin-top:120px}

/* the questions (Corporate Finance): the section holds while the questions slide sideways. They stand on the white
   page itself, no grey cards (2026-10-15): the heading, each question in the serif and the closing line set as large as
   the heading, all on one line of type, with open space between them. */
.pp .v2-film{position:relative;background:#fff}
.pp .v2-film__pin{height:100vh;display:flex;align-items:center;overflow-x:auto}
/* clipped rather than hidden, so a question reached with Tab cannot shift the row; practice-slide.js scrolls the page to
   it instead */
.pp-mo .pp .v2-film__pin{overflow:hidden;overflow:clip}
.pp .v2-film__track{display:flex;align-items:baseline;gap:80px;padding:0 var(--pad);will-change:transform}
.pp .v2-q{flex:0 0 min(380px,28vw)}
.pp .v2-q p{font:300 36px/1.18 var(--serif);letter-spacing:-.012em;color:var(--ink)}
.pp .v2-q--k{flex-basis:min(560px,40vw)}
.pp .v2-q--k h3{font:300 56px/1.06 var(--serif);letter-spacing:-.022em}
.pp .v2-film__hint{display:block;margin-top:44px;color:var(--ink)}
.pp .v2-q--close{flex-basis:min(640px,46vw)}
.pp .v2-q--close p{font-size:56px;line-height:1.06;letter-spacing:-.022em}
/* under each question, the service that answers it, in the label capitals; it opens that service below (2026-10-17) */
.pp .v2-q__to{display:inline-block;margin-top:10px;padding:10px 0;font:400 17px/1.3 'PX Spectral',Georgia,serif;
  color:var(--mute);transition:color .4s var(--ease)}
.pp .v2-q__to:is(:hover,:focus-visible){color:var(--ink)}
/* the questions can be picked (practice-slide.js makes each one a button): the picked stay in full ink while the others
   step back, and a navy bar at the foot of the screen sends the picked ones to the firm in one email. The line under
   the heading and the bar's words were approved by Mason with the ship (2026-10-18). */
.pp .v2-q__pick{display:block;width:100%;margin:0;padding:0;border:0;background:none;font:inherit;letter-spacing:inherit;color:inherit;
  text-align:left;cursor:pointer;transition:color .45s var(--ease);-webkit-tap-highlight-color:transparent}
.pp .v2-film.has-picks .v2-q__pick[aria-pressed="false"]{color:var(--dim)}
.pp .v2-film.has-picks .v2-q__pick[aria-pressed="false"]:hover{color:var(--mute)}
.pp .v2-q__pick:focus-visible{outline-offset:8px}
.pp .v2-film:focus{outline:none}
.pp .v2-q .v2-film__ask{max-width:22em;margin-top:28px;font:400 19px/1.55 var(--sans);letter-spacing:0;color:var(--text)}
.pp .qbar{position:fixed;left:0;right:0;bottom:0;z-index:30;display:flex;justify-content:center;padding:0 var(--pad) 32px;pointer-events:none;
  visibility:hidden;opacity:0;transform:translateY(16px);transition:opacity .45s var(--ease),transform .45s var(--ease),visibility 0s .45s}
.pp .qbar.on{visibility:visible;opacity:1;transform:none;transition-delay:0s}
.pp .qbar__in{display:flex;align-items:center;gap:40px;width:100%;max-width:1320px;padding:22px 26px 22px 32px;background:var(--navy);color:#fff;
  pointer-events:auto;font:400 18px/1.4 var(--sans)}
.pp .qbar__n{flex:1}
.pp .qbar__x{flex:none;padding:12px 6px;border:0;background:none;color:rgba(255,255,255,.72);cursor:pointer;font:400 16px/1 var(--sans)}
.pp .qbar__x:hover{color:#fff}
.pp .qbar__a{flex:none;padding:16px 26px;background:#fff;color:var(--navy);font:600 16px/1 var(--sans);transition:background-color .35s var(--ease)}
.pp .qbar__a:hover{background:rgba(255,255,255,.84)}
.pp .qbar :focus-visible{outline:2px solid #fff;outline-offset:3px}

/* the capabilities: an arrow carousel of photographs, the detail beneath */
.pp .v2-caps__top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.pp .v2-caps__top .lede{max-width:36em;margin-top:30px;font-size:21px;line-height:1.6}
.pp .car__nav{display:flex;gap:10px;flex:none}
.pp .car__b{display:grid;place-items:center;width:58px;height:58px;padding:0;border:0;border-radius:0;background:var(--navy);color:#fff;cursor:pointer;-webkit-tap-highlight-color:transparent}
.pp .car__b:disabled{background:var(--wash);color:var(--dim);cursor:default}
/* the keyboard ring in the page's ink, as on the home page's arrows, so it turns white with the page at night; in the
   arrow's own colour it was white on white by day and navy on navy at night */
.pp .car__b:focus-visible{outline-color:var(--ink);outline-offset:3px}
.pp .car__tabs{display:flex;flex-wrap:wrap;gap:10px 40px;margin-top:64px}
.pp .car__tab{padding:6px 0;border:0;background:none;cursor:pointer;font:400 19px/1.3 var(--sans);color:var(--tab,var(--dim));transition:color .35s var(--ease);-webkit-tap-highlight-color:transparent}
.pp .car__tab:hover,.pp .car__tab.on{color:var(--ink)}
.pp .car{margin-top:40px;overflow:hidden}
.pp .car__track{display:flex;gap:24px;padding:0 var(--pad);transition:transform .9s var(--wipe)}
.pp .car__s{position:relative;flex:0 0 calc(100vw - 2*var(--pad) - 18vw);max-width:1180px;height:70vh;min-height:460px;background:var(--photo)}
.pp .car__s .ph{position:absolute;inset:0}
.pp .car__s .ph img{opacity:.5;transition:opacity .9s var(--ease)}
.pp .car__s.on .ph img{opacity:.82}
.pp .car__s .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,11,0) 45%,rgba(6,8,11,.6) 100%)}
.pp .car__cap{position:absolute;left:0;right:0;bottom:0;padding:48px 52px}
.pp .car__name{display:block;max-width:12em;font:300 76px/1 var(--serif);letter-spacing:-.028em;color:#fff}
.pp .car__panels{margin-top:72px}
.pp .car__p{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 96px}
.pp-mo .pp .car__p.on{animation:car-in .7s var(--ease)}
@keyframes car-in{from{opacity:0;transform:translateX(24px)}to{opacity:1;transform:none}}
/* the first panel slides in as the page loads; on a narrow phone its 24px start reached 2px past the screen and let the page
   shift sideways. The panels clip sideways at their own edge (the screen's, on a phone), so the slide itself is unchanged. */
.pp .car__panels{overflow-x:clip}
.pp .car__p[hidden]{display:none}
.pp .car__pt{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.pp .car__lead{font:300 30px/1.36 var(--serif);color:var(--ink)}
.pp .car__p .rich{grid-column:2}
.pp .car__p:not(:has(.car__lead)) .rich{grid-column:1/-1;max-width:46em}

/* integrated capabilities (Corporate Finance): the photograph you point at opens wide */
.pp .xp{display:flex;gap:16px;height:72vh;min-height:500px;margin-top:88px}
.pp .xp__i{position:relative;flex:1 1 0;min-width:0;transition:flex-grow .9s var(--wipe)}
.pp .xp__i.on{flex-grow:2.4}
.pp .xp__a{position:absolute;inset:0;display:block;overflow:hidden;background:var(--photo)}
/* the keyboard ring around a photograph in the page's ink (Dusk's, which .dark does not change): in the photograph's
   white it fell on the white page between the photographs */
.pp .xp__a:focus-visible{outline-color:var(--dk-ink,var(--navy))}
.pp .xp__a .ph{position:absolute;inset:0}
.pp .xp__a .ph img{opacity:.62;transition:opacity .9s var(--ease)}
.pp .xp__i.on .ph img{opacity:.8}
.pp .xp__a .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(6,8,11,0) 40%,rgba(6,8,11,.66) 100%)}
.pp .xp__t{position:absolute;left:0;right:0;bottom:0;padding:40px}
.pp .xp__t h3{font:300 38px/1.08 var(--serif);letter-spacing:-.018em;color:#fff;max-width:10em}
.pp .xp__t p{max-width:30em;margin-top:14px;font-size:17px;line-height:1.55;color:rgba(255,255,255,.88);opacity:0;transform:translateY(12px);transition:opacity .6s var(--ease),transform .6s var(--ease)}
.pp .xp__i.on .xp__t p{opacity:1;transform:none;transition-delay:.3s}

/* the longer sections: a photograph held on one side, the text on the other */
.pp .v2-side__grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:96px;align-items:start;padding-right:var(--pad)}
.pp .v2-side--r .v2-side__grid{padding:0 0 0 var(--pad)}
.pp .v2-side--r .v2-side__ph{order:2}
.pp .v2-side__ph{position:sticky;top:0;height:100vh}
.pp .v2-side__txt{padding-top:18vh;max-width:640px}
.pp .v2-side__txt .big{margin-top:48px}
.pp .v2-side__txt .prose{margin-top:40px}
.pp .v2-side__txt h2+.prose{margin-top:48px}

/* Intelligence: the statement, the figures counting up with a thin line between them, the questions */
.pp .v2-sys .stmt{max-width:none}
/* the figures (Intelligence): four in one row with no lines between them, as the home page's numbers (2026-10-15) */
.pp .figs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:24px;margin-top:90px}
.pp .fig,.pp .fig:first-child{padding:8px 32px 8px 0;border-left:0}
.pp .fig__n{display:block;font:300 min(84px,5.4vw)/.92 var(--serif);letter-spacing:-.04em;color:var(--ink);font-variant-numeric:lining-nums tabular-nums;white-space:nowrap}
.pp .fig__l{display:block;margin-top:26px;font:400 21px/1.35 var(--sans);color:var(--ink)}
.pp .fig__s{display:block;margin-top:6px;font:400 16px/1.4 'PX Spectral',Georgia,serif;color:var(--mute)}
.pp .v2-qa>div+div{margin-top:52px}
.pp .v2-qa dt{font:300 32px/1.25 var(--serif);color:var(--ink)}
.pp .v2-qa dd{margin-top:14px;max-width:38em;font-size:19px;line-height:1.65}
.pp .v2-faq .v2-split__r{padding-top:68px}

/* Research (2026-10-16): the practice's own notes close the page in the home page's research row. The label and
   heading, View all research and the arrows on the right, then the notes in one row that runs off the edge of the
   screen; the arrows step through it a screenful at a time and a swipe, the trackpad or the keyboard move it too.
   The cards are the home page's own (practice_rows.py copies them); practice-slide.js adds the arrows and the
   button's roll. */
.pp .pp-res{padding-top:40px;overflow:hidden}
.pp .res__top{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.pp .res__ctl{display:flex;align-items:center;gap:20px;flex:none}
.pp .pp-btn{display:inline-flex;align-items:center;min-height:58px;padding:16px 28px;background:var(--ink);color:var(--paper,#fff);
  font:600 15px/1.2 var(--sans);letter-spacing:.01em;white-space:nowrap}
.pp .pp-btn:focus-visible{outline-color:var(--ink);outline-offset:3px}
.pp .pp-btn:is(:hover,:focus-visible) .roll>span{transform:translateY(-100%)}
.pp .slide{margin-top:80px}
.pp .slide__track{display:flex;gap:24px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;
  --lead:max(var(--pad),calc((100vw - 1440px) / 2 + var(--pad)));padding-left:var(--lead);scroll-padding-left:var(--lead)}
.pp .slide__track::-webkit-scrollbar{display:none}
.pp .slide__track:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.pp .slide__p{flex:none;width:clamp(300px,29vw,420px);scroll-snap-align:start}
.pp .slide__p:last-child{margin-right:var(--lead)}
.pp .card{display:block;color:inherit}
.pp .card:focus-visible{outline-color:var(--ink)}
.pp .card .ph{aspect-ratio:3/2;margin-bottom:28px}
.pp .card .ph img{transition:transform 1.2s var(--ease)}
.pp .card:hover .ph img{transform:scale(1.035)}
.pp .card time{font:400 16px/1.3 'PX Spectral',Georgia,serif;color:var(--mute)}
.pp .card h3{margin:14px 0 18px;font:300 26px/1.2 var(--serif);letter-spacing:-.01em;color:var(--ink)}
.pp .card__more{font:400 17px/1.3 'PX Spectral',Georgia,serif;color:var(--ink)}

/* ---------- motion (only when practice-slide.js runs; reduced motion shows the finished page) ---------- */
.pp-mo .pp [data-rv]{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform 1.1s var(--ease)}
.pp-mo .pp [data-rv].in{opacity:1;transform:none}
.pp-mo .pp .lab[data-rv]{transform:none}
.pp-mo .pp [data-rise] .w{display:inline-block;opacity:0;transform:translateY(.5em);transition:opacity .8s var(--ease),transform 1s var(--ease)}
.pp-mo .pp [data-rise].in .w{opacity:1;transform:none}
.pp-mo .pp [data-slidein]{clip-path:inset(0 100% 0 0);transition:clip-path 1.4s var(--wipe)}
.pp-mo .pp .v2-side--r [data-slidein]{clip-path:inset(0 0 0 100%)}
.pp-mo .pp [data-slidein].in{clip-path:inset(0 0 0 0)}
/* a film over the photograph (films.css) slides in with it */
.pp-mo .pp [data-slidein] :is(img,.clip){transform:translateX(-8%) scale(1.1);transition:transform 1.8s var(--ease)}
.pp-mo .pp [data-slidein].in :is(img,.clip){transform:none}
.pp-mo .pp [data-light] .w{opacity:.18;transition:opacity .25s linear}
.pp-mo .pp [data-light] .w.lit{opacity:1}
/* the research photographs open upward as on the home page, rather than rising */
.pp-mo .pp .slide .ph[data-rv]{opacity:1;transform:none;clip-path:inset(100% 0 0 0);transition:clip-path 1.4s var(--wipe)}
.pp-mo .pp .slide .ph[data-rv].in{clip-path:inset(0)}
.pp-mo .pp .slide .ph[data-rv] img{transform:scale(1.08);transition:transform 1.9s var(--ease)}
.pp-mo .pp .slide .ph[data-rv].in img{transform:none}
.pp-mo .pp .card:hover .ph.in img{transform:scale(1.035)}

/* ---------- tablet and phone ---------- */
@media (max-width:1100px){
  .pp{--pad:40px}
  .pp h2{font-size:52px}
  .pp .car__name{font-size:60px}
  .pp .figs{grid-template-columns:repeat(2,minmax(0,1fr))}
  .pp .fig,.pp .fig:nth-child(odd){padding:8px 32px 56px 0}
  .pp .fig__n{font-size:min(96px,10vw)}
}
@media (max-width:760px){
  .pp{--pad:22px;font-size:17px}
  .pp .sec{padding-top:84px;padding-bottom:96px}
  .pp .lab{margin-bottom:18px;font-size:21px}
  .pp h2{font-size:38px;line-height:1.1}
  .pp .big{font-size:24px}
  .pp .stmt{font-size:31px}
  .pp .v2-split,.pp .v2-side__grid,.pp .v2-side--r .v2-side__grid{grid-template-columns:1fr;gap:40px;padding:0 var(--pad)}
  .pp .v2-split__l{position:static}
  .pp .v2-split__r>.big:first-child,.pp .v2-faq .v2-split__r{margin-top:0;padding-top:0}
  .pp .v2-wide{height:52svh;min-height:300px;margin-top:64px}
  .pp .v2-film__pin,.pp-mo .pp .v2-film__pin{height:auto;padding:84px 0;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--pad);-webkit-overflow-scrolling:touch}
  .pp .v2-film__track{gap:40px}
  .pp .v2-q,.pp .v2-q--k,.pp .v2-q--close{flex-basis:72vw;scroll-snap-align:start}
  /* a flick moves the questions, or a row of notes, one card at a time instead of skipping past two or three (2026-10-17) */
  .pp .v2-q,.pp .v2-q--k,.pp .v2-q--close,.pp .slide__p{scroll-snap-stop:always}
  .pp .v2-q p{font-size:27px}
  .pp .v2-q--k h3,.pp .v2-q--close p{font-size:36px}
  .pp .v2-q__to{margin-top:6px;font-size:16px}
  .pp .v2-q .v2-film__ask{margin-top:20px;font-size:17px}
  .pp .qbar{padding:0}
  .pp .qbar__in{flex-wrap:wrap;gap:14px 18px;padding:18px 20px 22px}
  .pp .qbar__n{flex:1 1 100%;font-size:17px}
  .pp .qbar__a{flex:1;text-align:center}
  .pp .v2-caps__top{flex-direction:column;align-items:flex-start;gap:32px}
  .pp .v2-caps__top .lede{font-size:18px}
  .pp .car__b{width:50px;height:50px}
  .pp .car__tabs{gap:6px 22px;margin-top:40px}
  .pp .car__tab{font-size:16px}
  /* the tabs take a finger-sized target without anything moving (2026-10-17) */
  .pp .car__tab{padding-block:11px;margin-block:-5px}
  .pp .car__track{gap:12px}
  .pp .car__s{flex-basis:calc(100vw - 2*var(--pad) - 36px);height:58svh;min-height:360px}
  .pp .car__cap{padding:24px 22px}
  .pp .car__name{font-size:36px}
  .pp .car__panels{margin-top:40px}
  .pp .car__p{grid-template-columns:1fr}
  .pp .car__p .rich{grid-column:1}
  .pp .car__lead{font-size:23px}
  .pp .xp{flex-direction:column;height:auto;margin-top:48px}
  .pp .xp__i,.pp .xp__i.on{flex:none;height:420px}
  .pp .xp__t{padding:24px 22px}
  .pp .xp__t h3{font-size:30px}
  .pp .xp__t p{opacity:1;transform:none}
  .pp .v2-side--r .v2-side__ph{order:0}
  .pp .v2-side__ph{position:relative;height:56svh;margin:0 calc(-1*var(--pad))}
  .pp .v2-side__txt{padding-top:0}
  .pp .figs{margin-top:64px}
  .pp .fig,.pp .fig:nth-child(odd){padding:4px 0 44px}
  .pp .fig:nth-child(even){padding-left:0}
  .pp .fig__n{font-size:min(44px,10.6vw)}
  .pp .fig__l{margin-top:14px;font-size:16px}
  .pp .fig__s{font-size:15px}
  .pp .v2-qa dt{font-size:25px}
  .pp .v2-qa dd{font-size:17px}
  .pp .pp-res{padding-top:0}
  .pp .res__top{flex-direction:column;align-items:flex-start;gap:32px}
  .pp .res__ctl{flex-wrap:wrap;gap:16px}
  .pp .pp-btn{min-height:50px}
  .pp .slide{margin-top:40px}
  .pp .slide__p{width:80vw}
  .pp .card h3{font-size:23px}
}