:root{background-color:#000;color:#fff}*{box-sizing:border-box;margin:0;padding:0}html,body{height:100%}body{min-height:100vh;background-color:#000;color:#ffffffe0;font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;letter-spacing:-.005em}.viewport-container{position:relative;width:100%;min-height:100vh;background-color:#000;z-index:1;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:8vh 12vw}.viewport-container:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:2;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%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)'/%3E%3C/svg%3E");background-size:260px;background-repeat:repeat;opacity:.12;mix-blend-mode:screen}.content{position:relative;z-index:3;margin:0;padding:0;max-width:600px;width:min(600px,100%);display:flex;flex-direction:column;gap:3.5rem;color:#ffffffe0}.content-nav{display:inline-flex;gap:1.75rem}.nav-button{position:relative;background:transparent;border:none;padding:0;font-size:.75rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff5c;cursor:pointer;transition:color .2s ease}.nav-button:after{content:"";position:absolute;left:0;bottom:-.6rem;width:100%;height:1px;background:#ffffff2e;transform:scaleX(0);transform-origin:left;transition:transform .2s ease,background .2s ease}.nav-button:hover{color:#fff9}.nav-button:focus-visible{outline:none;color:#ffffffd1}.nav-button:focus-visible:after{transform:scaleX(1);background:#ffffffa6}.nav-button.is-active{color:#ffffffd1}.nav-button.is-active:after{transform:scaleX(1);background:#ffffffa6}.section{display:flex;flex-direction:column;gap:1.25rem;min-height:18rem}.section-body{font-size:1.05rem;line-height:1.7;color:#fffc}.section-emphasis{font-weight:600;color:#ffffffeb;letter-spacing:.05em}.status-line{align-self:flex-start;margin-top:1.75rem;display:inline-flex;pointer-events:none}.status-label{display:inline-flex;align-items:center;gap:.85rem;font-size:.72rem;letter-spacing:.22em;text-transform:uppercase;color:#fff6;cursor:pointer;pointer-events:auto;transition:color .6s ease}.status-label:before{content:"";display:block;width:2.6rem;height:1px;background:#ffffff3d;transition:background .6s ease}.status-label:hover{color:#ffffffad}.status-label:hover:before{background:#fff6}.art-container{display:none;position:fixed;bottom:-20px;left:-80px;width:200px;height:200px;z-index:1;pointer-events:none;transform:translateZ(0);will-change:transform;backface-visibility:hidden}.art-image{position:absolute;width:100%;height:100%;background-image:var(--art-image-url);background-size:200%;background-position:top left;transform:rotate(45deg) scale(1.5) translateZ(0);transform-origin:center;will-change:transform,filter;z-index:1}.art-image:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:var(--art-image-url);background-size:200%;background-position:top left;background-color:#000;transform:rotate(45deg) scale(1.5) translateZ(0);transform-origin:center;filter:blur(15px) brightness(1.2) saturate(1.5);opacity:.45;z-index:-1;will-change:transform,filter}@media (max-width: 768px){.viewport-container{padding:6vh 8vw 10vh;align-items:flex-start;justify-content:flex-start}.content{max-width:none;gap:2.5rem;transform:none}.section{min-height:auto}.section-body{font-size:1rem}.status-line{margin-top:1.5rem}.status-label{gap:.7rem;font-size:.68rem}.status-label:before{width:2rem}.content-nav{gap:1.25rem}.nav-button{font-size:.7rem}.art-container{display:none}}@media (max-width: 1024px) and (max-height: 640px){.art-container{display:none}}