:root{--tilt: 6vw;--divider-w: 1px;--divider-skew: -10deg;--seam: 1px}.portal{--bg: #0f172a;--ink: #f8fafc;--muted: #cbd5e1;--line: #334155;--accent: #3b82f6;--shadow: 0 20px 60px rgba(2,6,23,.3)}.portal{position:relative;display:flex;min-height:100vh;overflow:hidden;color:var(--ink);background:var(--bg)}.pane{position:relative;flex:1 1 50%;display:grid;place-items:center;text-decoration:none;color:var(--ink);isolation:isolate;overflow:hidden;backface-visibility:hidden;transform:translateZ(0);will-change:transform,filter,clip-path}.pane:focus{outline:none}.left{clip-path:polygon(0 0,100% 0,calc(100% - var(--tilt) + var(--seam)) 100%,0 100%)}.right{clip-path:polygon(calc(var(--tilt) - var(--seam)) 0,100% 0,100% 100%,0 100%)}.pane:before{content:"";position:absolute;top:-8%;right:-8%;bottom:-8%;left:-8%;background-size:cover;background-position:center;filter:brightness(1) saturate(1.05) contrast(1.02);transform:scale(1);transition:transform .6s ease,filter .6s ease;z-index:-2;backface-visibility:hidden;transform:translateZ(0);will-change:transform,filter}.left:before{background-image:linear-gradient(#02061799,#02061799),var(--left-image, none)}.right:before{background-image:linear-gradient(#0206178c,#0206178c),var(--right-image, none)}.pane:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(60% 60% at 50% 50%,rgba(15,23,42,.15),transparent 60%);z-index:-1}.inner{text-align:center;-webkit-backdrop-filter:saturate(120%) blur(2px);backdrop-filter:saturate(120%) blur(2px);padding:32px 20px;border-radius:22px;border:1px solid var(--line);box-shadow:var(--shadow);background:#11182799;color:var(--ink)}.kicker{letter-spacing:.12em;text-transform:uppercase;font-weight:700;font-size:12px;color:var(--muted);margin-bottom:6px}.inner h1{margin:0;font-size:clamp(24px,4vw,42px);line-height:1.1;text-shadow:0 1px 2px rgba(0,0,0,.35)}.inner p{margin:.4rem 0 0;color:var(--muted)}.divider{position:absolute;top:-10vh;bottom:-10vh;left:50%;width:var(--divider-w);background:linear-gradient(180deg,transparent,rgba(255,255,255,.28),transparent);transform:translate(-50%) skewY(var(--divider-skew));pointer-events:none;z-index:10;box-shadow:0 0 0 1px #00000005}@media (hover:hover){.pane:hover{flex-basis:58%}.pane:hover:before{transform:scale(1.08);filter:brightness(1.1) saturate(1.2) contrast(1.05)}.portal:hover .pane:not(:hover):before{transform:scale(.98);filter:brightness(.85) saturate(.9) contrast(.95)}}.pane:focus-visible{box-shadow:0 0 0 3px var(--accent) inset}.cta{display:inline-flex;gap:10px;align-items:center;margin-top:14px;font-weight:600}.cta svg{width:18px;height:18px;transition:transform .25s ease}.pane:hover .cta svg,.pane:focus .cta svg{transform:translate(2px)}@media (max-width: 780px){.portal{flex-direction:column}.divider{display:none}.pane{min-height:50vh}.left,.right{clip-path:none}}@media (prefers-reduced-motion: reduce){.pane,.pane:before,.cta svg{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/custom-strato-landing-theme.css.map */