:root{color-scheme:dark;--ink:#f3f0e8;--muted:#aeb8b8;--accent:#bbd58b;--line:rgba(210,228,219,.16);--bg:#0d1416;font-family:Inter,Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#100e0d;color:var(--ink)}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:3px}img,video{max-width:100%}[hidden]{display:none!important}
.scene-shell{min-height:100svh;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(circle at 50% 50%,#332215,#0b0a09 72%)}
.studio{position:relative;width:min(100vw,177.68svh);aspect-ratio:1672/941;isolation:isolate;transform:translate3d(var(--scene-x,0px),var(--scene-y,0px),0);transition:transform .55s cubic-bezier(.2,.7,.2,1)}
.studio-photo{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}.studio-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at 13% 21%,rgba(245,177,95,.06),transparent 28%);transform:translate3d(var(--light-x,0px),var(--light-y,0px),0);transition:transform .7s ease}
.screen{position:absolute;left:25.03%;top:16.18%;width:50.13%;height:52.86%;border-radius:1.4% 1.4% .25% .25% / 2.3% 2.3% .4% .4%;overflow:hidden;background:var(--bg);box-shadow:inset 0 0 15px #000;container-type:size}
.screen-scroll{height:100%;overflow-y:auto;overflow-x:hidden;scrollbar-color:#536260 #151e20;scrollbar-width:thin;scroll-behavior:smooth;background:#11191b}
.site-header{min-height:8.5cqh;position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1.5cqw;padding:0 3.2cqw;border-bottom:1px solid var(--line);background:rgba(15,22,24,.94);backdrop-filter:blur(16px)}
.brand{white-space:nowrap;font-family:Consolas,'Courier New',monospace;font-weight:700;font-size:clamp(10px,1.35cqw,19px);letter-spacing:.06em}.brand-mark{color:var(--accent)}
.site-header nav{display:flex;align-items:center;gap:2.5cqw}.site-header nav a{font-size:clamp(8px,1.12cqw,15px);font-weight:600;color:#c9d0cc;white-space:nowrap;transition:color .2s}.site-header nav a:hover{color:#fff}.site-header nav .nav-buy{padding:1.1cqh 1.5cqw;border:1px solid var(--accent);color:var(--accent)}
.hero{position:relative;min-height:78cqh;display:grid;grid-template-columns:55% 45%;align-items:center;padding:6cqh 3.2cqw 5cqh;background:radial-gradient(circle at 72% 45%,rgba(72,106,92,.24),transparent 35%),linear-gradient(135deg,#111b1d,#0d1416 70%);overflow:hidden}
.hero-copy{position:relative;z-index:1}.eyebrow,.section-kicker,.overlay-kicker{margin:0 0 3.5cqh;color:var(--accent);font-family:Consolas,'Courier New',monospace;font-weight:700;font-size:clamp(8px,1.08cqw,13px);letter-spacing:.16em}.live-dot{display:inline-block;width:.7em;height:.7em;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent);margin-right:.6em}
.hero h1{margin:0;line-height:.9;font-weight:850;font-size:clamp(34px,6.15cqw,94px);letter-spacing:-.09em}.hero h1 span{color:var(--accent)}.hero-subtitle{margin:2.6cqh 0 0;font-weight:650;font-size:clamp(12px,1.85cqw,26px);letter-spacing:-.03em}.hero-description{max-width:44cqw;margin:3cqh 0 0;color:#bbc5c1;line-height:1.52;font-size:clamp(10px,1.35cqw,18px)}
.hero-actions{display:flex;flex-wrap:wrap;gap:1cqw;margin-top:4cqh}.button{min-height:5.8cqh;display:inline-flex;align-items:center;justify-content:center;gap:2cqw;padding:1.2cqh 1.7cqw;font-size:clamp(9px,1.15cqw,15px);font-weight:750;white-space:nowrap;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--accent);color:#142018}.button-primary:hover{background:#d1e4ac}.button-secondary{border:1px solid #697970;color:#eef2e9}.button-secondary:hover{border-color:var(--accent);background:rgba(187,213,139,.08)}.platform-note{margin:2.6cqh 0 0;font-family:Consolas,'Courier New',monospace;font-size:clamp(8px,1.02cqw,13px);color:#a5b1ad}
.ticker{display:flex;justify-content:space-around;align-items:center;gap:1cqw;min-height:7.4cqh;background:var(--accent);color:#18251b;font:700 clamp(7px,1cqw,14px) Consolas,'Courier New',monospace;letter-spacing:.13em;white-space:nowrap}
.content-section{padding:9cqh 3.2cqw;border-bottom:1px solid var(--line);scroll-margin-top:8.5cqh}.section-heading{max-width:67cqw;margin-bottom:4cqh}.section-heading h2,.purchase-section h2{margin:0;font-size:clamp(22px,3.8cqw,52px);line-height:1.04;letter-spacing:-.06em}.section-heading>p:last-child,.purchase-section>p:not(.section-kicker):not(.platform-note){color:#b2bfba;line-height:1.45;font-size:clamp(10px,1.33cqw,18px)}.section-heading>p:last-child{margin:2.5cqh 0 0}.section-kicker{margin-bottom:2.5cqh}
.features-section{background:#162021}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2cqw}.feature{position:relative;min-height:28cqh;padding:2cqw;background:#1e2a29;border:1px solid var(--line)}.feature-index{font:700 clamp(8px,1cqw,14px) Consolas,'Courier New',monospace;color:var(--accent)}.feature-icon{display:block;margin:2cqh 0 1.6cqh;font-size:clamp(22px,4cqw,54px);line-height:1;color:#c9e3ab}.feature h3{margin:0;font-size:clamp(13px,2cqw,26px)}.feature p{margin:1.4cqh 0 0;font-size:clamp(9px,1.2cqw,16px);line-height:1.4;color:#aebbb4}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.2cqw}.screenshot-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.media-card{display:block;min-width:0;padding:0;text-align:left;background:#1b2526;color:var(--ink);border:1px solid var(--line);overflow:hidden;transition:border-color .2s,transform .2s}.media-card:hover{border-color:var(--accent);transform:translateY(-2px)}.media-card>img,.video-poster{display:block;width:100%;height:21cqh;object-fit:cover;object-position:left top}.media-card>img{background:#283235}.media-caption{display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1.5cqh 1.3cqw}.media-caption b,.media-caption small{display:block}.media-caption b{font-size:clamp(9px,1.2cqw,16px)}.media-caption small{margin-top:.5cqh;color:#a4b4ad;font:clamp(7px,.95cqw,13px) Consolas,'Courier New',monospace}.card-arrow{font-size:clamp(14px,2cqw,25px);color:var(--accent)}.video-poster{position:relative;overflow:hidden;background:#25302d}.video-poster img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.5)}.poster-portrait img{object-position:center}.play-icon{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:5cqh;height:5cqh;transform:translate(-50%,-50%);border:1px solid var(--accent);border-radius:50%;background:rgba(13,20,22,.75);font-size:clamp(12px,1.4cqw,20px);color:var(--accent);padding-left:2px}
.purchase-section{padding-top:11cqh;padding-bottom:11cqh;background:radial-gradient(circle at 80% 20%,rgba(135,162,113,.18),transparent 42%),#17211d}.purchase-section h2{font-size:clamp(28px,5cqw,68px)}.purchase-section h2 em{color:var(--accent);font-style:normal}.purchase-section>p:not(.section-kicker):not(.platform-note){margin:3cqh 0 0}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:1cqw;min-height:10cqh;padding:1.5cqh 3.2cqw;font-size:clamp(8px,1cqw,14px);color:#aab6ae}.site-footer .brand{color:var(--ink)}.site-footer a{color:var(--accent)}
.media-overlay{position:absolute;inset:0;z-index:10;display:flex;flex-direction:column;background:#0b1011}.overlay-toolbar,.overlay-footer{flex:none;display:flex;justify-content:space-between;align-items:center;padding:1.5cqh 2cqw;border-bottom:1px solid var(--line)}.overlay-toolbar{min-height:10cqh}.overlay-toolbar h2{margin:.3cqh 0 0;font-size:clamp(11px,1.5cqw,20px)}.overlay-kicker{margin:0;font-size:clamp(7px,.9cqw,12px)}.overlay-actions{display:flex;gap:.6cqw}.icon-button{display:grid;place-items:center;width:clamp(24px,3.3cqw,45px);height:clamp(24px,3.3cqw,45px);padding:0;border:1px solid #63726b;background:#1b2524;color:#edf6e5;font-size:clamp(14px,2cqw,26px);line-height:1}.icon-button:hover{border-color:var(--accent);color:var(--accent)}.fullscreen-button{border-color:var(--accent);color:var(--accent)}.overlay-stage{flex:1;min-height:0;display:grid;place-items:center;overflow:hidden;padding:1cqw}.overlay-stage img,.overlay-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.overlay-stage video{background:#000}.overlay-footer{min-height:5cqh;border-top:1px solid var(--line);border-bottom:0;font:clamp(7px,.85cqw,12px) Consolas,'Courier New',monospace;color:#aab9ac;letter-spacing:.1em}
.real-fullscreen{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;background:#030607;color:var(--ink)}.real-toolbar{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:12px 16px;background:linear-gradient(#030607de,transparent);font:600 14px Consolas,'Courier New',monospace}.real-toolbar .icon-button{width:42px;height:42px}.real-stage{flex:1;min-height:0;display:grid;place-items:center;padding:56px 12px 25px}.real-stage img,.real-stage video{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.real-stage video{background:#000}.real-hint{position:absolute;bottom:8px;left:0;right:0;text-align:center;color:#9aa8a1;font:11px Consolas,'Courier New',monospace;letter-spacing:.12em}
@media(max-width:1024px), (max-height:700px), (pointer:coarse){.scene-shell{display:block;background:#101718;overflow:visible}.studio{width:100%;min-height:100svh;aspect-ratio:auto;transform:none!important}.studio-photo,.studio-light{display:none}.screen{position:relative;left:auto;top:auto;width:100%;height:100svh;border-radius:0;container-type:inline-size}.screen-scroll{height:100svh}.site-header{min-height:58px;padding:0 4vw}.brand{font-size:14px}.site-header nav{gap:12px}.site-header nav a{font-size:11px}.site-header nav .nav-buy{padding:8px}.hero{min-height:620px;padding:50px 4vw;grid-template-columns:1fr 40%;gap:20px}.hero h1{font-size:clamp(42px,7vw,86px)}.hero-subtitle{font-size:clamp(16px,2.5vw,26px)}.hero-description{font-size:15px;max-width:500px}.eyebrow,.section-kicker{font-size:10px}.button{min-height:42px;padding:10px 16px;font-size:12px}.platform-note{font-size:10px}.content-section{padding:60px 4vw;scroll-margin-top:58px}.section-heading h2,.purchase-section h2{font-size:clamp(30px,5vw,54px)}.section-heading>p:last-child,.purchase-section>p:not(.section-kicker):not(.platform-note){font-size:14px}.feature-grid,.gallery{gap:12px}.feature{min-height:200px;padding:18px}.feature-index{font-size:10px}.feature-icon{font-size:42px;margin:18px 0}.feature h3{font-size:20px}.feature p{font-size:13px}.media-card>img,.video-poster{height:170px}.media-caption{padding:12px}.media-caption b{font-size:12px}.media-caption small{font-size:10px}.play-icon{width:48px;height:48px;font-size:16px}.ticker{min-height:52px;font-size:10px}.site-footer{min-height:70px;padding:15px 4vw;font-size:10px}.overlay-toolbar{min-height:62px;padding:10px 14px}.overlay-toolbar h2{font-size:15px}.overlay-kicker{font-size:9px}.overlay-actions{gap:5px}.icon-button{width:34px;height:34px;font-size:20px}.overlay-footer{min-height:36px;font-size:9px}.overlay-stage{padding:12px}}
@media(max-width:620px){.site-header{flex-wrap:wrap;align-content:center;gap:6px;min-height:80px}.site-header nav{width:100%;justify-content:space-between;gap:4px}.site-header nav a{font-size:10px}.site-header nav .nav-buy{padding:5px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0;gap:26px;padding:52px 5vw 44px}.hero h1{font-size:clamp(40px,12vw,72px)}.hero-description{max-width:100%;font-size:15px}.hero-actions{gap:8px}.button{width:100%;justify-content:space-between;padding:12px 14px}.ticker{overflow:hidden;justify-content:flex-start;gap:22px;padding-left:20px}.ticker span{flex:none}.content-section{padding:48px 5vw;scroll-margin-top:80px}.section-heading{max-width:none}.feature-grid{grid-template-columns:1fr}.feature{min-height:0}.feature-icon{margin:12px 0;font-size:30px}.gallery{grid-template-columns:1fr}.media-card>img,.video-poster{height:200px}.media-caption b{font-size:14px}.site-footer{flex-wrap:wrap;gap:12px;padding:20px 5vw}.site-footer .brand{width:100%}.overlay-toolbar{align-items:flex-start}.overlay-actions{gap:3px}.overlay-toolbar h2{font-size:12px}.icon-button{width:30px;height:30px;font-size:17px}.overlay-stage{padding:5px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.studio,.studio-light{transform:none!important}}
.overlay-stage{display:flex;align-items:center;justify-content:center}
.overlay-stage video{display:block;width:100%;height:calc(100% - 16px);max-height:none;object-fit:contain}
.real-stage video{display:block;width:100%;height:100%;max-height:none;object-fit:contain}
@media(max-width:620px){.site-header nav a{font-size:12px}}

/* Warm studio palette with a moving clean room behind one stationary foreground. */
:root{--ink:#f1e9de;--muted:#bdb2a5;--accent:#e6d8c3;--line:rgba(232,215,191,.18);--bg:#171513}
.scene-shell{background:radial-gradient(circle at 50% 50%,#30221a,#0b0a09 72%)}
.studio{transform:none;transform-origin:var(--focus-origin-x,50%) var(--focus-origin-y,42.6%);transition:transform 1050ms cubic-bezier(.18,.82,.2,1)}
.studio.is-focused{transform:translate3d(var(--focus-x,0px),var(--focus-y,0px),0) scale(var(--focus-scale,1))}
.scene-layer{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none}
.studio-background{z-index:0;transform:translate3d(var(--background-x,0px),var(--background-y,0px),0) scale(1.025);transition:transform 650ms cubic-bezier(.2,.72,.2,1)}
.studio-foreground{z-index:1}.screen{z-index:2;background:var(--bg)}
.screen-scroll{background:#171614;scrollbar-color:#6d6257 #1c1916}
.site-header{background:rgba(24,22,20,.95)}.site-header nav a{color:#d4c9bd}
.hero{background:radial-gradient(circle at 73% 45%,rgba(158,100,53,.17),transparent 38%),linear-gradient(135deg,#211d19,#151413 70%)}
.hero-description{color:#c9bfb3}
.live-dot{background:#c59668;box-shadow:none}
.ticker{background:#dfd0b8;color:#211b16}
.features-section{background:#211d19}.feature{background:#2a2520}.feature-icon{color:#d5b38c}
.media-card{background:#27221e}.media-card>img{background:#2f2924}.video-poster{background:#302923}
.button-primary{color:#211b16}.button-primary:hover{background:#f0e4d2}
.button-secondary{border-color:#83776b;color:#f1e9de}.button-secondary:hover{background:rgba(228,214,193,.08)}
.purchase-section{background:radial-gradient(circle at 80% 20%,rgba(172,117,73,.14),transparent 42%),#211d19}
.focus-control{position:absolute;right:1.8cqw;bottom:1.8cqh;z-index:8;display:flex;align-items:center;gap:1cqw;padding:1.2cqh 1.6cqw;border:1px solid rgba(230,216,195,.54);background:rgba(31,27,24,.94);color:var(--accent);font-family:Consolas,'Courier New',monospace;font-size:clamp(11px,1.18cqw,15px);font-weight:700;letter-spacing:.03em;box-shadow:0 5px 20px rgba(0,0,0,.25);transition:background .2s,border-color .2s}
.focus-control:hover{background:#382e27;border-color:var(--accent)}.focus-icon{font-size:1.3em;line-height:1}
.feature-icon svg{display:block;width:1.35em;height:1em;stroke:currentColor;stroke-width:3.2;stroke-linecap:round}
.overlay-actions .icon-button{width:24px;height:24px;font-size:0}
.overlay-actions .icon-button svg{display:block;width:13px;height:13px;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.studio.is-focused .overlay-actions .icon-button{width:15px;height:15px}
.studio.is-focused .overlay-actions .icon-button svg{width:9px;height:9px}
.real-toolbar .icon-button svg{display:block;width:20px;height:20px;stroke:currentColor;stroke-width:2;stroke-linecap:round}
.overlay-stage img{cursor:zoom-in;user-select:none;-webkit-user-drag:none}
.real-stage img{cursor:zoom-out;user-select:none;-webkit-user-drag:none}
@media(max-width:1024px), (max-height:700px), (pointer:coarse){.overlay-actions .icon-button{width:26px;height:26px}.overlay-actions .icon-button svg{width:14px;height:14px}}
@media(max-width:1024px), (max-height:700px), (pointer:coarse){.scene-layer,.focus-control{display:none}.studio,.studio.is-focused{transform:none!important}}
@media(prefers-reduced-motion:reduce){.scene-layer{transform:none!important;transition:none!important}.studio.is-focused{transform:translate3d(var(--focus-x,0px),var(--focus-y,0px),0) scale(var(--focus-scale,1))!important}}

/* Compact view: browse the page directly, with native document scrolling. */
.nav-buy-short,.nav-screen-short,.compact-only{display:none}
@media(max-width:1024px), (max-height:700px), (pointer:coarse){
  .laptop-only{display:none}
  .compact-only{display:inline}
  .scene-shell{background:#171513}
  .studio{height:auto;min-height:100svh}
  .screen{height:auto;min-height:100svh;overflow:visible;box-shadow:none}
  .screen-scroll{height:auto;min-height:100svh;overflow:visible;scroll-behavior:auto}
  .site-header{min-height:64px}
  .site-header nav a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;font-size:13px}
  .site-header nav .nav-buy{min-height:44px}
  .hero{min-height:min(620px,82svh)}
  .section-heading{max-width:720px}
  .video-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
  .media-overlay{position:fixed;inset:0;height:100svh;height:100dvh}
  body.media-open{overflow:hidden}
  .overlay-actions .icon-button{position:relative;width:44px;height:44px;border:0;background:transparent}
  .overlay-actions .icon-button::before{content:"";position:absolute;inset:6px;border:1px solid #70675c;background:#211e1b}
  .overlay-actions .fullscreen-button::before{border-color:var(--accent)}
  .overlay-actions .icon-button svg{position:relative;width:16px;height:16px}
  .overlay-actions .icon-button:hover::before{border-color:var(--accent)}
  .overlay-footer{gap:12px}
  .real-hint{display:none}
}
@media(max-width:620px){
  .site-header{min-height:94px;padding:8px 5vw 4px;gap:2px}
  .site-header nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) auto;gap:2px}
  .site-header nav a{min-height:44px;font-size:11px}
  .site-header nav .nav-buy{padding:5px 7px;font-size:11px}
  .nav-buy-full{display:none}
  .nav-buy-short{display:inline}
  .nav-screen-full{display:none}
  .nav-screen-short{display:inline}
  .hero{padding-top:42px}
  .hero h1{font-size:clamp(38px,11.6vw,72px)}
  .video-gallery{grid-template-columns:1fr}
  .content-section{scroll-margin-top:94px}
  .overlay-toolbar{min-height:0;flex-direction:column;align-items:stretch;gap:6px;padding:8px 10px}
  .overlay-kicker{display:none}
  .overlay-toolbar h2{font-size:14px}
  .overlay-actions{justify-content:flex-end;gap:3px}
  .overlay-actions .icon-button{width:40px;height:40px}
  .overlay-footer{padding:7px 10px;gap:8px}
  .overlay-footer .compact-only{font-size:8px}
}

/* Draw directional controls as text-colored vectors so iOS cannot substitute emoji. */
.arrow-icon{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:-.17em;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.site-header nav .nav-buy{display:inline-flex;align-items:center;gap:.4em}
.feature-icon .arrow-icon{width:1em;height:1em;stroke-width:1.8}
.card-arrow .arrow-icon{width:1em;height:1em}
.site-footer a{display:inline-flex;align-items:center;gap:.35em}
.site-footer .arrow-icon{width:.9em;height:.9em}
.play-icon{padding-left:0}
.play-icon svg{display:block;width:1em;height:1em;fill:currentColor}

/* Seven quiet rings echo the waveform behind the hero artwork. */
.hero-rings{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.hero-rings span{position:absolute;left:75%;top:47%;width:var(--ring-size);aspect-ratio:1;transform:translate(-50%,-50%);border:1px solid rgba(229,212,188,.08);border-radius:50%}
.hero-rings span:nth-child(1){--ring-size:76cqw}
.hero-rings span:nth-child(2){--ring-size:66cqw}
.hero-rings span:nth-child(3){--ring-size:56cqw}
.hero-rings span:nth-child(4){--ring-size:46cqw}
.hero-rings span:nth-child(5){--ring-size:36cqw}
.hero-rings span:nth-child(6){--ring-size:26cqw}
.hero-rings span:nth-child(7){--ring-size:16cqw}

/* Equal-size pages spread in measured steps like a deck of cards. */
.hero-copy{z-index:2}
.hero-fan{position:relative;z-index:1;width:118%;height:51cqh;justify-self:center;isolation:isolate;transform:translate(-7cqw,-48px) scale(1.1);transform-origin:78% 50%}
.hero-fan::before{content:"";position:absolute;inset:15% 0 2%;z-index:-1;border-radius:50%;background:radial-gradient(ellipse,rgba(179,121,76,.18),transparent 70%);filter:blur(15px)}
.fan-panel{position:absolute;left:var(--fan-left);bottom:8%;display:block;width:26%;height:76%;overflow:hidden;background:#c9b7a1;border:1px solid rgba(243,230,211,.45);box-shadow:7px 12px 20px rgba(0,0,0,.4);transform:translateX(-50%) rotate(var(--fan-angle));transform-origin:50% 100%}
.fan-panel img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--image-position,center)}
.fan-panel::after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,rgba(255,255,255,.07),transparent 33%,rgba(0,0,0,.1));pointer-events:none}
.fan-panel-database img{position:absolute;left:0;top:-96%;width:auto;height:205%;max-width:none;object-fit:fill}
.fan-panel:nth-child(1){--fan-left:15%;--fan-angle:-21deg;z-index:1}
.fan-panel:nth-child(2){--fan-left:24%;--fan-angle:-15deg;--image-position:22% center;z-index:2}
.fan-panel:nth-child(3){--fan-left:33%;--fan-angle:-9deg;z-index:3}
.fan-panel:nth-child(4){--fan-left:42%;--fan-angle:-3deg;--image-position:54% center;z-index:4}
.fan-panel:nth-child(5){--fan-left:51%;--fan-angle:3deg;z-index:5}
.fan-panel:nth-child(6){--fan-left:60%;--fan-angle:9deg;bottom:5%;z-index:6}
.fan-panel:nth-child(7){--fan-left:69%;--fan-angle:15deg;--image-position:83% center;bottom:2.5%;z-index:7}
.fan-panel:nth-child(8){--fan-left:78%;--fan-angle:21deg;z-index:8}
.fan-panel-front{bottom:-2%}
@media(max-width:1024px), (max-height:700px), (pointer:coarse){.hero-fan{height:clamp(260px,36vw,400px)}}
@media(max-width:620px){.hero-rings span{top:76%;left:68%}.hero-fan{width:min(112%,500px);height:clamp(240px,73vw,330px);align-self:center;transform:translate(3vw,-48px) scale(.9);transform-origin:50% 50%}.hero-fan .fan-panel:first-child,.hero-fan .fan-panel:last-child{display:none}.hero-fan .fan-panel:nth-child(2),.hero-fan .fan-panel:nth-child(7){bottom:3%}.hero-fan .fan-panel:nth-child(3),.hero-fan .fan-panel:nth-child(6){bottom:6%}.hero-fan .fan-panel:nth-child(4),.hero-fan .fan-panel:nth-child(5){bottom:9%}}