:root{color-scheme:dark;--bg:#08090a;--text:#e5e5e5;--muted:#979b9e;--line:#292b2e;--accent:#bbd6d0;font-family:Arial,Helvetica,sans-serif;font-synthesis:none}
*{box-sizing:border-box}
html{background:var(--bg)}
body{margin:0;color:var(--text);font-size:1rem;line-height:1.6}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:2px solid var(--accent);outline-offset:6px;border-radius:2px}
::selection{background:#bbd6d0;color:#08090a}
h1,p{margin:0}
img{display:block;object-fit:contain}
.canvas{min-height:100svh;display:grid;place-items:center;padding:88px 28px 120px}
.identity h1{font-weight:500;line-height:1.3;letter-spacing:-.035em}
.identity p{color:var(--muted);margin-top:8px}
.links{display:flex}
.destination{min-height:48px;display:flex;align-items:center;gap:14px;color:#b8bbbd}
.destination:hover{color:#fff}
.destination img{width:19px;height:19px}
.arrow{font-family:Arial,Helvetica,sans-serif;font-size:1.05rem;color:var(--muted)}
.location{font-size:.875rem;color:var(--muted)}
.column{width:min(100%,320px);font-family:'SFMono-Regular',Consolas,'Liberation Mono',monospace}
.column .identity h1{font-size:1.5rem;letter-spacing:-.045em}
.column .identity p{font-size:.875rem}
.column .links{flex-direction:column;gap:8px;margin-top:58px}
.column .arrow{margin-left:auto}
.column .location{border-top:1px solid var(--line);margin-top:48px;padding-top:22px}
.center{width:min(100%,520px);text-align:center}
.center .identity h1{font-size:2.25rem;letter-spacing:-.055em}
.center .identity p{font-size:1rem;margin-top:12px}
.center .links{justify-content:center;gap:28px;margin-top:36px;flex-wrap:wrap}
.center .destination{gap:9px;font-size:.9375rem}
.center .arrow{display:none}
.center .location{margin-top:56px;font-size:.875rem}
.split{width:min(100%,700px);display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split .identity h1{font-size:2rem}
.split .identity p{max-width:180px;line-height:1.65;margin-top:14px}
.split .links{flex-direction:column;border-left:1px solid var(--line);padding-left:40px;gap:8px}
.split .destination{min-height:54px;gap:12px}
.split .arrow{margin-left:auto}
.split .location{grid-column:1/-1;margin-top:0;font-size:.875rem}
.review-nav{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:6px;align-items:center;padding:6px;background:#111315;border:1px solid #32363a;border-radius:10px;font-size:.8125rem;white-space:nowrap}
.review-nav a{padding:10px 12px;border-radius:5px;min-height:44px;display:flex;align-items:center;color:#aaafb3}
.review-nav a:hover,.review-nav a[aria-current=page]{background:#25282b;color:#fff}
.review-nav .all{border-right:1px solid #32363a;border-radius:0;margin-right:2px}
.gallery{max-width:1280px;margin:auto;padding:72px 36px}
.gallery-head{display:flex;justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:50px}
.gallery-head h1{font-size:1.375rem;font-weight:500;letter-spacing:-.03em}
.gallery-head p{color:var(--muted);font-size:.875rem}
.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.option{min-width:0}
.preview{height:370px;border:1px solid var(--line);display:grid;place-items:center;padding:28px;background:#0a0b0c}
.preview:hover{border-color:#5e666b}
.mini{pointer-events:none;width:100%;font-size:.7rem}
.mini .mini-name{font-size:.9375rem;font-weight:500;color:var(--text)}
.mini p{color:var(--muted);font-size:.625rem;margin-top:5px}
.mini-links{display:flex;gap:15px;color:#b8bbbd;margin-top:24px}
.mini-links span{display:flex;align-items:center;gap:7px}
.mini-links img{width:12px;height:12px}
.mini-column{max-width:158px;font-family:Consolas,monospace}
.mini-column .mini-links{flex-direction:column;gap:18px;margin-top:30px}
.mini-column .mini-foot{border-top:1px solid var(--line);padding-top:12px;margin-top:25px}
.mini-center{text-align:center}
.mini-center .mini-name{font-size:1.25rem}
.mini-center .mini-links{justify-content:center;gap:13px;flex-wrap:wrap}
.mini-center .mini-foot{margin-top:30px}
.mini-split{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.mini-split .mini-name{font-size:1.0625rem}
.mini-split .mini-links{margin-top:0;padding-left:16px;border-left:1px solid var(--line);flex-direction:column;gap:18px}
.mini-split .mini-foot{grid-column:1/-1;margin-top:8px}
.option-caption{display:flex;justify-content:space-between;align-items:baseline;margin:20px 0 8px;gap:10px}
.option-caption h2{font-size:1rem;font-weight:400;margin:0}
.option-caption span{color:var(--muted);font-family:Consolas,monospace;font-size:.8125rem;margin-right:9px}
.option-caption a{color:#bec4c8;font-size:.875rem;min-height:44px;display:flex;align-items:center}
.option>p{font-size:.875rem;color:var(--muted);line-height:1.6}
.gallery-foot{margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:var(--muted);font-size:.875rem;max-width:670px}
.gallery-foot a{text-decoration:underline;text-underline-offset:3px}
.error{max-width:360px}
.error p{color:var(--muted);margin:16px 0 24px}
.error a{text-decoration:underline;text-underline-offset:5px;display:inline-block;min-height:44px}
@media(min-width:1000px){.column{transform:translateY(-18px)}.center{transform:translateY(-12px)}}
@media(max-width:850px){.options{grid-template-columns:1fr}.gallery{max-width:560px;padding:36px 24px}.gallery-head{display:block;margin-bottom:30px}.gallery-head p{margin-top:8px}.options{gap:36px}.preview{height:320px}}
@media(max-width:560px){.canvas{padding:64px 28px 110px}.split{grid-template-columns:1fr;gap:32px;max-width:320px}.split .identity p{max-width:none}.split .links{border-left:0;border-top:1px solid var(--line);padding:22px 0 0}.split .location{margin-top:8px}.center .links{gap:12px 22px}.center .identity h1{font-size:2rem}.review-nav{gap:2px;bottom:14px}.review-nav a{padding:10px}.column .links{margin-top:44px}}
@media(max-height:520px){.canvas{place-items:start center}.review-nav{position:static;transform:none;width:max-content;max-width:100%;margin:0 auto 16px}.column,.center{transform:none}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}