*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;min-height:100%;overflow-x:hidden;background-color:#5bafe2;font-family:Montserrat,sans-serif;color:#fff;-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;font-synthesis:none;text-size-adjust:100%;-webkit-text-size-adjust:100%}#scroll-track{height:500vh;width:1px;pointer-events:none;visibility:hidden}#bg-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:0;pointer-events:none;transform:translateZ(0);backface-visibility:hidden;background:radial-gradient(circle at 94% 48%,rgba(18,55,90,.45) 0%,rgba(18,55,90,.15) 32%,transparent 55%),linear-gradient(180deg,rgba(18,55,90,.28) 0%,transparent 18%),linear-gradient(0deg,rgba(14,42,70,.22) 0%,transparent 22%),radial-gradient(ellipse at 54% 74%,#72c7f4,#5bafe2 38%,#4a9dd4 72%,#3884bc)}#film-grain{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;pointer-events:none;opacity:.022;transform:translateZ(0);backface-visibility:hidden;background-repeat:repeat}#bg-giant-911{display:none;position:fixed;left:51%;top:7vh;transform:translate(-50%) skew(-8deg);font-family:Barlow Condensed,sans-serif;font-weight:900;font-style:italic;font-size:clamp(18rem,33vw,36rem);line-height:.82;letter-spacing:-.015em;color:#e0f2fec2;text-shadow:none;white-space:nowrap;pointer-events:none;z-index:0}#webgl-canvas{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1;display:block;outline:none;transform:translateZ(0);backface-visibility:hidden;will-change:transform;touch-action:pan-y}#ui-layer{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:10;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(1.8rem,2.5vw,2.8rem) clamp(2.2rem,3.5vw,4rem);box-sizing:border-box;contain:layout paint;transform:translateZ(0);backface-visibility:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}.interactive{pointer-events:auto}.top-nav{width:100%;display:flex;justify-content:space-between;align-items:center}.brand-box{display:flex;align-items:center;gap:.75rem;cursor:pointer}.brand-crest{width:18px;height:auto;display:block;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}.brand-wordmark{font-family:Syncopate,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.28em;text-transform:uppercase;color:#fff}.hero-left{position:absolute;left:clamp(2.5rem,3.5vw,4rem);top:48%;transform:translate3d(0,-50%,0);max-width:clamp(250px,19vw,310px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;z-index:5;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat}.hero-right{position:absolute;right:clamp(2.5rem,3.5vw,4rem);top:36%;transform:translate3d(0,-50%,0);max-width:clamp(270px,20vw,340px);display:grid;grid-template-columns:1fr;grid-template-rows:1fr;z-index:5;pointer-events:none;-webkit-backface-visibility:hidden;backface-visibility:hidden;transform-style:flat}.hero-right .hero-content-block{text-align:right;align-items:flex-end}.hero-right .accent-rule{margin-left:auto;margin-right:0}.hero-content-block,.top-nav,.bottom-strip{text-shadow:0 1px 3px rgba(10,32,54,.22)}.hero-content-block{display:flex;flex-direction:column}.chapter-title{font-family:Syncopate,sans-serif;font-weight:700;font-size:clamp(1.35rem,1.8vw,1.95rem);line-height:1.25;letter-spacing:.1em;text-transform:uppercase;color:#fff;margin-top:.65rem;margin-bottom:.2rem}.eyebrow{font-family:Montserrat,sans-serif;font-size:clamp(.68rem,.75vw,.78rem);font-weight:700;letter-spacing:.28em;text-transform:uppercase;color:#fff;margin-bottom:.45rem}.title-porsche{font-family:Syncopate,sans-serif;font-weight:700;font-size:clamp(1.4rem,2.2vw,2.5rem);letter-spacing:.18em;text-transform:uppercase;color:#fff;line-height:1}.title-911{font-family:Montserrat,sans-serif;font-weight:900;font-size:clamp(3.4rem,5vw,6rem);line-height:.86;letter-spacing:.04em;color:#fff;margin-bottom:.65rem}.deck-container,.specs-deck-container{display:grid;grid-template-columns:1fr;grid-template-rows:1fr;position:relative}.specs-deck-container{align-items:flex-start}.beat-layer{grid-area:1 / 1;opacity:0;transform:translate3d(0,6px,0);will-change:opacity,transform;pointer-events:none;transition:opacity .14s cubic-bezier(.16,1,.3,1),transform .14s cubic-bezier(.16,1,.3,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}.beat-layer.active{opacity:1;transform:translateZ(0);pointer-events:auto;transition:opacity .22s cubic-bezier(.16,1,.3,1),transform .22s cubic-bezier(.16,1,.3,1);-webkit-backface-visibility:hidden;backface-visibility:hidden}#ui-layer.ui-hidden .hero-left,#ui-layer.ui-hidden .hero-right,#ui-layer.ui-hidden .bottom-strip{opacity:0!important;pointer-events:none!important}#ui-layer.ui-hidden .top-nav{opacity:1!important;pointer-events:auto!important}.top-nav,.hero-left,.hero-right,.bottom-strip{transition:opacity .45s cubic-bezier(.16,1,.3,1)}.showroom-credit{position:fixed;right:clamp(2.5rem,3.5vw,4rem);bottom:2.2rem;display:flex;flex-direction:column;gap:.35rem;text-align:left;pointer-events:none;z-index:10;opacity:0;transform:translateZ(0);transition:opacity .6s cubic-bezier(.16,1,.3,1)}.showroom-credit.visible{opacity:1}.credit-author{font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff}.credit-model{font-family:Montserrat,sans-serif;font-size:.58rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7}.tagline{font-family:Montserrat,sans-serif;font-weight:700;font-size:clamp(.72rem,.85vw,.82rem);line-height:1.42;letter-spacing:.18em;text-transform:uppercase;color:#ffffffeb}.accent-rule{width:28px;height:1.5px;background-color:#fff;margin:.95rem 0}.description{font-family:Montserrat,sans-serif;font-size:clamp(.7rem,.78vw,.78rem);line-height:1.58;font-weight:500;letter-spacing:.012em;color:#fffffff2;margin-bottom:1.35rem}.btn-explore{display:inline-flex;align-items:center;justify-content:space-between;gap:1.6rem;width:fit-content;background:#ffffff26;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1.5px solid rgba(255,255,255,.75);border-radius:4px;padding:.7rem 1.4rem;text-decoration:none;cursor:pointer;box-shadow:0 8px 24px #0f375f40;transition:all .25s cubic-bezier(.16,1,.3,1)}.btn-explore:hover{background:#ffffff47;border-color:#fff;box-shadow:0 10px 28px #0f375f66;transform:translateY(-2px)}.btn-explore span{font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:#fff}.btn-explore svg{width:14px;height:14px;stroke:#fff;transition:transform .25s ease}.btn-explore:hover svg{transform:translate(4px)}.bottom-strip{width:100%;display:flex;justify-content:space-between;align-items:flex-end}.scroll-box{display:flex;flex-direction:column;gap:.5rem}.scroll-inner{display:flex;align-items:center;gap:1.1rem}.page-numbers{display:flex;flex-direction:column;align-items:center;gap:0px}.num-curr{font-family:Montserrat,sans-serif;font-size:.68rem;font-weight:800;color:#fff;line-height:.95}.num-divider{width:10px;height:1px;background-color:#fff6;margin:1.5px 0 .5px}.num-total{font-family:Montserrat,sans-serif;font-size:.6rem;font-weight:600;color:#ffffffad;line-height:.95}.scroll-track-line{width:32px;height:1px;background-color:#ffffff73}.scroll-text{font-family:Montserrat,sans-serif;font-size:.54rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffeb;line-height:1.25}.scroll-vert-line{width:1px;height:14px;background-color:#fff6;margin-left:6px}.specs-box{display:flex;align-items:center;gap:1.8rem}.spec-item{display:flex;flex-direction:column}.spec-val{font-family:Montserrat,sans-serif;font-size:1.15rem;font-weight:800;color:#fff;line-height:1.1}.spec-sub{font-family:Montserrat,sans-serif;font-size:.52rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:#ffffffd9;margin-top:.2rem}.spec-divider{width:1px;height:28px;background-color:#ffffff4d}@media(max-width:1200px){#ui-layer{padding:1.8rem 2.2rem}.hero-left{left:2.2rem}}@media(max-width:900px){#bg-giant-911{font-size:38vw}}@media(max-width:768px){#ui-layer{padding:1.4rem}.hero-left{left:1.4rem;max-width:78vw}.hero-right{right:1.4rem;max-width:78vw}.bottom-strip{align-items:center}.scroll-box{gap:0}.scroll-vert-line{display:none}.scroll-inner{align-items:center;gap:.65rem}.scroll-track-line{width:20px}.scroll-text{font-size:.48rem;letter-spacing:.14em}.specs-deck-container{align-items:center}.specs-box{gap:.85rem;align-items:center}.spec-divider{height:22px}.spec-val{font-size:.95rem}.spec-sub{font-size:.44rem;letter-spacing:.12em}}
