:root{--silver:#f9eefd;--gold:#f1dba9;--purple:#a45bff;--night:#08091c}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#06091d url('assets/celestial-brand.webp') center top/cover fixed no-repeat;color:var(--silver);font-family:Georgia,'Times New Roman',serif;line-height:1.48}body:before{content:"";position:fixed;inset:0;background:linear-gradient(90deg,rgba(3,5,20,.52),rgba(5,6,30,.37)),linear-gradient(180deg,transparent 5%,rgba(3,4,20,.45));pointer-events:none;z-index:-1}a{color:inherit}h1,h2,h3,p{margin-top:0}h2,h3{font-weight:normal}h2{color:var(--gold)}.site-header{min-height:76px;background:rgba(2,3,17,.80);backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:space-between;gap:22px;padding:10px clamp(18px,4vw,65px);border-bottom:1px solid #a39abd88;position:relative;z-index:8}.brand{display:flex;align-items:center;gap:13px;text-decoration:none;flex-shrink:0}.brand strong{font-size:1.15rem;font-variant:small-caps;color:var(--gold);letter-spacing:.03em}.brand small{display:block;letter-spacing:.09em;font:9px Arial,sans-serif;color:#ded6e9}.monogram{border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;width:47px;height:47px;font-size:20px;color:var(--gold);box-shadow:0 0 12px #a868ff99}.monogram span{font-size:10px}.site-header nav{display:flex;flex-wrap:wrap;gap:clamp(8px,1.25vw,20px);justify-content:flex-end}.site-header nav a{font-size:clamp(10px,.85vw,13px);text-transform:uppercase;text-decoration:none;white-space:nowrap}.site-header nav a:hover,.site-header nav a:focus{color:#dfb8ff;text-shadow:0 0 12px #a75fff}.menu-toggle{display:none}.hero{max-width:1600px;margin:auto;min-height:630px;position:relative;background:url('assets/celestial-brand.webp') center 50%/cover no-repeat;display:flex;align-items:flex-start;padding:75px clamp(24px,8vw,145px);isolation:isolate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,3,19,.52),rgba(2,3,22,.22) 60%,rgba(2,3,20,.1));z-index:-1}.hero-content{max-width:680px;text-align:center;text-shadow:0 2px 8px #010019,0 0 20px #010019}.eyebrow{letter-spacing:.12em;font-size:.75rem;color:var(--gold)}.hero h1{font-weight:normal;font-style:italic;font-size:clamp(70px,10vw,142px);line-height:1;margin:14px 0;color:#fff2ff;text-shadow:0 0 8px #fff,0 0 28px #9e55ff}.hero h2{font-size:clamp(28px,3.3vw,52px);margin:0 0 12px}.hero-sub{font-size:clamp(16px,1.5vw,21px);margin:14px 0 23px}.actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}.button{appearance:none;background:linear-gradient(180deg,#231239,#0b0b25);border:1px solid #e1cba9;border-radius:5px;color:#fff6fe;cursor:pointer;display:inline-block;padding:12px 23px;text-align:center;text-decoration:none;font:small-caps 16px Georgia,serif;box-shadow:0 0 11px #a45bff77}.button:hover,.button:focus-visible{background:#69319a;box-shadow:0 0 20px #bf74ff}.button.primary{border-color:#dfb7ff;background:linear-gradient(#6e3192,#23063d)}main{max-width:1500px;margin:auto}.framed,.spread-tile,.showcase-card{background:linear-gradient(125deg,rgba(2,4,22,.91),rgba(20,6,45,.85));border:1px solid #d8c7ad;box-shadow:inset 0 0 28px rgba(123,59,206,.24),0 0 22px #040112;border-radius:7px}.framed{margin:18px clamp(15px,5vw,70px);padding:30px clamp(20px,3vw,48px)}.about{display:grid;grid-template-columns:180px 1fr 260px;gap:32px;align-items:center}.about h2,.music h2,.shop h2,.inquiry h2{font-variant:small-caps;letter-spacing:.05em;font-size:clamp(27px,3vw,44px);margin-bottom:10px}.about p{margin-bottom:9px}.emblem{border:2px double #e8d5ad;border-radius:50%;aspect-ratio:1;display:grid;place-items:center;font-size:60px;color:var(--gold);box-shadow:0 0 22px #7844da}.values{padding:0;margin:0;list-style:none;border-left:1px solid #c5af88;padding-left:24px}.values li{padding:9px 0;text-transform:uppercase;color:#fbeccf;font-size:13px}.block{margin:38px clamp(15px,5vw,70px)}.section-title{text-align:center;font-size:clamp(28px,3.2vw,44px);font-variant:small-caps;letter-spacing:.08em;text-shadow:0 0 10px #7929d8;margin:0 0 22px}.small-spreads{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.spread-tile{text-align:center;min-height:240px;padding:20px 10px 18px;position:relative}.spread-tile h3{color:#fff4df;font-variant:small-caps;font-size:19px;margin-bottom:5px}.spread-tile p{font-size:13px;margin-bottom:15px}.card-backs{font-size:35px;line-height:1.45;letter-spacing:7px;color:#ddbcff;text-shadow:0 0 12px #a669ff}.button.mini{font-size:14px;padding:8px 14px}.showcase{display:grid;grid-template-columns:1fr 1fr;gap:22px}.showcase-card{text-align:center;padding:16px 16px 24px}.showcase-card img{display:block;max-width:100%;width:100%;height:500px;object-fit:contain;border:1px solid #b7a7ce;background:#05051b}.showcase-card h3{font-variant:small-caps;color:var(--gold);font-size:28px;margin:13px 0 4px}.showcase-card p{font-size:15px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;text-align:center}.service-grid article{background:rgba(2,3,20,.75);border-left:1px solid #dcc5a888;border-right:1px solid #dcc5a888;padding:20px}.service-icon{display:grid;place-items:center;margin:0 auto 12px;border:1px solid #d9bca1;border-radius:50%;height:90px;width:90px;font-size:45px;color:#d7b7ff;box-shadow:0 0 20px #8d52fc77}.service-grid h3{font-variant:small-caps;color:var(--gold);font-size:22px}.service-grid p{font-size:15px}.music{display:grid;grid-template-columns:115px 1fr auto;align-items:center;gap:24px}.music h2{margin-bottom:0}.music p{margin:0}.record{font-size:70px;text-align:center;color:#deb5ff}.shop{display:flex;justify-content:space-between;gap:30px;align-items:center}.shop p{margin:0}.inquiry{display:grid;grid-template-columns:1fr 1.2fr;gap:42px}.inquiry h2{max-width:450px}.inquiry-info p{max-width:460px}.inquiry form{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{font-size:14px;color:#f8eaca;display:block}input,select,textarea{font:16px Arial,sans-serif;border:1px solid #bcb1c9;background:rgba(4,4,24,.90);border-radius:2px;color:white;display:block;width:100%;padding:12px;margin-top:5px;min-width:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #ae70ff}.full,.submit{grid-column:1/-1}.notice{font-size:13px;color:#e9c9ff}.footer{background:rgba(0,1,14,.95);border-top:1px solid var(--gold);padding:35px 5vw 20px;color:#eedfc8}.footer-grid{max-width:1270px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.footer strong{color:var(--gold);font-size:19px;font-variant:small-caps}.footer p{font-size:14px}.disclaimer{text-align:center;letter-spacing:.1em;margin:35px auto 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1000px){.site-header{flex-wrap:wrap}.site-header nav{justify-content:center}.about{grid-template-columns:130px 1fr}.values{grid-column:1/-1;display:flex;justify-content:space-around;flex-wrap:wrap;border-left:0;border-top:1px solid #ad957f;padding:10px 0}.hero{min-height:570px;background-position:center 47%;padding-top:75px}.hero-content{max-width:57%}.hero h1{font-size:clamp(55px,9vw,95px)}.small-spreads{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){body{background-attachment:scroll}.site-header{padding:10px 15px}.brand strong{font-size:17px}.menu-toggle{display:block;margin-left:auto;background:transparent;border:1px solid #bba4c9;padding:8px 12px;color:white;font-size:21px}.site-header nav{display:none;width:100%;flex-direction:column;align-items:stretch;text-align:center;padding:15px}.site-header nav.open{display:flex}.site-header nav a{padding:8px;font-size:14px}.hero{min-height:700px;background-position:60% center;padding:30px 15px}.hero-shade{background:linear-gradient(180deg,rgba(0,0,17,.79),rgba(0,0,17,.22) 65%)}.hero-content{max-width:100%;width:100%}.hero h1{font-size:66px}.hero h2{font-size:29px}.hero-sub{font-size:16px}.framed{margin:15px;padding:24px 17px}.about{grid-template-columns:1fr;text-align:center}.emblem{width:150px;margin:auto}.values{display:block}.small-spreads,.showcase,.service-grid,.inquiry,.footer-grid{grid-template-columns:1fr}.showcase-card img{height:auto;max-height:640px}.music{grid-template-columns:1fr;text-align:center}.shop{display:block;text-align:center}.shop .button{margin-top:16px}.inquiry form{grid-template-columns:1fr}.inquiry h2{font-size:35px}.block{margin:30px 15px}}
