:root{--cream:#f5f4f1;--cream-dim:#dedbd4;--cream-faint:#9a968e;--ink:#090909;--ink-2:#0e0e0e;--panel:#141312;--panel-2:#1d1b18;--line:#f5f4f129;--line-soft:#f5f4f112;--accent:#c9501f;--accent-deep:#a23d14;--accent-soft:#c9501f33;--glow:#c9501f38;--text:#f3f2ef;--text-dim:#d4d1ca;--text-faint:#918d86;--display:"Cormorant Garamond", Georgia, "Times New Roman", serif;--serif:"Cormorant Garamond", Georgia, "Times New Roman", serif;--body:"EB Garamond", Georgia, serif;--sans:"Inter", system-ui, -apple-system, sans-serif;--mono:"JetBrains Mono", ui-monospace, "SF Mono", monospace;--maxw:1080px}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px;font-size:122%}body{background:var(--ink);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;font-weight:400;line-height:1.62}h1,h2,h3{font-family:var(--serif);margin:0;font-weight:600;line-height:1.05}a{color:inherit;text-decoration:none}::selection{background:var(--cream);color:var(--ink)}img{max-width:100%;display:block}.nav{z-index:50;background:linear-gradient(#050505cc,#0000);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;height:56px;padding:0 clamp(1rem,4vw,3rem);transition:background .3s,border-color .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav.scrolled{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom-color:var(--line);background:#050505eb}.nav__brand{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.5rem;font-size:.6rem;display:flex}.nav__studio{color:var(--text-dim);transition:color .2s}.nav__studio:hover{color:var(--cream)}.nav__ext{color:var(--text-faint);transition:color .2s}.nav__studio:hover .nav__ext{color:var(--cream)}.nav__sep{color:var(--text-faint)}.nav__show{color:var(--accent);transition:color .2s}.nav__show:hover{color:var(--cream)}.nav__links{align-items:center;gap:clamp(.5rem,1.2vw,.95rem);display:flex}.nav__links a{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;color:var(--text-faint);border-bottom:1px solid #0000;padding:.4rem 0;font-size:.56rem;transition:color .2s,border-color .2s}.nav__links a:hover,.nav__links a.active{color:var(--accent);border-bottom-color:var(--accent)}.nav__links a.nav__contact{color:var(--accent);border:1px solid #d99a4e80;border-radius:999px;align-self:center;padding:.3rem .85rem}.nav__links a.nav__contact:hover{background:var(--accent-soft);border-color:var(--accent);border-bottom-color:var(--accent)}@media (width<=980px){.nav__links{display:none}}.reveal{opacity:0;transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);transform:translateY(26px)}.reveal.in{opacity:1;transform:none}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transition:none;transform:none}html{scroll-behavior:auto}}.slide{background-color:var(--ink);background-position:50%;background-repeat:no-repeat;background-size:cover;align-items:center;min-height:100svh;padding:clamp(4.5rem,9vw,7rem) clamp(1.25rem,6vw,5rem);display:flex;position:relative;overflow:hidden}.slide:after{content:"";opacity:.18;pointer-events:none;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.05'/%3E%3C/svg%3E");position:absolute;inset:0}.slide>*{z-index:2;position:relative}.slide__center{text-align:center;max-width:760px;margin:0 auto}.slide__center.wide{max-width:940px}.panel__label{font-family:var(--serif);letter-spacing:.18em;text-transform:uppercase;color:var(--cream);margin-bottom:1rem;font-size:clamp(.92rem,1.6vw,1.2rem);font-weight:600}.panel__label.center{text-align:center}.big-head{font-family:var(--serif);letter-spacing:.005em;color:var(--cream);text-wrap:balance;margin:0;font-size:clamp(1.4rem,2.8vw,2.1rem);font-weight:500}.lead{color:var(--text-dim);text-wrap:pretty;margin:1.1rem 0 0;font-size:clamp(.98rem,1.6vw,1.12rem);line-height:1.6}.lead.center{max-width:60ch;margin-left:auto;margin-right:auto}.slide--title{justify-content:flex-start;align-items:stretch;padding:0}.title__bg{z-index:0;filter:saturate(1.04)contrast(1.04);transform-origin:50% 38%;will-change:transform;background-position:50% 28%;background-repeat:no-repeat;background-size:cover;animation:34s ease-out both kenburns;position:absolute;inset:0}.title__lockup{z-index:2;flex-direction:column;align-items:flex-start;animation:1.4s cubic-bezier(.16,1,.3,1) both heroIn;display:flex;position:absolute;top:clamp(4.8rem,13vh,9rem);left:clamp(1.6rem,5vw,4.5rem)}.title__john{opacity:.58;filter:drop-shadow(0 4px 20px #000000b3);width:clamp(150px,19vw,270px);height:auto}.title__num{filter:drop-shadow(0 4px 20px #000c);width:clamp(100px,12.5vw,178px);height:auto;margin-top:-.35rem;margin-left:.7rem}.title__foot{z-index:2;flex-direction:column;gap:.55rem;animation:1.4s cubic-bezier(.16,1,.3,1) .15s both heroIn;display:flex;position:absolute;bottom:clamp(2.6rem,8vh,4.5rem);left:clamp(1.6rem,5vw,4.5rem)}.title__studio{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--cream);text-shadow:0 2px 16px #000000d9;font-size:.72rem;font-weight:600}.title__sub{font-family:var(--serif);color:var(--text);text-shadow:0 2px 16px #000000d9;font-size:clamp(1rem,2.1vw,1.45rem);font-style:italic}@keyframes kenburns{0%{transform:scale(1.05)}to{transform:scale(1.16)}}@keyframes heroIn{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.title__bg,.title__lockup,.title__foot{animation:none}}.title__rule{background:linear-gradient(90deg, transparent, var(--accent), transparent);width:120px;height:1px;margin:2rem auto}.slide__scroll{font-family:var(--mono);letter-spacing:.3em;text-transform:uppercase;color:var(--text-faint);z-index:3;font-size:.6rem;animation:2.4s ease-in-out infinite bob;position:absolute;bottom:1.5rem;right:clamp(1.6rem,5vw,4.5rem)}@keyframes bob{0%,to{opacity:.5;transform:translateY(0)}50%{opacity:1;transform:translateY(7px)}}.verse__quote{font-family:var(--serif);color:var(--cream);text-wrap:balance;max-width:40ch;margin:0 auto;font-size:clamp(1.1rem,2.4vw,1.7rem);line-height:1.45}.verse__ref{font-family:var(--serif);color:var(--cream);margin-top:.8rem;font-size:clamp(.95rem,1.8vw,1.2rem)}.verse__caption{max-width:52ch;color:var(--text-dim);text-wrap:balance;margin:clamp(1.6rem,3.5vw,2.4rem) auto 0;font-size:clamp(.92rem,1.5vw,1.05rem);line-height:1.6}.slide--split{align-items:stretch}.panel{flex:0 auto;align-self:center;width:100%;max-width:560px;margin:0}.panel--right{margin-left:auto}.panel--left{margin-right:auto}.panel__body{color:var(--text);text-wrap:pretty;margin:0 0 1.1rem;font-size:clamp(.96rem,1.4vw,1.08rem);line-height:1.62}.panel__body.justify{text-align:justify}.panel--alignr,.panel--alignr .panel__body{text-align:right}#tone .panel{max-width:540px}#tone .panel__label{letter-spacing:.24em;margin-bottom:.6rem}.panel__genre{font-family:var(--serif);color:var(--cream);margin:0 0 1.6rem;font-size:clamp(1.1rem,2vw,1.45rem);font-style:italic}.panel__pull{font-family:var(--serif);color:var(--cream);text-wrap:balance;margin:.6rem 0 0;font-size:clamp(1.05rem,1.9vw,1.3rem);font-style:italic;line-height:1.35}.hlstack{flex-direction:column;align-items:flex-end;gap:.6rem;margin-top:1.4rem;display:flex}.hl{background:var(--accent);color:#fff;font-family:var(--serif);text-align:right;max-width:42ch;margin:0;padding:.5rem .85rem;font-size:clamp(.98rem,1.5vw,1.15rem);line-height:1.4;box-shadow:0 6px 24px #00000059}.hl:first-child{font-family:var(--serif);letter-spacing:.01em;font-weight:600}.moment__date{font-family:var(--serif);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);margin-bottom:.7rem;font-size:clamp(.82rem,1.5vw,1rem);font-weight:600}.moment__date.big{font-size:clamp(.9rem,1.8vw,1.1rem)}.moment__game{font-family:var(--serif);letter-spacing:.04em;text-transform:uppercase;color:var(--cream);margin:0;font-size:clamp(1.5rem,3vw,2.1rem);font-weight:600}.moment__score{font-family:var(--serif);color:var(--text);margin:.6rem 0 0;font-size:clamp(1.05rem,2vw,1.4rem);font-style:italic}.moment__score.center{text-align:center}.slide--2012 .head-block{margin-bottom:clamp(2.2rem,5vw,3.2rem)}.slide--2012 .head-block .big-head{text-transform:uppercase;letter-spacing:.03em;margin-top:.7rem}.statrow{grid-template-columns:repeat(5,1fr);gap:1px;display:grid}.statcell{text-align:center;padding:1rem .6rem}.statcell__n{font-family:var(--serif);color:var(--cream);text-shadow:0 2px 18px #000000b3;font-size:clamp(1.9rem,4.4vw,3.2rem);font-weight:600;line-height:1}.statcell__l{font-family:var(--serif);letter-spacing:.12em;text-transform:uppercase;color:var(--cream-dim);margin-top:.7rem;font-size:clamp(.6rem,1vw,.74rem);line-height:1.45}.statcoda{text-align:center;margin-top:clamp(1.8rem,4vw,2.6rem)}.statcoda p{font-family:var(--serif);color:var(--text);text-wrap:balance;max-width:40ch;margin:0 auto;font-size:clamp(1.05rem,2.2vw,1.4rem);font-style:italic;line-height:1.4}@media (width<=760px){.statrow{grid-template-columns:repeat(2,1fr)}.statcell:last-child{grid-column:1/-1}}.slide--center-text{text-align:center;justify-content:center}.slide--dark{background:linear-gradient(180deg, #0a0a0b, var(--ink));border-top:1px solid var(--line-soft);align-items:center}.why__body{font-family:var(--serif);color:var(--text);text-wrap:pretty;max-width:54ch;margin:0 auto;font-size:clamp(1.2rem,2.5vw,1.65rem);line-height:1.5}.wrap{width:100%;max-width:1080px;margin:0 auto}.head-block{text-align:center;margin-bottom:clamp(2.2rem,5vw,3.5rem)}.moodgrid{background:var(--ink);position:relative}.moodgrid__cells{grid-template-columns:1fr 1fr;gap:2px;display:grid}.moodgrid__cell{aspect-ratio:16/9;background-color:var(--panel);background-position:50%;background-size:cover;margin:0}@media (width<=680px){.moodgrid__cells{grid-template-columns:1fr}}.cardgrid{gap:1.1rem;display:grid}.cardgrid--2{grid-template-columns:repeat(2,1fr)}.cardgrid--3{grid-template-columns:repeat(3,1fr);margin-top:1.1rem}.infocard{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line-soft);border-left:2px solid var(--accent);border-radius:4px;padding:clamp(1.5rem,3vw,2rem);transition:border-color .3s,transform .3s}.infocard:hover{border-color:var(--line);transform:translateY(-3px)}.infocard__title{font-family:var(--serif);color:var(--cream);text-wrap:balance;margin:0 0 .7rem;font-size:clamp(1.2rem,2.4vw,1.5rem)}.infocard__body{color:var(--text-dim);text-wrap:pretty;margin:0;font-size:.98rem;line-height:1.62}@media (width<=760px){.cardgrid--2,.cardgrid--3{grid-template-columns:1fr}}.collage{background:var(--ink);position:relative}.collage__grid{grid-template-columns:1fr 1fr;grid-auto-rows:clamp(30svh,40vw,44svh);gap:2px;display:grid}.collage__cell{background-position:50%;background-size:cover;background-color:var(--panel);filter:saturate(1.04)contrast(1.03);position:relative}.collage__cell:after{content:"";background:radial-gradient(120% 120%,#0000 30%,#0505058c);position:absolute;inset:0}.collage__word{z-index:3;font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:var(--cream);text-shadow:0 4px 40px #000000f2,0 0 80px #000c;pointer-events:none;white-space:nowrap;font-size:clamp(2rem,6vw,4.2rem);font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=680px){.collage__word{font-size:clamp(1.4rem,9vw,2.4rem)}}.bigstats{background:var(--line-soft);border:1px solid var(--line-soft);grid-template-columns:repeat(4,1fr);gap:1px;margin-bottom:clamp(2rem,4vw,3rem);display:grid}.bigstat{text-align:center;background:#080809b8;padding:clamp(1.4rem,3vw,2rem) 1rem}.bigstat__n{font-family:var(--display);color:var(--accent);font-size:clamp(1.7rem,4vw,2.8rem);font-weight:700;line-height:1}.bigstat__l{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--text-dim);margin-top:.8rem;font-size:.62rem;line-height:1.5}.bigstat__src{color:var(--text-faint);margin-top:.45rem;font-size:.8rem;font-style:italic;line-height:1.4}@media (width<=760px){.bigstats{grid-template-columns:repeat(2,1fr)}}.ctable{border:1px solid var(--line-soft);border-radius:4px;overflow:hidden}.ctable__head,.ctable__row{grid-template-columns:1.4fr .5fr .7fr .7fr 2.4fr;align-items:baseline;gap:1rem;padding:1rem clamp(1rem,2.5vw,1.6rem);display:grid}.ctable__head{background:var(--accent-soft);font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);font-size:.58rem}.ctable__row{border-top:1px solid var(--line-soft);color:var(--text-dim);font-size:.95rem}.ctable__row:hover{background:#f2ede305}.ctable__film{font-family:var(--serif);color:var(--cream);font-size:1.15rem;font-style:italic}.ctable__box{color:var(--accent);font-weight:500}.ctable__share{color:var(--text-dim);line-height:1.45}@media (width<=820px){.ctable__head{display:none}.ctable__row{grid-template-columns:1fr 1fr;gap:.3rem 1rem}.ctable__film{grid-column:1/-1;font-size:1.25rem}.ctable__share{grid-column:1/-1;font-size:.9rem}}.whynow{grid-template-columns:repeat(3,1fr);gap:1.1rem;display:grid}.whynow__card{background:linear-gradient(160deg, var(--panel-2), var(--panel));border:1px solid var(--line-soft);border-radius:4px;padding:clamp(1.5rem,3vw,2rem)}.whynow__num{font-family:var(--display);color:var(--accent);margin-bottom:1rem;font-size:clamp(1.8rem,4vw,2.6rem);font-weight:700;line-height:1}.whynow__title{font-family:var(--serif);color:var(--cream);text-wrap:balance;margin:0 0 .8rem;font-size:clamp(1.2rem,2.4vw,1.5rem);line-height:1.2}.whynow__body{color:var(--text-dim);text-wrap:pretty;margin:0;font-size:.96rem;line-height:1.62}@media (width<=820px){.whynow{grid-template-columns:1fr}}.statement__body{font-family:var(--serif);color:var(--text);text-wrap:pretty;max-width:56ch;margin:0 auto;font-size:clamp(1.15rem,2.3vw,1.5rem);line-height:1.55}.statement__pull{font-family:var(--serif);color:var(--cream);text-wrap:balance;max-width:40ch;margin:clamp(1.8rem,4vw,2.6rem) auto 0;font-size:clamp(1.3rem,2.8vw,1.9rem);font-style:italic;line-height:1.35}.slide--closing{text-align:center;justify-content:center}.closing__word{font-family:var(--serif);color:var(--cream);margin:0;font-size:clamp(1.8rem,5vw,3.2rem);font-style:italic}.closing__scripture{max-width:50ch;margin:clamp(1.4rem,3.5vw,2.2rem) auto 0}.closing__scripture blockquote{font-family:var(--serif);color:var(--text-dim);text-wrap:balance;margin:0;font-size:clamp(1.1rem,2.2vw,1.5rem);font-style:italic;line-height:1.5}.closing__scripture figcaption{font-family:var(--display);letter-spacing:.3em;text-transform:uppercase;color:var(--accent);margin-top:.8rem;font-size:.68rem;font-weight:600}.closing__contact{flex-direction:column;align-items:center;gap:.7rem;max-width:46ch;margin:clamp(2.4rem,5vw,3.2rem) auto 0;display:flex}.closing__contact-label{color:var(--text-dim);text-wrap:balance;font-size:clamp(.98rem,1.8vw,1.15rem);line-height:1.5}.closing__contact-email{font-family:var(--serif);color:var(--accent);border-bottom:1px solid #d99a4e66;font-size:clamp(1.5rem,3.6vw,2.3rem);font-style:italic;line-height:1.2}.closing__contact-email:hover{border-bottom-color:var(--accent)}.footer{border-top:1px solid var(--line);background:#030303;padding:clamp(2.5rem,6vw,4rem) clamp(1.25rem,5vw,3rem)}.footer__inner{text-align:center;max-width:1080px;margin:0 auto}.footer__copy{color:var(--text-faint);text-wrap:balance;max-width:98ch;margin:0 auto;font-size:.78rem;line-height:1.7}.footer__by{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--text-dim);margin-top:1.4rem;font-size:.68rem}.footer__link{font-family:var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent);border-bottom:1px solid #0000;margin-top:1rem;font-size:.7rem;transition:border-color .2s,color .2s;display:inline-block}.footer__link:hover{border-bottom-color:var(--accent);color:var(--cream)}.gate{z-index:1000;background:radial-gradient(120% 90% at 50% 0%, var(--accent-soft), transparent 55%), linear-gradient(180deg, #100c0a, var(--ink));font-family:var(--body);justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0}.gate__card{text-align:center;border:1px solid var(--line);background:#f2ede304;border-radius:6px;width:100%;max-width:440px;padding:clamp(2rem,5vw,3rem)}.gate__mark{font-family:var(--display);color:var(--cream);letter-spacing:.04em;filter:drop-shadow(0 0 30px #f2ede32e);margin-bottom:1.1rem;font-size:2.4rem;font-weight:600;line-height:1}.gate__eyebrow{font-family:var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--text-faint);margin-bottom:.8rem;font-size:.62rem}.gate__title{font-family:var(--display);letter-spacing:.06em;color:var(--cream);margin:0 0 1.1rem;font-size:clamp(2rem,7vw,2.8rem);font-weight:600;line-height:1}.gate__sub{font-family:var(--serif);color:var(--text-dim);text-wrap:balance;max-width:34ch;margin:0 auto 1.8rem;font-size:1.05rem;line-height:1.55}.gate__form{flex-direction:column;gap:.7rem;display:flex}.gate__input{box-sizing:border-box;border:1px solid var(--line);width:100%;color:var(--text);font-family:var(--body);text-align:center;letter-spacing:.02em;background:#0006;border-radius:4px;padding:.85rem 1rem;font-size:1rem}.gate__input:focus{border-color:var(--accent);outline:none}.gate__input::placeholder{color:var(--text-faint)}.gate__button{cursor:pointer;font-family:var(--display);letter-spacing:.22em;text-transform:uppercase;color:#1a1008;background:linear-gradient(180deg, #e7b977 0%, var(--accent) 100%);border:none;border-radius:4px;padding:.8rem 1rem;font-size:.82rem;font-weight:600;transition:filter .2s}.gate__button:hover{filter:brightness(1.06)}.gate__form.is-error .gate__input{border-color:#6b6358;animation:.4s gate-shake}@keyframes gate-shake{0%,to{transform:translate(0)}25%{transform:translate(-6px)}75%{transform:translate(6px)}}.gate__foot{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-faint);margin-top:1.8rem;font-size:.62rem;line-height:1.9}.gate__link{color:var(--accent);text-decoration:none}.gate__link:hover{color:var(--cream)}