:root{--bg:#101110;--text:#f5f3eb;--accent:#d62d8a;--muted:#a5a79e;--line:#30322c;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);font-synthesis:none;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid var(--accent);outline-offset:7px}::selection{background:var(--accent);color:var(--bg)}.wrap{width:min(1320px,calc(100% - 112px));margin-inline:auto}.header{height:125px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-size:29px;line-height:.85;font-weight:800;letter-spacing:-1.5px;position:relative;padding-right:35px;display:inline-block}.wordmark span{display:block}.wordmark i{position:absolute;top:-5px;right:0;color:var(--accent);font-size:32px;font-style:normal;font-weight:400}.header nav{display:flex;gap:42px;font-size:14px}.header nav a{padding:10px 0}.header nav a:hover,.hero-bottom a:hover{color:var(--accent)}nav span{margin-left:9px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;position:relative;padding-top:62px;gap:0 10px}.eyebrow{text-transform:uppercase;letter-spacing:1.7px;font-size:10px;font-weight:600;line-height:1.8;margin:0 0 31px}.dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;margin-right:10px;vertical-align:middle}h1{font-size:clamp(58px,6.9vw,101px);letter-spacing:-6px;line-height:1.01;font-weight:600;margin:0 0 30px}h1 span{color:var(--text)}.intro{font-size:16px;line-height:1.75;color:var(--muted);max-width:410px;margin:0 0 34px}.button{display:inline-flex;align-items:center;gap:46px;background:var(--text);color:var(--bg);padding:19px 23px;border-radius:3px;font-size:13px;font-weight:700;transition:background .2s,transform .2s}.button span{font-size:21px;font-weight:400}.button:hover{background:var(--accent);transform:translateY(-3px)}.orbital{min-width:0;position:relative}.orbital svg{width:112%;margin-left:-5%;display:block}.art-caption{display:block;text-align:center;font-family:monospace;color:#878b7e;font-size:9px;letter-spacing:1px;margin-top:-12px}.orbit-body{transform-origin:center;animation:float 9s ease-in-out infinite}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.5px;border-bottom:1px solid var(--line);padding:56px 0 24px}.hero-bottom a span{font-size:17px;margin-left:20px}.world{padding-top:81px;padding-bottom:88px}.section-intro{display:grid;grid-template-columns:1fr 2fr;gap:30px}.section-intro>.eyebrow{color:var(--muted);padding-top:11px}.section-intro>div{display:grid;grid-template-columns:1.2fr 1fr;gap:38px;align-items:center}h2{font-size:clamp(34px,3.5vw,49px);font-weight:500;line-height:1.08;letter-spacing:-2.1px;margin:0}h2 span{color:var(--accent)}.section-intro>div>p{font-size:14px;color:var(--muted);line-height:1.8;margin:0}.release{margin-top:44px;background:#21171d;border:1px solid #49303e;border-radius:6px;display:grid;grid-template-columns:1fr 1fr;min-height:350px;overflow:hidden}.release-copy{padding:40px 46px}.status{font-size:9px;text-transform:uppercase;letter-spacing:1.5px;border:1px solid #68334f;display:inline-block;padding:8px 10px;margin:0 0 24px;border-radius:3px;color:var(--accent)}.status .dot{width:5px;height:5px;margin-right:6px}h3{font-size:40px;font-weight:500;letter-spacing:-1.6px;line-height:1.08;margin:0 0 16px}.release-copy>p:not(.status){font-size:13px;line-height:1.7;color:var(--muted);margin:0}.loading{display:flex;gap:4px;margin-top:27px}.loading span{width:15px;height:5px;background:#543044}.loading span:nth-child(-n+5){background:var(--accent)}.release-art{position:relative;min-height:350px;background:radial-gradient(ellipse at center,#51223c 0,transparent 66%)}.tile{width:178px;height:178px;border-radius:30px;position:absolute;left:50%;top:50%}.tile-back{border:1px solid #9c6081;background:#35232e;transform:translate(-28%,-61%) rotate(24deg)}.tile-front{background:var(--accent);transform:translate(-65%,-42%) rotate(-15deg);box-shadow:0 20px 45px #0004;display:grid;place-items:center}.tile-front svg{width:73%;height:73%}.spark{position:absolute;left:76%;top:65%;color:var(--accent);font-size:42px}.tiny-orbit{width:21px;height:21px;border:1px solid #b88fa5;border-radius:50%;position:absolute;left:22%;top:24%}.footer{border-top:1px solid var(--line);padding-top:45px;display:grid;grid-template-columns:1fr auto;gap:45px}.footer-mark{font-size:25px}.footer-mark i{font-size:28px}.footer p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8}.footer #contact .eyebrow{margin:0 0 14px;color:var(--text)}.legal{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 26px;font-size:10px;color:#909388}.legal>span:last-child{letter-spacing:.4px}.legal>span:last-child span{margin-left:20px;color:var(--accent)}.skip-link{position:absolute;left:20px;top:-100px;z-index:2;padding:15px;background:var(--accent);color:var(--bg)}.skip-link:focus{top:15px}@keyframes float{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-9px) rotate(2deg)}}@media(min-width:1500px){.hero{padding-top:75px}h1{font-size:108px}}@media(max-width:1000px){.wrap{width:calc(100% - 64px)}h1{letter-spacing:-4px}.eyebrow{font-size:9px;letter-spacing:1px}.section-intro{grid-template-columns:1fr 3fr}.section-intro>div{gap:24px}.release-copy{padding:32px}.orbital svg{width:105%;margin-left:0}.intro{font-size:14px}}@media(max-width:700px){.wrap{width:calc(100% - 40px)}.header{height:98px}.wordmark{font-size:25px}.header nav{gap:22px;font-size:12px}.hero{grid-template-columns:1fr;padding-top:43px}.eyebrow{margin-bottom:24px;font-size:8px}h1{font-size:clamp(46px,11vw,76px);letter-spacing:-3.5px}.intro{max-width:420px;font-size:15px}.button{padding:16px 20px}.orbital{max-width:440px;width:100%;justify-self:center;margin-top:20px}.orbital svg{width:100%}.art-caption{font-size:8px}.hero-bottom{padding-top:35px;font-size:9px}.world{padding-top:45px;padding-bottom:48px}.section-intro{display:block}.section-intro>div{display:block}h2{font-size:41px;margin-bottom:22px}.section-intro>div>p{max-width:450px}.release{grid-template-columns:1fr;margin-top:30px}.release-copy{padding:30px 26px 0}h3{font-size:36px}.release-art{min-height:280px}.tile{width:150px;height:150px;border-radius:25px}.footer{grid-template-columns:1fr;gap:25px;padding-top:32px}.legal{gap:18px;flex-wrap:wrap;line-height:1.6}.footer #contact .eyebrow{font-size:10px;margin-bottom:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Official logo: crop transparent padding in CSS, preserving the supplied artwork. */
.wordmark{padding:0;letter-spacing:normal}.wordmark .logo-crop{display:block;position:relative;width:180px;height:54px;overflow:hidden}.logo-crop img{position:absolute;width:278px;max-width:none;height:auto;left:-49px;top:-14px;filter:brightness(0) invert(96%) sepia(9%) saturate(228%) hue-rotate(8deg) brightness(100%)}.status{color:var(--text)}.button{color:#080808}.footer-mark .logo-crop{width:160px;height:48px}.footer-mark .logo-crop img{width:247px;left:-44px;top:-12px}@media(max-width:700px){.header .logo-crop{width:125px;height:38px}.header .logo-crop img{width:193px;left:-34px;top:-10px}.header nav{gap:18px}}

@media(max-width:360px){.header .logo-crop{width:110px;height:34px}.header .logo-crop img{width:170px;left:-30px;top:-9px}.header nav{font-size:11px;gap:14px}}
.button{color:#000}.header nav a:hover,.hero-bottom a:hover{color:var(--text);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:6px}

/* Owner-supplied city artwork. Keep both characters in frame at every size. */
.header,.footer,.legal,.hero-bottom{border:0}
.hero{display:grid;grid-template-columns:1fr;isolation:isolate;padding:0;min-height:min(760px,54vw);align-content:center}
.hero-copy{position:relative;z-index:1;padding-block:65px 85px;pointer-events:none}
.hero-copy a{pointer-events:auto}
h1{font-size:clamp(58px,6.6vw,96px);letter-spacing:-5px}
.hero .intro{color:#d0cec9;max-width:390px}
.character-scene{position:absolute;inset:0;z-index:-1;overflow:hidden}
.character-scene img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}
.character-scene::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10111080,transparent 65%),linear-gradient(0deg,#101110,transparent 16%),linear-gradient(180deg,#101110 0%,#101110 2%,#101110b3 7%,#10111040 14%,transparent 24%)}
.hero-bottom{position:absolute;bottom:0;left:0;right:0;padding:20px 0;color:#c1c1b8}
.contact-link{font-size:14px;display:inline-block;padding:4px 0 10px;border-bottom:1px solid #68334f}.contact-link span{color:var(--accent);margin-left:15px}.contact-link:hover{border-color:var(--accent)}
@media(min-width:1500px){h1{font-size:101px}}
@media(max-width:1100px){
 .hero{min-height:590px}
 h1{font-size:64px;letter-spacing:-3.6px}
 .hero .intro{max-width:330px}
 .character-scene img{object-position:60% center}
 .character-scene::after{background:linear-gradient(90deg,#101110dd,transparent 75%),linear-gradient(0deg,#101110,transparent 18%),linear-gradient(180deg,#101110 0%,#101110 2%,#101110b3 7%,#10111040 14%,transparent 24%)}
}
@media(max-width:800px){
 .hero{min-height:0;display:flex;flex-direction:column;align-items:stretch}
 .hero-copy{padding-block:32px 22px}
 h1{font-size:clamp(46px,11vw,76px);letter-spacing:-3.5px}
 .hero .intro{max-width:440px;font-size:15px}
 .character-scene{position:relative;inset:auto;z-index:0;width:100%;aspect-ratio:1.15;margin:0}
 .character-scene img{object-position:85% center}
 .character-scene::after{background:linear-gradient(180deg,#101110,transparent 12%,transparent 88%,#101110)}
 .hero-bottom{position:static;padding:18px 0 10px}
}

/* Preserve the complete composition on wide and ultrawide displays. */
@media(min-width:1520px){
 .hero{min-height:clamp(760px,50vw,900px)}
 .character-scene{max-width:1800px;margin-inline:auto;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
}

/* A more expressive Our World section, with a quiet editorial introduction. */
.world{padding-top:100px;padding-bottom:100px}
.section-intro{grid-template-columns:1fr 3fr}
.section-intro>div{grid-template-columns:1.2fr 1fr;gap:60px}
.section-intro h2{font-size:clamp(42px,4vw,58px);letter-spacing:-2.5px}
.release{position:relative;margin-top:54px;min-height:440px;border:0;border-radius:20px;background:#1b171c;grid-template-columns:1fr 1.1fr}
.release-copy{position:relative;z-index:1;padding:56px}
.release h3{font-size:clamp(40px,4.2vw,60px);letter-spacing:-2.5px}
.release-copy>p:not(.status){font-size:15px}
.status{border:0;padding:0;background:transparent;font-size:10px;letter-spacing:2px;margin-bottom:38px}
.status .dot{box-shadow:0 0 18px #d62d8a80}
.release-art{min-height:440px;background:radial-gradient(ellipse at 55% 50%,#d62d8a36,transparent 68%)}
.release-art::before,.release-art::after{content:"";position:absolute;left:50%;top:50%;width:400px;height:225px;border:1px solid #d8a7c345;border-radius:50%;transform:translate(-50%,-50%) rotate(-32deg)}
.release-art::after{width:330px;height:330px;transform:translate(-50%,-50%) rotate(28deg);border-color:#d8a7c320}
.tile{width:220px;height:220px;border-radius:42px;z-index:1}
.tile-back{background:#583044;border-color:#a96186;transform:translate(-25%,-60%) rotate(20deg)}
.tile-front{background:linear-gradient(135deg,#ef67b1,#d62d8a 65%,#982760);box-shadow:0 30px 65px #0005,inset 0 1px 0 #ffffff55}
.tile-front svg{width:65%;height:65%;filter:drop-shadow(0 2px 0 #ffffff30)}
.spark{left:82%;top:69%;font-size:48px;z-index:2;color:var(--text)}
.tiny-orbit{left:17%;top:24%;width:14px;height:14px;background:var(--text);border:0;box-shadow:0 0 25px #f5f3eb30}
.loading{gap:5px;margin-top:35px}.loading span{width:19px;height:4px;border-radius:3px}
@media(max-width:1000px){.section-intro>div{gap:30px}.release-copy{padding:40px}.tile{width:175px;height:175px}.release-art::before{width:320px;height:180px}.release-art::after{width:260px;height:260px}}
@media(max-width:700px){.world{padding-top:55px;padding-bottom:55px}.section-intro h2{font-size:42px}.release{margin-top:32px;border-radius:16px;grid-template-columns:1fr}.release-copy{padding:32px 26px 0}.release h3{font-size:40px;letter-spacing:-1.8px}.status{margin-bottom:26px}.release-art{min-height:320px}.tile{width:175px;height:175px}.spark{left:80%;font-size:34px}.release-art::before{width:290px}.loading span{width:14px}}