:root{--paper:#10263b;--ink:#e7f1f6;--accent:#83c4ed;--muted:#8ca9bc;--line:#36536a;--art-bg:#16344c;--modal-bg:#15334a}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.8 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}header,main,footer{max-width:1280px;margin:auto}header{padding:30px 45px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:25px;font-weight:700;letter-spacing:2px}.brand small{font-size:9px;letter-spacing:1px;font-weight:400;margin-left:12px}nav{display:flex;gap:28px;font-size:11px}.gate{border:1px solid var(--line);background:transparent;padding:10px 18px;font-size:11px}.gate:hover{border-color:var(--accent)}.hero{position:relative;padding:65px 45px;min-height:520px;overflow:hidden}.eyebrow{font:9px/1.6 ui-monospace,monospace;letter-spacing:2px;color:var(--accent);display:block}h1{font-size:clamp(40px,5vw,68px);line-height:1.3;font-weight:500;letter-spacing:-2px;margin:27px 0}h1 em{font-style:normal;color:var(--accent)}.intro{font-size:13px;color:var(--muted);line-height:2}.primary{background:var(--accent);border:0;color:var(--button-ink,var(--paper));padding:12px 22px;display:inline-flex;gap:40px;align-items:center;margin-top:20px}.section{padding:45px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:25px}.section-head h2{font-size:28px;font-weight:500;margin:8px 0}.section-head>p{font-size:11px;color:var(--muted)}.catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.item{border:1px solid var(--line);background:var(--panel,var(--paper))}.art{height:190px;position:relative;overflow:hidden;background:var(--art-bg)}.item-body{padding:22px}.item small{font:8px/1.5 ui-monospace;letter-spacing:1px;color:var(--muted)}.item h3{font-size:21px;font-weight:500;margin:9px 0}.item p{font-size:11px;color:var(--muted);min-height:40px}.meta{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:13px;margin-top:20px;font:9px/1.6 ui-monospace;color:var(--muted)}.item .gate{border:0;border-top:1px solid var(--line);width:100%;display:flex;justify-content:space-between;padding:13px 0 0;margin-top:13px;font-size:11px}.item .gate span{color:var(--accent)}.note{margin:25px 45px 60px;padding:30px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:30px}.note h2{font-size:25px;font-weight:400;margin:0}.note p{font-size:11px;color:var(--muted);max-width:420px;margin:0}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:30px 45px;font:9px/1.6 ui-monospace;color:var(--muted)}.art i,.sculpture i{position:absolute;display:block}.art-label{position:absolute;left:15px;bottom:12px;font:8px ui-monospace;letter-spacing:2px;z-index:2}.art .n{position:absolute;right:15px;top:12px;font:9px ui-monospace;opacity:.5}.sculpture{position:absolute;right:30px;top:50px;width:440px;height:410px;pointer-events:none}.hero-copy{position:relative;z-index:1;max-width:650px}@media(max-width:850px){header{padding:24px 25px}.hero{padding:45px 25px;min-height:480px}.sculpture{right:-90px;opacity:.6;transform:scale(.85)}.hero-copy{max-width:550px}.section{padding:35px 25px}.catalog{gap:14px}.art{height:150px}.item-body{padding:16px}.item h3{font-size:18px}.item p{min-height:60px;font-size:10px}.meta{font-size:7px}.note{margin:20px 25px 45px;padding:25px 0}footer{padding:25px}}@media(max-width:620px){header{padding:22px}.brand{font-size:22px}.brand small{display:none}nav{gap:17px;font-size:10px}header>.gate{display:none}.hero{padding:35px 22px 40px;min-height:690px}.hero h1{font-size:44px;letter-spacing:-1.5px}.sculpture{top:340px;right:calc(50% - 210px);width:420px;height:330px;transform:scale(.85);opacity:1}.hero-copy{max-width:none}.section{padding:32px 22px}.section-head h2{font-size:25px}.section-head>p{display:none}.catalog{grid-template-columns:1fr;gap:22px}.art{height:220px}.item-body{padding:22px}.item h3{font-size:23px}.item p{min-height:0;font-size:12px}.meta{font-size:9px}.note{margin:10px 22px 40px;display:block}.note p{margin-top:15px}footer{padding:25px 22px;flex-wrap:wrap;gap:15px}.hero .eyebrow{font-size:8px}.intro{font-size:12px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{background-image:linear-gradient(#78b8dc0a 1px,transparent 1px),linear-gradient(90deg,#78b8dc0a 1px,transparent 1px);background-size:32px 32px}.brand{font-family:ui-monospace}.hero{min-height:580px}.hero h1{font-weight:300}.sculpture{top:65px;right:50px;width:370px;height:370px;border:1px solid #79b8db55;transform:rotate(-7deg)}.sculpture:before,.sculpture:after{content:'';position:absolute;border:1px solid #8bc8ea;inset:75px 55px;transform:skewY(-25deg);box-shadow:25px 25px 0 -1px #10263b,25px 25px 0 0 #8bc8ea}.sculpture:after{inset:115px 110px;box-shadow:none;transform:skewY(-25deg) rotate(90deg)}.sculpture i{inset:20px;border:1px dashed #72acd466}.sculpture i:nth-child(2){inset:-15px 180px;border-width:0 1px}.sculpture i:nth-child(3){inset:180px -15px;border-width:1px 0}.art{background-image:linear-gradient(#78b8dc22 1px,transparent 1px),linear-gradient(90deg,#78b8dc22 1px,transparent 1px);background-size:20px 20px}.art:before{content:'';position:absolute;inset:35px 65px;border:1px solid var(--accent);transform:skewY(-20deg);box-shadow:18px 18px 0 -1px #16344c,18px 18px 0 #83c4ed}.catalog{gap:1px;background:var(--line);border:1px solid var(--line)}.item{border:0}.note{border:1px solid var(--line)}@media(max-width:620px){.hero{min-height:760px}.sculpture{top:370px;right:calc(50% - 165px);width:330px;height:330px;transform:scale(.85)}}
#gate-dialog,#access-dialog{--gate-accent:var(--accent,var(--blue,var(--orange,#45654e)));width:min(430px,calc(100% - 36px));max-width:430px;border:1px solid color-mix(in srgb,var(--gate-accent) 30%,transparent);border-radius:25px;padding:0;background:var(--modal-bg,var(--paper,#fbfaf5));color:var(--modal-ink,var(--ink,#22382c));box-shadow:0 35px 100px #0004;overflow:visible;animation:gate-enter .22s ease-out}#gate-dialog::backdrop,#access-dialog::backdrop{background:#10182066;backdrop-filter:blur(7px)}.gate-surface{position:relative;padding:48px 25px 43px;text-align:center;border-radius:25px;background:radial-gradient(ellipse at 50% 0%,color-mix(in srgb,var(--gate-accent) 10%,transparent),transparent 65%)}.gate-close{position:absolute;right:15px;top:14px;width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,currentColor 12%,transparent);background:transparent;color:inherit;opacity:.5;display:grid;place-items:center;font:20px/1 system-ui;cursor:pointer;transition:opacity .15s,background .15s}.gate-close:hover{opacity:1;background:color-mix(in srgb,var(--gate-accent) 10%,transparent)}.gate-emblem{display:grid;place-items:center;width:70px;height:70px;margin:0 auto 24px;border-radius:23px;background:color-mix(in srgb,var(--gate-accent) 10%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--gate-accent) 20%,transparent);color:var(--gate-accent);transform:rotate(-5deg)}.gate-emblem svg{width:29px;height:29px;transform:rotate(5deg)}#gate-dialog .gate-surface h2,#access-dialog .gate-surface h2{font:500 22px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif;letter-spacing:.5px;margin:0;color:inherit}.gate-rule{display:block;width:30px;height:3px;border-radius:5px;margin:25px auto 0;background:var(--gate-accent);opacity:.6}@keyframes gate-enter{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){#gate-dialog,#access-dialog{animation:none}}