@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#090807;--text:#faf9f6;--muted:#aaa69e;--accent:#facc5e;font-family:'DM Sans',Arial,sans-serif;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text)}a{color:inherit} .page{min-height:100svh;max-width:2000px;margin:auto;display:flex;flex-direction:column;padding:0 4.5vw;overflow:hidden}.header{height:120px;display:flex;align-items:center;justify-content:space-between;gap:28px;z-index:2}.wordmark{display:flex;align-items:center;gap:12px;font-size:24px;font-weight:650;letter-spacing:-1px;text-decoration:none}.wordmark svg{width:27px;height:27px;fill:none;stroke:var(--accent);stroke-width:2.8}.registered{font-size:11px;align-self:flex-start;margin:4px 0 0 -7px;letter-spacing:0}.header-note{font-size:13px;line-height:1.5;color:var(--muted);margin-left:auto;margin-right:10vw}.status{border:1px solid #49402c;border-radius:30px;padding:11px 16px;display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:.01em;white-space:nowrap}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #facc5e40}.hero{position:relative;flex:1;display:flex;align-items:center;min-height:590px;isolation:isolate}.artwork{position:absolute;z-index:-2;inset:-40px -7vw -10px 15%;overflow:hidden}.artwork img{width:100%;height:100%;object-fit:cover;object-position:center;animation:arrive 1.8s ease-out both}.artwork-shade{position:absolute;inset:0;background:linear-gradient(90deg,var(--bg),transparent 28%),linear-gradient(0deg,var(--bg),transparent 20%,transparent 80%,var(--bg));pointer-events:none}.hero-content{position:relative;padding:45px 0 90px;width:70%}.eyebrow{display:flex;align-items:center;gap:12px;font-size:11px;letter-spacing:.16em;font-weight:500;margin-bottom:36px;color:#c5bda9}.short-line{width:24px;height:1px;background:var(--accent)}h1{font-size:clamp(66px,7.7vw,118px);font-weight:450;letter-spacing:-.075em;line-height:1.01;margin:0;max-width:850px}h1 span{color:var(--accent)}.intro{font-size:16px;line-height:1.8;color:var(--muted);margin:30px 0 0;letter-spacing:-.015em}.coming{display:flex;gap:15px;align-items:center;margin-top:48px;font-size:12px;line-height:1.65;color:var(--muted)}.coming strong{font-weight:400;color:#ded8ca}.asterisk{font-size:40px;line-height:1;color:var(--accent);font-weight:400}.edge-label{position:absolute;right:-2.2vw;top:39%;writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;color:#9b8c72}.footer{border-top:1px solid #332d20;display:flex;align-items:center;justify-content:space-between;min-height:78px;font-size:10px;letter-spacing:.09em;color:#a29885;gap:15px}.footer-center{margin-left:45px;letter-spacing:.22em}.footer-right{display:flex;align-items:center;gap:20px;font-size:12px;letter-spacing:0;color:#d7cfbe}.footer-right svg{width:17px;height:17px;fill:none;stroke:var(--accent);stroke-width:1.2}.wordmark:focus-visible{outline:2px solid var(--accent);outline-offset:8px;border-radius:3px}@keyframes arrive{from{opacity:0;transform:scale(1.035)}to{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.hero{min-height:660px}.hero-content{padding-bottom:120px}}
@media(max-width:900px){.header-note{display:none}.hero-content{width:85%}h1{font-size:clamp(62px,9.5vw,88px)}.artwork{left:7%;right:-28vw;opacity:.85}.hero{min-height:630px}.edge-label{display:none}}
@media(max-width:600px){.page{padding:0 24px}.header{height:92px;gap:10px}.wordmark{font-size:20px;gap:8px}.wordmark svg{width:23px}.status{font-size:10px;padding:9px 11px;gap:7px}.hero{align-items:flex-start;min-height:670px}.hero-content{width:100%;padding:46px 0 270px}.eyebrow{font-size:9px;letter-spacing:.12em;margin-bottom:26px;gap:9px}.short-line{width:18px}h1{font-size:clamp(53px,12.7vw,76px);letter-spacing:-.065em}.intro{font-size:14px;line-height:1.75;margin-top:23px}.coming{margin-top:30px;font-size:11px;gap:10px}.asterisk{font-size:32px}.artwork{inset:225px -140px -20px -145px;opacity:1}.artwork-shade{background:linear-gradient(180deg,var(--bg),transparent 36%,transparent 70%,var(--bg)),linear-gradient(90deg,#09080780,transparent 50%)}.footer{min-height:68px;font-size:9px}.footer-center{display:none}.footer-right{font-size:11px;gap:12px}}
@media(prefers-reduced-motion:reduce){.artwork img{animation:none}}

/* wqya.ai brand: supplied white/gold vector logo and its exact gold palette. */
.wordmark{display:block;line-height:0;flex-shrink:0}.wordmark img{display:block;width:144px;height:auto}.coming-mark{width:38px;height:auto;flex-shrink:0}h1 span{background:linear-gradient(125deg,#facc5e 15%,#d5a635 75%,#aa7c0d);background-clip:text;-webkit-background-clip:text;color:transparent}.artwork{inset:0 -5vw 0 25%}.artwork img{object-fit:contain}.artwork-shade{background:linear-gradient(90deg,var(--bg),transparent 30%),linear-gradient(0deg,var(--bg),transparent 18%,transparent 84%,var(--bg))}.hero{min-height:530px}.header{flex-shrink:0}.footer{flex-shrink:0}
@media(min-width:1500px){.hero{min-height:590px}}
@media(max-width:900px) and (min-width:601px){.artwork{inset:25px -16vw 0 24%;opacity:.8}.hero{min-height:560px}}
@media(max-width:600px){.wordmark img{width:110px}.hero{min-height:calc(100svh - 160px)}.hero-content{padding:24px 0 245px}.artwork{inset:auto -40px 5px -50px;height:300px;opacity:1}.artwork img{object-fit:contain}.artwork-shade{background:linear-gradient(180deg,var(--bg),transparent 27%,transparent 80%,var(--bg))}.coming{margin-top:24px}.coming-mark{width:32px}.header{height:92px}.intro{font-size:14px}.eyebrow{margin-bottom:24px}.footer{min-height:68px}}
.artwork{mix-blend-mode:lighten}.artwork img{mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
/* Live, locally rendered 3D brand sculpture. */
.artwork.live-art{inset:0 -3vw 0 40%;mix-blend-mode:normal;overflow:visible;opacity:1;pointer-events:none}.live-art canvas{display:block;width:100%;height:100%;min-height:300px}.hero-content{pointer-events:none}.hero-content a{pointer-events:auto}
@media(max-width:900px) and (min-width:601px){.artwork.live-art{inset:0 -9vw 0 42%}}
@media(max-width:600px){.artwork.live-art{inset:auto -25px 43px -25px;height:255px}.live-art canvas{min-height:0}.hero-content{padding-bottom:295px}}