@font-face{font-family:Montserrat;src:url('assets/montserrat-400.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-700.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Montserrat;src:url('assets/montserrat-900.ttf') format('truetype');font-weight:900;font-display:swap}
:root{--ink:#111111;--paper:#f7f6f2;--gray:#c9c9c9;--beige:#d9c5a7;--line:rgba(247,246,242,.22);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:104px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Montserrat,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--beige);outline-offset:6px}button[hidden],[hidden]{display:none!important}::selection{background:var(--beige);color:var(--ink)}.skip{position:fixed;top:-80px;left:20px;z-index:30;background:var(--paper);color:var(--ink);padding:15px}.skip:focus{top:15px}.site-header{height:103px;padding:20px 4.3%;display:flex;align-items:center;gap:48px;position:relative;z-index:10;border-bottom:1px solid var(--line)}.brand{width:122px;display:block;line-height:0}.brand img,.footer-brand img{width:100%;height:auto;mix-blend-mode:screen}.site-header nav{display:flex;gap:34px;align-items:center;margin-left:auto;font-size:12px;font-weight:700}.site-header nav a{transition:color .2s}.site-header nav a:hover{color:var(--beige)}.nav-play{border-bottom:1px solid var(--beige);padding:10px 0;display:flex;gap:38px}.nav-play span{font-size:23px}.motion-toggle{border:1px solid #454545;background:none;color:var(--paper);width:34px;height:34px;border-radius:50%;font-size:13px;display:grid;place-items:center;flex-shrink:0}.motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero{min-height:820px;position:relative;isolation:isolate;overflow:hidden}.hero-photo{position:absolute;right:0;top:0;width:43%;height:100%;z-index:-1;overflow:hidden}.hero-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#111 0,transparent 25%),linear-gradient(0deg,rgba(17,17,17,.6),transparent 55%)}.hero-photo img{height:100%;width:100%;object-fit:cover;object-position:48% 44%;animation:photo-in 1.4s var(--ease) both}.photo-label{position:absolute;right:9%;top:40px;font-size:9px;line-height:1.8;letter-spacing:1.6px;text-align:right;z-index:1;color:#f7f6f2;text-shadow:0 1px 8px #111}.hero-content{padding:62px 4.3% 142px;position:relative}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;line-height:1.8;margin:0;display:flex;align-items:center;gap:13px}.live-dot{width:6px;height:6px;background:var(--beige);border-radius:50%;box-shadow:0 0 0 5px rgba(217,197,167,.08)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(64px,7.7vw,126px);font-weight:900;letter-spacing:-.07em;line-height:.98;margin:62px 0 38px;max-width:1020px}.outline{color:transparent;-webkit-text-stroke:1.3px var(--paper)}h1 .outline{display:block;white-space:nowrap;letter-spacing:-.075em}.hero-bottom{display:flex;flex-direction:column;gap:26px;align-items:flex-start}.hero-bottom p{font-size:13px;line-height:1.9;color:#ddd;margin:0}.hero-bottom p strong{font-weight:700;color:var(--paper)}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:34px;min-height:55px;border:1px solid transparent;padding:17px 24px;font-size:12px;font-weight:700;transition:background .2s,color .2s,transform .2s}.button span{font-size:22px;line-height:.7}.button-cream{color:var(--ink);background:var(--beige)}.button-cream:hover{background:var(--paper);transform:translateY(-2px)}.hero-meta{position:absolute;bottom:0;width:100%;display:flex;justify-content:space-between;align-items:center;padding:23px 4.3%;border-top:1px solid var(--line);font-size:9px;letter-spacing:1.7px}.hero-meta a{display:flex;gap:40px;align-items:center}.hero-meta a span{font-size:20px}.hero-disc-zone{position:absolute;right:22%;bottom:105px;width:310px;height:310px;perspective:1000px;z-index:2}.vinyl-control{position:relative;display:block;width:100%;height:100%;padding:0;background:none;border:none;border-radius:50%;transform-style:preserve-3d;transform:rotateX(23deg) rotateY(-25deg) rotateZ(-18deg);transition:transform .7s var(--ease);touch-action:pan-y pinch-zoom;user-select:none;cursor:grab;filter:drop-shadow(20px 24px 20px rgba(0,0,0,.5))}.vinyl-control:active{cursor:grabbing}.vinyl-control:focus-visible{outline-offset:8px}.vinyl-depth{position:absolute;inset:0;border-radius:50%;transform:translateZ(-10px);background:#080808;box-shadow:2px 3px 0 #555,4px 6px 0 #090909,7px 10px 0 #2a2a2a}.vinyl-face{position:absolute;inset:0;border-radius:50%;background:repeating-radial-gradient(circle at center,#171717 0px,#171717 1px,#383838 1.5px,#131313 2.2px,#151515 3.7px);border:2px solid #555;box-shadow:inset 0 0 0 10px #101010,inset 0 0 0 11px #404040;transform:rotate(var(--spin,0deg));will-change:transform}.vinyl-sheen{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 25deg,transparent 0 10%,#ffffff29 13%,transparent 20% 44%,#ffffff22 49%,transparent 56% 80%,#ffffff19 84%,transparent 92%);mix-blend-mode:screen}.vinyl-label{position:absolute;inset:32%;background:var(--beige);color:var(--ink);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #d9d0bf;box-shadow:0 0 0 4px #111}.label-word{font-weight:900;font-size:31px;letter-spacing:-3px;margin-top:-5px}.label-small{font-size:4.5px;font-weight:700;letter-spacing:.9px;line-height:1.7;text-align:center;margin-top:2px}.spindle{width:8px;height:8px;border-radius:50%;background:#0c0c0c;border:1px solid #8d826f;margin:5px 0}.label-bottom{font-size:4px;letter-spacing:1px}.drag-hint{font-size:8px;letter-spacing:1.3px;white-space:nowrap;display:flex;justify-content:center;gap:10px;margin-top:10px;color:#e0d4c2}.drag-hint span{font-size:15px;line-height:.7}.ticker{background:var(--beige);color:var(--ink);overflow:hidden;padding:18px 0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}.ticker-track{display:flex;width:max-content;animation:marquee 35s linear infinite}.ticker-track>span{white-space:nowrap;font-weight:700;font-size:20px;letter-spacing:-.5px}.ticker i{font-size:25px;padding:0 42px;font-style:normal}.section-pad{padding:60px 6.4% 104px}.section-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:83px}.tiny{font-size:8px;letter-spacing:1.7px;font-weight:700}.universe{background:var(--paper);color:var(--ink)}.universe-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:8%}.universe h2{font-size:clamp(40px,4.9vw,80px);line-height:1.06;letter-spacing:-.06em;font-weight:900;margin:0}.soft{color:#88887f}.universe-notes{padding-top:4px}.intro{font-size:18px;line-height:1.5;margin-bottom:40px;letter-spacing:-.5px}.track-line{display:grid;grid-template-columns:27px 1fr 25px;gap:16px;padding:26px 0;border-top:1px solid #cfcec9}.track-line>span:first-child{font-size:9px;padding-top:5px}.track-line h3{font-size:16px;margin:0 0 10px}.track-line p{font-size:12px;line-height:1.8;color:#585851;margin:0;max-width:320px}.track-symbol{font-size:26px}.francis-section{display:grid;grid-template-columns:1.05fr 1fr;min-height:760px;background:#191919}.francis-image{overflow:hidden;position:relative;min-height:680px}.francis-image img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.photo-counter{position:absolute;left:40px;bottom:30px;font-size:9px;letter-spacing:1.3px;background:rgba(17,17,17,.78);padding:9px 12px}.francis-copy{padding:70px 11% 75px;position:relative;overflow:hidden}.francis-copy h2{font-size:clamp(38px,4vw,68px);line-height:1.1;letter-spacing:-.055em;font-weight:900;margin:55px 0 40px;position:relative;z-index:1}.francis-intro{font-size:21px;line-height:1.5;letter-spacing:-.7px}.francis-copy>p:not(.eyebrow):not(.francis-intro){font-size:12px;line-height:1.9;color:#c9c9c9}.text-link{display:inline-flex;align-items:center;gap:20px;border-bottom:1px solid #898074;font-size:10px;padding:15px 0;margin-top:25px;position:relative;z-index:1}.text-link span{font-size:22px}.signature{position:absolute;right:6%;bottom:5%;font-size:120px;font-weight:900;letter-spacing:-.12em;color:#252525;transform:rotate(-10deg);pointer-events:none}.quiz-section{padding-top:64px;padding-bottom:110px}.quiz-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:11%}.quiz-intro h2{font-size:clamp(54px,6.8vw,104px);font-weight:900;line-height:.98;letter-spacing:-.065em;margin-bottom:34px}.quiz-intro>p{font-size:15px;line-height:1.8;color:#ddd}.equalizer{display:flex;align-items:center;gap:5px;height:55px;margin:40px 0 26px}.equalizer i{display:block;width:3px;height:16px;background:var(--beige);animation:eq 2s ease-in-out infinite;animation-delay:calc(var(--n,0)*-.18s)}.equalizer i:nth-child(3n){height:40px;--n:3}.equalizer i:nth-child(2n){height:24px;--n:7}.equalizer i:nth-child(4n){height:51px;--n:5}.quiz-intro .quiz-disclaimer{font-size:9px;color:#9f9f98;line-height:1.7;max-width:290px}.quiz-player{padding:8px 0;min-height:485px}.player-top{display:flex;justify-content:space-between;font-size:9px;font-weight:700;letter-spacing:1.3px}.score-mini{color:var(--beige)}.progress-rail{height:2px;background:#363636;margin-top:18px;margin-bottom:34px}.progress-rail>span{height:100%;width:33.333%;background:var(--beige);display:block;transition:width .4s}.quiz-player h3{font-size:28px;font-weight:700;line-height:1.35;letter-spacing:-1px;min-height:90px;margin-bottom:25px;outline:none}.answers{border-top:1px solid #494949}.answers button{width:100%;display:flex;align-items:center;text-align:left;gap:23px;min-height:62px;background:none;border:0;border-bottom:1px solid #494949;color:var(--paper);padding:16px 18px;font-size:14px;transition:background .18s}.answers button>span{font-size:9px;color:#bbb}.answers button i{margin-left:auto;font-style:normal;font-size:24px;color:#aaa}.answers button:hover:not(:disabled){background:#252525}.answers button.correct{background:var(--beige);color:var(--ink)}.answers button.correct>span,.answers button.correct i{color:var(--ink)}.answers button.wrong{background:#44352d}.answers button:disabled{cursor:default}.quiz-feedback{min-height:58px;font-size:11px;line-height:1.7;padding:16px 0;color:var(--beige)}.quiz-feedback p{margin:0}.quiz-player .button{width:100%;min-height:53px}.result-eyebrow{font-size:10px;letter-spacing:2px}.result-score{font-size:110px;letter-spacing:-10px;line-height:1.2;font-weight:900;margin:15px 0 5px;color:var(--beige)}#result-line{font-size:16px;line-height:1.7;margin:0 0 35px}.closing{background:var(--beige);color:var(--ink);padding-top:70px;padding-bottom:35px}.closing h2{font-size:clamp(52px,8vw,122px);font-weight:900;line-height:1.02;letter-spacing:-.065em;margin:55px 0 25px}.closing h2 span{color:transparent;-webkit-text-stroke:1.4px var(--ink)}.closing-bottom{display:flex;justify-content:space-between;align-items:center}.closing-bottom p{font-size:13px;line-height:1.8}.round-link{width:80px;height:80px;border:1px solid #111;border-radius:50%;display:grid;place-items:center;font-size:40px;transition:background .2s,color .2s}.round-link:hover{background:var(--ink);color:var(--beige)}.preview-note{margin-top:60px;padding-top:22px;border-top:1px solid #1114;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:1px}.preview-note p{font-size:9px;letter-spacing:0;margin:0}footer{display:flex;align-items:center;gap:44px;padding:40px 4.3%;font-size:8px;letter-spacing:1px}.footer-brand{width:95px;flex-shrink:0}footer p{margin:0}footer>a:not(.footer-brand){margin-left:auto}footer>span{color:#999}.motion-paused *{animation-play-state:paused!important}.motion-paused .vinyl-control{transition:none!important}.motion-paused html{scroll-behavior:auto}.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes photo-in{from{transform:scale(1.08);opacity:0}to{transform:scale(1);opacity:1}}@keyframes eq{0%,100%{transform:scaleY(.5)}50%{transform:scaleY(1)}}
@media(min-width:1600px){.hero{min-height:930px}.hero-content{padding-top:80px}h1{margin-top:80px}.hero-disc-zone{width:370px;height:370px;bottom:100px;right:23%}.hero-bottom p{font-size:15px}}@media(max-width:1100px){.hero{min-height:760px}h1{font-size:8.6vw;margin-top:70px}.hero-disc-zone{width:265px;height:265px;right:16%;bottom:105px}.hero-photo{width:45%}.hero-bottom p{font-size:12px}.francis-copy{padding:60px 8%}.francis-section{min-height:690px}.francis-image{min-height:690px}.quiz-grid{gap:8%}.quiz-player h3{font-size:24px}.universe-grid{gap:6%}.section-pad{padding-left:5%;padding-right:5%}}@media(max-width:760px){html{scroll-padding-top:25px}.site-header{height:87px;padding:17px 6%;gap:20px}.brand{width:96px}.site-header nav{gap:0}.site-header nav a:not(.nav-play){display:none}.nav-play{font-size:10px;gap:16px}.motion-toggle{width:28px;height:28px;font-size:11px}.hero{min-height:970px}.hero-content{padding:35px 6% 0}.eyebrow{font-size:8px;letter-spacing:1.7px}.hero h1{font-size:clamp(46px,10.5vw,75px);line-height:1.02;margin:38px 0 23px;letter-spacing:-.065em}.hero h1 .outline{white-space:normal}.hero-photo{width:100%;top:auto;bottom:59px;height:450px}.hero-photo img{object-position:50% 41%;width:100%;height:100%;object-fit:cover}.hero-photo:after{background:linear-gradient(180deg,#111 0,transparent 28%),linear-gradient(0deg,rgba(17,17,17,.6),transparent 55%)}.photo-label{top:auto;bottom:22px;right:6%;font-size:7px}.hero-bottom{gap:20px;max-width:100%}.hero-bottom p{font-size:11px;line-height:1.8;max-width:290px}.button{padding:16px 20px;min-height:50px;font-size:11px}.hero-disc-zone{width:190px;height:190px;right:auto;left:4%;bottom:100px}.label-word{font-size:22px}.label-small{font-size:3px;letter-spacing:.4px}.label-bottom{font-size:3px;letter-spacing:.5px}.spindle{width:5px;height:5px;margin:3px}.drag-hint{font-size:6px;letter-spacing:.7px}.hero-meta{padding:20px 6%;font-size:6px;letter-spacing:1px}.hero-meta a{gap:20px}.hero-meta a span{font-size:15px}.ticker{padding:14px 0}.ticker-track>span{font-size:16px}.ticker i{font-size:20px;padding:0 24px}.section-pad{padding:42px 6% 65px}.section-top{margin-bottom:45px;align-items:flex-start;gap:20px}.tiny{font-size:6px;letter-spacing:1px;text-align:right;max-width:130px;line-height:1.7}.universe-grid{grid-template-columns:1fr;gap:38px}.universe h2{font-size:clamp(38px,10.8vw,70px)}.universe-notes .intro{font-size:16px;margin-bottom:28px}.track-line{padding:22px 0;gap:14px;grid-template-columns:20px 1fr 20px}.track-line h3{font-size:15px}.track-line p{font-size:11px}.francis-section{display:flex;flex-direction:column-reverse}.francis-copy{padding:45px 6% 48px}.francis-copy h2{font-size:12vw;line-height:1.04;margin:35px 0 30px}.francis-intro{font-size:20px}.francis-copy>p:not(.eyebrow):not(.francis-intro){font-size:12px}.text-link{font-size:10px;margin-top:15px}.francis-image{height:510px;min-height:0}.francis-image img{object-position:center 45%}.photo-counter{left:6%;bottom:20px;font-size:8px}.signature{font-size:100px;bottom:45px}.quiz-grid{grid-template-columns:1fr;gap:30px}.quiz-intro h2{font-size:17vw;margin-bottom:20px}.quiz-intro>p{font-size:13px}.equalizer{margin:20px 0 15px;height:40px}.quiz-intro .quiz-disclaimer{font-size:8px;max-width:300px}.quiz-player{min-height:455px}.quiz-player h3{font-size:23px;min-height:70px;letter-spacing:-.7px}.answers button{font-size:13px;min-height:61px}.player-top{font-size:8px}.closing{padding-top:46px;padding-bottom:28px}.closing h2{font-size:12vw;margin:35px 0 22px}.closing-bottom{gap:15px}.closing-bottom p{font-size:10px}.round-link{width:56px;height:56px;font-size:30px;flex-shrink:0}.preview-note{margin-top:35px;flex-direction:column;gap:12px;font-size:7px}.preview-note p{font-size:8px}footer{padding:30px 6%;gap:25px;flex-wrap:wrap;font-size:7px}.footer-brand{width:80px}footer p{display:none}footer>span{width:100%;border-top:1px solid #333;padding-top:20px}.reveal{transform:translateY(12px)}}@media(max-width:380px){.site-header{gap:14px}.hero{min-height:940px}.hero h1{font-size:10.7vw}.hero-disc-zone{width:160px;height:160px;bottom:110px}.hero-bottom p{font-size:10px}.hero-photo{height:430px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.vinyl-control{will-change:auto}.vinyl-face{will-change:auto}}
.hero-actions{display:flex;flex-direction:column;align-items:flex-start;gap:17px}.hero-secondary{font-size:10px;color:#ddd;border-bottom:1px solid #666;padding-bottom:7px;display:flex;gap:25px}.hero-secondary:hover{color:var(--beige)}.contact-launch{display:flex;align-items:center;gap:35px;background:var(--ink);color:var(--paper);font-size:11px;font-weight:700;padding:22px 26px;border:1px solid var(--ink)}.contact-launch span{font-size:24px;line-height:.5}.contact-launch:hover{background:#333}.contact-launch:focus-visible{outline-color:var(--ink)}dialog{max-width:620px;width:calc(100% - 32px);padding:45px;background:var(--paper);color:var(--ink);border:0;box-shadow:0 20px 120px #0009}dialog::backdrop{background:#000b;backdrop-filter:blur(6px)}#contact-close{position:absolute;top:12px;right:18px;border:0;background:none;font-size:30px;line-height:1;padding:8px}dialog h2{font-size:43px;letter-spacing:-2px;margin:22px 0 12px}.contact-explainer{font-size:14px}.contact-preview{font-size:10px;line-height:1.7;color:#605f58;border-top:1px solid #ccc;padding-top:15px;margin-bottom:25px}dialog label{display:block;font-size:10px;font-weight:700;margin:0 0 9px}dialog input,dialog textarea{border:1px solid #b9b7ae;background:transparent;border-radius:0;width:100%;padding:12px;font:12px Montserrat;min-height:46px;color:var(--ink)}dialog textarea{min-height:110px;resize:vertical}dialog input:focus,dialog textarea:focus{outline:2px solid #686056;outline-offset:2px}.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin:20px 0 25px}dialog .button{width:100%;background:var(--ink);color:var(--paper)}#contact-draft>p{font-size:12px;line-height:1.6}#draft-text{white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.8 Montserrat;background:#e9e6df;padding:20px;max-height:280px;overflow:auto}#copy-feedback{min-height:20px;margin-top:15px}.hero-photo img{object-position:50% center}.francis-image img{object-position:50% 40%}@media(max-width:760px){.hero{min-height:1010px}.hero-photo{height:450px}.hero-actions{gap:14px}.hero-secondary{font-size:9px}.contact-launch{font-size:9px;padding:18px;gap:18px}.closing-bottom{align-items:flex-start;flex-direction:column;gap:14px}.closing-bottom p{margin-bottom:0}dialog{padding:35px 22px}.contact-fields{grid-template-columns:1fr}.hero-photo img{object-position:50% center}.francis-image img{object-position:50% 35%}}
h1 .outline{letter-spacing:-.04em}

.outline{letter-spacing:-.015em!important}.motion-icon{font-family:Arial,sans-serif}
@media(max-width:760px){.hero{min-height:900px}.hero h1 .outline{display:inline;white-space:nowrap}.hero h1{font-size:clamp(38px,10.5vw,75px)}}
.outline{color:var(--ink);paint-order:stroke fill;-webkit-text-stroke:2px var(--paper)}.francis-copy .outline{color:#191919}.closing h2 span{color:var(--beige);paint-order:stroke fill;-webkit-text-stroke:2px var(--ink)}

/* Desktop review: one continuous portrait, intentional type, and a true looping band. */
.site-header nav .nav-play{display:inline-flex;gap:34px;padding:17px 24px;min-height:55px;border:1px solid transparent;color:var(--ink);background:var(--beige)}
.site-header nav .nav-play:hover{color:var(--ink);background:var(--paper);transform:translateY(-2px)}
.hero-title-line{display:block;white-space:nowrap}
h1 .hero-title-line .outline{display:inline;white-space:nowrap}
.ticker-track{gap:0;animation-duration:52s}
.ticker-group{display:flex;align-items:center;justify-content:space-around;flex:0 0 auto;min-width:100vw}
.ticker-item{display:inline-flex;align-items:center;flex:0 0 auto;white-space:nowrap;font-weight:700;font-size:20px;letter-spacing:-.5px}
.ticker-item i{display:inline-block;flex-shrink:0}
@media(min-width:761px){
  .hero-photo{inset:0;width:100%;height:100%}
  .hero-photo img{object-fit:cover;object-position:55% center}
  .hero-photo:after{background:linear-gradient(90deg,rgba(17,17,17,.86) 0%,rgba(17,17,17,.66) 30%,rgba(17,17,17,.24) 57%,rgba(17,17,17,.03) 77%),linear-gradient(0deg,rgba(17,17,17,.62),transparent 55%)}
}
@media(max-width:760px){
  .site-header nav .nav-play{padding:12px 14px;min-height:44px;font-size:10px;gap:16px}
  .ticker-item{font-size:16px}
}

.hero-photo picture{display:block;width:100%;height:100%}

/* Presentation: the record now changes an actual story, outside the portrait. */
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.presentation{background:#171717;border-top:1px solid #333;padding-top:48px;padding-bottom:72px}
.presentation>.section-top{margin-bottom:55px}
.presentation-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:9%;align-items:center}
.presentation-copy h2{font-size:clamp(40px,5vw,74px);line-height:1.03;font-weight:900;letter-spacing:-.065em;margin:0 0 30px}
.presentation-copy .outline{color:#171717}
.presentation-intro{font-size:15px;line-height:1.85;color:#d0d0cb;margin-bottom:30px}
.presentation-record{position:relative;width:min(100%,560px);height:auto;aspect-ratio:1;margin:0 auto;perspective:1000px}
.presentation-record .vinyl-control{transform:rotateX(15deg) rotateY(-18deg) rotateZ(-10deg);transition:filter .3s;filter:drop-shadow(20px 28px 25px #0008)}
.presentation-record .vinyl-control:hover{filter:drop-shadow(20px 28px 25px #000b) brightness(1.08)}
.presentation-record .vinyl-face{transition:none}
.presentation-record .label-word{font-size:38px}
.presentation-record .label-small{max-width:88px;line-height:1.8;font-size:5px;letter-spacing:.65px}
.presentation-record .drag-hint{margin-top:27px;font-size:8px;letter-spacing:1px}
.record-track-picker{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 24px}
.record-track{display:flex;align-items:center;gap:9px;min-height:43px;border:1px solid #4c4b46;background:transparent;color:var(--paper);font-size:10px;font-weight:700;padding:11px 13px;text-align:left;transition:background .2s,color .2s,border-color .2s}
.record-track>span{font-size:8px;opacity:.6}
.record-track:hover{border-color:var(--beige)}
.record-track.active{background:var(--beige);border-color:var(--beige);color:var(--ink)}
.record-story{min-height:153px;border-top:1px solid #3d3b36;padding:23px 0 0;max-width:520px}
.record-number{display:block;font-size:8px;letter-spacing:1.5px;color:var(--beige);margin-bottom:13px}
.record-story h3{font-size:20px;letter-spacing:-.6px;margin:0 0 10px}
.record-story p{font-size:12px;line-height:1.8;color:#c9c9c2;margin:0;max-width:430px}
.record-instructions{max-width:440px;font-size:9px;line-height:1.8;color:#999990;margin:20px 0 0}
/* Progressive scroll reveals. Base content is always visible without JavaScript. */
.reveal{opacity:1;transform:none;transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--reveal-delay,0ms)}
.reveal-enhanced .reveal:not(.visible){opacity:0;transform:translateY(20px)}
.reveal-enhanced .reveal.visible{opacity:1;transform:none}
.motion-paused .reveal{opacity:1!important;transform:none!important;transition:none!important}
.track-symbol{display:inline-block;transform-origin:center}
.track-line:nth-of-type(1) .track-symbol{animation:glyph-drift 6s ease-in-out infinite}
.track-line:nth-of-type(2) .track-symbol{animation:glyph-turn 9s ease-in-out infinite}
.track-line:nth-of-type(3) .track-symbol{animation:glyph-sway 7s ease-in-out infinite}
@keyframes glyph-drift{0%,100%{transform:translate(0,0)}50%{transform:translate(3px,-3px)}}
@keyframes glyph-turn{0%,100%{transform:rotate(-8deg)}50%{transform:rotate(8deg)}}
@keyframes glyph-sway{0%,100%{transform:translateX(-3px)}50%{transform:translateX(3px)}}
/* A complete music quiz, retaining QMF's editorial player language. */
.quiz-section .quiz-grid{grid-template-columns:.85fr 1.15fr;gap:10%;align-items:start}
.quiz-player{border-top:1px solid #45443f;padding-top:28px;min-height:580px;scroll-margin-top:30px}
.quiz-kicker{font-size:9px;letter-spacing:1.8px;color:var(--beige);font-weight:700;margin:0 0 23px}
#quiz-setup h3{font-size:31px;line-height:1.25;min-height:0;margin:0 0 32px}
.quiz-options{border:0;padding:0;margin:0 0 25px}
.quiz-options legend{font-size:10px;font-weight:700;letter-spacing:.4px;margin:0 0 12px}
.category-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.quiz-options label{position:relative;cursor:pointer;display:block}
.quiz-options input{position:absolute;opacity:0;width:1px;height:1px}
.category-options label>span{min-height:88px;display:flex;justify-content:center;flex-direction:column;gap:8px;padding:16px;border:1px solid #4a4a43;font-size:12px;font-weight:700;transition:background .2s,color .2s,border-color .2s}
.category-options small{font-size:9px;line-height:1.5;font-weight:400;color:#aaa99f}
.quiz-options input:checked+span{border-color:var(--beige);background:var(--beige);color:var(--ink)}
.quiz-options input:checked+span small{color:#49443d}
.quiz-options input:focus-visible+span{outline:2px solid var(--paper);outline-offset:4px}
.quiz-options label:hover>span{border-color:var(--beige)}
.quiz-length{display:flex;gap:10px;flex-wrap:wrap}
.quiz-length legend{margin-bottom:12px}
.quiz-length label>span{display:block;min-height:43px;padding:13px 17px;border:1px solid #4a4a43;font-size:11px;font-weight:700}
.quiz-rules{font-size:10px;line-height:1.9;color:#bbb9b0;margin:0 0 23px}
.quiz-shortcut{font-size:9px;color:#99988e;line-height:1.6;margin:16px 0 0}
.quiz-library{display:flex;align-items:center;gap:18px;margin:28px 0 22px;border-top:1px solid #393a35;padding-top:22px;max-width:275px}
.quiz-library strong{font-size:47px;line-height:1;font-weight:900;letter-spacing:-3px;color:var(--beige)}
.quiz-library span{font-size:10px;line-height:1.8;color:#c9c9c2}
.question-meta{display:flex;justify-content:space-between;gap:18px;align-items:center;font-size:9px;line-height:1.5;color:#a9a79e;text-transform:uppercase;letter-spacing:1px;margin-bottom:20px}
#question-category{color:var(--beige)}
#quiz-round h3{font-size:27px;line-height:1.4;min-height:110px;margin-bottom:28px}
#quiz-round .progress-rail{margin-bottom:25px}
.answers button{gap:18px;min-height:68px;padding:18px 14px}
.answers button>.answer-letter{font-size:9px;color:#bbb9af;min-width:14px;flex-shrink:0}
.answers button>.answer-text{font-size:13px;line-height:1.6;color:inherit;flex:1}
.answers button i{flex-shrink:0}
.answers button.correct>.answer-letter{color:var(--ink)}
.answers button.eliminated{opacity:.3}
.answers button.eliminated .answer-text{text-decoration:line-through}
.quiz-tools{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 0 3px;min-height:65px}
#quiz-hint{display:flex;align-items:center;gap:12px;border:1px solid #59574d;background:transparent;color:var(--beige);min-height:40px;padding:10px 12px;font-size:11px;font-weight:700}
#quiz-hint>span{font-size:8px;color:#aaa89d;font-weight:400}
#quiz-hint:disabled{opacity:.45;cursor:default}
#quiz-hint:hover:not(:disabled){background:#292721}
#quiz-streak{font-size:9px;line-height:1.5;text-align:right;color:#c9c9c2}
.quiz-feedback{min-height:24px;padding:14px 0 22px;font-size:12px;line-height:1.8}
.quiz-feedback:empty{padding:0;min-height:20px}
.quiz-feedback strong{display:block;font-size:16px;margin-bottom:8px;color:var(--paper)}
.quiz-feedback p{margin:0 0 10px;color:#ccc9bf}
.quiz-source{display:inline-block;font-size:9px;line-height:1.6;color:var(--beige);text-decoration:underline;text-underline-offset:3px}
.quiz-source:hover{color:var(--paper)}
.quiz-text-button{display:block;border:0;border-bottom:1px solid #5c594e;background:transparent;color:#bcb9ad;font-size:10px;line-height:1.6;padding:9px 0;margin:21px 0 0}
.quiz-text-button:hover{color:var(--paper)}
.quiz-confirm{border:1px solid #514d42;padding:18px;margin-top:18px;background:#201e19}
.quiz-confirm p{font-size:11px;line-height:1.7;margin-bottom:15px}
.quiz-confirm button{border:1px solid #716857;background:transparent;color:var(--paper);font-size:10px;min-height:42px;padding:10px 13px;margin-right:8px}
#quiz-stop-no{background:var(--beige);color:var(--ink)}
#quiz-result h3{min-height:0;font-size:31px;letter-spacing:-.9px;margin:27px 0 6px}
#quiz-result .result-score{font-size:clamp(70px,8vw,112px);line-height:1.2;letter-spacing:-.07em;margin:14px 0 12px}
#quiz-result #result-line{font-size:14px;line-height:1.8;margin-bottom:15px}
.result-stats{font-size:9px;line-height:1.8;color:#a8a499;margin:0 0 27px}
.result-actions{margin-bottom:38px}
.quiz-review{border-top:1px solid #454238;padding-top:25px}
.quiz-review h4{font-size:12px;line-height:1.7;font-weight:700;margin:0 0 19px;color:#cec9bb}
.quiz-review details{border-bottom:1px solid #39372e}
.quiz-review summary{display:flex;gap:12px;padding:17px 0;cursor:pointer;font-size:11px;line-height:1.7;list-style:none}
.quiz-review summary::-webkit-details-marker{display:none}
.quiz-review summary:after{content:'+';font-size:18px;margin-left:auto;color:var(--beige);flex-shrink:0}
.quiz-review details[open] summary:after{content:'−'}
.quiz-review summary:focus-visible{outline:2px solid var(--beige);outline-offset:5px}
.review-correct{color:var(--beige)}.review-wrong{color:#d7a58e}
.review-content{padding:0 25px 20px;font-size:11px;line-height:1.8;color:#c0bcb0}
.review-content p{margin:0 0 10px}
.quiz-nojs{font-size:12px;line-height:1.8;padding:18px;border:1px solid var(--beige);margin-top:20px}
@media(max-width:1100px){.presentation-grid{gap:6%;grid-template-columns:1.1fr .9fr}.presentation-record{max-width:560px}.presentation-record .label-word{font-size:31px}.presentation-record .drag-hint{font-size:7px}.quiz-section .quiz-grid{gap:7%;grid-template-columns:.8fr 1.2fr}.category-options label>span{padding:14px}.quiz-intro h2{font-size:7.5vw}}
@media(max-width:760px){.presentation{padding:42px 6% 55px}.presentation>.section-top{margin-bottom:38px}.presentation-grid{grid-template-columns:1fr;gap:50px}.presentation-copy h2{font-size:clamp(40px,11vw,70px)}.presentation-intro{font-size:13px}.presentation-record{width:260px;margin:0 auto 20px}.presentation-record .label-word{font-size:27px}.presentation-record .label-small{font-size:4px}.record-track{font-size:9px;padding:10px;min-height:44px}.record-story{min-height:150px}.record-instructions{font-size:8px}.quiz-section .quiz-grid{grid-template-columns:1fr;gap:30px}.quiz-intro h2{font-size:17vw}.quiz-library{margin:20px 0}.quiz-player{padding-top:25px;min-height:0}#quiz-setup h3{font-size:27px;margin-bottom:25px}.category-options label>span{font-size:11px;padding:14px;min-height:84px}.category-options small{font-size:8px}.quiz-rules{font-size:9px}#quiz-round h3{font-size:23px;min-height:100px}.answers button>.answer-text{font-size:12px}.answers button{padding:16px 12px;gap:13px;min-height:67px}.question-meta{font-size:8px}.quiz-tools{gap:10px}#quiz-hint{gap:8px}#quiz-streak{font-size:8px}.quiz-feedback{font-size:11px}.quiz-review summary{font-size:10px}#quiz-result h3{font-size:28px}.review-content{padding-left:23px;padding-right:0}}
@media(prefers-reduced-motion:reduce){.reveal-enhanced .reveal{opacity:1!important;transform:none!important;transition:none!important}.track-symbol,.presentation-record .vinyl-face{animation:none!important;transition:none!important}}

.motion-paused .presentation-record .vinyl-face,.motion-paused .progress-rail>span{transition:none!important}

/* Responsive QA: fit small headers, preserve tablet title rhythm, and improve touch controls. */
@media (max-width:760px), (pointer:coarse){
 .motion-toggle{width:44px;height:44px}
 .record-track,.quiz-text-button,.quiz-confirm button,.quiz-length label>span{min-height:44px}
}
@media (max-width:760px){
 .site-header{gap:12px}
 dialog input,dialog textarea{font-size:16px}
}
@media (max-width:340px){
 .site-header{gap:10px}
 .site-header .brand{width:72px;flex-shrink:0}
 .universe h2{font-size:36px}
}
@media (min-width:761px) and (max-width:1100px){
 .quiz-intro h2{font-size:7.2vw}
}

.contact-edit{display:inline-flex;align-items:center;min-height:44px;padding:10px 0;border:0;border-bottom:1px solid #686056;background:transparent;color:var(--ink);font-size:12px}
.contact-edit:focus-visible{outline-color:#686056}
.motion-toggle:disabled{cursor:default}