
:root{--ink:#0c0c0c;--paper:#f2eee9;--white:#fff;--violet:#a9a6ff;--blue:#4069ff;--coral:#ff725f;--acid:#ddff4c;--line:rgba(12,12,12,.22);--max:1320px;--rail:58px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;line-height:1.35;overflow-x:hidden}a{color:inherit;text-decoration:none}img{display:block}button{font:inherit}.page{margin:0 var(--rail);border-left:1px solid var(--line);border-right:1px solid var(--line);min-height:100vh}.shell{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.rail{position:fixed;top:0;bottom:0;width:var(--rail);z-index:60;display:flex;flex-direction:column;align-items:center;justify-content:space-between;padding:22px 0;background:var(--paper);font-size:10px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.rail-left{left:0;border-right:1px solid var(--line)}.rail-right{right:0;border-left:1px solid var(--line)}.vertical{writing-mode:vertical-rl;transform:rotate(180deg)}.rail-icons{display:grid;gap:18px}.social-icon{width:34px;height:34px;display:grid;place-items:center;color:var(--ink);transition:transform .2s ease,color .2s ease}.social-icon svg{width:30px;height:30px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.social-icon .icon-fill,.social-icon .icon-dot{fill:currentColor;stroke:none}a.social-icon:hover{color:var(--blue);transform:translateY(-2px)}.rail-dot{width:8px;height:8px;border-radius:50%;background:var(--ink)}header{position:relative;z-index:40;background:var(--paper);border-bottom:1px solid var(--line)}.nav{min-height:94px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:30px}.brand-logo{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;width:58px;height:74px}.brand-logo img{width:50px;height:50px;object-fit:contain}.brand-logo small{margin-top:5px;font-size:7px;font-weight:900;letter-spacing:.23em}.nav-links{display:flex;justify-content:center;align-items:center;gap:25px;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.nav-links a{position:relative;padding:8px 0;white-space:nowrap}.nav-links>a:after,.nav-item>a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--ink);transition:.25s}.nav-links a:hover:after{right:0}.nav-item{position:relative}.submenu-arrow{display:inline-block;margin-left:3px;font-size:12px;transition:.2s}.nav-submenu{position:absolute;top:calc(100% + 13px);left:50%;translate:-50% 0;min-width:168px;padding:10px;background:var(--paper);border:1px solid var(--ink);display:grid;gap:2px;opacity:0;visibility:hidden;transform:translateY(-7px);transition:.2s;z-index:90;box-shadow:6px 6px 0 var(--violet)}.nav-submenu:before{content:"";position:absolute;left:0;right:0;top:-15px;height:15px}.nav-submenu a{padding:10px 11px;font-size:10px}.nav-submenu a:hover{background:var(--white)}.has-submenu:hover .nav-submenu,.has-submenu:focus-within .nav-submenu{opacity:1;visibility:visible;transform:none}.has-submenu:hover .submenu-arrow,.has-submenu:focus-within .submenu-arrow{transform:rotate(180deg)}.nav-cta{background:var(--ink);color:#fff;padding:15px 19px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;border:1px solid var(--ink);white-space:nowrap}.nav-cta:hover{background:var(--violet);color:var(--ink)}.menu{display:none;border:1px solid var(--ink);background:none;width:44px;height:44px;font-size:20px}.page-hero{min-height:calc(100vh - 95px);display:grid;align-items:center;padding:80px 0 100px;position:relative;overflow:hidden}.page-kicker{font-size:10px;font-weight:900;letter-spacing:.2em;text-transform:uppercase;margin-bottom:28px}.page-title{margin:0;max-width:1050px;font-size:clamp(70px,11vw,176px);line-height:.78;letter-spacing:-.08em;text-transform:uppercase}.page-title em{font-style:italic;color:var(--blue)}.page-note{max-width:540px;margin:42px 0 0;font-size:17px}.page-mark{position:absolute;right:4vw;bottom:3vw;font-size:clamp(150px,28vw,440px);line-height:.7;font-weight:950;letter-spacing:-.1em;color:rgba(169,166,255,.42);pointer-events:none}.back-link{display:inline-flex;margin-top:34px;background:var(--ink);color:#fff;padding:16px 20px;font-size:10px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.back-link:hover{background:var(--coral);color:var(--ink)}footer{background:var(--ink);color:#fff;padding:52px 0 28px}.footer-row{display:flex;justify-content:space-between;gap:30px;align-items:end}.footer-row a{font-size:11px;text-transform:uppercase;letter-spacing:.12em}.footer-muted{font-size:10px;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.1em}@media(max-width:1000px){:root{--rail:0px}.rail{display:none}.page{margin:0;border:0}.nav{grid-template-columns:1fr auto}.nav-links,.nav-cta{display:none}.menu{display:block}.nav-links.open{display:flex;position:absolute;left:0;right:0;top:94px;background:var(--paper);border-bottom:1px solid var(--ink);padding:24px;flex-direction:column;align-items:flex-start;gap:7px}.nav-links.open .nav-item{width:100%}.nav-links.open .nav-submenu{position:static;translate:0;min-width:0;width:100%;margin:2px 0 3px 12px;padding:2px 0 2px 13px;border:0;border-left:1px solid var(--ink);box-shadow:none;opacity:1;visibility:visible;transform:none;background:transparent}.nav-links.open .nav-submenu:before{display:none}.nav-links.open .nav-submenu a{padding:7px 0}.nav-links.open .submenu-arrow{display:none}}@media(max-width:680px){.shell{width:calc(100% - 28px)}.nav{min-height:76px}.nav-links.open{top:76px}.page-hero{min-height:calc(100vh - 76px);padding:65px 0 80px}.page-title{font-size:clamp(62px,21vw,108px)}.page-note{font-size:15px}.footer-row{display:block}.footer-muted{margin-top:18px}}
