/* VEIO — hero-view art direction. Images lead; white is the pause. */
.contact .brief-output{font-family:var(--sans);font-size:.925rem;line-height:1.6;margin:0;overflow-wrap:anywhere;white-space:pre-wrap}
.package>*{min-width:0}
:root{--display:Georgia,"Iowan Old Style","Palatino Linotype",serif;--ink:#fff;--ivory:#171919;--gold:#333a35;--gold-light:#323a35;--copper:#202722}
.shell{width:min(1320px,calc(100% - 7vw))}
h1 em,h2 em,h3 em{color:inherit;font-style:normal}
h1,h2,h3{font-weight:400}
header{background:rgba(14,16,16,.18);border-color:rgba(255,255,255,.17);color:#fff;backdrop-filter:blur(12px)}
header .brand,header nav a{color:#fff}header .brand-mark{background:transparent}
header .nav-cta{border-color:rgba(255,255,255,.55);color:#fff}
header.scrolled{background:rgba(255,255,255,.96);color:#171919;border-color:#dce0dc}
header.scrolled .brand,header.scrolled nav a{color:#171919}header.scrolled .nav-cta{border-color:#333}
header .menu-button{color:inherit;background:transparent;border-color:currentColor}
main section{padding-block:clamp(5rem,9vw,9rem)}
.hero{position:relative;isolation:isolate;min-height:780px;min-height:max(780px,96svh);padding:0;background:#111414;color:#fff;overflow:hidden;display:flex;align-items:center}
.hero-stage{position:absolute;inset:0;z-index:-2}
.hero-stage img{width:100%;height:100%;object-fit:contain;object-position:right center;transform:translateY(var(--hero-shift,0px))}
.hero-stage::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,13,12,.90),rgba(10,13,12,.61) 34%,rgba(10,13,12,.10) 63%),linear-gradient(0deg,rgba(8,12,10,.58),transparent 30%)}
.hero-content{padding-top:calc(var(--header) + 3rem);padding-bottom:10rem;position:relative}
.hero .eyebrow{color:#e0e4df;font-size:.85rem;letter-spacing:.04em;margin-bottom:2.4rem}
.hero .eyebrow::before{background:#c6d0c6}
.hero h1{color:#fff;font-size:clamp(5rem,8.8vw,9.8rem);line-height:.98;letter-spacing:-.047em;max-width:7ch;margin:0}
.hero .hero-lede{max-width:32ch;color:#e7e9e4;font-size:clamp(1rem,1.25vw,1.16rem);line-height:1.65;margin-top:2rem}
.hero .hero-actions{gap:2rem;align-items:center;margin-top:2rem}
.hero .button.primary{background:#fff;color:#151b17;border-color:#fff;border-radius:0;padding:1rem 1.4rem}
.hero-text-link{color:#fff;border-bottom:1px solid #adb6ad;padding-block:.65rem;font-size:.95rem}
.hero .hero-footnote{font-size:.875rem;color:#bac5bc;margin-top:1.75rem}
.hero-bottom{position:absolute;inset:auto 0 2rem;display:flex;justify-content:space-between;align-items:center;font-size:.8rem;color:#c7d0c8;gap:1rem}
.hero-bottom a{color:#e1e8e0}
.ticker{background:#fff;border-bottom:1px solid #e0e3df}.ticker-track{padding-block:1.6rem;gap:1rem 2.2rem}.ticker-track span{font-size:.85rem;letter-spacing:0;color:#48544b}.ticker-track span::after{display:none}
.solutions{padding-bottom:4rem}.section-head{gap:4rem;margin-bottom:3.5rem}
.section-index{color:#626c64;font-size:.875rem;letter-spacing:.02em}
h2{font-size:clamp(3rem,5.3vw,6rem);line-height:1.04;letter-spacing:-.04em}
.section-copy{font-size:1rem;line-height:1.75;color:#58625b;max-width:44ch}
.lane-tabs{display:flex;gap:2rem;justify-content:space-between;border-bottom:1px solid #d4dbd4;padding:0;background:transparent;margin-bottom:0}
.lane-tab{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;color:#5e6860;flex:1;padding:1.2rem .25rem;min-height:64px;font-size:.95rem;text-align:left}
.lane-tab[aria-selected=true],.lane-tab[aria-selected=true]:hover{background:transparent;color:#171d18;border-bottom-color:#1f2921}
.lane-tab:hover{background:transparent;color:#151b17}
.lane-intro{padding:2rem 0;grid-template-columns:.4fr 1fr}.lane-intro p{font-size:1.25rem;max-width:64ch}.lane-intro span{font-size:.85rem}
.lane-hero{margin:0;position:relative;isolation:isolate;background:#121616;aspect-ratio:16/9;overflow:hidden}
.lane-hero>img{width:100%;height:100%;object-fit:contain}
.lane-hero figcaption{position:absolute;left:3.5rem;bottom:3rem;max-width:52%;color:#fff;z-index:2}
.lane-hero::after{content:"";position:absolute;inset:40% 0 0;background:linear-gradient(0deg,rgba(5,8,7,.80),transparent);z-index:1;pointer-events:none}
.lane-hero figcaption>span{font-size:.875rem;color:#d9e1d8}.lane-hero h3{font-size:clamp(2.15rem,3.2vw,4rem);line-height:1.06;margin:.9rem 0 1.25rem;color:#fff;letter-spacing:-.025em}
.hero-demo-link{display:inline-flex;gap:2rem;align-items:center;color:#fff;border-bottom:1px solid #acb8aa;padding-bottom:.5rem;font-size:.95rem}
.lane-hero small{display:block;color:#d2d9d0;font-size:.75rem;margin-top:1rem}
.package-grid{display:block;gap:0;border:0}
.package,.package:nth-child(2),.package:last-child{display:grid;grid-template-columns:70px minmax(180px,.9fr) minmax(250px,1.3fr) minmax(150px,.65fr);column-gap:2rem;row-gap:1rem;padding:2.8rem 0;border:0;border-bottom:1px solid #d9dfd9;background:transparent;box-shadow:none;border-radius:0;position:relative}
.package::before,.package::after{display:none}.package:hover{transform:none;background:transparent;box-shadow:none}
.package-code{grid-column:1;grid-row:1/4;font-size:.78rem;line-height:1.6;margin:0;letter-spacing:0;color:#717b71}
.package h3{grid-column:2;grid-row:1;font-size:clamp(1.75rem,2.4vw,2.7rem);line-height:1.12;letter-spacing:-.025em;margin:0;color:#202720;max-width:13ch}
.package-price{grid-column:2;grid-row:2;align-self:start;padding:0;margin:0;font-size:.85rem;color:#697168}.package-price strong{font-family:var(--sans);font-size:1.15rem;font-weight:500;color:#222b23}
.package>p{grid-column:3;grid-row:1;margin:0;color:#4a574c;font-size:1rem;line-height:1.6}
.package>ul{grid-column:3;grid-row:2;min-height:0;margin:0;font-size:.95rem;padding-bottom:0;line-height:1.65}
.package>ul li{padding-block:.2rem}.package>ul li::before{color:#758373}
.package>.button{grid-column:4;grid-row:1/3;align-self:start;justify-self:end;width:auto;min-width:0;margin:0;background:transparent;border:0;border-bottom:1px solid #4d5d4c;border-radius:0;color:#263828;padding:.3rem 0 .7rem;font-size:.875rem;text-align:left;line-height:1.5}
.package>.button:hover{background:transparent;color:#111}.scope-details{grid-column:2/-1;grid-row:3;margin:.3rem 0 0;border:0;padding:0}
.scope-details summary{font-size:.85rem;color:#60705e;min-height:38px;font-weight:400}.scope-details[open]{padding-top:1rem;border-top:1px solid #e1e5df}.scope-details[open]>ul{columns:2;column-gap:3rem;display:block}.scope-details[open]>ul li{break-inside:avoid;margin-bottom:.55rem}
.price-note{margin:2rem 0;font-size:.875rem;max-width:105ch}.scope-guide{padding:2.5rem 0;border-block:1px solid #d9dfd9;background:transparent}.scope-guide h3{font-size:2rem}.scope-guide>div{gap:2rem}.scope-guide p{font-size:.9rem}
.editorial-statement{background:#fff;padding-block:clamp(4rem,7vw,7rem)}.editorial-statement h2{max-width:17ch;margin:2rem 0}.editorial-statement p{max-width:62ch;color:#59665b;font-size:1rem;line-height:1.8}
.demo-links{margin-top:3rem}.demo-links a{display:grid;grid-template-columns:210px 1fr 50px;align-items:center;padding:1.5rem 0;border-top:1px solid #dfe4dd;font-family:var(--display);font-size:clamp(1.6rem,2.2vw,2.2rem);gap:2rem;color:#1c281e}.demo-links a:last-child{border-bottom:1px solid #dfe4dd}.demo-links span{font-family:var(--sans);font-size:.85rem;color:#6c786b}.demo-links i{font-family:var(--sans);font-size:1.4rem;font-style:normal;justify-self:end}
.capabilities{background:#f4f4f0}.capability-row{background:transparent}.capability-row h3{font-size:clamp(1.6rem,2.2vw,2.3rem)}
.work{background:#111515;color:#f6f6f0;padding-bottom:0!important}.work>.shell{width:100%;max-width:none}.work-intro{width:min(1320px,calc(100% - 7vw));margin:0 auto 5rem;max-width:none}.work-intro p{color:#aebbae;max-width:60ch;font-size:1rem}.work .section-index{color:#b1bcaf}.work h2{color:#f5f5ef;max-width:16ch}
.showroom-grid{width:min(1320px,calc(100% - 7vw));margin:0 auto 6rem;gap:4rem;align-items:start}.showroom-grid figure{margin:0}.showroom-grid a{background:transparent;padding:0;border:0}.showroom-grid img{object-fit:contain;height:min(68vw,700px);width:100%;background:#101312}.showroom-grid figcaption{padding:1.3rem 0;border-bottom:1px solid #4b574b;color:#e4e9df}.showroom-grid span{color:#abb7a7}.showroom-grid strong{font-weight:400;font-size:1.25rem}
.case,.case:nth-child(even){display:flex;flex-direction:column;width:100%;padding:0;gap:0;margin:0;border:0;background:#0b100d;color:#f4f5ef}
.case-media{width:100%;height:auto;min-height:0;aspect-ratio:16/9;padding:0;overflow:hidden;border:0;border-radius:0;transform:none;order:0!important;background:#080b09}
.case-media::after{display:none}.case-media img{width:100%;height:100%;object-fit:contain;transform:none!important;transition:none}
.case-copy{width:min(1320px,calc(100% - 7vw));margin:auto;padding:3rem 0 5rem;min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:4rem;border:0;order:1!important;background:transparent}
.case h3{font-size:clamp(3rem,6vw,7rem);line-height:1.02;letter-spacing:-.04em;color:inherit}.case-top>span{font-size:.85rem;color:#b4c0b0}.case-copy p{font-size:1rem;line-height:1.75;color:#c6d0c0}.case-scope li{font-size:.875rem;color:#c8d2c1}.case-scope li::before{background:#849080}.case-open{color:inherit;border-color:#75836e;font-size:1rem;margin-top:1.5rem}
.case[data-case=leos]{background:#f4f4ef;color:#1c261e}.case[data-case=leos] .case-top>span,.case[data-case=leos] .case-copy p,.case[data-case=leos] .case-scope li{color:#55624f}
.work-note{max-width:none;margin:0;padding:2rem max(3.5vw,20px);background:#f4f4ef;color:#66735e;font-size:.8rem;line-height:1.7}
.method{background:#fff}.method-sticky p{font-size:1rem}.step{padding-block:2rem}.step>span{font-size:.875rem;color:#737e70}.step h3{font-size:1.8rem}.step p{font-size:1rem}
.difference{background:#f4f4f0}.difference-box{border:0;background:transparent;padding:0;box-shadow:none}.difference-copy h2{font-size:clamp(3rem,5.5vw,6rem)}.difference-points{gap:0 2.5rem}.difference-point{background:transparent;padding:1.5rem 0;border:0;border-top:1px solid #cbd4c6;box-shadow:none}.difference-point h3{font-size:1.5rem}.difference-point span{color:#75816f}.difference-point p{font-size:.95rem}
.contact{background:#fff}.contact h2{font-size:clamp(3rem,4.9vw,5.8rem);max-width:11ch}.contact form{border:0;padding:0;background:transparent}.contact .button{border-radius:0;background:#172b1c;color:#fff}.contact-copy p{font-size:1rem}.contact .form-note{font-size:.85rem}.contact input,.contact select,.contact textarea{border-radius:0;border-color:#cbd5c8;background:#fff;font-size:1rem}footer{background:#fff;border-color:#d7dfd3}
@supports(animation-timeline:view()){ @media(prefers-reduced-motion:no-preference){.lane-hero>img{animation:hero-enter linear both;animation-timeline:view();animation-range:entry 0% entry 100%}@keyframes hero-enter{from{opacity:.75;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}}}
@media(max-width:1080px){.package,.package:nth-child(2),.package:last-child{grid-template-columns:55px 1fr 1.2fr;gap:1rem 1.5rem}.package>.button{grid-column:2;grid-row:3;justify-self:start}.scope-details{grid-column:3;grid-row:3}.hero{min-height:820px}.hero-stage img{object-position:58% center}.hero h1{font-size:6rem}.lane-hero figcaption{left:2rem;bottom:2rem}.lane-tabs{gap:1rem}.case-copy{gap:2rem}.showroom-grid{gap:2rem}}
@media(max-width:900px){header nav.open{background:#fff}header nav.open a{color:#202820}.hero{min-height:0;display:block;padding-top:var(--header)}.hero-stage{position:relative;inset:auto;z-index:0;aspect-ratio:16/10;order:1}.hero-stage img{object-fit:contain;transform:none!important}.hero-stage::after{background:linear-gradient(0deg,transparent 70%,#111414)}.hero-content{padding-top:3rem;padding-bottom:2rem;position:relative}.hero{display:flex;flex-direction:column}.hero-content{order:0}.hero-bottom{order:2;position:static;padding:1rem 0 2rem;flex-wrap:wrap}.hero h1{font-size:clamp(4rem,11vw,7rem);max-width:none}.hero .hero-lede{max-width:40ch}.hero .eyebrow{margin-bottom:1.75rem}.hero .hero-footnote{margin-bottom:0}.hero-stage{width:100%}.hero-bottom span:first-child{display:none}.lane-hero{aspect-ratio:auto;background:#101513}.lane-hero>img{height:auto;aspect-ratio:16/9;object-fit:contain}.lane-hero::after{display:none}.lane-hero figcaption{position:static;padding:1.8rem 2rem 2.2rem;max-width:none}.lane-hero h3{font-size:2.2rem;max-width:18ch}.lane-hero small{margin-top:1rem}.case-copy{grid-template-columns:1fr;gap:2rem}.showroom-grid img{height:550px}.demo-links a{grid-template-columns:160px 1fr 30px;gap:1rem}}
@media(max-width:700px){.shell,.work-intro,.showroom-grid,.case-copy{width:calc(100% - 36px)}.hero-content{padding-top:2.5rem}.hero h1{font-size:clamp(3.7rem,14vw,5rem);line-height:1.02}.hero .hero-actions{gap:1.2rem;display:flex}.hero .button.primary{flex:0 0 auto;width:auto;padding:.85rem 1rem;font-size:.875rem}.hero .hero-text-link{font-size:.875rem}.hero .hero-lede{font-size:1rem}.hero-bottom{font-size:.75rem}.hero .eyebrow{font-size:.75rem}h2{font-size:clamp(2.7rem,10.7vw,4rem)}.lane-tabs{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem}.lane-tab{min-height:55px;font-size:.875rem}.lane-intro{display:block}.lane-intro p{margin-top:.8rem;font-size:1.1rem}.lane-hero figcaption{padding:1.5rem}.lane-hero figcaption>span{font-size:.8rem}.lane-hero h3{font-size:2rem}.package,.package:nth-child(2),.package:last-child{display:block;padding:2rem 0}.package-code{display:block;margin-bottom:1rem}.package h3{font-size:2rem;max-width:20ch;margin:0 0 .7rem}.package-price{margin-bottom:1.1rem}.package>p{margin:0 0 1rem;font-size:1rem}.package>ul{margin-bottom:1rem}.package>.button{display:inline-flex;margin-top:1rem}.scope-details{margin-top:1rem}.scope-details[open]>ul{columns:1}.scope-guide>div{grid-template-columns:1fr}.demo-links a{grid-template-columns:1fr 24px;gap:.5rem;font-size:1.8rem}.demo-links span{grid-column:1/-1}.showroom-grid{grid-template-columns:1fr;gap:3rem;margin-bottom:4rem}.showroom-grid img{height:auto;max-height:650px}.showroom-grid figcaption{display:flex;flex-wrap:wrap}.work-intro{margin-bottom:3rem}.case-media{aspect-ratio:16/10}.case-copy{padding:2rem 0 3rem}.case h3{font-size:3.6rem}.case-copy p{font-size:1rem}.difference-box{display:block}.difference-points{margin-top:3rem}.contact h2{font-size:3.4rem}.contact .field-grid{grid-template-columns:1fr}.contact form{padding:0}.section-head{gap:1.5rem}.hero-stage{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.hero-stage img,.lane-hero>img{transform:none!important;animation:none!important}.hero-view *{scroll-behavior:auto}}
/* Hero chapters: uninterrupted imagery with editorial information below. */
.hero-stage picture{display:block;width:100%;height:100%}
.hero-stage::after{background:linear-gradient(90deg,rgba(10,13,12,.88),rgba(10,13,12,.44) 34%,transparent 66%),linear-gradient(0deg,rgba(8,12,10,.46),transparent 25%)}
.chapter-index{position:static;inset:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem;width:auto;max-width:none;margin:0;padding:1.6rem 0;background:transparent;border-block:1px solid #cbd2ca;transform:none;opacity:1;visibility:visible;pointer-events:auto}
.chapter-index a{display:block;min-height:48px;color:#262d27;text-transform:none;font-size:1rem;font-weight:400;letter-spacing:0;text-decoration:none;line-height:1.5}
.chapter-index a span{display:block;font-size:.875rem;color:#727b70;margin-bottom:.4rem}
.chapter-index a:hover,.chapter-index a:focus-visible{color:#000;text-decoration:underline;text-underline-offset:6px}
.solutions>.shell{width:100%;max-width:none}
.solutions>.shell>.section-head,.solutions>.shell>.chapter-index,.solutions>.shell>.price-note,.solutions>.shell>.scope-guide{width:min(1320px,calc(100% - 7vw));margin-inline:auto}
.lane-panel{width:100%;max-width:none;margin:5rem 0 0;border:0;background:#111515;scroll-margin-top:var(--header)}
.chapter-marker{width:min(1320px,calc(100% - 7vw));margin:auto;padding:2rem 0;display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#e4e7e0;font-size:.875rem;letter-spacing:.02em}
.chapter-marker>span:first-child{color:#a5b09f}
.lane-hero{width:100%;margin:0;aspect-ratio:auto;overflow:visible;background:#111515}
.lane-hero>img{display:block;width:100%;height:auto;max-height:none;aspect-ratio:1672/941;object-fit:contain;transform:none;filter:none}
.lane-hero::after{display:none}
.lane-hero figcaption{position:static;left:auto;bottom:auto;max-width:none;width:100%;padding:4rem max(3.5vw,18px) 2.5rem;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);gap:4rem;background:#fff;color:#202720}
.lane-hero figcaption>div{width:100%;max-width:780px;justify-self:end}
.lane-hero figcaption>.chapter-aside{max-width:430px;justify-self:start;padding-top:.5rem}
.lane-hero figcaption>div>span{font-size:.875rem;color:#63705f}
.lane-hero h3{font-family:var(--display);color:#202720;font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.06;letter-spacing:-.035em;max-width:18ch;margin:1rem 0 0}
.chapter-aside p{color:#505f50;font-size:1rem;line-height:1.7;max-width:42ch;margin:0 0 1.5rem}
.hero-demo-link{color:#203522;border-color:#80917a;font-size:1rem}
.lane-hero small{color:#677361;font-size:.875rem;margin-top:1rem}
.package-grid{width:100%;padding:0 max(3.5vw,18px) 4rem;background:#fff}
.package,.package:nth-child(2),.package:last-child{width:min(1320px,100%);margin-inline:auto;padding-block:2rem;background:transparent}
.package>.button{border-bottom:1px solid #4d5d4c}
.package ul{gap:.3rem}
.scope-details summary{min-height:44px;font-size:.875rem}
.scope-guide{margin-top:1rem}
.lane-panel:is(#panel-creator,#panel-social) .lane-hero figcaption,.lane-panel:is(#panel-creator,#panel-social) .package-grid{background:#111515;color:#f4f5ef}
.lane-panel:is(#panel-creator,#panel-social) :is(.lane-hero h3,.package h3,.package-price strong,.scope-details h4){color:#f4f5ef}
.lane-panel:is(#panel-creator,#panel-social) :is(.chapter-aside p,.package p,.package ul){color:#c8d0c6}
.lane-panel:is(#panel-creator,#panel-social) :is(.lane-hero figcaption>div>span,.lane-hero small,.package-code,.package-price,.scope-details summary){color:#aebbaa}
.lane-panel:is(#panel-creator,#panel-social) :is(.hero-demo-link,.package>.button){color:#f4f5ef;border-color:#8b9a85}
.lane-panel:is(#panel-creator,#panel-social) :is(.package,.scope-details[open]){border-color:#465143}
.lane-panel:is(#panel-creator,#panel-social) .package>ul li::before{color:#aebbaa}
.lane-panel:is(#panel-creator,#panel-social) :is(a,summary):focus-visible{outline:2px solid #f4f5ef;outline-offset:6px}
.chapter-aside .scope-callout{font-size:.875rem;line-height:1.6;margin-top:1.25rem;color:inherit}
.solutions{padding-bottom:3rem}
.editorial-statement{background:#f5f5f0}
.capability-row{padding-block:2rem}
.difference-points{display:block}
.difference-point{display:grid;grid-template-columns:35px minmax(160px,.8fr) minmax(220px,1.2fr);gap:1.3rem;align-items:baseline;padding:1.5rem 0}
.difference-point h3,.difference-point p{margin:0}
.case-dialog{width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0;border:0;border-radius:0;padding:0;background:#fff;color:#202720}
.case-dialog .dialog-bar{padding:1rem max(3.5vw,18px)}
.case-dialog .case-detail{padding:3rem 0 5rem}
.case-dialog .case-detail>h1,.case-dialog .case-detail>p,.case-dialog .detail-grid,.case-dialog .case-detail>.case-open{width:min(1320px,calc(100% - 7vw));margin-inline:auto}
.case-dialog .case-detail>h1{font-size:clamp(3.8rem,8vw,8.5rem);line-height:1.05;letter-spacing:-.04em}
.case-dialog .case-detail>p{max-width:1320px;font-size:1rem}
.case-dialog .case-detail>img{width:100%;height:auto;object-fit:contain;border-radius:0;margin:3rem 0}
.case-dialog .detail-grid{margin-block:4rem;gap:3rem 5rem}
.case-dialog .detail-grid section{padding:0}
.case-dialog .detail-grid h2{font-size:2.2rem;line-height:1.1}
.case-dialog .case-detail>.case-open{display:flex;font-size:1rem}
@media(max-width:700px){.solutions>.shell>.section-head,.solutions>.shell>.chapter-index,.solutions>.shell>.price-note,.solutions>.shell>.scope-guide{width:calc(100% - 36px)}}
@supports(animation-timeline:view()){@media(prefers-reduced-motion:no-preference){@keyframes hero-enter{from{opacity:.75;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}}}
@media(min-width:1800px){.lane-hero figcaption{padding-inline:max(3.5vw,calc((100% - 1320px)/2))}.package-grid{padding-inline:max(3.5vw,calc((100% - 1320px)/2))}}
@media(max-width:900px){.hero-stage picture{height:auto}.hero-stage::after{background:linear-gradient(0deg,transparent 80%,#111414)}.chapter-index{gap:1.5rem}.chapter-index a{font-size:.95rem}.lane-hero figcaption{grid-template-columns:1fr;gap:2rem;padding:3rem max(3.5vw,18px) 2rem}.lane-hero figcaption>div,.lane-hero figcaption>.chapter-aside{max-width:none;justify-self:start}.lane-hero h3{font-size:clamp(2.8rem,7vw,4.5rem);max-width:19ch}.chapter-aside p{max-width:65ch}.difference-point{grid-template-columns:30px 1fr;gap:.6rem 1rem}.difference-point p{grid-column:2}.case-dialog .detail-grid{grid-template-columns:1fr;gap:2rem}.case-dialog .case-detail{padding-top:2rem}}
@media(max-width:700px){.hero-content{padding-top:1.75rem;padding-bottom:1.2rem}.hero h1{font-size:clamp(3.6rem,14vw,5rem)}.hero .eyebrow{font-size:.875rem;line-height:1.5;margin-bottom:1rem}.hero .hero-lede{margin-top:1rem;line-height:1.5;max-width:36ch}.hero .hero-actions{margin-top:1.2rem;gap:1rem}.hero .hero-footnote{display:none}.hero-stage{aspect-ratio:1122/1402;height:auto}.hero-stage img{width:100%;height:auto;aspect-ratio:1122/1402;object-fit:contain}.hero-stage picture{display:block;height:auto}.hero-bottom{padding-top:.5rem}.hero-bottom span{font-size:.8rem}.chapter-index{grid-template-columns:1fr 1fr;gap:1.3rem 1rem}.chapter-index a{font-size:.95rem}.chapter-marker{width:calc(100% - 36px);padding:1.5rem 0;font-size:.875rem}.lane-panel{margin-top:3rem}.lane-hero>img{aspect-ratio:1672/941;width:100%;height:auto}.lane-hero figcaption{padding:2rem 18px 1.5rem}.lane-hero h3{font-size:clamp(2.6rem,10.5vw,3.8rem)}.package-grid{padding:0 18px 2rem}.package,.package:nth-child(2),.package:last-child{padding-block:1.8rem}.package-code{font-size:.875rem}.case-dialog{width:100vw;max-width:100vw;max-height:100dvh;margin:0;border-radius:0}.case-dialog .case-detail>h1,.case-dialog .case-detail>p,.case-dialog .detail-grid,.case-dialog .case-detail>.case-open{width:calc(100% - 36px)}.case-dialog .case-detail>h1{font-size:3.5rem}.case-dialog .detail-grid h2{font-size:2rem}}