.brand-banner-section{background-color:var(--color-cream);color:#fff;text-align:center;z-index:5;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100vh;padding:100px 40px;display:flex;position:sticky;top:0}.brand-banner-section:before{content:"";opacity:.1;z-index:-1;pointer-events:none;background-image:url(/brand-banner-bg.png);background-repeat:repeat;background-size:65px 65px;position:absolute;inset:0}.banner-logo{width:auto;height:50px;filter:var(--invert-logo);object-fit:contain;margin-bottom:30px}.banner-heading{font-family:var(--font-sans), sans-serif;letter-spacing:.04em;text-transform:uppercase;max-width:100%;color:var(--color-charcoal);margin:0 auto 35px;font-size:clamp(4.5rem,6.8vw,7.8rem);font-weight:900;line-height:1.1}.banner-heading-row{white-space:nowrap;will-change:transform;width:100%;padding:15px 0;display:block;position:relative;overflow:hidden}.row-text{will-change:clip-path;clip-path:inset(0 100% 0 0);display:inline-block}.banner-heading-row.row-right .row-text{clip-path:inset(0 0 0 100%)}.spark-sweep{pointer-events:none;z-index:5;background:linear-gradient(to right, transparent, var(--accent-color) 50%, transparent);will-change:transform;mix-blend-mode:screen;width:250px;position:absolute;top:0;bottom:0}.banner-word.scrambling{opacity:.8;letter-spacing:.1em;font-family:monospace!important;font-style:normal!important}.banner-subheading{font-family:var(--font-sans), sans-serif;opacity:.85;max-width:700px;color:var(--color-charcoal);margin:0 auto;font-size:clamp(1rem,1.3vw,1.3rem);font-weight:400;line-height:1.6}@media (max-width:768px){.banner-logo{height:40px}.banner-heading{font-size:clamp(1.8rem,8vw,3.5rem);line-height:1.05}.banner-subheading{max-width:90%;margin-top:3vh;font-size:clamp(.9rem,1.2vw,1.2rem)}}.brand-section-wrapper{background:var(--color-cream);width:100%;min-height:100vh;color:var(--color-charcoal);font-family:var(--font-sans), sans-serif;perspective:1200px;perspective-origin:50%;flex-direction:column;justify-content:center;padding:100px 0;transition:background .5s,color .5s;display:flex;position:relative;overflow:hidden}.brand-grid-overlay{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 68%,#0000 96%);mask-image:linear-gradient(#000 68%,#0000 96%)}.brand-grid-line-h{background:repeating-linear-gradient(to right, var(--color-charcoal) 0px, var(--color-charcoal) 8px, transparent 8px, transparent 16px);opacity:.35;width:100%;height:1px;position:absolute;left:0}.brand-grid-line-v{background:repeating-linear-gradient(to bottom, var(--color-charcoal) 0px, var(--color-charcoal) 8px, transparent 8px, transparent 16px);opacity:.35;width:1px;height:100%;position:absolute;top:0}.brand-grid-cross{border:1.5px dashed var(--color-charcoal);opacity:.45;width:20px;height:20px;position:absolute}.brand-grid-cross:before,.brand-grid-cross:after{content:"";background:var(--color-charcoal);opacity:.2;position:absolute}.brand-grid-cross:before{width:1px;height:8px;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-grid-cross:after{width:8px;height:1px;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-diagonal-line{background:repeating-linear-gradient(to right, var(--color-charcoal) 0px, var(--color-charcoal) 6px, transparent 6px, transparent 14px);opacity:.35;transform-origin:0;height:1px;position:absolute}.brand-topo-container{z-index:1;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:hidden;-webkit-mask-image:linear-gradient(#000 68%,#0000 96%);mask-image:linear-gradient(#000 68%,#0000 96%)}.brand-topo-line{border:1.5px dashed var(--color-charcoal);opacity:0;border-radius:50%;position:absolute;transform:scale(.8)}.brand-topo-line.animated{animation:1.2s cubic-bezier(.16,1,.3,1) forwards brandTopoReveal}@keyframes brandTopoReveal{0%{opacity:0;transform:scale(.8)}to{opacity:.15;transform:scale(1)}}.brand-topo-arrow{border-left:5px solid #0000;border-right:5px solid #0000;border-bottom:8px solid var(--color-charcoal);opacity:0;width:0;height:0;position:absolute;transform:rotate(0)}.brand-topo-arrow.animated{animation:.6s ease-out forwards brandArrowReveal}@keyframes brandArrowReveal{0%{opacity:0;transform:scale(.5)}to{opacity:.2}}.brand-headline{z-index:10;text-align:center;justify-content:center;align-items:center;width:100%;max-width:80vw;min-height:40vh;margin:0 auto;padding:40px 20px 60px;display:flex;position:relative}.brand-headline h1{letter-spacing:-.02em;color:var(--color-charcoal);text-transform:uppercase;width:100%;margin:0 auto;font-size:clamp(28px,5.2vw,64px);font-weight:800;line-height:1.1;position:absolute;left:0;right:0}@media (max-width:768px){.brand-headline{padding:40px 20px 30px}}.brand-canvas-3d{pointer-events:none;z-index:2;width:100%;height:100%;position:absolute;top:0;left:0;-webkit-mask-image:linear-gradient(#000 68%,#0000 96%);mask-image:linear-gradient(#000 68%,#0000 96%)}.brand-hud-dial-container{pointer-events:none;z-index:1;opacity:.15;justify-content:center;align-items:center;width:600px;height:600px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.brand-hud-dial-outer{border:1px dashed var(--accent-color);border-radius:50%;width:100%;height:100%;animation:40s linear infinite brandHudRotate;position:absolute}.brand-hud-dial-inner{border:1px double var(--color-charcoal);opacity:.5;border-radius:50%;width:80%;height:80%;animation:25s linear infinite reverse brandHudRotate;position:absolute}@keyframes brandHudRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.brand-hud-coords-left{font-family:var(--font-sans), monospace;letter-spacing:.25em;color:var(--accent-color);z-index:10;opacity:.45;text-transform:uppercase;font-size:11px;position:absolute;bottom:40px;left:40px}.brand-hud-coords-right{font-family:var(--font-sans), monospace;letter-spacing:.25em;color:var(--accent-color);z-index:10;opacity:.45;text-transform:uppercase;text-align:right;font-size:11px;position:absolute;bottom:40px;right:40px}@media (max-width:768px){.brand-hud-dial-container{width:320px;height:320px}.brand-hud-coords-left,.brand-hud-coords-right{font-size:9px;bottom:15px}.brand-hud-coords-left{left:15px}.brand-hud-coords-right{right:15px}}.light-mode .brand-grid-line-v,.light-mode .brand-grid-line-h{opacity:.38!important}.light-mode .brand-grid-cross{opacity:.55!important}.light-mode .brand-diagonal-line{opacity:.3!important}.light-mode .brand-hud-coords-left,.light-mode .brand-hud-coords-right{opacity:.8!important;color:var(--color-charcoal)!important}.light-mode .brand-hud-dial-container{opacity:.28!important}.banner-heading-row{perspective:1200px;flex-wrap:nowrap;justify-content:center;align-items:center;gap:.02em;margin-bottom:-.12em;line-height:.8;display:flex;padding:0!important}.char-wrapper{perspective:1000px;width:auto;height:1.1em;transform-style:preserve-3d;vertical-align:middle;transition:transform .1s linear;display:inline-block;position:relative}.char{backface-visibility:hidden;justify-content:center;align-items:center;width:100%;height:100%;font-size:clamp(2rem,8.2vw,7.8rem);font-weight:900;display:flex;position:absolute;top:0;left:0}.char-front{color:#fbbf24;filter:blur(8px);opacity:0;width:auto;height:auto;display:inline-flex;top:auto;left:auto;transform:rotateY(0);position:relative!important}.char-back{color:var(--color-charcoal);filter:blur();opacity:1;transition:color .3s;transform:rotateY(180deg)}.light-mode .char-back{color:var(--color-charcoal)}.char-wrapper.flip-cw .char-front{transform:rotateY(0)}.char-wrapper.flip-cw .char-back{transform:rotateY(180deg)}.char-wrapper.flip-ccw .char-front{transform:rotateY(0)}.char-wrapper.flip-ccw .char-back{transform:rotateY(-180deg)}.char-wrapper.flip-x .char-front{transform:rotateX(0)}.char-wrapper.flip-x .char-back{transform:rotateX(180deg)}.char-wrapper.flip-x-ccw .char-front{transform:rotateX(0)}.char-wrapper.flip-x-ccw .char-back{transform:rotateX(-180deg)}.char-wrapper.space{width:.28em}.char-wrapper.space .char{display:none}@media (max-width:768px){.brand-banner-section{padding:80px 15px!important}.banner-heading{margin:0 auto 20px!important;font-size:clamp(3rem,9vw,5.5rem)!important}.banner-heading-row{flex-direction:column!important;gap:0!important;height:auto!important;margin-bottom:0!important;padding:0!important}.banner-word{justify-content:center!important;width:100%!important;margin-right:0!important;display:flex!important}.char{font-size:clamp(3.8rem,11vw,5.5rem)!important}}