:root{color-scheme:dark;--bg:#09090b;--panel:#121216;--gold:#c8a76c;--silver:#e4e3e0;--muted:#aaa6a0;--line:#4b3d29}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 50% 15%,#29231b 0%,#111114 43%,var(--bg) 80%);color:var(--silver);font-family:Arial,Helvetica,sans-serif;min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:10;background:#111;padding:1rem}.site-header{width:100%;padding:1.2rem clamp(1rem,4vw,4rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #ffffff14;background:#08080bd9}.brand{display:flex;align-items:center;gap:.85rem;font-size:1rem;letter-spacing:.17em;font-weight:700;white-space:nowrap}.brand small{display:block;color:var(--gold);font-size:.53rem;letter-spacing:.29em;margin-top:.35rem}.monogram{font-family:Georgia,serif;font-size:2.2rem;color:var(--gold);letter-spacing:-.12em;padding-right:.25rem}nav{display:flex;gap:clamp(.8rem,2vw,2rem);align-items:center}nav a{font-size:.73rem;letter-spacing:.16em;text-transform:uppercase;color:#c6c3be;padding:.6rem 0}nav a:hover,nav a[aria-current=page]{color:var(--gold)}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:var(--silver);padding:.6rem .85rem;cursor:pointer}main{flex:1}.page-intro{max-width:1000px;margin:auto;padding:clamp(5rem,12vh,10rem) 1.5rem;text-align:center}.eyebrow{font-size:.7rem;letter-spacing:.35em;color:var(--gold)}h1{font-family:Georgia,serif;font-size:clamp(3rem,8vw,7rem);font-weight:400;letter-spacing:.07em;margin:1.3rem 0;text-shadow:0 8px 40px #000}p{color:var(--muted);line-height:1.7}.explore{display:inline-block;border:1px solid var(--gold);padding:.9rem 1.5rem;margin-top:1.5rem;color:var(--gold);font-size:.8rem;letter-spacing:.1em}.explore:hover{background:#c8a76c18}.gallery-placeholder,.order-note{max-width:950px;margin:0 auto 5rem;padding:3rem 1.5rem;text-align:center;border-top:1px solid var(--line)}.order-note h2{font-family:Georgia,serif;font-weight:400}footer{border-top:1px solid #ffffff14;padding:1.4rem clamp(1rem,4vw,4rem);display:flex;justify-content:space-between;gap:1rem;color:#8c8985;font-size:.68rem;letter-spacing:.15em;text-transform:uppercase}footer span{color:var(--gold)}@media(max-width:750px){.site-header{flex-wrap:wrap}.menu-toggle{display:block;margin-left:auto}nav{display:none;flex-direction:column;align-items:stretch;flex-basis:100%;gap:0}nav.open{display:flex}nav a{padding:.85rem 0;border-top:1px solid #ffffff12}.brand{font-size:.85rem}.page-intro{padding:6rem 1rem}footer{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Homepage cinematic treatment. Approved final hero artwork must replace the existing repository banner before visual sign-off. */
.homepage{background:#070709}.homepage .site-header{position:relative;z-index:3;border-bottom:1px solid #c7a36b33;background:linear-gradient(90deg,#09090cf5,#171311ed,#09090cf5)}.homepage .home{display:flex;flex-direction:column}.home-hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:clamp(560px,calc(100svh - 145px),1100px);overflow:hidden;background:#09090c}.home-hero-art{position:absolute;inset:0;z-index:-3;background-image:url('assets/banners/ST4TIC_LABS_homepage_banner.png');background-size:cover;background-position:center center;background-repeat:no-repeat}.home-hero-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#07070b75 0%,#05050617 23%,#0505064d 50%,#05050617 77%,#07070b75 100%),linear-gradient(0deg,#050506d9 0%,transparent 29%,transparent 73%,#07070980 100%)}.home-hero-content{position:relative;max-width:1100px;padding:5rem 1.5rem;text-align:center;text-shadow:0 4px 28px #000,0 2px 9px #000}.home-hero-content h1{font-size:clamp(3rem,8vw,8rem);line-height:1.04;margin:1.2rem 0 .65rem;font-family:Georgia,serif;letter-spacing:.07em;color:#e8e5df}.home-hero-content p{font-family:Georgia,serif;color:#d5b780;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.8rem,1.5vw,1.3rem)}.home-hero-content .eyebrow{color:#e0c48e;font-size:.68rem}.home-hero-content .explore{background:#080809c7;border-color:#c8a76c;color:#ecd6a9}.home-hero-content .explore:hover{background:#312719}.homepage footer{background:#08080b}@media(max-width:750px){.home-hero{min-height:calc(100svh - 150px)}.home-hero-art{background-position:center}.home-hero-shade{background:linear-gradient(0deg,#060608d9,transparent 35%,#06060899),linear-gradient(90deg,#06060888,transparent 50%,#06060888)}.home-hero-content{padding:3rem 1rem}.home-hero-content h1{font-size:clamp(2.5rem,11vw,4.5rem)}}

/* Approved homepage artwork: display intact without duplicate overlay copy. */
.home-hero{min-height:0;display:block;aspect-ratio: 1648 / 928;background:#050506}.home-hero-art{inset:0;background-image:url('assets/banners/Golden Cityscape Digital Creations.png');background-size:contain;background-position:center;background-repeat:no-repeat}.home-hero-shade{display:none}.home-hero-content{display:none}@media(max-width:750px){.home-hero{min-height:0;aspect-ratio:1648 / 928}.home-hero-art{background-position:center}}