body.presentation .wheel-hint{color:var(--text-strong);font-size:var(--text-caption);letter-spacing:.08em;text-transform:uppercase;font-weight:500}body.presentation,body.presentation *{box-sizing:border-box}html:has(>body.presentation),body.presentation{width:100%;height:100%;margin:0;overflow:hidden}body.presentation{background:var(--background);color:var(--text-default);font-family:var(--font-sans);font-size:var(--text-md)}body.presentation button{font:inherit}body.presentation .presentation-header{z-index:20;border-bottom:1px solid color-mix(in srgb, var(--border-default) 65%, transparent);height:clamp(58px,10vh,82px);transition:color var(--duration-normal), border-color var(--duration-normal);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}body.presentation .presentation-header a{height:27px}body.presentation .logo{width:91px;display:block}body.presentation .logo-white{display:none}body.presentation .presentation-header span{color:var(--text-strong);font-size:var(--text-xs);letter-spacing:.04em;font-weight:500}body.presentation .presentation-header.inverse{border-color:color-mix(in srgb, var(--text-inverse) 20%, transparent)}body.presentation .presentation-header.inverse .logo-color{display:none}body.presentation .presentation-header.inverse .logo-white{display:block}body.presentation .presentation-header.inverse span{color:var(--opina-gray-300)}body.presentation .deck,body.presentation .slide{position:absolute;inset:0}body.presentation .slide{visibility:hidden;opacity:0;transition:opacity .52s var(--ease-standard), transform .65s var(--ease-standard), visibility .65s;align-items:center;padding:clamp(76px,13vh,126px) clamp(20px,8vw,140px) clamp(92px,15vh,140px);display:flex;transform:translate(7%)}body.presentation .slide.before{transform:translate(-7%)}body.presentation .slide.active{z-index:2;visibility:visible;opacity:1;transform:none}body.presentation .slide-content{z-index:2;width:min(1120px,100%);margin:auto;position:relative}body.presentation .eyebrow{color:var(--brand);font-size:var(--text-presentation-eyebrow);letter-spacing:.15em;text-transform:uppercase;margin:0 0 clamp(10px,2.5vh,25px);font-weight:600}body.presentation .slide h1{max-width:1050px;color:var(--text-strong);font-size:var(--text-presentation-title);letter-spacing:-.065em;outline:none;margin:0;font-weight:600;line-height:.98}body.presentation .slide h1 em{color:var(--brand);font-style:normal}body.presentation .slide h1 strong{color:var(--brand);font-weight:600}body.presentation .copy{max-width:650px;color:var(--text-strong);font-size:var(--text-presentation-copy);margin:clamp(16px,4vh,42px) 0 0 auto;line-height:1.65}body.presentation .tone-soft{background:var(--surface-subtle)}body.presentation .tone-light{background:var(--background)}body.presentation .tone-dark,body.presentation .tone-closing{background:var(--opina-gray-900)}body.presentation .tone-brand{background:var(--brand)}body.presentation .tone-dark h1,body.presentation .tone-brand h1,body.presentation .tone-closing h1{color:var(--text-inverse)}body.presentation .tone-dark .eyebrow,body.presentation .tone-brand .eyebrow,body.presentation .tone-closing .eyebrow{color:var(--opina-blue-300)}body.presentation .tone-dark .copy,body.presentation .tone-brand .copy,body.presentation .tone-closing .copy{color:var(--opina-gray-300)}body.presentation .tone-brand .copy{color:color-mix(in srgb, var(--text-inverse) 78%, transparent)}body.presentation .tone-closing .slide-content{justify-items:center;display:grid}body.presentation .signature{color:var(--opina-gray-400);font-size:var(--text-xs);letter-spacing:.14em;text-transform:uppercase;margin-top:clamp(18px,4vh,40px);font-weight:600}body.presentation .signature i{color:var(--opina-blue-300);font-style:normal}body.presentation .decoration{aspect-ratio:1;background:radial-gradient(circle, var(--opina-blue-100), transparent 68%);opacity:.75;border-radius:50%;width:min(58vw,760px);position:absolute;top:-45%;right:-25%}body.presentation .tone-dark .decoration,body.presentation .tone-closing .decoration{background:var(--brand);filter:blur(100px);opacity:.35;inset:auto auto -75% 50%;transform:translate(-50%)}body.presentation .tone-brand .decoration{border:1px solid color-mix(in srgb, var(--text-inverse) 25%, transparent);box-shadow:0 0 0 85px color-mix(in srgb, var(--text-inverse) 4%, transparent), 0 0 0 170px color-mix(in srgb, var(--text-inverse) 3%, transparent);background:0 0;top:auto;bottom:-70%;right:-20%}body.presentation .controls{z-index:30;align-items:center;gap:clamp(10px,2vw,24px);display:flex;position:fixed;bottom:clamp(18px,4vh,38px);left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px)}body.presentation .back{border:1px solid var(--border-default);border-radius:var(--radius-full);background:color-mix(in srgb, var(--background) 85%, transparent);width:42px;height:42px;color:var(--text-strong);cursor:pointer;backdrop-filter:blur(12px);transition:opacity var(--duration-fast), transform var(--duration-fast);place-items:center;padding:0;display:grid}body.presentation .back:hover:not(:disabled){transform:translate(-3px)}body.presentation .back:disabled{opacity:.25;cursor:default}body.presentation .progress{background:var(--border-default);width:min(160px,17vw);height:2px;overflow:hidden}body.presentation .progress i{background:var(--brand);transform-origin:0;width:100%;height:100%;transition:transform .5s var(--ease-standard);display:block;transform:scaleX(.111)}body.presentation .counter{color:var(--text-strong);font:var(--text-xs) var(--font-mono)}body.presentation .counter b{color:var(--text-strong);font-weight:500}body.presentation .next{align-items:center;gap:var(--space-4);min-height:52px;padding:0 var(--space-6);border-radius:var(--radius-full);background:var(--brand);color:var(--text-inverse);font-size:var(--text-xs);cursor:pointer;box-shadow:var(--shadow-md);transition:background var(--duration-fast), transform var(--duration-fast);border:0;margin-left:auto;font-weight:600;display:flex}body.presentation .next:hover{background:var(--brand-hover);transform:translate(3px)}body.presentation .next i{width:18px;height:12px;position:relative}body.presentation .next i:before{content:"";background:currentColor;width:18px;height:2px;position:absolute;top:5px;right:0}body.presentation .next i:after{content:"";border-top:2px solid;border-right:2px solid;width:7px;height:7px;position:absolute;top:2px;right:0;transform:rotate(45deg)}body.presentation .next.restart i{transform:rotate(180deg)}body.presentation.preview .presentation-header,body.presentation.preview .controls,body.presentation.preview .deck,body.presentation.preview .slide{position:absolute}@media (width<=640px){body.presentation .presentation-header{height:64px}body.presentation .logo{width:82px}body.presentation .slide{padding-inline:24px;padding-top:82px;padding-bottom:100px}body.presentation .slide h1{font-size:var(--text-presentation-title-mobile)}body.presentation .copy{font-size:var(--text-presentation-copy-mobile);margin-left:0}body.presentation .wheel-hint{display:none}body.presentation .progress{flex:1;width:auto}body.presentation .counter{white-space:nowrap}body.presentation .next{justify-content:center;width:52px;padding:0}body.presentation .next-label{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}body.presentation .controls{gap:10px}body.presentation .decoration{top:-20%;right:-55%}}@media (height<=600px){body.presentation .presentation-header{height:52px}body.presentation .slide{padding-top:62px;padding-bottom:68px}body.presentation .slide h1{font-size:var(--text-presentation-title-short)}body.presentation .eyebrow{margin-bottom:8px}body.presentation .copy{font-size:var(--text-presentation-copy-short);margin-top:12px;line-height:1.45}body.presentation .copy br+br{display:none}body.presentation .controls{bottom:10px}body.presentation .next{min-height:44px}body.presentation .back{width:38px;height:38px}body.presentation .signature{margin-top:12px}}@media (prefers-reduced-motion:reduce){body.presentation .slide,body.presentation .progress i,body.presentation .next,body.presentation .back{transition:none}}body.presentation .slide-content{grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);align-items:start;column-gap:clamp(48px,8vw,130px);display:grid}body.presentation .eyebrow{grid-area:1/1}body.presentation .slide h1{font-size:var(--text-presentation-title-wide);grid-area:2/1}body.presentation .copy{grid-area:2/2;align-self:center;max-width:620px;margin:0}body.presentation .signature{grid-area:3/1/auto/-1}body.presentation .tone-closing{text-align:left}body.presentation .tone-closing .slide-content{justify-items:stretch}body.presentation .tone-closing .copy{margin-left:0}@media (width<=760px){body.presentation .slide-content{display:block}body.presentation .copy{margin-top:clamp(16px,4vh,42px)}}
