:root{--night:#020e1c;--night2:#061b2d;--panel:#0a2439;--paper:#f8f4eb;--muted:#aabfcd;--cyan:#51d8ef;--gold:#e8bb58;--green:#55d59d;--line:#5bd8ee3d;--shell:1380px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--night);color:var(--paper);font-family:Manrope,sans-serif;line-height:1.6}body.modal-open{overflow:hidden}a{color:inherit}.section-shell{width:min(var(--shell),calc(100% - 3rem));margin:auto}.eyebrow{margin:0 0 .8rem;color:var(--cyan);font-size:.7rem;font-weight:700;letter-spacing:.25em;text-transform:uppercase}.gold{color:var(--gold)}h1,h2,h3{margin-top:0;line-height:1.05}h1,h2{font-family:"Cormorant Garamond",serif;font-weight:600}h1{font-size:clamp(4rem,7.5vw,8.4rem);letter-spacing:-.055em}h1 em,h2 em{color:var(--gold);font-style:normal}h2{font-size:clamp(2.7rem,5vw,5.4rem);letter-spacing:-.04em}.lead{max-width:680px;color:#d3e0e7;font-size:clamp(1rem,1.5vw,1.22rem)}.button{display:inline-flex;min-height:50px;align-items:center;justify-content:center;gap:.8rem;border:1px solid var(--line);border-radius:999px;padding:.8rem 1.3rem;background:transparent;color:var(--paper);font:700 .88rem Manrope;text-decoration:none;cursor:pointer;transition:.2s}.button:hover{transform:translateY(-2px);border-color:var(--gold);color:var(--gold)}.primary{border-color:var(--gold);background:linear-gradient(135deg,#f3cf76,#dca53a);color:#071524;box-shadow:0 10px 32px #e8bb5826}.primary:hover{color:#071524}.actions,.step-actions,.result-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.8rem}:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:2.5rem;min-height:94px;padding:0 max(2rem,calc((100vw - var(--shell))/2));border-bottom:1px solid #ffffff14;background:linear-gradient(180deg,#020e1cd9,transparent)}.brand{display:flex;align-items:center;gap:.85rem;text-decoration:none}.brand-mark{position:relative;width:54px;height:42px}.brand-mark i{position:absolute;top:2px;width:37px;height:37px;border:3px solid var(--cyan);border-radius:50%}.brand-mark i:first-child{left:0}.brand-mark i:last-child{right:0;border-color:var(--gold)}.brand strong{display:block;font:600 1.7rem "Cormorant Garamond"}.brand small{display:block;font-size:.52rem;letter-spacing:.25em}.site-header nav{display:flex;justify-content:flex-end;gap:clamp(.7rem,1.5vw,1.8rem)}.site-header nav a{color:#d8e4ea;font-size:.81rem;text-decoration:none}.site-header nav a:hover{color:var(--gold)}.header-cta{border:1px solid var(--gold);border-radius:999px;padding:.65rem 1rem;font-size:.8rem;font-weight:700;text-decoration:none;white-space:nowrap}.menu-toggle{display:none;border:1px solid var(--line);padding:.65rem .9rem;background:#031522;color:var(--paper)}
.hero{position:relative;min-height:940px;display:grid;align-items:center;overflow:hidden;isolation:isolate;background:#020e1c}.hero:before{content:"";position:absolute;inset:0;z-index:-3;background:linear-gradient(90deg,#020e1cf7 0%,#020e1cd6 34%,#020e1c21 62%),url('/music/assets/images/twocups-sound-nature-hero.png') 60% center/cover no-repeat}.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,var(--night),transparent 32%)}.hero-copy{padding:10rem 0 9rem}.hero-copy>*{max-width:670px}.hero h1{margin:.3rem 0 1rem}.hero-statement{margin:0;color:var(--paper);font-size:clamp(1.4rem,2vw,2rem);font-weight:600}.hero-caption{position:absolute;right:3rem;bottom:3rem;color:#dbe8ee;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase}.content-section{padding:clamp(5rem,9vw,9rem) 0}.intro{display:grid;grid-template-columns:1fr 1fr;gap:clamp(3rem,8vw,8rem);align-items:center}.intro p:not(.eyebrow){color:var(--muted);font-size:1.08rem}.feature-band,.collaboration,.final-cta{padding:clamp(5rem,9vw,9rem) 0;border-block:1px solid var(--line);background:radial-gradient(circle at 75% 20%,#51d8ef14,transparent 30%),#051a2b}.section-heading{display:grid;grid-template-columns:1fr .7fr;gap:4rem;align-items:end;margin-bottom:2.8rem}.section-heading h2{margin-bottom:0}.section-heading>p{margin:0;color:var(--muted)}
.dimension-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.dimension-grid article{position:relative;min-height:270px;padding:1.6rem;border:1px solid var(--line);border-radius:1.2rem;background:linear-gradient(145deg,color-mix(in srgb,var(--accent) 12%,transparent),#082238);overflow:hidden}.dimension-grid article:after{content:"";position:absolute;width:120px;height:120px;right:-35px;top:-35px;border:1px solid var(--accent);border-radius:50%;box-shadow:0 0 28px color-mix(in srgb,var(--accent) 32%,transparent)}.dimension-grid span{color:var(--accent);font-size:.65rem;letter-spacing:.16em}.dimension-grid h3{margin:2.3rem 0 0;font-size:1.35rem}.dimension-grid strong{color:var(--accent)}.dimension-grid p{color:var(--muted);font-size:.88rem}.process ol{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;padding:0;list-style:none}.process li{padding:1.6rem;border:1px solid var(--line);border-radius:1rem;background:var(--night2)}.process li span{color:var(--gold);font-size:.7rem}.process li strong{display:block;margin:.5rem 0}.process li p{margin:0;color:var(--muted);font-size:.88rem}
.release-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.release-card{overflow:hidden;border:1px solid var(--line);border-radius:1.2rem;background:var(--night2)}.release-card img{display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.release-card div{padding:1.4rem}.release-card span{color:var(--cyan);font-size:.65rem;letter-spacing:.15em;text-transform:uppercase}.release-card h3{margin:.5rem 0 .2rem}.release-card p{margin:0;color:var(--muted)}.release-card button{margin-top:1rem;border:0;background:transparent;color:var(--gold);font:700 .85rem Manrope;cursor:pointer}.collab-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.collab-grid a{min-height:290px;display:flex;flex-direction:column;padding:1.5rem;border:1px solid var(--line);border-radius:1.1rem;background:var(--night2);text-decoration:none;transition:.2s}.collab-grid a:hover{transform:translateY(-4px);border-color:var(--gold)}.collab-grid span{color:var(--cyan);font-size:.7rem}.collab-grid h3{margin:2.5rem 0 .7rem}.collab-grid p{color:var(--muted)}.collab-grid strong{margin-top:auto;color:var(--gold);font-size:.85rem}.about{padding:clamp(6rem,10vw,11rem) 0;text-align:center}.about p:last-child{max-width:760px;margin:auto;color:var(--muted);font-size:1.08rem}.final-cta{text-align:center}.final-cta h2,.final-cta p{max-width:850px;margin-inline:auto}.final-cta p{color:var(--muted)}.final-cta small{display:block;margin-top:1.2rem;color:#7f97a5}.footer-grid{display:grid;grid-template-columns:1.3fr .7fr .7fr;gap:3rem;padding:4rem 0}.footer-grid div{display:grid;align-content:start;gap:.5rem}.footer-grid p,.footer-grid a{color:var(--muted);text-decoration:none}.copyright{margin:0;padding:1.5rem;text-align:center;border-top:1px solid #ffffff12;color:#708795;font-size:.72rem}
.journey-dialog{width:min(920px,calc(100% - 2rem));max-height:92vh;padding:0;border:1px solid var(--line);border-radius:1.4rem;background:#061b2df7;color:var(--paper);box-shadow:0 30px 100px #000b;overflow:auto}.journey-dialog::backdrop{background:#010912d9;backdrop-filter:blur(8px)}.dialog-close{position:sticky;top:1rem;z-index:3;float:right;margin:1rem;width:42px;height:42px;border:1px solid var(--line);border-radius:50%;background:#061b2d;color:var(--paper);font-size:1.6rem;cursor:pointer}.journey-dialog form{padding:clamp(1.5rem,5vw,4rem)}.dialog-head{margin-bottom:2rem}.progress{height:4px;background:#ffffff17}.progress span{display:block;width:20%;height:100%;background:linear-gradient(90deg,var(--cyan),var(--gold));transition:.3s}.dialog-head small{display:block;margin-top:.6rem;color:var(--muted)}.form-step{display:none}.form-step.active{display:block}.form-step h2{font-size:clamp(2.3rem,5vw,4.2rem)}label{display:grid;gap:.5rem;font-weight:600}input,select{width:100%;border:1px solid #ffffff29;border-radius:.7rem;padding:.85rem 1rem;background:#031522;color:var(--paper);font:inherit}.privacy-note{color:var(--muted);font-size:.82rem}.question{margin:0 0 1.2rem;padding:1.2rem;border:1px solid var(--line);border-radius:.9rem}.question p{margin-top:0}.scale{display:grid;grid-template-columns:repeat(5,1fr);gap:.45rem}.scale label,.choice-grid label{cursor:pointer}.scale input,.choice-grid input{position:absolute;opacity:0}.scale span,.choice-grid span{display:grid;min-height:48px;place-items:center;padding:.55rem;border:1px solid #ffffff21;border-radius:.65rem;text-align:center;color:var(--muted);font-size:.75rem}.scale input:checked+span,.choice-grid input:checked+span{border-color:var(--gold);background:#e8bb5818;color:var(--paper)}.choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem}.choice-grid.compact{grid-template-columns:repeat(4,1fr)}fieldset{margin:0 0 1.4rem;padding:0;border:0}legend{margin-bottom:.7rem;font-weight:700}.result-name{color:var(--gold);font-size:1.2rem;letter-spacing:.12em;text-transform:uppercase}.result-dimensions,.sound-spec{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1.5rem 0}.sound-spec{grid-template-columns:repeat(4,1fr)}.result-dimensions div,.sound-spec div{padding:1rem;border:1px solid var(--line);border-radius:.8rem;background:#031522}.result-dimensions small,.sound-spec small{display:block;color:var(--muted);font-size:.65rem;text-transform:uppercase}.result-dimensions strong,.sound-spec strong{display:block;margin-top:.3rem}.delete-profile{margin-top:1rem;border:0;background:transparent;color:#8ea3ae;text-decoration:underline;cursor:pointer}
@media(max-width:1050px){.site-header{position:absolute;grid-template-columns:1fr auto;padding:0 1.5rem}.menu-toggle{display:block}.site-header nav{position:fixed;inset:94px 0 auto;display:none;flex-direction:column;padding:2rem;background:var(--night2)}.site-header nav.open{display:flex}.header-cta{display:none}.dimension-grid,.collab-grid{grid-template-columns:repeat(2,1fr)}.section-heading{grid-template-columns:1fr;gap:1rem}.hero:before{background-position:63% center}.hero-copy{width:60%}.process ol{grid-template-columns:repeat(2,1fr)}}
@media(max-width:680px){.section-shell{width:calc(100% - 2rem)}.hero{min-height:900px;align-items:end}.hero:before{background:linear-gradient(0deg,var(--night) 0%,#020e1cf6 43%,#020e1c12 74%),url('/music/assets/images/twocups-sound-nature-hero.png') 60% top/auto 56% no-repeat}.hero:after{background:linear-gradient(0deg,var(--night),transparent 55%)}.hero-copy{width:100%;padding:48vh 0 4rem}.hero h1{font-size:clamp(3.7rem,17vw,6rem)}.hero-caption{display:none}.actions,.step-actions,.result-actions{display:grid}.button{width:100%}.intro{grid-template-columns:1fr;gap:1rem}.dimension-grid,.release-grid,.collab-grid,.process ol{grid-template-columns:1fr}.scale{grid-template-columns:1fr}.choice-grid,.choice-grid.compact{grid-template-columns:1fr 1fr}.result-dimensions,.sound-spec{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid div:first-child{grid-column:1/-1}.journey-dialog form{padding:1.2rem}.dialog-close{top:.5rem;margin:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important}}
.consent-line{grid-template-columns:auto 1fr;align-items:center;margin-top:1rem}.consent-line input{width:20px;height:20px}