:root{--bg: #0c0c0c;--bg-raised: #141414;--bg-card: #1a1a1a;--tangerine: #E8650A;--tangerine-light: #FF8C38;--tangerine-dim: rgba(232, 101, 10, .1);--tangerine-glow: rgba(232, 101, 10, .2);--text: #F5F0EB;--text-dim: #A89F97;--text-muted: #5C5650;--border: rgba(255, 255, 255, .06);--border-hover: rgba(232, 101, 10, .25);--font-display: "Playfair Display", Georgia, serif;--font-heading: "Bebas Neue", "Outfit", sans-serif;--font-body: "Outfit", sans-serif;--font-mono: "JetBrains Mono", monospace;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--ease-out: cubic-bezier(.23, 1, .32, 1);--ease-in-out: cubic-bezier(.77, 0, .175, 1);--dur: .25s;--shadow: 0 4px 24px rgba(0, 0, 0, .5);--shadow-glow: 0 0 24px var(--tangerine-glow)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px;-webkit-font-smoothing:antialiased}body{font-family:var(--font-body);background:var(--bg);color:var(--text);line-height:1.6;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;line-height:1.1;letter-spacing:.02em;text-transform:uppercase}h1{font-family:var(--font-display);font-size:clamp(3.5rem,10vw,8rem);font-weight:400;line-height:.95;letter-spacing:-.01em}h2{font-size:clamp(2rem,5vw,3.5rem)}p{color:var(--text-dim);line-height:1.75;font-size:1.05rem}a{color:var(--tangerine);text-decoration:none;transition:color var(--dur) var(--ease-out)}a:hover{color:var(--text)}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:var(--text-muted);border-radius:var(--radius-full)}::selection{background:var(--tangerine-dim);color:var(--text)}.text-gradient{background:linear-gradient(135deg,var(--tangerine),var(--tangerine-light));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s var(--ease-out),transform .6s var(--ease-out)}.reveal.is-revealed{opacity:1;transform:translateY(0)}.section{padding:var(--space-4xl) 0;position:relative}@media(max-width:768px){.section,.hero{padding-bottom:120px!important}}.section-label{font-family:var(--font-mono);font-size:.6rem;color:var(--tangerine);text-transform:uppercase;letter-spacing:.25em;margin-bottom:var(--space-lg);display:flex;align-items:center;gap:var(--space-sm)}.section-label:before{content:"";width:20px;height:1px;background:var(--tangerine)}.section-number{font-family:var(--font-mono);font-size:.55rem;color:var(--text-muted);letter-spacing:.15em;margin-bottom:var(--space-xs);display:block}.magnetic-btn{display:inline-flex;align-items:center;cursor:pointer;-webkit-user-select:none;user-select:none}.magnetic-btn:active{transform:scale(.97);transition:transform .1s var(--ease-out)}.magnetic-btn-content{display:inline-flex;align-items:center;gap:inherit}@media(max-width:768px){.section{padding:var(--space-3xl) 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}.sidenav{position:fixed;right:0;top:0;bottom:0;width:64px;z-index:100;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-3xl) 0;animation:sidebar-in .8s var(--ease-out) both}@keyframes sidebar-in{0%{opacity:0;transform:translate(60px)}to{opacity:1;transform:translate(0)}}.sidenav-line{position:absolute;right:32px;top:60px;bottom:60px;width:1px;background:#ffffff0f}.sidenav-items{display:flex;flex-direction:column;gap:var(--space-2xl);position:relative;z-index:1}.sidenav-link{text-decoration:none}.sidenav-item{display:flex;flex-direction:column;align-items:center;gap:3px;cursor:pointer;padding:var(--space-sm);border-radius:var(--radius-md);transition:background .4s var(--ease-out);opacity:0;animation:side-item-in .7s var(--ease-out) forwards}@keyframes side-item-in{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.sidenav-item:hover{background:#ffffff0a}.sidenav-num{font-family:var(--font-mono);font-size:.6rem;color:var(--text-dim);letter-spacing:.1em;transition:color .4s var(--ease-out)}.sidenav-label{font-family:var(--font-mono);font-size:.6rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-dim);writing-mode:vertical-rl;text-orientation:mixed;transition:color .4s var(--ease-out)}.sidenav-item:hover .sidenav-num,.sidenav-item:hover .sidenav-label{color:var(--text)}.sidenav-item--active .sidenav-num,.sidenav-item--active .sidenav-label{color:var(--tangerine)}.sidenav-bottom{position:absolute;bottom:var(--space-2xl);display:flex;flex-direction:column;align-items:center}@media(max-width:1024px){.sidenav{width:56px}.sidenav-line{right:28px}.sidenav-items{gap:var(--space-xl)}}@media(max-width:768px){.sidenav{display:none}}.bottombar{display:none}@media(max-width:768px){.bottombar{display:block;position:fixed;bottom:24px;left:var(--space-md);right:var(--space-md);max-width:480px;margin:0 auto;z-index:1000;background:#141414cc;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.06);border-radius:var(--radius-full);box-shadow:0 10px 30px #00000080;padding:3px 6px}}.bottombar-inner{display:flex;align-items:center;justify-content:space-between;width:100%}.bottombar-item{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0;flex:1;color:var(--text-dim);text-decoration:none;transition:color .25s var(--ease-out);position:relative;z-index:1}.bottombar-item:hover{color:var(--text)}.bottombar-item--active{color:#fff!important}.bottombar-label{font-family:var(--font-mono);font-size:.5rem;text-transform:uppercase;letter-spacing:.08em;opacity:.8}.bottombar-active-bubble{position:absolute;inset:4px var(--space-sm);background:var(--tangerine);border-radius:var(--radius-full);z-index:-1;box-shadow:0 0 12px var(--tangerine-glow);animation:bubble-in .35s var(--ease-out) both}@keyframes bubble-in{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.app{position:relative;min-height:100vh}.main-content{position:relative;z-index:1;width:100%;padding:0 var(--space-4xl);padding-right:100px}.page-wrapper{min-height:100vh;animation:page-in .6s var(--ease-out) both}@keyframes page-in{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.app:after{content:"";position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.03'/%3E%3C/svg%3E");pointer-events:none;z-index:9998;opacity:.4}@media(max-width:768px){.app:after{display:none}}.curtain-overlay{position:fixed;inset:0;pointer-events:none;z-index:99999;animation:curtain-fade-out .25s var(--ease-out) 1.1s forwards}@keyframes curtain-fade-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.curtain-panel{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.primary-curtain{background:var(--tangerine);z-index:1}.secondary-curtain{background:var(--bg);z-index:2}.curtain--horizontal .primary-curtain{animation:sweep-x 1.1s var(--ease-in-out) forwards}.curtain--horizontal .secondary-curtain{animation:sweep-x 1.1s var(--ease-in-out) .08s forwards}@keyframes sweep-x{0%{transform:translate(-100%)}45%{transform:translate(0)}to{transform:translate(100%)}}.curtain--vertical .primary-curtain{animation:sweep-y 1.1s var(--ease-in-out) forwards}.curtain--vertical .secondary-curtain{animation:sweep-y 1.1s var(--ease-in-out) .08s forwards}@keyframes sweep-y{0%{transform:translateY(-100%)}45%{transform:translateY(0)}to{transform:translateY(100%)}}.curtain--diagonal .primary-curtain{animation:sweep-d 1.25s var(--ease-in-out) forwards;transform:scale(1.5)}.curtain--diagonal .secondary-curtain{animation:sweep-d 1.25s var(--ease-in-out) .08s forwards;transform:scale(1.5)}@keyframes sweep-d{0%{transform:translate(-130%,-130%) scale(1.5) rotate(-25deg)}45%{transform:translate(0) scale(1.5) rotate(-25deg)}to{transform:translate(130%,130%) scale(1.5) rotate(-25deg)}}.curtain--iris .primary-curtain,.curtain--iris .secondary-curtain{top:50%;left:50%;width:150vmax;height:150vmax;transform:translate(-50%,-50%) scale(0);transform-origin:center center;border-radius:50%}.curtain--iris .primary-curtain{animation:iris 1.2s var(--ease-in-out) forwards}.curtain--iris .secondary-curtain{animation:iris 1.2s var(--ease-in-out) .12s forwards}@keyframes iris{0%{transform:translate(-50%,-50%) scale(0)}50%{transform:translate(-50%,-50%) scale(1)}to{transform:translate(-50%,-50%) scale(1.6)}}@media(max-width:1024px){.main-content{padding:0 var(--space-2xl);padding-right:70px}}@media(max-width:768px){.main-content{padding:0 var(--space-lg);padding-top:var(--space-2xl);padding-bottom:80px}}.loader{position:fixed;inset:0;z-index:10000;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;animation:loader-out .4s var(--ease-out) both}.loader--out{animation:loader-out .4s var(--ease-out) both;pointer-events:none}@keyframes loader-out{0%{opacity:1}to{opacity:0;visibility:hidden}}.loader-logo{width:64px;height:64px;animation:loader-logo-in .5s var(--ease-out) both}@keyframes loader-logo-in{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}.loader-logo svg{width:100%;height:100%}.loader-circle{animation:circle-in .4s var(--ease-out) both;transform-origin:center}@keyframes circle-in{0%{transform:scale(0)}to{transform:scale(1)}}.loader-mark{opacity:0;animation:mark-in .4s var(--ease-out) .2s forwards}@keyframes mark-in{0%{opacity:0}to{opacity:1}}.loader-line{width:80px;height:1px;background:var(--tangerine);margin-top:var(--space-xl);transform-origin:center;transform:scaleX(0);animation:line-grow .8s var(--ease-out) .3s forwards}@keyframes line-grow{0%{transform:scaleX(0)}to{transform:scaleX(1)}}