/* GOHSY Fashion TV — CH4 ACADEMY */
.academy-hero{position:relative;height:100vh;height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:var(--nav-h);overflow:hidden}
.academy-hero__channel{font-size:var(--text-micro);font-weight:var(--w-medium);letter-spacing:var(--ls-widest);text-transform:uppercase;color:var(--ch4);margin-bottom:var(--sp-4);animation:fadeIn 0.8s var(--ease-out) 0.3s both}
.academy-hero__title{font-size:var(--text-display);font-weight:var(--w-black);letter-spacing:var(--ls-tight);line-height:0.85;text-transform:uppercase;color:transparent;-webkit-text-stroke:1.5px var(--text);animation:fadeIn 1s var(--ease-out) 0.5s both}
.academy-hero__sub{font-size:var(--text-body);font-weight:var(--w-light);color:var(--text-2);margin-top:var(--sp-6);letter-spacing:var(--ls-wide);animation:fadeIn 0.8s var(--ease-out) 0.8s both}

.curriculum{max-width:var(--max-w);margin:0 auto;padding:var(--sp-16) var(--gutter);border-top:1px solid var(--border)}
.curriculum__header{margin-bottom:var(--sp-10)}
.lesson-entry{display:grid;grid-template-columns:80px 1fr auto;gap:var(--sp-6);align-items:baseline;padding:var(--sp-6) 0;border-bottom:1px solid var(--border);transition:all var(--dur-fast) ease;cursor:pointer;text-decoration:none;color:inherit}
.lesson-entry:hover{padding-left:var(--sp-3);background:var(--surface);margin:0 calc(-1*var(--sp-3));padding-right:var(--sp-3)}
.lesson-entry__num{font-size:var(--text-h2);font-weight:var(--w-black);color:transparent;-webkit-text-stroke:1px var(--border-bold);line-height:1}
.lesson-entry:hover .lesson-entry__num{-webkit-text-stroke-color:var(--ch4)}
.lesson-entry__content{min-width:0}
.lesson-entry__title{font-size:var(--text-h3);font-weight:var(--w-medium);margin-bottom:var(--sp-1);transition:color var(--dur-fast) ease}
.lesson-entry:hover .lesson-entry__title{color:var(--ch4)}
.lesson-entry__desc{font-size:var(--text-small);color:var(--text-3);font-weight:var(--w-light)}
.lesson-entry__arrow{font-size:var(--text-body);color:var(--text-3);transition:transform var(--dur-fast) ease;align-self:center}
.lesson-entry:hover .lesson-entry__arrow{transform:translateX(4px);color:var(--text)}
.lesson-entry--locked{opacity:0.3;pointer-events:none}
@media(max-width:768px){.lesson-entry{grid-template-columns:50px 1fr auto;gap:var(--sp-4)}.lesson-entry__num{font-size:var(--text-h3)}}

.lesson{border-top:1px solid var(--border);padding:var(--sp-24) 0}
.lesson__header{max-width:var(--max-w);margin:0 auto;padding:0 var(--gutter);margin-bottom:var(--sp-12)}
.lesson__num{font-size:clamp(3rem,8vw,5rem);font-weight:var(--w-black);color:transparent;-webkit-text-stroke:1px var(--border-bold);line-height:0.85;margin-bottom:var(--sp-4)}
.lesson__title{font-size:var(--text-h1);font-weight:var(--w-bold);letter-spacing:var(--ls-tight);margin-bottom:var(--sp-3)}
.lesson__subtitle{font-size:var(--text-body);font-weight:var(--w-light);color:var(--text-2)}
.lesson__spread{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border);max-width:var(--max-w);margin:0 auto}
.lesson__visual{background:var(--bg);min-height:400px;display:flex;align-items:center;justify-content:center;padding:var(--sp-10);position:relative}
.lesson__text{background:var(--bg);padding:var(--sp-10) var(--sp-12);display:flex;flex-direction:column;justify-content:center}
.lesson__body{font-size:var(--text-body);font-weight:var(--w-light);line-height:var(--lh-relaxed);color:var(--text-2)}
.lesson__body p{margin-bottom:var(--sp-6)}
.lesson__body strong{color:var(--text);font-weight:var(--w-semibold)}
.lesson__callout{margin:var(--sp-8) 0;padding:var(--sp-6);border-left:2px solid var(--ch4);background:rgba(139,92,246,0.03)}
.lesson__callout p{font-size:var(--text-body);font-weight:var(--w-medium);color:var(--text);line-height:var(--lh-normal);margin-bottom:0}
@media(max-width:768px){.academy-hero__title{-webkit-text-stroke-width:1px}.lesson{padding:var(--sp-16) 0}.lesson__header{margin-bottom:var(--sp-8)}.lesson__spread{grid-template-columns:1fr}.lesson__visual{min-height:200px;padding:var(--sp-6)}.lesson__text{padding:var(--sp-8) var(--gutter)}.lesson__callout{margin:var(--sp-6) 0;padding:var(--sp-4)}.silhouette-grid{grid-template-columns:repeat(4,1fr);gap:var(--sp-2);max-width:280px}.references{padding:var(--sp-10) var(--gutter)}.reference-list{grid-template-columns:1fr 1fr}}

.silhouette-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-4);width:100%;max-width:360px}
.silhouette-item{text-align:center}
.silhouette-item__shape{width:100%;aspect-ratio:1/2.5;background:var(--surface);border:1px solid var(--border);border-radius:var(--r-sm);margin-bottom:var(--sp-2);display:flex;align-items:center;justify-content:center;font-size:1.5rem;color:var(--text-3)}
.silhouette-item__label{font-size:var(--text-micro);font-weight:var(--w-medium);letter-spacing:var(--ls-wide);color:var(--text-3)}
.silhouette-item.is-highlighted .silhouette-item__shape{border-color:var(--ch4);background:rgba(139,92,246,0.05)}
.silhouette-item.is-highlighted .silhouette-item__label{color:var(--ch4)}

.practice{max-width:var(--max-w-text);margin:0 auto;padding:var(--sp-12) var(--gutter);text-align:center}
.practice__question{font-size:var(--text-h3);font-weight:var(--w-medium);margin-bottom:var(--sp-8)}
.practice__options{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-4);margin-bottom:var(--sp-6)}
.practice__option{padding:var(--sp-6) var(--sp-4);border:1px solid var(--border);background:var(--surface);cursor:pointer;transition:all var(--dur-fast) ease;text-align:center}
.practice__option:hover{border-color:var(--ch4)}
.practice__option.is-selected{border-color:var(--ch4);background:rgba(139,92,246,0.08)}
.practice__option.is-correct{border-color:var(--success);background:rgba(52,199,89,0.08)}
.practice__option-icon{font-size:2rem;margin-bottom:var(--sp-3)}
.practice__option-label{font-size:var(--text-small);font-weight:var(--w-medium)}
.practice__feedback{font-size:var(--text-body);color:var(--text-2);display:none}
.practice__feedback.is-visible{display:block}
@media(max-width:768px){.practice__options{grid-template-columns:1fr}}

.references{max-width:var(--max-w);margin:0 auto;padding:var(--sp-16) var(--gutter);border-top:1px solid var(--border)}
.reference-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:var(--sp-4);margin-top:var(--sp-8)}
.reference-item{padding:var(--sp-6);border:1px solid var(--border);transition:border-color var(--dur-fast) ease}
.reference-item:hover{border-color:var(--ch4)}
.reference-item__title{font-size:var(--text-body);font-weight:var(--w-medium);margin-bottom:var(--sp-2)}
.reference-item__pub{font-size:var(--text-xs);color:var(--text-3)}