:root { --bg:#070808; --text:#f5f3ed; --muted:#9da39f; --lime:#d5ff52; --nav:72px; --body-font:Arial,Helvetica,sans-serif; --body-size:16px; --hero-title-font:Arial,Helvetica,sans-serif; --hero-title-color:#f5f3ed; --hero-title-size:124px; --section-title-font:Arial,Helvetica,sans-serif; --section-title-color:#f5f3ed; --section-title-size:112px; --shelf-title-font:Arial,Helvetica,sans-serif; --shelf-title-color:#f5f3ed; --shelf-title-size:16px; --card-title-font:Arial,Helvetica,sans-serif; --card-title-color:#fff; --card-title-size:13px; --card-meta-color:#b4b9b6; --card-meta-size:9px; --menu-font:Arial,Helvetica,sans-serif; --menu-text-color:#c8cdca; --menu-text-size:11px; --menu-icon-color:#fff; --menu-active-color:#d5ff52; --menu-icon-size:19px; }
* { box-sizing:border-box; } html { background:var(--bg); color-scheme:dark; } body { margin:0; background:var(--bg); color:var(--text); font-family:var(--body-font); } button,a { font:inherit; } button { color:inherit; }
.youtube-open { position:absolute; z-index:2; right:10px; bottom:10px; padding:7px 10px; border:1px solid #ffffff33; background:#050606d9; color:#fff; font-size:8px; font-weight:800; letter-spacing:.04em; text-decoration:none; text-transform:uppercase; }.youtube-open:hover { border-color:var(--lime); color:var(--lime); }.youtube-direct { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:10px; padding:30px; background-position:center; background-size:cover; color:#fff; text-align:center; text-decoration:none; }.youtube-direct::before { position:absolute; inset:0; background:#050606b8; content:""; }.youtube-direct span,.youtube-direct small { position:relative; z-index:1; }.youtube-direct span { font-size:clamp(1rem,2.5vw,1.8rem); font-weight:900; }.youtube-direct small { color:#b9bfbb; }
.nav { position:fixed; z-index:20; inset:0 auto 0 0; display:flex; width:var(--nav); flex-direction:column; align-items:center; border-right:1px solid #ffffff12; background:#080909f2; backdrop-filter:blur(20px); transition:width .25s ease; overflow:hidden; }
.nav:hover { width:230px; align-items:stretch; }.brand { display:grid; width:44px; height:44px; flex:0 0 44px; margin:16px 14px; place-items:center; border:0; background:var(--lime); color:#070808; font-size:22px; font-weight:900; cursor:pointer; }
.nav nav { display:flex; width:100%; flex:1; flex-direction:column; justify-content:center; gap:6px; padding:8px; }.nav-button { position:relative; display:flex; align-items:center; gap:18px; height:48px; padding:0 15px; border:0; background:transparent; color:var(--menu-text-color); cursor:pointer; font-family:var(--menu-font); text-align:left; white-space:nowrap; }.nav-button span { display:grid; width:26px; flex:0 0 26px; place-items:center; color:var(--menu-icon-color); font-size:var(--menu-icon-size); }.nav-button b { opacity:0; font-size:var(--menu-text-size); letter-spacing:.08em; text-transform:uppercase; transition:.2s; }.nav:hover .nav-button b { opacity:1; }.nav-button:hover,.nav-button.active { color:var(--menu-active-color); background:#d5ff520a; }.nav-button:hover span,.nav-button.active span { color:var(--menu-active-color); }.nav-button.active::before { content:""; position:absolute; left:-8px; width:2px; height:20px; background:var(--menu-active-color); box-shadow:0 0 15px var(--menu-active-color); }
.signature { display:flex; flex-direction:column; align-items:center; margin:0 auto 18px; font-size:11px; font-weight:900; letter-spacing:.14em; }.signature small { margin-top:4px; color:#606763; font-size:7px; }.mobile-header { display:none; }
main { min-height:100svh; margin-left:var(--nav); overflow:hidden; }.hero { position:relative; display:flex; min-height:74svh; align-items:flex-end; padding:7rem clamp(2rem,6vw,7rem) 6.5rem; background-color:#2a1716; background-position:center; background-size:cover; }.hero:not([style]) { background:radial-gradient(circle at 72% 35%,#ff793c 0,transparent 20%),linear-gradient(135deg,#311718,#9c3324 48%,#090807); }
.hero-wash { position:absolute; inset:0; background:linear-gradient(90deg,#070808 0%,#070808e0 30%,#07080833 74%),linear-gradient(0deg,#070808,transparent 55%); }.hero-content { position:relative; z-index:2; max-width:720px; }.eyebrow { display:flex; align-items:center; gap:9px; margin:0 0 23px; color:#c2c7c3; font-size:10px; font-weight:800; letter-spacing:.2em; text-transform:uppercase; }.eyebrow span { display:grid; min-width:28px; height:28px; padding:0 5px; place-items:center; background:var(--lime); color:#070808; letter-spacing:0; }.kicker { margin:0 0 12px; color:var(--lime); font-size:11px; font-weight:800; letter-spacing:.15em; text-transform:uppercase; }
.hero h1 { margin:0; max-width:830px; color:var(--hero-title-color); font-family:var(--hero-title-font); font-size:clamp(3.5rem,7.1vw,var(--hero-title-size)); line-height:.84; letter-spacing:-.075em; text-transform:uppercase; }.meta { display:flex; gap:10px; align-items:center; margin:23px 0 10px; color:#aeb3b0; font-size:13px; }.meta b { color:var(--lime); }.dek { max-width:540px; margin:0; color:var(--text); font-size:var(--body-size); line-height:1.6; }.actions { display:flex; gap:9px; margin-top:24px; }.button { display:inline-flex; min-height:46px; align-items:center; justify-content:center; padding:0 17px; border:0; border-radius:2px; font-size:12px; font-weight:800; text-decoration:none; cursor:pointer; }.light { background:#f3f1e9; color:#070808; }.light:hover { background:var(--lime); }.glass { background:#74797670; backdrop-filter:blur(12px); }.glass:hover { background:#999e9a77; }.outline { border:1px solid #ffffff33; background:transparent; color:#fff; }
.edition { position:absolute; z-index:2; right:6vw; bottom:5.7rem; display:flex; align-items:center; gap:10px; }.edition span { color:var(--lime); font-size:60px; font-weight:200; letter-spacing:-.08em; }.edition p { color:#a1a6a2; font-size:9px; font-weight:800; line-height:1.4; letter-spacing:.13em; text-transform:uppercase; }
.shelves { position:relative; z-index:3; margin-top:-34px; padding-bottom:3rem; }.shelf { margin-bottom:34px; }.shelf-head { display:flex; justify-content:space-between; align-items:center; padding:0 3.5vw; }.shelf-head h2 { margin:0 0 12px; color:var(--shelf-title-color); font-family:var(--shelf-title-font); font-size:var(--shelf-title-size); }.shelf-head span { margin-bottom:10px; color:#737a76; font-size:10px; letter-spacing:.09em; text-transform:uppercase; }.shelf-scroller { position:relative; }.shelf-track { display:flex; gap:8px; overflow-x:auto; padding:0 3.5vw 12px; scroll-snap-type:x proximity; scrollbar-width:none; }.shelf-track::-webkit-scrollbar { display:none; }.shelf-track .project-card { scroll-snap-align:start; }.shelf-arrow { position:absolute; z-index:6; top:0; bottom:12px; width:clamp(42px,3.5vw,62px); padding:0; border:0; background:linear-gradient(90deg,#070808ee,#07080855); color:#fff; font-size:42px; font-weight:200; cursor:pointer; opacity:.86; transition:.2s; }.shelf-arrow:hover,.shelf-arrow:focus-visible { color:var(--lime); opacity:1; outline:1px solid #ffffff40; outline-offset:-1px; }.shelf-arrow.previous { left:0; }.shelf-arrow.next { right:0; transform:none; background:linear-gradient(270deg,#070808ee,#07080855); }.shelf-arrow:disabled { opacity:0; pointer-events:none; }
.project-card { position:relative; flex:0 0 clamp(220px,21vw,360px); aspect-ratio:16/9; overflow:hidden; padding:0; border:1px solid #ffffff12; background:radial-gradient(circle at 70% 30%,#ff9d6a,transparent 18%),linear-gradient(135deg,#341819,#8d3226,#090807); background-position:center; background-size:cover; text-align:left; cursor:pointer; transition:.25s; }.project-card:hover,.project-card:focus-visible { z-index:2; transform:scale(1.045) translateY(-3px); border-color:#d5ff52aa; outline:0; }.card-video { position:absolute; z-index:0; inset:-2px; width:calc(100% + 4px); height:calc(100% + 4px); border:0; pointer-events:none; }.project-shade { position:absolute; z-index:1; inset:0; background:linear-gradient(0deg,#050606e8,transparent 62%); }.project-copy { position:absolute; z-index:2; left:14px; right:14px; bottom:12px; display:flex; flex-direction:column; }.project-copy strong { color:var(--card-title-color); font-family:var(--card-title-font); font-size:var(--card-title-size); }.project-copy small { margin-top:4px; color:var(--card-meta-color); font-family:var(--card-title-font); font-size:var(--card-meta-size); }.project-copy em { margin-top:5px; color:var(--lime); font-size:8px; font-style:normal; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }.play { position:absolute; z-index:3; top:10px; right:10px; display:grid; width:30px; height:30px; place-items:center; border:1px solid #ffffff88; border-radius:50%; background:#05060688; font-size:9px; opacity:0; transition:.2s; }.project-card:hover .play { opacity:1; }.project-card.previewing .play { opacity:1; border-color:var(--lime); color:var(--lime); }.spotlight-badge { position:absolute; z-index:2; top:10px; left:10px; padding:5px 7px; background:var(--lime); color:#070808; font-size:7px; font-weight:900; letter-spacing:.1em; text-transform:uppercase; }
.editorial,.contact { min-height:100svh; padding:clamp(7rem,12vw,10rem) clamp(2rem,8vw,10rem) 5rem; background:radial-gradient(circle at 85% 18%,#d5ff5217,transparent 24%),var(--bg); }.editorial > h1,.contact h1 { max-width:1100px; margin:0; color:var(--section-title-color); font-family:var(--section-title-font); font-size:clamp(3.3rem,7.8vw,var(--section-title-size)); line-height:.89; letter-spacing:-.075em; text-transform:uppercase; }.editorial-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:9vw; margin-top:5rem; padding-top:2rem; border-top:1px solid #ffffff24; }.lead { margin:0; color:var(--lime); font-size:clamp(1.3rem,2.2vw,2.1rem); line-height:1.28; }.body-copy { margin:0; color:var(--text); font-size:var(--body-size); line-height:1.75; }.skills { display:flex; flex-wrap:wrap; gap:1px; margin-top:4rem; padding:1px; background:#ffffff1a; }.skills span { display:flex; flex:1 1 180px; min-height:64px; align-items:center; gap:12px; padding:0 16px; background:#0d0f0e; color:#d1d4d2; font-size:12px; }.skills b { color:#69706c; font-size:9px; }
.player-page { min-height:100svh; padding:8rem 6vw 4rem; }.player-frame { position:relative; max-width:1200px; aspect-ratio:16/8.5; overflow:hidden; margin:auto; background:radial-gradient(circle at 52% 45%,#4b5b36,transparent 16%),linear-gradient(135deg,#101311,#293124 50%,#080908); box-shadow:0 35px 90px #000; }.player-frame::before { content:""; position:absolute; inset:0; background:repeating-linear-gradient(90deg,transparent 0 14%,#ffffff06 14% 14.2%); }.player-word { position:absolute; inset:0; display:grid; place-content:center; text-align:center; color:#ffffff24; font-size:clamp(3rem,10vw,10rem); font-weight:900; letter-spacing:-.08em; }.player-word small { color:var(--lime); font-size:8px; letter-spacing:.4em; }.player-button { position:absolute; inset:50% auto auto 50%; display:grid; width:76px; height:76px; transform:translate(-50%,-50%); place-items:center; border:1px solid #ffffffaa; border-radius:50%; background:#07080888; color:#fff; text-decoration:none; }.player-button:not(.disabled):hover { border-color:var(--lime); color:var(--lime); }.player-controls { position:absolute; left:24px; right:24px; bottom:19px; display:grid; grid-template-columns:1fr auto auto; align-items:center; gap:15px; }.player-controls i { height:2px; background:linear-gradient(90deg,var(--lime) 6%,#ffffff44 6%); }.player-controls small,.player-controls b { color:#a2a7a4; font-size:9px; }.player-copy { max-width:1200px; margin:40px auto 0; }.player-copy .eyebrow { margin-bottom:10px; }.player-copy h1 { margin:0; font-size:36px; }
.spotlight-page { min-height:100svh; padding:clamp(7rem,11vw,9rem) clamp(1.5rem,6vw,7rem) 6rem; background:radial-gradient(circle at 84% 5%,#d5ff5214,transparent 24%),var(--bg); }.spotlight-intro { display:grid; max-width:1250px; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:2rem 8vw; align-items:end; padding-bottom:4rem; border-bottom:1px solid #ffffff22; }.spotlight-intro .eyebrow { grid-column:1/-1; margin-bottom:0; }.spotlight-intro h1 { margin:0; font-size:clamp(3.5rem,7.8vw,8.5rem); line-height:.84; letter-spacing:-.075em; text-transform:uppercase; }.spotlight-intro > p { margin:0; color:#aab0ac; line-height:1.7; }.spotlight-intro .button { justify-self:start; margin-top:-.8rem; }.spotlight-grid { max-width:1320px; margin-top:5rem; }.spotlight-item { display:grid; grid-template-columns:minmax(400px,1.3fr) minmax(280px,.7fr); gap:clamp(2rem,5vw,5rem); align-items:center; margin-bottom:7rem; }.spotlight-item:nth-child(even) .spotlight-video { order:2; }.spotlight-video,.modal-video { position:relative; overflow:hidden; aspect-ratio:16/9; background:#000; box-shadow:0 25px 70px #000a; }.spotlight-video iframe,.modal-video iframe { position:absolute; inset:0; width:100%; height:100%; border:0; }.spotlight-copy .eyebrow { margin-bottom:14px; }.spotlight-copy h2 { margin:0 0 9px; font-size:clamp(2.2rem,4.2vw,4.8rem); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }.spotlight-copy > b { color:var(--lime); font-size:12px; }.spotlight-copy > p { color:#aab0ac; line-height:1.65; }.video-tabs { display:flex; flex-wrap:wrap; gap:6px; margin-top:20px; }.video-tabs button { min-height:34px; padding:0 10px; border:1px solid #ffffff22; background:#101312; color:#aeb4b0; font-size:9px; font-weight:800; cursor:pointer; }.video-tabs button:hover,.video-tabs button.active { border-color:var(--lime); color:var(--lime); }.project-links { display:flex; flex-wrap:wrap; gap:17px; margin-top:20px; }.project-links a { color:#fff; font-size:10px; font-weight:800; text-decoration:none; }.project-links a:hover { color:var(--lime); }.spotlight-empty { max-width:800px; margin:5rem 0; padding:3rem; border:1px dashed #ffffff28; }.spotlight-empty h2 { margin:0 0 8px; }.spotlight-empty p { color:#8b928e; }
.cv-list { max-width:1000px; margin:5rem 0 2rem; border-top:1px solid #ffffff24; }.cv-list article { display:grid; grid-template-columns:130px 1fr; gap:2rem; padding:25px 0; border-bottom:1px solid #ffffff24; }.cv-list article > span { color:var(--lime); font-size:10px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.cv-list h2 { margin:0 0 5px; }.cv-list p { margin:0; color:#7f8682; font-size:13px; }
.contact { display:flex; flex-direction:column; justify-content:center; }.contact > p:not(.eyebrow) { margin:30px 0 45px; color:#999f9b; }.contact-card { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:16px; max-width:700px; padding:21px; border:1px solid #ffffff28; background:#ffffff08; color:#fff; text-decoration:none; }.contact-card > span { color:var(--lime); }.contact-card div { display:flex; flex-direction:column; gap:5px; }.contact-card small { color:#777e79; font-size:9px; text-transform:uppercase; letter-spacing:.12em; }.contact-card strong { font-size:14px; }.contact-card.muted { color:#777; }.availability { display:flex; align-items:center; gap:9px; margin-top:22px; color:#717773; }.availability i { width:8px; height:8px; border-radius:50%; background:var(--lime); box-shadow:0 0 12px var(--lime); }
.credits-copy { max-width:720px; margin-top:4rem; color:#abb0ad; line-height:1.7; }.tmdb-logo { display:block; width:170px; margin:26px 0; }.tmdb-logo img { display:block; width:100%; height:auto; }.tmdb-notice { padding:18px; border-left:2px solid var(--lime); background:#ffffff08; color:#fff; }.credits-copy a { color:var(--lime); }.empty-page { display:grid; min-height:100svh; padding:4rem; place-content:center; }.empty-page h1 { max-width:850px; font-size:clamp(3rem,8vw,8rem); text-transform:uppercase; }
dialog { width:min(860px,calc(100vw - 30px)); max-height:90svh; padding:0; overflow:auto; border:1px solid #ffffff28; border-radius:0; background:#101212; color:#fff; box-shadow:0 30px 100px #000; }dialog::backdrop { background:#000c; backdrop-filter:blur(6px); }.modal-close { position:absolute; z-index:3; top:14px; right:14px; display:grid; width:40px; height:40px; place-items:center; border:0; border-radius:50%; background:#070808dd; color:#fff; font-size:24px; cursor:pointer; }.modal-art { height:360px; background:linear-gradient(135deg,#351819,#8d3225,#070808); background-position:center; background-size:cover; }.modal-copy { padding:30px; }.modal-copy .eyebrow { margin-bottom:14px; }.modal-copy h2 { margin:0 0 8px; font-size:40px; letter-spacing:-.05em; }.modal-copy > b { color:var(--lime); }.modal-copy > p { max-width:650px; color:#aab0ac; line-height:1.65; }.modal-video-tabs { margin:20px 0 4px; }.modal-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:15px; }.modal-copy .button { margin-top:8px; }
.spotlight-intro h1 { color:var(--section-title-color); font-family:var(--section-title-font); font-size:clamp(3.5rem,7.8vw,var(--section-title-size)); }.spotlight-copy h2 { color:var(--section-title-color); font-family:var(--section-title-font); font-size:clamp(2.2rem,4.2vw,var(--section-title-size)); }.spotlight-intro > p,.spotlight-copy > p,.modal-copy > p,.contact > p:not(.eyebrow) { color:var(--text); font-size:var(--body-size); }.modal-copy h2 { color:var(--section-title-color); font-family:var(--section-title-font); }
.nav-button span { position:relative; z-index:1; opacity:1; visibility:visible; }.nav-button span svg { display:block; width:var(--menu-icon-size); height:var(--menu-icon-size); overflow:visible; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; filter:drop-shadow(0 0 3px #ffffff35); }.nav-button:hover span svg,.nav-button.active span svg { filter:drop-shadow(0 0 5px currentColor); }
.spotlight-intro-copy { align-self:end; }.spotlight-intro-copy strong { display:block; margin-bottom:8px; color:var(--lime); font-size:10px; letter-spacing:.12em; text-transform:uppercase; }.spotlight-intro-copy p { margin:0; color:var(--text); font-size:var(--body-size); line-height:1.7; }
.credit-index { min-height:100svh; padding:clamp(7rem,11vw,9rem) clamp(1.5rem,7vw,8rem) 6rem; background:radial-gradient(circle at 88% 7%,#d5ff5212,transparent 25%),var(--bg); }.credit-index > header { max-width:1100px; margin-bottom:4rem; }.credit-index > header h1 { margin:0; color:var(--section-title-color); font-family:var(--section-title-font); font-size:clamp(3.5rem,8vw,var(--section-title-size)); line-height:.86; letter-spacing:-.07em; text-transform:uppercase; }.credit-index > header > p:last-child { max-width:620px; color:var(--text); font-size:var(--body-size); line-height:1.7; }.credit-accordion-list { max-width:1250px; border-bottom:1px solid #ffffff21; }.credit-accordion { border-top:1px solid #ffffff21; }.credit-accordion summary { display:grid; grid-template-columns:55px minmax(220px,1.6fr) 75px minmax(130px,.65fr) auto 32px; gap:18px; align-items:center; min-height:82px; padding:10px 4px; cursor:pointer; list-style:none; }.credit-accordion summary::-webkit-details-marker { display:none; }.credit-accordion summary:hover,.credit-accordion[open] summary { color:var(--lime); }.credit-number { color:#626965; font-size:9px; font-weight:800; letter-spacing:.12em; }.credit-title { display:flex; min-width:0; flex-direction:column; gap:5px; }.credit-title strong { overflow:hidden; color:var(--card-title-color); font-family:var(--card-title-font); font-size:clamp(16px,2vw,25px); text-overflow:ellipsis; white-space:nowrap; }.credit-title small { color:var(--card-meta-color); font-size:var(--card-meta-size); }.credit-year,.credit-category { color:#969d99; font-size:10px; letter-spacing:.08em; text-transform:uppercase; }.credit-spotlight { padding:5px 7px; background:var(--lime); color:#070808; font-size:7px; font-weight:900; letter-spacing:.09em; text-transform:uppercase; }.credit-chevron { grid-column:6; color:#fff; font-size:22px; transition:transform .2s; }.credit-accordion[open] .credit-chevron { transform:rotate(180deg); }.credit-accordion-body { display:grid; grid-template-columns:minmax(260px,.8fr) minmax(300px,1.2fr); gap:clamp(2rem,6vw,6rem); padding:25px 0 50px 73px; }.credit-accordion-art { min-height:230px; border:1px solid #ffffff1d; background:#171918 center/cover; cursor:pointer; }.credit-accordion-art:hover { border-color:var(--lime); }.credit-accordion-copy h2 { margin:0 0 8px; color:var(--section-title-color); font-family:var(--section-title-font); font-size:clamp(2rem,4vw,4.4rem); line-height:.9; letter-spacing:-.055em; text-transform:uppercase; }.credit-accordion-copy > b { color:var(--lime); }.credit-accordion-copy > p { color:var(--text); font-size:var(--body-size); line-height:1.65; }.accordion-actions { display:flex; flex-wrap:wrap; gap:8px; margin-top:20px; }
@media (max-width:767px) { :root { --nav:0px; }.nav { width:260px; transform:translateX(-100%); align-items:stretch; }.nav:hover { width:260px; }.nav-button b { opacity:1; }.menu-open .nav { transform:none; }.mobile-header { position:fixed; z-index:18; inset:0 0 auto 0; display:grid; grid-template-columns:40px 1fr 40px; align-items:center; height:66px; padding:0 12px; background:linear-gradient(#070808,#070808bb,transparent); }.mobile-header button { border:0; background:transparent; color:#fff; font-size:20px; }.mobile-header b { text-align:center; font-size:11px; letter-spacing:.2em; }.hero { min-height:80svh; padding:7rem 20px 5.2rem; }.hero-wash { background:linear-gradient(0deg,#070808 1%,#07080855 70%),linear-gradient(90deg,#070808bb,transparent); }.hero h1 { font-size:clamp(3rem,15vw,5.4rem); }.dek { max-width:90%; font-size:13px; }.edition { display:none; }.actions { flex-wrap:wrap; }.shelves { margin-top:-25px; }.shelf-head span { display:none; }.project-card { flex-basis:74vw; }.editorial,.contact { padding:7rem 20px 3rem; }.editorial-grid { grid-template-columns:1fr; gap:1.5rem; margin-top:3rem; }.player-page { padding:6rem 15px 3rem; }.player-frame { aspect-ratio:16/10; }.player-button { width:60px; height:60px; }.spotlight-page { padding:6.5rem 20px 3rem; }.spotlight-intro { grid-template-columns:1fr; padding-bottom:2.5rem; }.spotlight-intro .eyebrow { grid-column:auto; }.spotlight-intro .button { margin-top:0; }.spotlight-grid { margin-top:3rem; }.spotlight-item { grid-template-columns:1fr; gap:1.5rem; margin-bottom:4rem; }.spotlight-item:nth-child(even) .spotlight-video { order:0; }.cv-list article { grid-template-columns:80px 1fr; gap:1rem; }.modal-art { height:240px; } }
@media (max-width:767px) { .hero { background-image:var(--mobile-hero-image,var(--hero-image)); background-position:center; }.hero h1 { font-size:clamp(3rem,15vw,var(--hero-title-size)); }.shelf-arrow { width:42px; font-size:34px; }.spotlight-intro-copy { grid-column:1; }.credit-index { padding:6.5rem 20px 3rem; }.credit-index > header { margin-bottom:2.5rem; }.credit-accordion summary { grid-template-columns:34px minmax(0,1fr) 45px 24px; gap:9px; min-height:72px; }.credit-category,.credit-spotlight { display:none; }.credit-chevron { grid-column:4; }.credit-title strong { font-size:16px; }.credit-title small { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }.credit-year { font-size:9px; }.credit-accordion-body { grid-template-columns:1fr; gap:1.5rem; padding:15px 0 35px; }.credit-accordion-art { min-height:0; aspect-ratio:16/9; } }
@media (prefers-reduced-motion:reduce) { *,*::before,*::after { scroll-behavior:auto!important; transition-duration:.01ms!important; } }