:root{color-scheme:dark;font-family:system-ui,-apple-system,Segoe UI,sans-serif;--ink:#eaf5ff;--muted:#a7bdd3;--bg:#070c1a;--line:#6c8cab52}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;color:var(--ink);background:radial-gradient(ellipse 65% 46% at 50% -10%,#48558a75,transparent),radial-gradient(ellipse 40% 60% at 10% 90%,#331d6652,transparent),var(--bg);line-height:1.5}a{color:inherit}a:focus-visible{outline:3px solid #b2e5ff;outline-offset:5px}.skip{position:absolute;top:-120px;left:20px;padding:12px;background:#c5efff;color:#07111c;z-index:10}.skip:focus{top:10px}
.stars{pointer-events:none;position:fixed;inset:0;opacity:.45;background-image:radial-gradient(1px 1px at 6% 16%,#fff 99%,transparent),radial-gradient(1px 1px at 75% 37%,#daebff 99%,transparent),radial-gradient(2px 2px at 63% 71%,#b6d5ff 99%,transparent);background-size:291px 275px,360px 301px,439px 365px}
header,main,footer{position:relative;z-index:1;max-width:1240px;margin:auto}header{padding:25px clamp(18px,4vw,44px);border-bottom:1px solid #8ab3da2c;display:flex;justify-content:space-between;align-items:center;gap:18px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:10px;line-height:1.45;letter-spacing:.18em}.phi{font:normal 44px Georgia,serif;color:#b7e9ff;text-shadow:0 0 24px #72aef8}.brand b{font-weight:700}nav{display:flex;align-items:center;gap:20px;font-size:12px}nav a{text-decoration:none;color:#ceecff}nav a:hover,footer a:hover{text-decoration:underline}nav span{padding:7px 12px;border:1px solid #567fa9;border-radius:20px;background:#1834578a}
main{padding:60px clamp(18px,4vw,44px) 55px}.intro{text-align:center;margin:auto auto 49px;max-width:750px}.eyebrow{color:#a5c8e8;font-size:11px;font-weight:700;letter-spacing:.19em}.intro h1{font-size:clamp(45px,8vw,91px);letter-spacing:-.065em;line-height:1.04;margin:20px 0 25px;font-weight:650}.intro h1 em{font-style:normal;color:#b1e3ff;text-shadow:0 0 38px #788fff80}.intro h1 span{color:#bda4fa}.lead{font-size:clamp(18px,2.4vw,22px);margin:0 0 13px}.sublead{font-size:14px;margin:0;color:var(--muted)}
.house-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.house{--tone:#9ddfff;--glow:#244f94;min-width:0;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:linear-gradient(150deg,#1b2a44ee,#0a1427);box-shadow:0 12px 38px #0105116b;transition:transform .18s,border-color .18s}.house:hover{transform:translateY(-4px);border-color:var(--tone)}.house.chips{--tone:#ffcae7;--glow:#914c88}.house.xi{--tone:#9fe7ff;--glow:#2769a6}.house.omega{--tone:#d2bcff;--glow:#6b51ac}.house.ware{--tone:#ffddaa;--glow:#9a7030}.house.quill{--tone:#b7f5dd;--glow:#387466}.house.qef{--tone:#e7cbff;--glow:#74549c}
.art{height:184px;display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at 50% 80%,var(--glow),transparent 73%),radial-gradient(circle at 50% 24%,#2c4261,#071225 73%);overflow:hidden}.art:before,.art:after,.orbits{content:'';position:absolute;border:1px solid var(--tone);border-radius:50%;opacity:.32}.art:before{width:225px;height:225px;transform:scaleX(.7) rotate(28deg)}.art:after{width:265px;height:100px;transform:rotate(-28deg)}.orbits{width:270px;height:90px;transform:rotate(37deg)}.art>span{font-family:Georgia,serif;font-size:84px;color:var(--tone);text-shadow:0 0 32px var(--tone);line-height:1}
.details{padding:23px 24px 25px}.num{margin:0;font-size:10px;letter-spacing:.17em;color:var(--tone)}.house h2{font-size:clamp(23px,2.7vw,30px);letter-spacing:-.03em;line-height:1.2;margin:10px 0 5px;overflow-wrap:anywhere}.owner{font-size:13px;color:#caddf1;margin:0}.pending{border-top:1px solid #ffffff20;padding-top:15px;margin:21px 0 0;display:flex;align-items:center;gap:8px;color:#9db5cf;font-size:11px}.pending span{font-size:18px;color:var(--tone)}
.note{text-align:center;margin:38px auto 0;max-width:850px;color:var(--muted);font-size:12px;line-height:1.8}footer{padding:25px clamp(18px,4vw,44px) 35px;border-top:1px solid #ffffff23;display:flex;justify-content:space-between;align-items:center;gap:16px;color:#99aec7;font-size:11px}footer span:first-child{letter-spacing:.12em}footer a{text-decoration:none;color:#c6e5ff}
@media(max-width:950px){.house-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{flex-wrap:wrap}}@media(max-width:540px){main{padding-top:40px}.house-grid{grid-template-columns:1fr}.art{height:170px}.intro{margin-bottom:35px}nav span{display:none}footer{display:grid;gap:9px}.brand{font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.house{transition:none}.house:hover{transform:none}}


/* Creator-approved external doors; keep pending Houses visually distinct. */
.house-link{display:inline-flex;align-items:center;gap:9px;margin-top:21px;padding:11px 15px;min-height:44px;border:1px solid var(--tone);border-radius:9px;color:var(--ink);background:linear-gradient(110deg,#173652bb,#1d2e4ab8);font-size:12px;font-weight:650;letter-spacing:.025em;text-decoration:none;transition:background .16s,transform .16s,box-shadow .16s}
.house-link span{font-size:18px;line-height:1;color:var(--tone)}
.house-link:hover{background:#2b4468;transform:translateY(-2px);box-shadow:0 0 22px color-mix(in srgb,var(--tone) 22%,transparent)}
.house-link:focus-visible{outline:3px solid var(--tone);outline-offset:4px}
@media(prefers-reduced-motion:reduce){.house-link{transition:none}.house-link:hover{transform:none}}