.feature-text-link{border-bottom:1px solid var(--feature-link-border,#cbd4ffcc);color:#f4f3f7;min-height:44px;font-family:var(--font-instrument-sans), sans-serif;align-items:center;gap:24px;margin-top:28px;font-size:16px;font-weight:500;line-height:1.5;text-decoration:none;transition:color .18s;display:inline-flex}.feature-text-link svg{flex-shrink:0;transition:transform .22s}.feature-text-link:hover{color:var(--feature-link-hover,#d6dcff)}.feature-text-link:hover svg{transform:translate(2px,-2px)}.feature-text-link:focus-visible{outline:2px solid var(--feature-link-hover,#cbd4ff);outline-offset:6px}@media (prefers-reduced-motion:reduce){.feature-text-link,.feature-text-link svg{transition:none}}.demo-portal-shell{z-index:1;background:var(--black);isolation:isolate;position:relative}.demo-portal{--demo-preview-height:clamp(340px, 28vw, 410px);color:var(--white);padding:clamp(78px,8.5vh,106px) clamp(42px,6vw,110px) clamp(48px,5vh,64px);scroll-margin-top:90px}.demo-portal>*{width:min(1540px,100%);margin-inline:auto}.demo-portal-heading{grid-template-columns:minmax(0,1.35fr) minmax(360px,.56fr);align-items:start;gap:clamp(48px,5.5vw,104px);margin-bottom:clamp(38px,4.8vh,56px);display:grid}.demo-portal h2{color:#f5f4f7;font-family:var(--font-instrument-sans), sans-serif;letter-spacing:-.052em;margin:0;font-size:clamp(46px,3.7vw,70px);font-weight:470;line-height:.98}.demo-portal h2>span,.demo-portal h2>em{display:block}.demo-portal h2 em{color:#e6e8ff;letter-spacing:-.04em;font-family:Iowan Old Style,Baskerville,Times New Roman,serif;font-style:italic;font-weight:400}.demo-portal-intro p{color:#f4f3f794;letter-spacing:-.018em;text-wrap:pretty;max-width:430px;margin:5px 0 0;font-size:clamp(15px,1.05vw,17px);line-height:1.6}.demo-portal-scenes{isolation:isolate;grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:2.4%;margin-top:clamp(58px,7.2vh,86px);display:grid;position:relative}.demo-portal-shared-field{height:var(--demo-preview-height);pointer-events:none;position:absolute;inset:0 0 auto;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#000 0 31.73%,#0000 31.73% 34.13%,#000 34.13% 65.87%,#0000 65.87% 68.27%,#000 68.27% 100%);mask-image:linear-gradient(90deg,#000 0 31.73%,#0000 31.73% 34.13%,#000 34.13% 65.87%,#0000 65.87% 68.27%,#000 68.27% 100%)}.demo-portal-atmosphere{background:radial-gradient(at 8% 0,#f0a0c8 0%,#0000 60%),linear-gradient(125deg,#f0a0c8,#6574bd 50%,#27172f);position:absolute;inset:0;overflow:hidden}.demo-portal-scene{min-width:0;text-decoration:none;position:relative}.demo-portal-visual{height:var(--demo-preview-height);isolation:isolate;background:0 0;position:relative;overflow:hidden}.demo-portal-tile-field{pointer-events:none;display:none;position:absolute;inset:0}.demo-portal-visual:before,.demo-portal-attack-field:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(circle at 50% 44%,#ffffff13,#0000 46%),linear-gradient(#05050804,#0505081f);position:absolute;inset:0}.demo-model-preview{z-index:2;place-items:center;transition:transform .65s cubic-bezier(.22,.7,.2,1);display:grid;position:absolute;inset:16px -2%}.demo-model-preview>img,.demo-model-preview>canvas{object-fit:contain;filter:drop-shadow(0 20px 16px #0a0f2b38);width:100%;height:100%}.demo-model-preview-fallback,.demo-model-preview-fallback svg{width:100%;height:100%;display:block}.demo-portal-scene:hover .demo-model-preview{transform:scale(1.035)translateY(-3px)}.demo-portal-caption{margin-top:clamp(16px,1.8vh,22px)}.demo-portal-caption h3{font-family:var(--font-instrument-sans), sans-serif;letter-spacing:-.035em;margin:0;font-size:clamp(18px,1.45vw,22px);font-weight:500;line-height:1.12}.demo-portal-caption h3 svg{vertical-align:-.08em;color:#cbd4ff;margin-left:.35em;transition:transform .22s;display:inline-block}.demo-portal-scene:hover h3 svg{transform:translate(2px,-2px)}.demo-portal-caption p{color:#f4f3f79e;max-width:350px;font-family:var(--font-instrument-sans), sans-serif;letter-spacing:-.018em;text-wrap:pretty;margin:11px 0 0;font-size:clamp(14px,1vw,16px);font-weight:430;line-height:1.46}.demo-portal-attack{isolation:isolate;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(32px,4.5vw,72px);min-height:clamp(510px,42vw,615px);margin-top:0;padding:clamp(28px,3.2vw,54px);display:grid;position:relative;overflow:hidden}.demo-portal-attack-field{z-index:-1;pointer-events:none;position:absolute;inset:0}.demo-portal-attack-art{min-width:0}:is(.demo-portal a:focus-visible,.demo-portal input:focus-visible){outline-offset:6px;outline:2px solid #cbd4ff}.demo-attack-preview{margin:0}.demo-attack-frame{aspect-ratio:4/3;background:#0b0b0e;border-radius:18px;position:relative;overflow:hidden}.demo-attack-layer{pointer-events:none;position:absolute;inset:0}.demo-attack-image{object-fit:cover;width:100%;height:100%;display:block}.demo-attack-divider{pointer-events:none;background:#ffffffd9;width:2px;position:absolute;top:0;bottom:0}.demo-attack-handle{color:#fff;background:#0d111fe0;border:1px solid #fff9;border-radius:50%;place-items:center;width:43px;height:43px;display:grid;position:absolute;top:50%;left:1px;transform:translate(-50%,-50%);box-shadow:0 3px 14px #0003}.demo-attack-range{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.demo-attack-frame:focus-within{outline-offset:5px;outline:2px solid #cbd4ff}@media (max-width:1240px){.demo-portal-heading{grid-template-columns:1fr;gap:28px}.demo-portal-intro p{max-width:640px;margin:0}.demo-portal-attack{gap:32px;min-height:450px}}@media (max-width:900px){.demo-portal{--demo-preview-height:min(460px, 62vw)}.demo-portal-scenes{grid-template-columns:1fr;gap:40px}.demo-portal-shared-field{display:none}.demo-portal-tile-field{display:block}.demo-portal-caption p{max-width:490px;font-size:16px}.demo-portal-caption h3{font-size:23px}.demo-portal-attack{grid-template-columns:1fr;gap:30px;padding:36px}.demo-portal-attack-copy{padding:0 8px 10px}}@media (max-width:600px){.demo-portal{--demo-preview-height:clamp(320px, 94vw, 410px);padding:100px 20px 56px}.demo-portal h2{font-size:clamp(36px,9.6vw,48px);line-height:1.03}.demo-portal-intro{display:block}.demo-portal-intro p{font-size:15px}.demo-portal-heading{gap:28px;margin-bottom:44px}.demo-portal-caption h3{font-size:22px}.demo-portal-caption p{font-size:15px}.demo-portal-scenes{margin-top:76px}.demo-portal-attack{gap:26px;padding:24px 18px 28px}.demo-portal-attack-copy{padding:0 6px}}@media (prefers-reduced-motion:reduce){.demo-portal *,.demo-portal :before,.demo-portal :after{transition:none!important;animation:none!important}.demo-portal-scene:hover .demo-model-preview{transform:none}}