@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@400;500;600;700&display=swap');
:root{--ink:#07131d;--ink2:#0b1b28;--panel:#0e2230;--line:rgba(218,185,125,.23);--gold:#d9ad66;--gold2:#f0d49b;--paper:#f5f0e7;--muted:#aeb9c1;--white:#fffaf1;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--sans);font-size:16px;line-height:1.65;overflow-x:hidden}body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(ellipse at 80% 0%,rgba(35,71,88,.16),transparent 44%)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--gold2);outline-offset:4px}::selection{background:var(--gold);color:var(--ink)}.content-wrap,.nav-shell{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}
.site-header{height:78px;position:sticky;top:0;z-index:100;background:rgba(4,15,23,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-shell{height:100%;display:flex;align-items:center;gap:30px}.wordmark{font:600 25px/1 var(--serif);letter-spacing:.07em;white-space:nowrap;color:var(--white)}.wordmark span{color:var(--gold)}.primary-nav{display:flex;align-items:center;justify-content:center;gap:clamp(12px,1.7vw,26px);margin-left:auto}.primary-nav a{font-size:12px;color:#d1d8dc;white-space:nowrap;position:relative;padding:9px 0;transition:color .2s}.primary-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:2px;height:1px;background:var(--gold);transition:right .25s}.primary-nav a:hover,.primary-nav a.active{color:var(--gold2)}.primary-nav a:hover:after,.primary-nav a.active:after{right:0}.header-cta{border:1px solid #a77d40;color:var(--gold2);padding:10px 15px;font-size:12px;white-space:nowrap;transition:background .2s,color .2s}.header-cta:hover{background:var(--gold);color:var(--ink)}.header-cta span{margin-left:8px}.menu-toggle{display:none;background:none;border:0;color:var(--paper);width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:1px;background:var(--gold);margin:6px 0;transition:transform .2s}
.home-hero{min-height:min(740px,calc(100svh - 78px));height:680px;max-height:850px;position:relative;display:flex;align-items:center;overflow:hidden;background:#07131d}.home-art,.hero-image{position:absolute;inset:0;background-position:center;background-size:cover;transform:scale(1.015)}.home-art{background-image:url('assets/banner-home.webp');animation:art-arrive 1.2s ease both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,13,21,.91) 0%,rgba(3,13,21,.70) 38%,rgba(3,13,21,.15) 75%,rgba(3,13,21,.08)),linear-gradient(0deg,rgba(4,15,23,.72),transparent 40%,rgba(4,15,23,.15));pointer-events:none}.home-copy{position:relative;z-index:2;padding-top:10px;animation:copy-arrive .8s .1s both}.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:700;color:var(--gold);text-transform:uppercase;margin:0 0 18px;display:flex;align-items:center;gap:10px}.eyebrow>span{display:inline-block;width:28px;height:1px;background:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:-.045em;line-height:1.04}h1{font-size:clamp(48px,6vw,82px);margin:0 0 22px;max-width:780px;color:var(--white)}h1 em,h2 em{font-weight:400;color:var(--gold2)}.hero-deck{font-size:clamp(15px,1.4vw,18px);line-height:1.75;color:#d4dce0;max-width:580px;margin-bottom:30px}.button-row{display:flex;gap:12px;flex-wrap:wrap}.button{min-height:46px;display:inline-flex;align-items:center;justify-content:center;gap:16px;padding:12px 18px;font-size:11px;font-weight:700;letter-spacing:.03em;border:1px solid transparent;cursor:pointer;transition:transform .25s,background .25s,border-color .25s;color:var(--ink)}.button:hover{transform:translateY(-2px)}.button-gold{background:var(--gold);color:#101923}.button-gold:hover{background:var(--gold2)}.button-glass{background:rgba(7,19,29,.4);border-color:rgba(244,221,178,.65);color:var(--white);backdrop-filter:blur(8px)}.button-glass:hover{background:rgba(217,173,102,.12);border-color:var(--gold)}.hero-note{display:flex;align-items:center;gap:12px;margin-top:54px;color:#bdc4c7;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.note-line{height:1px;width:40px;background:var(--gold)}.home-caption{position:absolute;right:32px;bottom:25px;color:#d6d2c9;font-size:9px;letter-spacing:.17em}.home-caption span{margin-left:20px;color:var(--gold)}
.intro-strip{background:#0a1a26;border-block:1px solid var(--line);padding:54px 0}.intro-grid{display:grid;grid-template-columns:1fr 1.35fr auto;align-items:center;gap:50px}.intro-grid h2,.section-heading h2,.feature-layout h2,.closing-cta h2,.split-cta h2,.production-cta h2,.about-copy h2,.contact-aside h2{font-size:clamp(34px,4vw,52px);margin:0}.intro-grid p{color:var(--muted);font-size:14px;margin:0;max-width:550px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--gold2);font-size:12px;font-weight:700;white-space:nowrap}.text-link span{transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}
.section-pad{padding:94px 0}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:38px}.section-heading h2{font-size:clamp(36px,4.5vw,58px)}.section-heading>p{max-width:390px;color:var(--muted);font-size:13px;margin:0 0 5px}.world-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.world-card{min-height:315px;padding:22px;display:flex;flex-direction:column;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:#0b1b28;transition:transform .3s,border-color .3s}.world-card:before{content:"";position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center;transition:transform .6s}.world-card:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(0deg,rgba(3,13,20,.98),rgba(3,13,20,.28) 80%)}.world-card:hover{transform:translateY(-5px);border-color:var(--gold)}.world-card:hover:before{transform:scale(1.06)}.world-books:before{background-image:url('assets/banner-books.webp')}.world-cup:before{background-image:url('assets/banner-cup-mystery.webp')}.world-audio:before{background-image:url('assets/banner-audiobooks.webp')}.world-screen:before{background-image:url('assets/banner-film-tv.webp')}.world-number{font-size:9px;letter-spacing:.14em;color:var(--gold2)}.world-card h3{font:500 27px/1.1 var(--serif);margin:0 0 8px}.world-card p{font-size:12px;color:#c2cbd0;margin:0;max-width:220px}.round-arrow{position:absolute;right:20px;bottom:23px;width:34px;height:34px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}
.featured-band{padding:65px 0;background:#0b1b28;border-block:1px solid var(--line)}.feature-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:60px;align-items:center}.feature-layout h2{font-size:clamp(42px,5vw,65px);margin-bottom:18px}.feature-layout p:not(.eyebrow){max-width:420px;color:var(--muted);font-size:14px}.feature-layout .button{margin-top:10px}.feature-art{min-height:390px;background:url('assets/banner-cup-mystery.webp') center/cover;border:1px solid var(--line);position:relative}.feature-art:after{content:"THE PEOPLE’S CUP";position:absolute;bottom:18px;left:20px;font-size:10px;letter-spacing:.2em;color:var(--gold2)}.closing-cta{text-align:center;padding:60px 24px;border:1px solid var(--line);background:linear-gradient(130deg,rgba(21,48,63,.65),rgba(6,19,29,.6))}.closing-cta .eyebrow{justify-content:center}.closing-cta h2{font-size:clamp(38px,5vw,60px);margin-bottom:15px}.closing-cta>p:not(.eyebrow){color:var(--muted);max-width:560px;margin:0 auto 24px}
.inner-hero{height:340px;position:relative;display:flex;align-items:center;overflow:hidden;border-bottom:1px solid var(--line);isolation:isolate}.inner-hero .hero-image{z-index:-2}.inner-hero .hero-shade{z-index:-1;background:linear-gradient(90deg,rgba(3,13,21,.94),rgba(3,13,21,.73) 48%,rgba(3,13,21,.24)),linear-gradient(0deg,rgba(4,15,23,.55),transparent 55%)}.hero-copy{position:relative;z-index:2;padding-top:8px}.inner-hero h1{font-size:clamp(43px,5.4vw,68px);margin-bottom:14px}.inner-hero .hero-deck{font-size:15px;max-width:620px;margin-bottom:0}.hero-index{position:absolute;right:32px;bottom:22px;color:#b7c2c7;font-size:9px;letter-spacing:.15em}.hero-index i{color:var(--gold);font-style:normal;margin:0 8px}.hero-books .hero-image{background-image:url('assets/banner-books.webp')}.hero-cup-mystery .hero-image{background-image:url('assets/banner-cup-mystery.webp')}.hero-audiobooks .hero-image{background-image:url('assets/banner-audiobooks.webp')}.hero-trailers .hero-image{background-image:url('assets/banner-trailers.webp')}.hero-film-tv .hero-image{background-image:url('assets/banner-film-tv.webp')}.hero-about .hero-image{background-image:url('assets/banner-about.webp')}.hero-contact .hero-image{background-image:url('assets/banner-contact.webp')}
.catalog-tools{display:grid;gap:20px;margin-bottom:30px}.search-field{display:flex;align-items:center;gap:12px;border:1px solid var(--line);background:#091a26;padding:0 15px;max-width:530px}.search-field>span{font-size:25px;color:var(--gold)}.search-field input{width:100%;min-height:48px;border:0;background:transparent;color:var(--paper);outline:none}.filter-pills{display:flex;gap:8px;flex-wrap:wrap}.filter-pill{border:1px solid var(--line);background:transparent;color:#cbd3d7;padding:9px 14px;font-size:11px;cursor:pointer;transition:all .2s}.filter-pill.active,.filter-pill:hover{background:var(--gold);border-color:var(--gold);color:var(--ink)}.filter-pill span{font-size:9px;opacity:.7;margin-left:6px}.book-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 17px}.book-card{min-width:0;border:1px solid rgba(255,255,255,.09);background:rgba(10,27,39,.6);transition:transform .25s,border-color .25s}.book-card:hover{transform:translateY(-4px);border-color:var(--line)}.book-art{height:280px;position:relative;background:#122635;overflow:hidden;display:flex;justify-content:center}.book-art img{height:100%;width:100%;object-fit:contain;transition:transform .4s}.book-card:hover .book-art img{transform:scale(1.025)}.book-type{position:absolute;bottom:10px;left:10px;padding:5px 8px;background:rgba(4,15,23,.85);font-size:8px;letter-spacing:.1em;text-transform:uppercase;color:var(--gold2)}.book-info{padding:17px}.book-info h3{font:500 19px/1.25 var(--serif);margin:0 0 10px}.book-info p{font-size:11px;line-height:1.65;color:var(--muted);min-height:56px;margin:0 0 14px}.inline-action{padding:0;background:none;border:0;color:var(--gold2);font-size:11px;font-weight:700;cursor:pointer}.inline-action span{margin-left:8px}.empty-state{padding:35px;text-align:center;color:var(--muted)}.modal-backdrop[hidden]{display:none}.modal-backdrop{position:fixed;inset:0;z-index:200;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);display:grid;place-items:center;padding:20px}.story-modal{position:relative;background:#0b1e2b;border:1px solid var(--line);padding:40px;width:min(100%,540px);box-shadow:0 25px 90px #0008}.story-modal h2{font-size:38px;margin:0 0 15px}.story-modal>p:not(.eyebrow){color:var(--muted)}.modal-x{position:absolute;right:15px;top:10px;color:var(--paper);background:none;border:0;font-size:28px;cursor:pointer}
.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:120px 1fr 42px;align-items:center;gap:25px;padding:24px 12px;border-bottom:1px solid var(--line);transition:background .2s}.timeline article:hover{background:rgba(255,255,255,.025)}.timeline article>span{font:500 35px var(--serif);color:var(--gold2)}.timeline h3{font:500 23px var(--serif);margin:0 0 4px}.timeline p{font-size:12px;color:var(--muted);margin:0}.timeline article>a{width:36px;height:36px;border:1px solid var(--line);display:grid;place-items:center;color:var(--gold)}.wide-art{height:350px;margin-top:45px;border:1px solid var(--line);background:url('assets/banner-cup-mystery.webp') center 48%/cover}.split-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:55px}.split-cta h2{font-size:40px}
.audio-feature{display:grid;grid-template-columns:1.15fr .85fr;min-height:380px;border:1px solid var(--line);background:#0b1d2a}.audio-visual{background:url('assets/banner-audiobooks.webp') center/cover;min-height:320px}.audio-copy{padding:clamp(25px,4vw,50px);align-self:center}.audio-copy h3{font:500 clamp(32px,4vw,48px)/1.08 var(--serif);margin:0 0 16px}.audio-copy>p:not(.eyebrow){font-size:13px;color:var(--muted)}.audio-copy .small-note{font-size:10px!important;margin-top:18px;color:#84949e!important}.note-panel{margin-top:20px;padding:22px;display:flex;align-items:center;gap:20px;border:1px solid var(--line)}.note-symbol{font-size:26px;color:var(--gold)}.note-panel h3{font:500 21px var(--serif);margin:0 0 4px}.note-panel p{font-size:12px;color:var(--muted);margin:0}.note-panel .text-link{margin-left:auto}
.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.video-card{border:1px solid var(--line);background:#0a1a26}.video-art{height:230px;position:relative;display:flex;align-items:center;justify-content:center;background-position:center;background-size:cover;overflow:hidden}.video-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,13,20,.65),transparent 70%)}.video-cup{background-image:url('assets/banner-cup-mystery.webp')}.video-harbor{background-image:url('assets/banner-home.webp')}.video-france{background-image:url('assets/banner-trailers.webp')}.video-label{position:absolute;left:15px;top:15px;z-index:1;font-size:9px;letter-spacing:.15em;color:var(--gold2)}.play-mark{position:relative;z-index:1;border:1px solid rgba(255,255,255,.75);width:48px;height:48px;border-radius:50%;display:grid;place-items:center;padding-left:3px;color:white}.video-meta{display:flex;justify-content:space-between;gap:10px;padding:18px;align-items:start}.video-meta h3{font:500 20px var(--serif);margin:5px 0 0}.video-meta .eyebrow{font-size:8px;margin:0}.availability{font-size:9px;color:var(--gold2);border:1px solid var(--line);padding:5px 7px;white-space:nowrap}.notice{display:flex;gap:12px;margin-top:24px;padding:15px;background:#0b1d29;border:1px solid var(--line);color:var(--muted);font-size:11px}.notice span{color:var(--gold);font-weight:bold}.notice p{margin:0}
.screen-projects{display:grid;grid-template-columns:1fr 1fr;gap:18px}.screen-project{border:1px solid var(--line);background:#0a1a26}.project-image{height:285px;background-size:cover;background-position:center}.project-captain .project-image{background-image:url('assets/banner-home.webp')}.project-cup .project-image{background-image:url('assets/banner-cup-mystery.webp')}.project-copy{padding:25px}.project-copy h3{font:500 34px var(--serif);margin:0 0 12px}.project-copy>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:500px}.production-cta{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:55px;padding:32px;background:#0b1d29;border:1px solid var(--line)}.production-cta h2{font-size:36px;margin-bottom:8px}.production-cta p:not(.eyebrow){color:var(--muted);font-size:12px;margin:0}.production-cta .button{flex-shrink:0}
.about-layout{display:grid;grid-template-columns:.75fr 1.25fr;gap:clamp(35px,7vw,90px);align-items:center}.portrait-frame{height:440px;border:1px solid var(--line);background:#08131e;position:relative;overflow:hidden}.author-portrait{display:block;width:100%;height:100%;object-fit:cover;object-position:center 34%;filter:saturate(.9);transition:transform .5s ease}.portrait-frame:hover .author-portrait{transform:scale(1.025)}.portrait-caption{font-size:9px;letter-spacing:.16em;color:var(--muted);margin:12px 0}.about-copy h2{margin-bottom:22px}.about-copy>p:not(.eyebrow){color:#bdc7cc;font-size:14px}.about-values{border-top:1px solid var(--line);margin:26px 0;padding-top:15px}.about-values div{display:flex;gap:18px;padding:9px 0;font-size:12px}.about-values strong{font-size:10px;color:var(--gold);letter-spacing:.1em}.about-values span{color:#d6dadd}
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(35px,7vw,95px)}.contact-aside h2{margin-bottom:20px}.contact-aside>p:not(.eyebrow){font-size:13px;color:var(--muted);max-width:430px}.contact-detail{display:flex;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}.contact-detail>span{color:var(--gold);font-size:22px}.contact-detail small{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold);margin-bottom:5px}.contact-detail a,.contact-detail p{font-size:13px;margin:0;color:var(--paper)}.contact-art{height:155px;margin-top:28px;background:url('assets/banner-contact.webp') center/cover;border:1px solid var(--line)}.contact-form{background:#0b1d2a;border:1px solid var(--line);padding:clamp(22px,4vw,40px)}.contact-form h2{font:500 34px var(--serif);margin:0 0 24px}.contact-form label{display:block;font-size:11px;color:#d5dde0;margin:15px 0 6px}.contact-form input,.contact-form textarea,.contact-form select{width:100%;min-height:46px;background:#071620;color:var(--paper);border:1px solid rgba(255,255,255,.14);padding:11px 12px;border-radius:0}.contact-form textarea{resize:vertical;min-height:120px}.contact-form select option{background:#071620}.contact-form .button{margin-top:20px}.form-note{font-size:10px;color:#9eabb3;margin:15px 0 0}
.site-footer{background:#040e16;border-top:1px solid var(--line);padding:38px 0 18px}.footer-main,.footer-bottom{width:min(var(--wrap),calc(100% - 64px));margin-inline:auto}.footer-main{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;padding-bottom:28px}.footer-main p{margin:0;color:var(--muted);font-size:12px}.footer-main>a:last-child{font-size:12px;color:var(--gold2)}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding-top:16px;display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap;font-size:10px;color:#84939d}.footer-bottom a{color:var(--gold2)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}.reveal.is-visible{opacity:1;transform:none}@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes art-arrive{from{transform:scale(1.07);filter:brightness(.7)}to{transform:scale(1.015);filter:brightness(1)}}
@media(max-width:1100px){.nav-shell,.content-wrap,.footer-main,.footer-bottom{width:calc(100% - 44px)}.nav-shell{gap:18px}.primary-nav{gap:12px}.primary-nav a{font-size:11px}.wordmark{font-size:23px}.header-cta{padding:9px 10px}.world-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.intro-grid{gap:28px}.book-art{height:260px}}
@media(max-width:900px){.menu-toggle{display:block;margin-left:auto;order:3}.header-cta{order:2}.primary-nav{display:none;position:absolute;top:77px;left:0;right:0;margin:0;padding:20px 24px 25px;background:rgba(4,15,23,.98);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0;max-height:calc(100svh - 78px);overflow-y:auto}.primary-nav.is-open{display:flex}.primary-nav a{font-size:14px;padding:12px 3px;border-bottom:1px solid rgba(255,255,255,.06)}.primary-nav a:after{display:none}.intro-grid{grid-template-columns:1fr 1.2fr}.intro-grid .text-link{grid-column:2}.feature-layout{gap:30px}.book-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.inner-hero{height:320px}}
@media(max-width:650px){.content-wrap,.nav-shell,.footer-main,.footer-bottom{width:calc(100% - 36px)}.site-header{height:70px}.primary-nav{top:69px;max-height:calc(100svh - 70px)}.wordmark{font-size:22px}.header-cta{font-size:10px;padding:9px}.home-hero{height:auto;min-height:650px;max-height:none;padding:75px 0 65px;align-items:center}.home-art{background-position:59% center}.home-hero .hero-shade{background:linear-gradient(90deg,rgba(3,13,21,.88),rgba(3,13,21,.43)),linear-gradient(0deg,rgba(4,15,23,.8),transparent 65%)}.home-copy{padding-top:0}.home-copy h1{font-size:clamp(44px,10vw,65px)}.hero-deck{font-size:14px}.hero-note{margin-top:35px}.home-caption{right:18px;bottom:16px}.intro-strip{padding:38px 0}.intro-grid{grid-template-columns:1fr;gap:15px}.intro-grid .text-link{grid-column:auto}.section-pad{padding:62px 0}.section-heading{display:block;margin-bottom:28px}.section-heading>p{margin-top:16px}.world-grid{gap:10px}.world-card{min-height:265px;padding:16px}.world-card h3{font-size:23px}.feature-layout{grid-template-columns:1fr;gap:25px}.feature-art{min-height:260px;order:-1}.inner-hero{height:auto;min-height:285px;padding:55px 0}.inner-hero h1{font-size:clamp(40px,10vw,58px)}.inner-hero .hero-deck{font-size:13px}.hero-index{right:18px;bottom:13px;font-size:8px}.book-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.book-art{height:clamp(165px,56vw,270px)}.book-info{padding:12px}.book-info h3{font-size:16px}.book-info p{font-size:10px;min-height:0}.filter-pills{gap:6px}.filter-pill{padding:8px 10px}.timeline article{grid-template-columns:75px 1fr 35px;gap:12px;padding:18px 3px}.timeline article>span{font-size:27px}.timeline h3{font-size:20px}.timeline p{font-size:11px}.wide-art{height:230px}.split-cta,.production-cta{align-items:flex-start;flex-direction:column}.split-cta h2,.production-cta h2{font-size:32px}.audio-feature{grid-template-columns:1fr}.audio-visual{min-height:230px}.audio-copy{padding:25px}.note-panel{align-items:flex-start;flex-wrap:wrap}.note-panel .text-link{margin-left:0}.video-grid{grid-template-columns:1fr}.video-art{height:230px}.video-meta{flex-wrap:wrap}.screen-projects{grid-template-columns:1fr}.project-image{height:230px}.about-layout,.contact-layout{grid-template-columns:1fr;gap:30px}.portrait-frame{height:320px}.contact-form{padding:22px}.footer-main{grid-template-columns:1fr;gap:12px}.footer-bottom{gap:10px}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:380px){.content-wrap,.nav-shell,.footer-main,.footer-bottom{width:calc(100% - 28px)}.header-cta{display:none}.world-grid{grid-template-columns:1fr}.world-card{min-height:220px}.book-grid{grid-template-columns:1fr 1fr}.book-art{height:170px}.book-info h3{font-size:15px}.home-copy h1{font-size:43px}.button-row .button{width:100%}.filter-pills{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.filter-pill{width:100%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}

.featured-books-section{background:linear-gradient(180deg,#07131d,#081824)}
.featured-books-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.featured-book{min-width:0;display:block;border:1px solid rgba(255,255,255,.12);background:#0a1b27;transition:transform .25s,border-color .25s;overflow:hidden}
.featured-book:hover{transform:translateY(-4px);border-color:var(--gold)}
.featured-book img{width:100%;height:235px;object-fit:cover;object-position:center top;background:#122635;transition:transform .4s}
.featured-book:hover img{transform:scale(1.025)}
.featured-book span{display:block;font-size:8px;letter-spacing:.12em;color:var(--gold);padding:14px 12px 5px}
.featured-book h3{font:500 18px/1.2 var(--serif);padding:0 12px 15px;margin:0}
@media(max-width:1100px){.featured-books-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.featured-book img{height:250px}}
@media(max-width:650px){.featured-books-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.featured-book img{height:clamp(190px,58vw,260px)}.featured-book h3{font-size:16px}}
@media(max-width:360px){.featured-books-grid{grid-template-columns:1fr 1fr}.featured-book img{height:175px}}