html{scrollbar-width:thin;scrollbar-color:color-mix(in oklab,var(--color-text-3) 55%,transparent) transparent;scrollbar-gutter:stable}*,*:before,*:after{box-sizing:border-box}html,body{overflow-x:clip}.layout-grid>*{min-width:0}.demo-flag{position:fixed;inset-block-start:var(--sp-2);inset-inline-end:var(--sp-2);z-index:var(--z-max);padding:var(--sp-1) var(--sp-3);border-radius:var(--radius-full);background:color-mix(in oklab,var(--color-bg-inverse) 80%,transparent);color:var(--color-text-inverse);font-family:var(--font-body);font-size:var(--step--2);letter-spacing:var(--tracking-caps);text-transform:uppercase;pointer-events:none;backdrop-filter:blur(4px)}.pv-header{position:sticky;inset-block-start:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;gap:var(--space-s);padding:var(--sp-3) var(--gutter);background:color-mix(in oklab,var(--color-bg-1) 88%,transparent);backdrop-filter:blur(8px);border-block-end:var(--border-thin) solid var(--color-border-1)}.pv-brand{font-family:var(--font-heading);font-weight:var(--weight-heading);font-size:var(--step-0)}.pv-nav{display:flex;gap:var(--space-s);font-size:var(--step--1);color:var(--color-text-2)}.pv-nav span{cursor:default}.pv-nav-cta{color:var(--color-primary);font-weight:var(--weight-medium)}@media(max-width:40em){.pv-nav span:not(.pv-nav-cta){display:none}}.pv-hero{min-height:72svh;display:grid;align-content:center;padding-block:var(--space-2xl)}.pv-display{font-family:var(--font-display);font-size:var(--step-6);font-weight:var(--weight-display);line-height:var(--leading-display);letter-spacing:var(--tracking-display);text-wrap:balance;margin-block:var(--space-2xs) 0}.pv-actions{display:flex;flex-wrap:wrap;gap:var(--sp-3);margin-block-start:var(--space-m)}.pv-btn{display:inline-flex;align-items:center;justify-content:center;min-height:var(--sp-12);padding:var(--sp-2) var(--sp-6);border-radius:var(--radius-interactive);font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--step-0);cursor:default;transition:background-color var(--dur-1) var(--ease-out)}.pv-btn-primary{background:var(--color-primary);color:var(--color-on-primary)}.pv-btn-primary:hover{background:var(--color-primary-hover)}.pv-btn-ghost{border:var(--border-thin) solid var(--color-border-2);color:var(--color-text-1)}.pv-section{padding-block:var(--section-space)}.pv-h2{font-size:var(--step-4)}.pv-marquee{display:none;padding-block:var(--space-s);border-block:var(--border-thin) solid var(--color-border-1)}.pv-marquee-row{display:inline-flex;align-items:center;gap:var(--space-m);padding-inline-end:var(--space-m);font-family:var(--font-display);font-size:var(--step-2);font-weight:var(--weight-heading);white-space:nowrap}.pv-marquee-row i{font-style:normal;color:var(--color-primary)}.pv-gallery{display:grid;grid-template-columns:repeat(6,1fr);gap:var(--sp-3);padding-block:var(--space-l) 0}.pv-tile{border-radius:var(--radius-surface);min-height:var(--sp-32);margin:0}.pv-tile.t1{background:linear-gradient(160deg,var(--p-300),var(--p-500));grid-column:span 2}.pv-tile.t2{background:var(--p-700);grid-column:span 2}.pv-tile.t3{background:linear-gradient(20deg,var(--p-100),var(--p-200));grid-column:span 2}.pv-tile.t4{background:var(--gradient-brand);grid-column:span 3}.pv-tile.t5{background:var(--p-900);grid-column:span 2}.pv-tile.t6{background:linear-gradient(200deg,var(--p-400),var(--p-600))}@media(max-width:40em){.pv-gallery{grid-template-columns:repeat(2,1fr)}.pv-tile,.pv-tile.t1,.pv-tile.t2,.pv-tile.t3,.pv-tile.t4,.pv-tile.t5,.pv-tile.t6{grid-column:span 1;min-height:var(--sp-24)}}.pv-features{display:grid;gap:var(--space-m);grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin-block-start:var(--space-l)}.pv-card{background:var(--color-bg-2);border:var(--border-thin) solid var(--color-border-1);border-radius:var(--radius-surface);padding:var(--space-m)}.pv-card h3{font-size:var(--step-1);margin-block:var(--sp-2)}.pv-card p{font-size:var(--step--1);color:var(--color-text-2);margin:0}.pv-num{font-family:var(--font-accent);font-size:var(--step--1);font-weight:var(--weight-semibold);letter-spacing:var(--tracking-caps);color:var(--color-primary)}.pv-stats-band{background:var(--color-bg-2);padding-block:var(--space-xl)}.pv-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-m);max-width:var(--container-content);margin-inline:auto;padding-inline:var(--gutter);text-align:center}.pv-stat strong{display:block;font-family:var(--font-display);font-size:var(--step-5);font-weight:var(--weight-display);line-height:var(--leading-tight)}.pv-stat span{color:var(--color-text-3);font-size:var(--step--1)}.pv-quote{font-family:var(--font-accent);font-style:italic;font-size:var(--step-3);line-height:var(--leading-snug);max-width:var(--measure-narrow);margin:0}.pv-quote-author{margin-block-start:var(--space-s);color:var(--color-text-3);font-size:var(--step--1)}.pv-form{display:grid;gap:var(--sp-3);max-width:26rem;margin-block-start:var(--space-m)}.pv-input{padding:var(--sp-3);border:var(--border-thin) solid var(--color-border-2);border-radius:var(--radius-interactive);color:var(--color-text-3);font-size:var(--step--1);background:var(--color-bg-1)}.pv-input-area{min-height:var(--sp-20)}.pv-footer{display:flex;justify-content:space-between;gap:var(--space-s);padding:var(--space-l) var(--gutter);background:var(--color-bg-inverse);color:var(--color-text-inverse);font-size:var(--step--1)}.pv-footer-legal{opacity:.7}body[data-layout=structured-classic] .pv-hero{text-align:center}body[data-layout=structured-classic] .pv-hero .lead{margin-inline:auto}body[data-layout=structured-classic] .pv-actions{justify-content:center}body[data-layout=structured-classic] .pv-gallery{display:none}body[data-layout=editorial-asym] .pv-hero-inner{max-width:85%}body[data-layout=editorial-asym] .pv-display{font-size:var(--step-7)}body[data-layout=editorial-asym] .pv-gallery{grid-template-columns:repeat(12,1fr)}body[data-layout=editorial-asym] .pv-tile.t1{grid-column:1 / 6}body[data-layout=editorial-asym] .pv-tile.t2{grid-column:6 / 13;margin-block-start:var(--space-l)}body[data-layout=editorial-asym] .pv-tile.t3,body[data-layout=editorial-asym] .pv-tile.t5,body[data-layout=editorial-asym] .pv-tile.t6{display:none}body[data-layout=editorial-asym] .pv-tile.t4{grid-column:2 / 9;margin-block-start:calc(var(--space-l) * -1)}body[data-layout=editorial-asym] .pv-quote-wrap{padding-inline-start:0}body[data-layout=wide-stage] .pv-hero{min-height:92svh;text-align:center}body[data-layout=wide-stage] .pv-hero .lead{margin-inline:auto}body[data-layout=wide-stage] .pv-actions{justify-content:center}body[data-layout=wide-stage] .pv-display{font-size:var(--step-7)}body[data-layout=wide-stage] .pv-gallery{grid-template-columns:repeat(2,1fr);gap:var(--sp-2)}body[data-layout=wide-stage] .pv-tile{min-height:46svh;border-radius:var(--radius-0)}body[data-layout=wide-stage] .pv-tile.t3,body[data-layout=wide-stage] .pv-tile.t5,body[data-layout=wide-stage] .pv-tile.t6{display:none}body[data-layout=wide-stage] .pv-tile.t1,body[data-layout=wide-stage] .pv-tile.t2,body[data-layout=wide-stage] .pv-tile.t4{grid-column:span 1}body[data-layout=wide-stage] .pv-tile.t4{grid-column:span 2}body[data-layout=compact-focus] .pv-hero{min-height:52svh}body[data-layout=compact-focus] .pv-hero-inner,body[data-layout=compact-focus] .pv-section{max-width:var(--container-md);margin-inline:auto}body[data-layout=compact-focus] .pv-display{font-size:var(--step-5)}body[data-layout=compact-focus] .pv-features{grid-template-columns:1fr}body[data-layout=compact-focus] .pv-card{display:grid;grid-template-columns:auto 1fr;gap:var(--sp-1) var(--space-s);align-items:baseline}body[data-layout=compact-focus] .pv-card p{grid-column:2}body[data-layout=compact-focus] .pv-gallery{display:none}body[data-layout=magazine-flow] .pv-hero{min-height:56svh}body[data-layout=magazine-flow] .pv-gallery{grid-template-columns:repeat(3,1fr)}body[data-layout=magazine-flow] .pv-tile{min-height:var(--sp-24)}body[data-layout=magazine-flow] .pv-tile.t1{grid-column:span 2}body[data-layout=magazine-flow] .pv-tile.t4{grid-column:span 1}body[data-layout=magazine-flow] .pv-features{grid-template-columns:repeat(auto-fit,minmax(11rem,1fr))}body[data-layout=gallery-immersive] .pv-hero{min-height:58svh}body[data-layout=gallery-immersive] .pv-gallery{grid-template-columns:repeat(2,1fr)}body[data-layout=gallery-immersive] .pv-tile{min-height:var(--sp-32)}body[data-layout=gallery-immersive] .pv-tile.t1{grid-column:span 2;min-height:52svh}.pv-display{font-size:calc(var(--step-6) * var(--display-scale, 1) * var(--u-display, 1))}body[data-layout=editorial-asym] .pv-display,body[data-layout=wide-stage] .pv-display{font-size:calc(var(--step-7) * var(--display-scale, 1) * var(--u-display, 1))}body[data-layout=compact-focus] .pv-display{font-size:calc(var(--step-5) * var(--display-scale, 1) * var(--u-display, 1))}.lead{font-size:calc(var(--step-1) * var(--u-lead, 1))}body{font-size:calc(var(--step-0) * var(--u-body, 1))}.pv-card p,.pv-nav,.pv-detail{font-size:calc(var(--step--1) * var(--u-body, 1))}html[data-surface=glass] .pv-features,html[data-surface=liquid] .pv-features{padding:var(--space-m);border-radius:var(--radius-surface);background:linear-gradient(color-mix(in oklab,var(--color-bg-1) 45%,transparent),color-mix(in oklab,var(--color-bg-1) 45%,transparent)),var(--gradient-brand)}html[data-radius=sharp]{--radius-interactive: var(--radius-0);--radius-surface: var(--radius-xs)}html[data-radius=round]{--radius-interactive: var(--radius-full);--radius-surface: var(--radius-2xl)}html[data-frame=hairline] .pv-card{border-width:var(--border-thin);box-shadow:none}html[data-frame=bold] .pv-card{border:var(--border-thick) solid var(--color-text-1);box-shadow:none}html[data-frame=none] .pv-card{border-color:transparent;box-shadow:var(--shadow-md);background:var(--color-bg-2)}.pv-shape{position:absolute;inset-block-start:8%;inset-inline-end:-6%;width:min(38vw,22rem);aspect-ratio:1;z-index:-1;opacity:.6;display:none}.pv-hero{position:relative}.pv-wave{display:none;color:var(--color-bg-2)}html[data-shapes=on] .pv-shape,html[data-shapes=on] .pv-wave{display:block}html[data-shapes=on] .pv-stats-band{padding-block-start:var(--space-l)}html[data-fx-parallax=off] .parallax-slow,html[data-fx-parallax=off] .parallax-fast,html[data-fx-parallax=off] .scroll-zoom-img>img{animation:none!important}html[data-fx-progress=off] .scroll-progress{display:none}html[data-fx-progress=on] .scroll-progress{display:block}.pv-story{display:none;background:var(--color-bg-inverse);color:var(--color-text-inverse)}html[data-fx-story=on] .pv-story{display:block}@media(max-width:480px){html[data-archetype=display-maximal]{--display-scale: .9}html[data-archetype=editorial-statement]{--display-scale: .95}.pv-display{hyphens:auto;hyphenate-limit-chars:10 5 4}.pv-header{padding:var(--sp-2) var(--sp-4)}.pv-hero{min-height:auto;padding-block:var(--space-xl) var(--space-l)}.pv-display,body[data-layout] .pv-display{font-size:calc(var(--step-5) * var(--display-scale, 1) * var(--u-display, 1))}.pv-actions{flex-direction:column;align-items:stretch}.pv-btn{width:100%;justify-content:center}.pv-section{padding-block:var(--space-l)}.pv-stats{grid-template-columns:repeat(2,1fr);gap:var(--space-s);text-align:start}.pv-stat strong{font-size:var(--step-3)}.pv-quote{font-size:var(--step-2)}.pv-marquee-row{font-size:var(--step-1)}.pv-form{max-width:none}.pv-story-line{font-size:calc(var(--step-4) * var(--display-scale, 1))}.pv-shape{display:none!important}.pv-footer{flex-direction:column;gap:var(--sp-1);text-align:center}}.pv-story-line{font-family:var(--font-display);font-size:calc(var(--step-6) * var(--display-scale, 1));font-weight:var(--weight-display);letter-spacing:var(--tracking-display);line-height:var(--leading-display);max-width:14ch;margin:0}body[data-layout=playful-dynamic] .pv-marquee{display:block;overflow:clip}body[data-layout=playful-dynamic] .pv-hero{min-height:64svh}body[data-layout=playful-dynamic] .pv-tile{border-radius:var(--radius-2xl)}body[data-layout=playful-dynamic] .pv-tile.t1{transform:rotate(-1.5deg)}body[data-layout=playful-dynamic] .pv-tile.t2{transform:rotate(1deg)}body[data-layout=playful-dynamic] .pv-stats-band{clip-path:polygon(0 0,100% var(--sp-6),100% 100%,0 calc(100% - var(--sp-6)));padding-block:calc(var(--space-xl) + var(--sp-6))}
