@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;1,500&display=swap');
:root{color-scheme:light;--deep:#0b2927;--green:#103e36;--green2:#123f3a;--cream:#fbf8f0;--cream2:#f4efe3;--gold:#d8b465;--gold2:#be8c38;--ink:#102d2a;--body:#445350;--line:#d9d4c8}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans JP',sans-serif;line-height:1.9}
a{color:inherit}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible+label{outline:2px solid var(--gold2);outline-offset:4px}
img{display:block;max-width:100%}
.container{width:min(1180px,calc(100% - 84px));margin-inline:auto}
.serif,h1,h2,h3{font-family:'Noto Serif JP',serif;font-weight:400}
.eyebrow{font-size:.69rem;font-weight:700;letter-spacing:.22em;text-transform:uppercase;color:var(--gold2)}
.eyebrow.light{color:var(--gold)}
.eyebrow.sans{font-family:'Noto Sans JP',sans-serif}
.site-nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:5}
.site-nav.dark{color:var(--cream)}
.site-nav.light{color:var(--green)}
.logo{display:inline-flex;gap:12px;align-items:center;text-decoration:none;font-family:'Noto Serif JP',serif;font-weight:600;font-size:.87rem;letter-spacing:.1em;white-space:nowrap}
.logo-stacked{font-family:'Noto Sans JP',sans-serif;font-weight:700;line-height:1.35;font-size:.78rem;letter-spacing:.08em}
.terugarion-brand{gap:10px;font-size:.9rem;letter-spacing:.17em}
.terugarion-brand img{display:block;width:38px;height:38px;object-fit:contain}
.nav-links{display:flex;gap:32px;align-items:center;font-size:.78rem;font-weight:600;letter-spacing:.06em}
.nav-links a{text-decoration:none;white-space:nowrap}
.nav-links a:hover{color:var(--gold2)}
.nav-links .nav-accent{color:var(--gold);border-bottom:1px solid var(--gold2);padding-bottom:8px}
.nav-links .nav-pill{background:var(--green);color:var(--cream);padding:10px 19px;border-radius:30px}
.nav-links .nav-pill:hover{background:var(--green2);color:white}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:48px;padding:11px 20px;text-decoration:none;font-size:.78rem;font-weight:700;letter-spacing:.04em;white-space:nowrap;border:1px solid transparent;transition:background .15s,color .15s}
.btn.gold{background:var(--gold);color:var(--deep)}
.btn.gold:hover{background:#e5c98d}
.btn.outline-light{border-color:#ffffff66;color:var(--cream)}
.btn.outline-light:hover{background:#ffffff18}
.btn.outline-dark{border-color:var(--line);color:var(--ink)}
.btn.outline-dark:hover{background:var(--cream2)}
.plain-link{text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.05em}
.plain-link:hover{color:var(--gold2)}
.section-link-button{display:inline-block;margin-top:18px;padding:12px 16px;border:1px solid var(--gold2);color:var(--ink);text-decoration:none;font-weight:700;font-size:.92rem;line-height:1.5;letter-spacing:.03em}
.section-link-button:hover{background:var(--gold2);color:white}
.section-link-button.dark{color:var(--gold);border-color:#d8b46588}
.section-link-button.dark:hover{background:var(--gold);color:var(--deep)}
.music-link-buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.dark-surface{background:var(--deep);color:var(--cream)}
.feedback-surface{background:#4b241f;color:var(--cream)}
.feedback-surface .body-copy.light,.feedback-surface .survey-card p{color:#e2d5cd}
.cream-surface{background:var(--cream);color:var(--ink)}
.cream-alt{background:var(--cream2);color:var(--ink)}
.section-pad{padding:128px 0}
.section-title{font-size:clamp(2rem,3.5vw,3.15rem);letter-spacing:.08em;line-height:1.55;margin:18px 0 26px}
.body-copy{font-size:.91rem;line-height:2.15;color:var(--body)}
.body-copy.light{color:#c9d5ce}
.body-copy p{margin:0 0 18px}
.body-copy p:last-child{margin-bottom:0}
.hairline{border-top:1px solid var(--line)}
/* Dance lab homepage */
.lab-hero{min-height:790px;position:relative;overflow:hidden;background:linear-gradient(115deg,#103b35,#0b2927 65%,#091f1e);color:var(--cream)}
.lab-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff06 1px,transparent 1px),linear-gradient(90deg,#ffffff06 1px,transparent 1px);background-size:106px 106px}
.lab-hero-grid{min-height:660px;display:grid;grid-template-columns:1fr;gap:50px;align-items:center;position:relative}
.lab-hero-grid>div{max-width:760px}
.lab-hero h1{font-size:clamp(3rem,4.8vw,4.55rem);line-height:1.42;letter-spacing:.07em;margin:30px 0 34px}
.lab-hero .lead{font-family:'Noto Serif JP',serif;font-size:1.33rem;line-height:1.9;color:#d1d7cf;letter-spacing:.05em;margin:0 0 36px}
.lab-hero .hero-actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.lab-hero-bottom{position:relative;display:flex;gap:20px;align-items:center;color:var(--gold);font:500 .75rem 'Playfair Display',serif;letter-spacing:.13em;padding-bottom:36px}
.concept-grid{display:grid;grid-template-columns:170px minmax(0,1fr) 300px;gap:50px;align-items:start}
.concept-num{display:flex;gap:15px;align-items:center;color:var(--gold2);font:500 1.7rem 'Playfair Display',serif}
.concept-num small{font:700 .57rem 'Noto Sans JP',sans-serif;letter-spacing:.14em;color:#99968b}
.concept-copy h2{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.7;letter-spacing:.1em;margin:17px 0 24px}
.concept-quote{border-left:1px solid var(--gold2);padding-left:24px;margin-top:80px;font:500 1.12rem/1.8 'Playfair Display',serif;color:#60716d}
.concept-quote em{color:var(--gold2)}
.activities-head{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:60px}
.activities-head h2{font-size:clamp(2.4rem,4vw,3.7rem);margin:12px 0 0}
.activities-head p{font-size:.77rem;color:#b7c8bd;line-height:1.8;margin:0}
.activity-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:18px}
.activity-feature,.sound-panel,.care-panel{border:1px solid #c9b68045;overflow:hidden}
.activity-feature{text-decoration:none;background:#153c35;display:block}
.activity-feature img{width:100%;aspect-ratio:1.35;object-fit:cover}
.activity-feature .activity-content{padding:46px 34px 54px}
.activity-feature h3{font-size:2.3rem;line-height:1.6;letter-spacing:.07em;margin:20px 0 12px}
.activity-feature p{font-size:.78rem;color:#c6d3cb;line-height:2;margin:0 0 25px}
.activity-side{display:grid;grid-template-rows:1fr 1fr;gap:18px}
.side-panel{display:grid;grid-template-columns:36% 64%;min-height:310px}
.side-art{border-right:1px solid #c9b68045;display:grid;place-items:center;color:var(--gold);font:500 3.2rem 'Playfair Display',serif}
.side-copy{padding:32px 30px}
.side-copy h3{font:500 2rem/1.6 'Playfair Display','Noto Serif JP',serif;letter-spacing:.04em;margin:16px 0}
.side-copy p{font-size:.74rem;color:#c7d2cb;line-height:1.9;margin:0 0 20px}
.care-panel{background:var(--cream);color:var(--ink)}
.care-panel .side-art{color:var(--gold2)}
.care-panel .side-copy p{color:var(--body)}
.creator-grid{display:grid;grid-template-columns:1.1fr 1fr .9fr;gap:50px;align-items:start}
.creator-grid h2{font-size:clamp(2.5rem,4vw,3.8rem);margin:16px 0 8px}
.creator-grid .creator-role{font:500 1.8rem 'Playfair Display',serif;color:var(--gold2);letter-spacing:.14em}
.creator-grid .creator-text{border-left:1px solid var(--line);padding-left:32px}
.creator-grid .creator-social{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:28px 0;margin-top:34px}
.lab-cta{text-align:center;background:radial-gradient(circle at 50% 0,#16453c,#0b2927 55%);padding:130px 0;color:var(--cream)}
.lab-cta h2{font-size:clamp(2.1rem,4vw,3.3rem);line-height:1.8;letter-spacing:.1em;margin:26px 0 40px}
.lab-cta .sparkle{width:54px;height:54px;border:1px solid var(--gold2);color:var(--gold);border-radius:50%;display:grid;place-items:center;margin:auto;font-size:1.5rem}
.lab-intro{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.lab-card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.lab-card{min-height:410px;border:1px solid #c9b68055;padding:38px 32px;display:flex;flex-direction:column;color:var(--cream);text-decoration:none;background:#123a34;transition:transform .18s ease,background .18s ease}
.lab-card[href]:hover{transform:translateY(-3px);background:#16453c}
.lab-card small{color:var(--gold);font-size:.67rem;font-weight:700;letter-spacing:.16em}
.lab-card h3{font-size:clamp(1.55rem,2.4vw,2.15rem);line-height:1.6;letter-spacing:.05em;margin:42px 0 18px}
.lab-card p{color:#c7d2cb;font-size:.82rem;line-height:2;margin:0 0 30px}
.lab-card span{margin-top:auto;color:var(--gold);font-size:.78rem;font-weight:700;letter-spacing:.06em}
.lab-card.coming-soon{background:#102f2c;color:#d8ded9}
.lab-card.coming-soon span{letter-spacing:.16em}
.lab-creator{display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}
.lab-symbol{margin:0;background:transparent;border:0;padding:0}
.lab-symbol img{width:100%;max-height:520px;object-fit:contain}
.site-footer{background:#091e1d;color:var(--cream);border-top:1px solid #ffffff18;padding:29px 0;font-size:.78rem}
.site-footer .container{display:flex;justify-content:space-between;gap:24px;align-items:center}
.site-footer a{text-decoration:none}
/* Pair-dance practice page */
.practice .site-nav{height:72px}
.practice .hero-wrap{background:linear-gradient(120deg,#fbf8f0,#f7efe1);overflow:hidden}
.practice-hero{display:grid;grid-template-columns:.96fr 1fr;gap:65px;align-items:center;min-height:760px;padding:86px 0 110px}
.practice-hero h1{font-size:clamp(2.6rem,4vw,3.5rem);line-height:1.55;letter-spacing:.06em;margin:26px 0 26px}
.practice-hero h1 em{font-style:normal;color:var(--gold2)}
.practice-hero .hero-line{display:block;white-space:nowrap}
.practice-hero .lead{font:400 1.2rem/2 'Noto Serif JP',serif;color:#445350;margin:0 0 33px}
.practice-hero .hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:0}
.practice-hero .helper{font:400 1.2rem/2 'Noto Serif JP',serif;color:#445350;margin:0 0 28px}
.poster-frame{border:1px solid #d4c6aa;padding:8px;background:var(--cream);box-shadow:0 18px 40px #3d2c1010;position:relative}
.poster-frame img{width:100%;height:auto}
.poster-tag{position:absolute;right:-17px;bottom:-20px;background:var(--green);color:var(--cream);width:82px;height:82px;border-radius:50%;display:grid;place-items:center;text-align:center;font:500 .76rem 'Playfair Display',serif;border:1px solid var(--gold)}
.poster-caption{font:500 .81rem 'Playfair Display',serif;color:#7c806f;letter-spacing:.08em;margin-top:18px}
.event-shell{background:var(--green);padding:18px;color:var(--cream)}
.event-inner{border:1px solid #d8b46555;padding:65px 33px}
.event-head{display:grid;grid-template-columns:120px 1fr;gap:20px;align-items:end;margin-bottom:42px}
.event-head h2{font-size:2.65rem;letter-spacing:.13em;margin:0 0 8px}
.event-head strong{color:var(--gold);font:500 .98rem 'Noto Serif JP',serif}
.event-head small{font-size:.72rem;color:#c6d0ca;max-width:300px}
.event-facts{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #d8b46566;border-bottom:1px solid #d8b46566;margin-top:13px}
.event-facts .fact{padding:25px 18px;border-right:1px solid #d8b46544;min-height:130px}
.event-facts .fact:last-child{border-right:0}
.event-facts .fact span{display:block;font-size:.73rem;color:var(--gold);margin-bottom:8px}
.event-facts .fact strong{display:block;font-family:'Noto Serif JP',serif;font-size:1.25rem;line-height:1.5;font-weight:600}
.event-facts .date strong{font-family:'Noto Serif JP',serif;font-size:1.25rem;font-weight:600}
.event-facts .fact small{display:block;color:#c3cec6;font-size:.67rem;margin-top:4px}
.event-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.split{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.split .body-copy{font-size:.9rem}
.callout{background:var(--cream2);border-left:2px solid var(--gold2);padding:20px 23px;font-family:'Noto Serif JP',serif;font-size:.91rem;line-height:1.9;margin-top:24px}
.style-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:45px}
.style-card{background:white;min-height:220px;padding:25px;border:1px solid #ece5d8}
.style-card .style-icon{font-size:1.7rem;color:var(--green)}
.style-card .style-no{float:right;color:var(--gold2);font:500 .85rem 'Playfair Display',serif}
.style-card h3{font-size:1.12rem;line-height:1.6;margin:28px 0 6px}
.style-card p{font-size:.72rem;color:#67716d;margin:0}
.center{text-align:center}
.music-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}
.video-frame{aspect-ratio:16/9;border:1px solid #d8b46555;padding:8px;background:#0a1d1b}
.video-frame iframe{width:100%;height:100%;border:0}
.music-help{margin:18px 0 0;color:#d6d0c2;font-size:.88rem;line-height:1.8}
.track-library{margin-top:70px}
.track-group+ .track-group{margin-top:44px}
.track-group h3{color:var(--gold);font:700 .72rem 'Noto Sans JP',sans-serif;letter-spacing:.18em;margin:0 0 14px}
.track-buttons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.track-button{width:100%;text-align:left;background:#ffffff0b;color:var(--cream);border:1px solid #ffffff18;padding:12px 17px;cursor:pointer;font:500 .9rem 'Noto Serif JP',serif}
.track-button small{display:block;color:var(--gold);font:700 .59rem 'Noto Sans JP',sans-serif;letter-spacing:.13em}
.track-button[aria-pressed="true"]{background:#d8b46522;border-color:var(--gold)}
.solo-grid{max-width:760px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:50px}
.enjoyment-steps{grid-template-columns:repeat(6,1fr)}
.enjoyment-steps .step{grid-column:span 2}
.enjoyment-steps .step:nth-child(4) h3{font-size:1.25rem}
.step{border-top:1px solid var(--line);padding-top:25px}
.step small{color:var(--gold2);font:500 1.15rem 'Playfair Display',serif}
.step h3{font-size:1.5rem;margin:13px 0}
.step p{font-size:.85rem;color:var(--body)}
.rules-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:85px}
.rule-values{display:flex;gap:7px;margin-top:28px}
.rule-values span{flex:1;background:white;border:1px solid var(--line);padding:14px 10px;font-size:.82rem;font-weight:600;line-height:1.8;text-align:center}
.rule-values strong{font-weight:600}
.accordion-hint{margin:0 0 14px;color:var(--body);font-size:.88rem}
.accordion{border-top:1px solid var(--line)}
.accordion details{border-bottom:1px solid var(--line)}
.accordion summary{list-style:none;cursor:pointer;padding:19px 0;font-family:'Noto Serif JP',serif;font-size:.88rem}
.accordion summary::-webkit-details-marker{display:none}
.accordion summary .no{color:var(--gold2);font:500 .76rem 'Playfair Display',serif;margin-right:17px}
.accordion summary:after{content:'⌄';float:right;color:var(--gold2)}
.accordion details[open] summary:after{content:'⌃'}
.accordion details p{margin:0 0 20px 28px;font-size:.78rem;color:var(--body);line-height:1.9}
.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:45px}
.info-card{border:1px solid var(--line);padding:26px 21px;min-height:210px}
.info-card .icon{width:39px;height:39px;border:1px solid var(--gold2);color:var(--gold2);border-radius:50%;display:grid;place-items:center;margin-bottom:20px}
.info-card h3{font-size:1.05rem;margin:0 0 10px}
.info-card p{font-size:.74rem;color:var(--body);margin:0}
.survey-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
#first-try{padding:72px 0}
.first-copy{max-width:760px}
.survey-card{border:1px solid #d8b46555;padding:24px}
.survey-card strong{font:500 1.1rem 'Noto Serif JP',serif}
.survey-card p{font-size:.76rem;color:#c3d0c8}
.survey-card .gold-band{background:var(--gold);color:var(--deep);text-align:center;padding:15px;font:600 .85rem 'Noto Serif JP',serif}
.notes-grid{display:grid;grid-template-columns:1fr;border-top:1px solid var(--gold2);margin-top:36px}
.organizer-name{font-size:1.35rem;font-weight:600}
.organizer-name small{display:block;margin-top:8px;font-size:.72rem;font-weight:400;letter-spacing:.08em;color:#6f766f}
.organizer-credentials{list-style:none;margin:18px 0 24px;padding:0;max-width:720px;border-top:1px solid var(--line)}
.organizer-credentials li{padding:11px 0;border-bottom:1px solid var(--line);font-size:.88rem;line-height:1.7}
.organizer-notes{margin:22px 0;color:#333d39;font-size:.9rem;line-height:1.9}
.organizer-notes p{margin:0 0 5px}
.organizer-visual-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:70px;align-items:center}
.organizer-symbol{margin:0;text-align:center}
.organizer-symbol img{display:block;width:100%;max-height:500px;object-fit:contain}
.article-shell{max-width:820px;margin:0 auto;padding:90px 0 110px}
.article-shell h1{font:500 clamp(2rem,5vw,3.5rem)/1.45 'Noto Serif JP',serif;margin:20px 0 30px}
.article-body{font-size:1rem;line-height:2.15;color:#26332e}
.article-body p{margin:0 0 1.65em}
.article-back{display:inline-block;margin-top:30px}
.note{padding:30px 28px 25px 0}
.note+.note{padding-left:28px;border-left:1px solid var(--line)}
.note h3{font-size:1.25rem;margin:16px 0 8px}
.note p{font-size:.81rem;color:var(--body)}
.organizer-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.organizer-grid h2{font-size:3rem}
.world-hero{min-height:680px;background:linear-gradient(118deg,#0b2927,#123f3a);color:var(--cream)}
.world-hero-copy{padding:105px 0 120px}
.world-hero-copy h1{font-size:clamp(3rem,6vw,5.4rem);line-height:1.35;letter-spacing:.08em;margin:24px 0 28px}
.world-hero-copy>p:last-child{font-family:'Noto Serif JP',serif;font-size:1.18rem;line-height:2;color:#d6dfda}
.world-intro{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:start}
.world-features{margin-top:55px}
.resource-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:34px}
.resource-card{display:block;min-height:210px;padding:30px;border:1px solid var(--line);background:var(--cream);text-decoration:none;transition:border-color .15s,transform .15s}
.resource-card:hover{border-color:var(--gold2);transform:translateY(-2px)}
.resource-card small{color:var(--gold2);font-weight:700;letter-spacing:.16em}
.resource-card h3{font-size:1.25rem;line-height:1.65;margin:25px 0}
.video-links .resource-card h3{margin-bottom:12px}
.video-links .resource-card p{margin:0 0 24px;font-size:.95rem;line-height:1.8;color:var(--muted)}
.resource-card span{font-size:.82rem;font-weight:700;color:var(--ink)}
.resource-heading{font-size:1.75rem;margin:70px 0 0}
.video-links .resource-card{background:white}
.essay-list{border-top:1px solid var(--line)}
.essay-preview{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}
.essay-preview h3{font:500 clamp(1.3rem,3vw,2rem)/1.5 'Noto Serif JP',serif;margin:0}
.essay-preview strong{flex:0 0 auto;color:var(--gold2);font-size:.76rem;letter-spacing:.18em}
.comparison-list{border-top:1px solid var(--line)}
.comparison-list>div{display:grid;grid-template-columns:130px 1fr;gap:28px;padding:22px 0;border-bottom:1px solid var(--line)}
.comparison-list h3{font-size:1.05rem;margin:0}
.comparison-list p{margin:0;color:var(--body);font-size:.91rem;line-height:2}
.world-role{font:500 1.3rem 'Noto Serif JP',serif;margin:12px 0 24px}
.credential-list{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.credential-list li{padding:17px 0;border-bottom:1px solid var(--line);line-height:1.8}
.sound-page{background:#070403;color:#f4ead7}
.sound-page .site-nav{border-bottom:1px solid #d9ae5633}
.sound-hero{min-height:820px;background:radial-gradient(circle at 24% 58%,#6f100e 0,#2b0706 28%,#090403 63%,#030202 100%);position:relative;overflow:hidden}
.sound-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 0 48%,#0006 100%);pointer-events:none}
.sound-hero-grid{min-height:720px;display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;position:relative;z-index:1}
.sound-hero-copy h1{font:500 clamp(3rem,6.8vw,6rem)/1.05 'Playfair Display','Noto Serif JP',serif;letter-spacing:.12em;color:#e7c063;margin:24px 0 34px;text-shadow:0 0 26px #b52d2433}
.sound-hero-copy h1 span{font-size:.43em;letter-spacing:.27em;white-space:nowrap}
.sound-kicker{font:700 .72rem 'Noto Sans JP',sans-serif;letter-spacing:.24em;color:#cf5c50;margin:0 0 18px}
.sound-lead{font:500 clamp(1.3rem,2.5vw,2rem)/1.6 'Noto Serif JP',serif;margin:0 0 12px;color:#fff6e6}
.sound-hero-copy>p:not(.sound-kicker):not(.sound-lead){max-width:590px;color:#cfbfaa;line-height:2}
.sound-button{display:inline-block;margin-top:28px;padding:14px 25px;border:1px solid #e7c063;color:#f0d17e;text-decoration:none;font-size:.82rem;letter-spacing:.12em}
.sound-button:hover{background:#e7c063;color:#140403}
.sound-emblem{margin:0;position:relative}
.sound-emblem img{display:block;width:min(100%,470px);aspect-ratio:1;object-fit:cover;margin-left:auto;opacity:.96;clip-path:circle(49% at 50% 50%);mix-blend-mode:screen}
.sound-player-section{padding:120px 0;background:linear-gradient(180deg,#080504,#120807)}
.sound-player-grid{display:grid;grid-template-columns:minmax(360px,.85fr) minmax(0,1.15fr);gap:80px;align-items:start}
.sound-player-sticky{position:sticky;top:30px}
.sound-player-sticky h2,.sound-about h2{font:500 clamp(2rem,4vw,3.5rem)/1.45 'Noto Serif JP',serif;margin:0 0 30px;color:#f7ead1}
.sound-video{background:#030202;border-color:#d0a24f77}
.sound-help{font-size:.82rem;line-height:1.8;color:#ae9e8e;margin:20px 0 8px}
.sound-text-link{color:#e7c063;text-decoration:none;font-weight:700;font-size:.82rem;letter-spacing:.06em}
.sound-track-library{margin-top:0}
.sound-page .track-group+ .track-group{margin-top:50px}
.sound-page .track-group h3{color:#cf5c50}
.sound-page .track-buttons{grid-template-columns:1fr}
.sound-page .track-button{background:#ffffff06;border-color:#d6b56c24;padding:15px 18px}
.sound-page .track-button small{color:#dcb960}
.sound-page .track-button[aria-pressed="true"]{background:linear-gradient(90deg,#74201c55,#d8b46518);border-color:#d8b465}
.sound-about{padding:120px 0;background:radial-gradient(circle at 80% 45%,#4a0d0b,#120605 48%,#080403 80%);border-top:1px solid #d9ae5629}
.sound-about-grid{display:grid;grid-template-columns:.65fr 1.35fr;gap:80px;align-items:start}
.sound-about-grid>div>p{max-width:720px;color:#cbbca9;line-height:2.1}
.sound-production{background:#090909;color:#f8ecda;padding:110px 0;border-top:1px solid #d9ae5629}
.sound-production-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:start}
.sound-production h2{font:500 clamp(1.8rem,3vw,2.7rem)/1.5 'Noto Serif JP',serif;margin:12px 0 22px;letter-spacing:.06em}
.sound-production p{color:#cbbdb1;font-size:.84rem;line-height:2}
.production-credits{margin:34px 0 0;border-top:1px solid #d5ad5940}
.production-credits div{display:grid;grid-template-columns:180px 1fr;gap:24px;padding:14px 0;border-bottom:1px solid #d5ad5928}
.production-credits dt{color:#b89652;font-size:.72rem;font-weight:700;letter-spacing:.08em}
.production-credits dd{margin:0;font-size:.82rem;color:#f1e6d6}
.distribution-card{border:1px solid #d5ad5955;padding:34px;min-height:320px;background:#160b09}
.distribution-card span{display:block;margin-top:34px;color:#b89652;font-size:.75rem;font-weight:700;letter-spacing:.06em}
.sound-footer{padding:38px 0;border-top:1px solid #d9ae5633;background:#030202;color:#c9ab68}
.sound-footer .container{display:flex;justify-content:space-between;gap:30px;font-size:.76rem;letter-spacing:.12em}
.sound-footer a{color:#c9ab68;text-decoration:none}
@media(max-width:900px){
 .container{width:min(100% - 48px,760px)}
 .lab-hero-grid,.practice-hero,.concept-grid,.split,.music-grid,.rules-grid,.survey-grid,.organizer-grid,.world-intro{grid-template-columns:1fr;gap:40px}
 .organizer-visual-grid{grid-template-columns:1fr;gap:46px}
 .organizer-symbol img{width:min(78%,310px);margin:0 auto;max-height:none}
 .sound-hero{min-height:0}
 .sound-hero-grid,.sound-player-grid,.sound-about-grid,.sound-production-grid{grid-template-columns:1fr;gap:45px}
 .sound-hero-grid{padding:70px 0 85px}
 .sound-hero-copy h1{font-size:clamp(2.5rem,11vw,4.5rem)}
 .sound-emblem{order:-1}
 .sound-emblem img{width:min(72vw,360px);margin:0 auto}
 .sound-player-section,.sound-about,.sound-production{padding:80px 0}
 .sound-player-sticky{position:static}
 .lab-hero-grid{padding:70px 0 35px}
 .concept-quote{margin-top:0}
 .activity-layout{grid-template-columns:1fr}
 .activity-side{grid-template-columns:1fr 1fr;grid-template-rows:auto}
 .side-panel{grid-template-columns:1fr}
 .side-art{min-height:95px;border-right:0;border-bottom:1px solid #c9b68045}
 .creator-grid{grid-template-columns:1fr 1fr}
 .creator-social{grid-column:1/-1}
 .practice-hero{min-height:0;padding:75px 0}
 .poster-frame{max-width:630px}
 .event-head{grid-template-columns:1fr 2fr}
 .event-head small{grid-column:2}
 .event-facts{grid-template-columns:repeat(2,1fr)}
 .event-facts .fact:nth-child(even){border-right:0}
 .event-facts .fact:nth-child(n+3){border-top:1px solid #d8b46544}
 .style-grid,.info-grid{grid-template-columns:repeat(2,1fr)}
 .lab-intro{grid-template-columns:1fr;gap:20px}
 .lab-card-grid{grid-template-columns:1fr}
 .lab-card{min-height:320px}
 .lab-creator{grid-template-columns:1fr;gap:38px}
}
@media(max-width:600px){
 .container{width:calc(100% - 36px)}
 .site-nav,.practice .site-nav{height:auto;min-height:68px;display:block;padding:16px 0}
 .nav-links{gap:18px;overflow-x:auto;padding-top:13px;font-size:.69rem}
 .nav-links .nav-pill{padding:8px 12px}
 .logo{font-size:.75rem}
 .terugarion-brand{font-size:.78rem}
 .terugarion-brand img{width:34px;height:34px}
 .section-pad{padding:76px 0}
 .section-title{font-size:2rem;line-height:1.55}
 .lab-hero{min-height:0}
 .lab-hero-grid{min-height:0;padding:72px 0 14px}
 .lab-hero-grid>div{max-width:760px}`n.lab-hero h1{font-size:clamp(2.55rem,9vw,3.4rem);margin:23px 0}
 .lab-hero .lead{font-size:1.02rem}
 .concept-grid{gap:22px}
 .concept-copy h2{font-size:2.25rem}
 .activities-head{display:block;margin-bottom:30px}
 .activities-head h2{font-size:2.45rem}
 .activities-head p{margin-top:18px}
 .activity-side{grid-template-columns:1fr}
 .activity-feature .activity-content{padding:30px 25px 40px}
 .activity-feature h3{font-size:1.85rem}
 .side-panel{grid-template-columns:32% 68%;min-height:200px}
 .side-art{min-height:0;border-bottom:0;border-right:1px solid #c9b68045}
 .side-copy{padding:22px 18px}
 .side-copy h3{font-size:1.35rem}
 .creator-grid{grid-template-columns:1fr;gap:23px}
 .creator-grid .creator-text{padding-left:20px}
 .creator-social{grid-column:auto}
 .lab-cta{padding:85px 0}
 .lab-cta h2{font-size:2rem}
 .site-footer .container{display:block}
 .site-footer span{display:block;margin-top:8px}
 .practice-hero{padding:55px 0 80px}
 .world-hero{min-height:0}
 .world-hero-copy{padding:75px 0 90px}
 .world-hero-copy h1{font-size:2.15rem;line-height:1.5;letter-spacing:.04em}
 .world-hero-copy>p:last-child{font-size:1rem}
 .resource-grid{grid-template-columns:1fr}
 .resource-card{min-height:0;padding:24px}
 .resource-heading{font-size:1.45rem;margin-top:55px}
 .essay-preview{display:block;padding:28px 0}
 .essay-preview strong{display:block;margin-top:24px}
 .production-credits div{grid-template-columns:1fr;gap:3px}
 .comparison-list>div{grid-template-columns:1fr;gap:8px}
 .practice-hero h1{font-size:clamp(2rem,8vw,2.7rem);margin:20px 0}
 .practice-hero .lead,.practice-hero .helper{font-size:1rem}
 .poster-tag{width:65px;height:65px;right:-12px;bottom:-12px}
 .event-shell{padding:10px}
 .event-inner{padding:35px 18px}
 .event-head{display:block;margin-bottom:24px}
 .event-head h2{font-size:2.1rem;margin:14px 0}
 .event-head small{display:block;margin-top:8px}
 .event-facts{grid-template-columns:1fr}
 .event-facts .fact{min-height:100px;padding:15px 8px}
 .event-facts .fact{border-right:0;border-top:1px solid #d8b46544}
 .event-facts .fact:first-child{border-top:0}
 .style-grid{grid-template-columns:1fr 1fr;gap:8px}
 .info-grid{grid-template-columns:1fr;gap:8px}
 .style-card,.info-card{padding:18px 14px;min-height:175px}
 .style-card h3{font-size:.95rem}
 .music-grid{gap:35px}
 .track-library{margin-top:45px}
 .track-buttons{grid-template-columns:1fr}
 .music-link-buttons{display:grid;grid-template-columns:1fr}
 .music-link-buttons .section-link-button{text-align:center;margin-top:0}
 .steps,.enjoyment-steps{grid-template-columns:1fr;gap:12px}
 .enjoyment-steps .step{grid-column:auto}
 .rule-values{flex-wrap:wrap}
 .rule-values span{min-width:90px}
 .notes-grid{grid-template-columns:1fr}
 .note+.note{border-left:0;border-top:1px solid var(--line);padding-left:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.btn{transition:none}}

.distribution-listen{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;padding:14px 16px;margin-top:28px;background:#d8b465;color:#160b09;font-size:1rem;font-weight:700;line-height:1.5;text-align:center;text-decoration:none;border:1px solid #d8b465;border-radius:3px}
.distribution-listen:hover{background:#e5c98d}
.distribution-link-note{display:block;margin-top:10px;color:#cbbdb1;font-size:.75rem;line-height:1.6}
.sound-release{padding:64px 0;background:#100706;border-top:1px solid #d9ae5629}
.sound-release .distribution-card{max-width:760px;margin:0 auto;min-height:0;padding:clamp(24px,5vw,48px)}
.sound-release h2{font-size:clamp(2rem,5vw,3rem);line-height:1.3;margin:18px 0;color:#f7ead1}
.sound-release p:not(.sound-kicker){color:#cbbdb1;line-height:1.9}
.sound-release .distribution-listen{max-width:360px}
.sound-production-content>div{max-width:760px;margin-inline:auto}