/* Public-site composition: same LET header, palette and controls as Practice.
   Keep the approved photography and musical string colors untouched. */
html[data-let-theme] body{--maxw:1248px;--fs-h2:28px;--fs-body:16px;--fs-caption:16px;--fs-h3:20px}
html[data-let-theme] nav{position:sticky;background:var(--let-bg-surface);border-bottom:3px solid var(--let-color-brass);backdrop-filter:none}
html[data-let-theme] .navin{padding:20px 32px;gap:24px;flex-wrap:wrap}
html[data-let-theme] .brand{display:flex;flex-direction:column;align-items:flex-start;gap:8px;line-height:1.6}
html[data-let-theme] .brand img{width:240px;height:auto}
html[data-let-theme] .navlinks{gap:16px}
html[data-let-theme] .navlinks>a,html[data-let-theme] .nav-login,html[data-let-theme] .let-settings summary{font:600 16px/1.6 Montserrat,sans-serif;color:var(--let-text-primary);padding:10px 12px;min-height:44px}
html[data-let-theme] .let-settings summary{border:1px solid var(--let-gray-500);border-radius:12px}
html[data-let-theme] .wrap{padding:0 32px}
html[data-let-theme] section{padding:64px 0}
html[data-let-theme] section>.wrap{border-left:4px solid var(--let-color-brass);background:var(--let-bg-raised);padding:40px;border-radius:16px}
html[data-let-theme] section{padding-inline:32px}
html[data-let-theme] .feel,html[data-let-theme] .gamehook{background:var(--let-bg-page)}
html[data-let-theme] :is(.card,.tier,.ghcard,.instrument){background:var(--let-bg-raised);box-shadow:none;border-color:var(--let-border);border-radius:16px;padding:24px}
html[data-let-theme] .card{border:0;box-shadow:none}
html[data-let-theme] .hero{min-height:680px;padding-top:80px;background:#0A0908;--silver:#ECE1D1;--char:#ECE1D1;--dim:#BDB2A2;--goldhi:#ECE1D1;--gold-hi:#ECE1D1}
html[data-let-theme] .hero h1{font-size:clamp(40px,6vw,76px);line-height:1.08;max-width:14ch}
html[data-let-theme] .hero :is(h1,p,.eyebrow,.hero-freenote,.scrollcue){color:#ECE1D1}
html[data-let-theme] .hero h1 .g{color:#ECE1D1}
html[data-let-theme] .hero .wrap{padding-bottom:64px}
html[data-let-theme] .hero .btn.ghost{background:#1D1A16;color:#ECE1D1;border-color:#9C9183}
html[data-let-theme] .heroimg{animation:none;transform:none}
html[data-let-theme] :is(.hero .eyebrow,.hero h1,.hero .verse,.hero .lead,.herocta,.hero-freenote,.scrollcue,.rv){opacity:1;transform:none;animation:none}
html[data-let-theme] .shead{margin-bottom:32px}
html[data-let-theme] :is(.card p,.tier li,.feat p,.v .vs,.locknote,.hint,.ghtiny,.tier h3){font-size:16px;line-height:1.6}
html[data-let-theme] .tier h3{font-family:Oswald,sans-serif;font-size:20px;color:var(--let-text-primary);letter-spacing:0;text-transform:none}
html[data-let-theme] :is(.tier.hot,.pill.live){background:var(--let-bg-raised);box-shadow:none}
html[data-let-theme] .pill.live{background:var(--let-transport);color:#fff}
html[data-let-theme] .rule{background:var(--let-border)}
html[data-let-theme] footer{padding:40px 0;background:var(--let-bg-surface)}
html[data-let-theme] .nav-actions{margin-left:0;gap:16px}
/* The film is a single editorial feature, not another competing play tile.
   Fixed dark media surfaces keep cream labels legible in both themes. */
html[data-let-theme] :is(header.hero,section)[id],html[data-let-theme] #sample{scroll-margin-top:calc(var(--navh,112px) + 24px)}
html[data-let-theme] .method-film>.wrap{padding:40px;overflow:hidden}
html[data-let-theme] .method-film-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end;gap:32px;margin-bottom:32px}
html[data-let-theme] .method-film-heading .eyebrow{margin:0 0 12px;font-size:12px;letter-spacing:.16em}
html[data-let-theme] .method-film-heading h2{font-size:clamp(36px,4.5vw,56px);line-height:1.08;margin:0}
html[data-let-theme] .method-film-intro{max-width:46ch;margin:0;color:var(--let-text-secondary)}
html[data-let-theme] .method-film-player{margin:0;min-width:0}
html[data-let-theme] .method-film-player video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#0A0908;color:#F6F0E7;border:1px solid var(--let-gray-700);border-radius:12px}
html[data-let-theme] .method-film-player [hidden]{display:none}
html[data-let-theme] .method-film-hold{border:1px solid var(--let-border);border-radius:12px;overflow:hidden;background:var(--let-bg-elevated)}
html[data-let-theme] .method-film-hold>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover}
html[data-let-theme] .method-film-hold-copy{display:grid;justify-items:start;gap:16px;padding:clamp(24px,4vw,40px)}
html[data-let-theme] .method-film-hold-copy :is(h3,p){margin:0;max-width:60ch}
html[data-let-theme] .method-film-player video:focus-visible{outline:3px solid var(--let-focus);outline-offset:4px}
html[data-let-theme] .method-film-unavailable{display:grid;justify-items:start;align-content:center;gap:16px;padding:clamp(24px,5vw,64px);min-height:280px;border:1px solid var(--let-border);border-radius:12px;background:var(--let-bg-elevated)}
html[data-let-theme] .method-film-unavailable :is(h3,p){margin:0;max-width:52ch}
.method-film-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
html[data-let-theme] .method-film-options{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding-block:20px;border-bottom:1px solid var(--let-border)}
html[data-let-theme] .method-film-options label{font-weight:600}
html[data-let-theme] .method-film-options select{min-height:44px;max-width:100%;padding:10px 36px 10px 14px;font:inherit;color:var(--let-text-primary);background:var(--let-bg-elevated);border:1px solid var(--let-border);border-radius:8px}
html[data-let-theme] .method-film-options select:focus-visible{outline:3px solid var(--let-focus);outline-offset:3px}
html[data-let-theme] .method-film-options p{flex-basis:100%;margin:0;font-size:13px;line-height:1.6;color:var(--let-text-secondary)}
html[data-let-theme] .method-film-player figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:16px 32px;padding-top:16px}
html[data-let-theme] .method-film-tagline{font-weight:600}
html[data-let-theme] .method-film-transcript{display:block;min-height:44px;padding-block:8px;color:var(--let-text-primary);text-decoration:underline;text-underline-offset:4px}
html[data-let-theme] .method-film-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:32px;padding-top:24px;border-top:1px solid var(--let-border)}
html[data-let-theme] .method-film-footer p{margin:0;color:var(--let-text-secondary)}
html[data-let-theme] .method-film-footer strong{font-weight:600;color:var(--let-text-primary)}
html[data-let-theme] .method-film-footer .btn{flex-shrink:0}
html[data-let-theme] .method-film :is(h2,p,a,button,label){overflow-wrap:anywhere}
html[data-let-theme] .method-film :is(.btn,select){max-width:100%;white-space:normal}
/* The compact fretboard is always a dark hardware-inspired illustration.
   Do not let light-theme --goldhi/--char turn its labels black. */
html[data-let-theme] .ghcard{max-width:none;gap:40px;padding:8px 0;border:0}
html[data-let-theme] .ghcard h2{font-size:clamp(28px,3.4vw,40px);line-height:1.15;margin:0 0 16px}
html[data-let-theme] .ghcard .eyebrow{margin-bottom:12px}
html[data-let-theme] .ghcard p{color:var(--let-text-secondary);margin:0;max-width:55ch}
html[data-let-theme] .ghcta{margin-top:24px}
html[data-let-theme] .fretmini{background:#141210;border:1px solid #5C554B;padding:24px 16px;gap:8px;border-radius:16px}
html[data-let-theme] .fretmini span{width:36px;height:76px;background:#1D1A16;border:1px solid #9C9183;color:#F6F0E7;font-size:20px;animation:none}
html[data-let-theme] .ghlabel{color:var(--let-text-secondary);font-size:16px;margin-top:16px}
html[data-let-theme] .feelgrid{gap:48px;align-items:center}
html[data-let-theme] .feel-introduction h3{font-size:32px;line-height:1.15;margin:0 0 20px}
html[data-let-theme] .feel-introduction p{max-width:49ch;color:var(--let-text-secondary)}
html[data-let-theme] .feel-introduction .eyebrow{font-size:12px;letter-spacing:.16em;margin:0 0 12px}
html[data-let-theme] .feel-film-link{display:inline-block;padding:8px 0;margin-top:4px;min-height:44px;font-weight:600;color:var(--let-text-primary);text-decoration:underline;text-underline-offset:4px}
html[data-let-theme] .feel .instrument{padding:32px;background:#141210;border:1px solid #5C554B;color:#F6F0E7}
html[data-let-theme] .feel .instrument :is(.strLabel,.hint){color:#D3C8B9}
html[data-let-theme] .feel .str{height:44px}
html[data-let-theme] .feel .str:focus-visible{outline:3px solid #F6F0E7;outline-offset:2px;border-radius:6px}
html[data-let-theme] .ladder a.v{color:var(--let-text-primary);text-decoration:none}
html[data-let-theme] .ladder a.v:focus-visible{outline-offset:-4px;border-radius:8px;background:var(--let-bg-elevated)}
@media(max-width:800px){html[data-let-theme] .method-film-heading{grid-template-columns:1fr;gap:20px}html[data-let-theme] .method-film-player figcaption{flex-direction:column;gap:8px}html[data-let-theme] .feelgrid{gap:28px}}
@media(max-width:600px){html[data-let-theme] .method-film>.wrap{padding:24px 20px}html[data-let-theme] .method-film-footer{align-items:flex-start;flex-direction:column}html[data-let-theme] .method-film-footer .btn{max-width:100%}html[data-let-theme] .feel .instrument{padding:24px 20px}html[data-let-theme] .ghcard{padding:0}}
@media(max-width:950px){html[data-let-theme] .navlinks{margin-left:0;width:100%;flex-wrap:wrap}html[data-let-theme] .navlinks>a:not(.nav-actions){display:inline-block}html[data-let-theme] .nav-actions .nav-login{display:inline-block}}
@media(max-width:600px){html[data-let-theme] .navin{padding:16px 20px}html[data-let-theme] .brand img{width:200px}html[data-let-theme] .wrap{padding-inline:20px}html[data-let-theme] section{padding:24px 20px}html[data-let-theme] section>.wrap{padding:24px 20px}html[data-let-theme] .hero{min-height:600px;padding-top:48px}html[data-let-theme] .navlinks{gap:8px}html[data-let-theme] .nav-actions{flex-wrap:wrap}html[data-let-theme] .tiers{grid-template-columns:1fr}}