:root{--bg:#1A1A1A;--surface:#22252a;--ink:#f8f8fa;--muted:#c3c6cc;--gold:#C5A55A;--pink:#E91E8C;--navy:#2E4057;--red:#8B1A1A;--line:#40434a;--font:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--font)}a{color:inherit;text-decoration:none}a:hover{color:var(--gold)}a:focus-visible{outline:2px solid var(--gold);outline-offset:7px}.skip{position:absolute;top:-100px;z-index:5;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:0}.preview-note{padding:8px 5%;font-size:12px;letter-spacing:.1em;background:#2E4057;color:var(--gold);display:flex;gap:24px}.preview-note span{color:#f1f3f6;letter-spacing:.02em}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:25px}.brand{font-size:30px;font-weight:700;letter-spacing:-1.6px}.brand span{font-size:13px;vertical-align:top;letter-spacing:0;margin-left:3px}nav{display:flex;gap:30px;font-size:14px}.header-link{font-size:14px}.header-link span{margin-left:25px;color:var(--gold)}.hero{position:relative;display:grid;grid-template-columns:1.1fr 1fr;padding:0 5%;min-height:680px;overflow:hidden}.hero-copy{padding:75px 0 100px;z-index:1}.eyebrow{font-size:12px;letter-spacing:.14em;color:var(--gold);font-weight:600;margin:0 0 22px}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,7.4vw,112px);line-height:.98;letter-spacing:-.055em;margin:0 0 30px}em{font-weight:400;color:var(--gold)}.intro{font-size:20px;line-height:1.6}.hero-detail{max-width:420px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:45px;align-items:center;padding:15px 22px;font-size:14px;font-weight:600}.gold{background:var(--gold);color:#141612}.gold:hover{background:#edc98c;color:#141612}.text-link{display:inline-block;font-size:14px;border-bottom:1px solid var(--gold);padding:7px 0}.hero-copy>.text-link{margin-left:24px}.hero-art{background:linear-gradient(0deg,rgba(0,0,0,.65),transparent 45%),url("passage.png"),var(--surface);position:relative;margin:35px 0 74px 30px;min-height:440px;background-size:cover;background-position:center;border:1px solid var(--line)}.art-caption{position:absolute;bottom:25px;left:28px;right:28px;display:flex;flex-direction:column;gap:7px;font-size:12px;letter-spacing:.12em;text-shadow:0 1px 8px #000}.art-caption span:last-child{font-family:Georgia,serif;font-size:20px;letter-spacing:0}.hero-bottom{position:absolute;bottom:0;left:5%;right:5%;display:flex;justify-content:space-between;padding:20px 0;border-top:1px solid var(--line);color:var(--muted);font-size:12px;letter-spacing:.09em}.section{padding:85px 5%;border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:40px}.section-heading .eyebrow{margin-bottom:12px}h2{font:400 clamp(32px,3.5vw,50px)/1.15 Georgia,serif;letter-spacing:-.035em;margin:0}.section-heading>p{font-size:14px;color:var(--muted);margin:0}.chapter-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:8%}.chapter-intro{position:relative;padding:32px;background:#2E4057;border-left:2px solid var(--gold)}.large-number{float:right;font:400 70px/1 Georgia,serif;color:#C5A55A}.chapter-intro .eyebrow{font-size:12px;margin-top:6px}.chapter-intro h3{font:400 33px/1.2 Georgia,serif;letter-spacing:-.025em;margin:30px 0 20px}.chapter-intro>p:not(.eyebrow){color:var(--muted)}.status{font-size:12px;color:var(--muted)}.chapter-list>a,.chapter-list>div{display:flex;align-items:center;gap:25px;padding:28px 0;border-bottom:1px solid var(--line)}.chapter-list>a{padding-top:10px}.chapter-no{color:var(--gold);font:italic 22px Georgia,serif}.chapter-list h3{margin:0;font-size:20px;font-weight:400}.chapter-list p{margin:4px 0 0;font-size:14px;color:var(--muted)}.chapter-list>a>span:last-child,.chapter-list>div>span:last-child{margin-left:auto;white-space:nowrap;font-size:12px}.sample-note{font-size:12px!important;color:var(--muted);margin-top:22px!important}.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.media-card{padding:28px;background:var(--surface);border:1px solid var(--line)}.media-top{display:flex;justify-content:space-between;font-size:12px;letter-spacing:.1em;color:var(--gold)}.media-card h3{font:400 42px/1.15 Georgia,serif;letter-spacing:-.035em;margin:50px 0 20px}.media-card p{color:var(--muted);min-height:80px}.card-foot{display:flex;justify-content:space-between;gap:12px;border-top:1px solid var(--line);padding-top:20px;font-size:12px;letter-spacing:.04em}.card-foot span{color:var(--muted);letter-spacing:0}.journal{background:#f4f5f7;color:#1A1A1A}.journal .eyebrow{color:#8B1A1A}.journal .status,.journal .sample-note{color:#515763}.journal-feature{display:grid;grid-template-columns:1fr 1fr;gap:10%;border-bottom:1px solid #b7b9ac;padding-bottom:60px}.journal-side h3{font:400 46px/1.13 Georgia,serif;letter-spacing:-.03em;margin:0 0 20px}.journal-side>p:not(.eyebrow){color:#515763}.journal a:hover{color:#685024}.pullquote{display:flex;flex-direction:column;justify-content:center;border-left:1px solid #b7b9ac;padding-left:45px}.pullquote blockquote{margin:0;font:400 38px/1.3 Georgia,serif;letter-spacing:-.035em}.pullquote em{color:#8B1A1A}.pullquote>span{margin-top:30px;font-size:12px;letter-spacing:.12em}.reading{max-width:720px;margin:65px auto 0}.reading h3{font:400 34px/1.2 Georgia,serif;letter-spacing:-.025em}.reading>p:not(.eyebrow){font-size:18px;line-height:1.85}.reading aside{border-left:3px solid #E91E8C;padding:16px 24px;background:#e5e8ee;margin:30px 0}.reading aside p{margin-bottom:0}.about h2{line-height:1.25}.about>p:not(.eyebrow){max-width:530px;color:var(--muted);margin:25px 0}footer{display:flex;align-items:center;justify-content:space-between;padding:35px 5%;gap:25px}footer p,footer>span{font-size:12px;color:var(--muted)}footer p{letter-spacing:.07em}@media(min-width:1600px){body{max-width:1800px;margin:auto}}@media(max-width:900px){nav{gap:16px}.header-link{display:none}.hero{min-height:620px}.hero-copy{padding-top:50px}.hero-art{margin-left:15px}.hero-copy>.text-link{margin:16px 0 0}.hero-bottom span:last-child{display:none}.chapter-layout{gap:5%;grid-template-columns:1fr 1.2fr}.media-grid{gap:12px}.media-card{padding:20px}.media-card h3{font-size:34px}.card-foot{flex-direction:column}.journal-feature{gap:5%}.pullquote{padding-left:25px}.pullquote blockquote{font-size:30px}}@media(max-width:620px){.preview-note{font-size:12px;gap:8px;flex-direction:column}.preview-note span{font-size:12px}header{padding:18px 5%;flex-wrap:wrap;gap:12px}.brand{font-size:27px}nav{gap:18px;flex-wrap:wrap;font-size:14px}.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 0 30px}h1{font-size:76px}.hero-detail{max-width:none}.hero-copy>.text-link{margin-left:20px}.hero-art{margin:0 0 70px;min-height:330px}.hero-bottom{font-size:12px;gap:20px}.hero-bottom span:nth-child(2){max-width:150px;text-align:right}.section{padding:55px 5%}.section-heading{display:block}.section-heading>p,.section-heading>.status{display:block;margin-top:18px}.chapter-layout,.media-grid,.journal-feature{grid-template-columns:1fr}.chapter-list{margin-top:25px}.chapter-list>a,.chapter-list>div{gap:15px}.chapter-list h3{font-size:18px}.chapter-list>a>span:last-child,.chapter-list>div>span:last-child{max-width:70px;white-space:normal;text-align:right}.media-grid{gap:16px}.media-card h3{margin-top:32px}.media-card p{min-height:auto}.card-foot{flex-direction:row}.pullquote{padding:30px 0 0;border-left:0;border-top:1px solid #b7b9ac;margin-top:25px}.reading{margin-top:45px}.journal-side h3{font-size:40px}footer{align-items:start;flex-direction:column;gap:12px}footer p{margin:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Earnheart Media Brand Identity System, February 2026, v1.0. */
.brand{display:flex;align-items:center;gap:12px;font-family:Arial,Helvetica,sans-serif;font-size:29px;font-weight:900;letter-spacing:.18em;line-height:1;color:var(--ink)}
.brand span{font-size:10px;letter-spacing:.16em;line-height:1.6;margin:0;max-width:60px;border-left:2px solid var(--pink);padding-left:12px}
h1,h2,.chapter-intro h3,.media-card h3,.journal-side h3,.reading h3,.pullquote blockquote{font-family:Arial,Helvetica,sans-serif;font-weight:800;font-stretch:expanded;letter-spacing:.035em}
h1{font-size:clamp(46px,5.8vw,90px);text-transform:uppercase;line-height:1.12;letter-spacing:.02em}
h1 em{font-style:normal;font-weight:800;color:var(--gold)}
h2{font-size:clamp(28px,3.1vw,44px);line-height:1.2;letter-spacing:.015em}
h2 em{font-style:normal;font-weight:800;color:var(--pink)}
.eyebrow{letter-spacing:.16em}.hero-copy>.eyebrow{color:var(--gold)}
.hero{border-top:3px solid var(--pink)}
.button.gold{background:var(--pink);color:#1A1A1A;font-weight:800}.button.gold:hover{background:#f25dac;color:#1A1A1A}
.text-link{border-color:var(--pink)}
.chapter-intro{border-left:3px solid var(--pink)}
.chapter-intro h3{font-size:30px;line-height:1.25;letter-spacing:.01em}
.chapter-list h3{font-weight:600}.chapter-no{font-family:Arial,sans-serif;font-style:normal}
.media-card:nth-child(2){border-top:3px solid var(--pink)}
.media-card:nth-child(1){border-top:3px solid var(--gold)}
.media-card:nth-child(3){border-top:3px solid var(--navy)}
.media-card h3{font-size:36px;letter-spacing:.01em}.media-top{color:var(--gold)}
.art-caption span:last-child{font-family:Arial,sans-serif;font-size:12px;font-weight:600;letter-spacing:.1em}
.journal-side h3{font-size:40px;letter-spacing:.01em}.pullquote blockquote{font-size:32px;font-weight:600;letter-spacing:.01em}.pullquote em{font-weight:600}
.reading h3{font-size:30px;letter-spacing:.01em}.sample-note,footer>span{font-family:Georgia,serif}
.about h2{font-size:clamp(40px,6vw,82px);letter-spacing:.08em;text-transform:uppercase}.brand-family{font-size:14px}
@media(max-width:900px){.hero{grid-template-columns:1.2fr 1fr}.hero-art{margin-left:20px}.media-card h3{font-size:29px}.journal-side h3{font-size:34px}.pullquote blockquote{font-size:27px}}
@media(max-width:760px){.hero{display:flex;flex-direction:column}.hero-copy{padding:42px 0 30px}.hero-art{margin:0 0 85px;min-height:360px}.hero-bottom{gap:20px}.hero-bottom span:first-child{max-width:220px}.hero-copy>.text-link{margin-left:20px}h1{font-size:clamp(38px,9vw,68px)}.section-heading{align-items:start}.chapter-layout{grid-template-columns:1fr}.chapter-list{margin-top:25px}}
@media(max-width:620px){.brand{font-size:26px}.hero-bottom{font-size:11px}.hero-bottom span:nth-child(2){max-width:130px}.media-card h3{font-size:34px}.journal-side h3{font-size:34px}.hero-copy>.text-link{margin-left:0;margin-right:25px}.hero-copy>.button{margin-right:20px}.hero-art{min-height:300px}.art-caption{left:20px;right:20px}}
/* Accessible text pairing keeps the exact brand accent colors. */
.button.gold,.button.gold:hover{color:#000}
.preview-note,.chapter-intro .eyebrow{color:#f8f8fa}

/* Approved logo artwork, preserved without recoloring or cropping. */
.brand{gap:14px;letter-spacing:.12em}.brand img{display:block;width:100px;height:auto;background:#fff;border-radius:2px}.brand span{max-width:none;border:0;padding:0;font-size:12px;line-height:1.6;letter-spacing:.14em}
.brand-marks{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:45px 0 32px}.brand-marks figure{margin:0;min-width:0}.mark-surface{height:230px;background:#fff;display:flex;align-items:center;justify-content:center;padding:12px}.mark-surface img{display:block;width:100%;height:100%;object-fit:contain}.brand-marks figcaption{padding:16px 0;display:flex;flex-direction:column;gap:4px}.brand-marks strong{font-size:16px;font-weight:600}.brand-marks figcaption span{font-size:14px;color:var(--muted)}
@media(max-width:760px){header{flex-wrap:wrap}.brand-marks{gap:16px}.mark-surface{height:180px}.brand span{font-size:11px}}
@media(max-width:620px){.brand img{width:80px}.brand-marks{grid-template-columns:1fr}.mark-surface{height:260px}header nav{width:100%;justify-content:space-between;gap:12px}}

/* The cover opens once and remains in the light. Static is the default. */
.moment-cover{isolation:isolate;overflow:hidden;background:#080807;min-height:510px}
.moment-scene,.moment-image,.moment-shutter,.moment-light{position:absolute;inset:0;pointer-events:none}
.moment-image{background:linear-gradient(0deg,rgba(0,0,0,.95),transparent 78%),url("passage.png") center/cover;transform:scale(1.025)}
.moment-shutter{background:#080807;opacity:0}
.moment-shutter-left{clip-path:polygon(0 0,69% 0,69% 100%,0 100%);transform:translateX(-72%)}
.moment-shutter-right{clip-path:polygon(71% 0,100% 0,100% 100%,71% 100%);transform:translateX(32%)}
.moment-light{background:radial-gradient(ellipse at 71% 25%,#ffe2a836,transparent 50%);mix-blend-mode:screen;opacity:.65}
.moment-copy{position:absolute;z-index:1;left:clamp(22px,3vw,46px);right:22px;bottom:76px}
.moment-kicker{font-size:11px;font-weight:700;letter-spacing:.22em;color:#f2dba6;margin:0 0 24px}
.moment-words{font-size:clamp(25px,2.8vw,44px);font-weight:800;line-height:1.17;letter-spacing:-.025em;margin:0}
.moment-words span{display:block}
.moment-words span:last-child{color:#f1d59b}
.moment-closing{font-family:Georgia,serif;font-style:italic;font-size:16px;line-height:1.5;margin:22px 0 0;color:#e1ddd4}
.moment-control{position:absolute;z-index:2;bottom:20px;right:22px;border:1px solid #847457;background:#080807d9;color:#f2e3c8;padding:10px 14px;font:12px Arial,sans-serif;cursor:pointer;min-height:44px}
.moment-control:hover{background:#302719}.moment-control:focus-visible{outline:2px solid var(--pink);outline-offset:4px}
.moment-cover.is-ready .moment-image{opacity:.18;transform:scale(1.1)}
.moment-cover.is-ready .moment-shutter{opacity:1;transform:translateX(0)}
.moment-cover.is-ready .moment-light,.moment-cover.is-ready .moment-copy>*{opacity:0}
.moment-cover.is-playing .moment-image{animation:moment-room 8s cubic-bezier(.22,.61,.36,1) both}
.moment-cover.is-playing .moment-shutter-left{animation:moment-open-left 6s 1s cubic-bezier(.4,0,.2,1) both}
.moment-cover.is-playing .moment-shutter-right{animation:moment-open-right 6s 1s cubic-bezier(.4,0,.2,1) both}
.moment-cover.is-playing .moment-light{animation:moment-glow 8s both}
.moment-cover.is-playing .moment-kicker{animation:moment-rise 1.1s .6s both}
.moment-cover.is-playing .moment-words span{animation:moment-rise 1.2s 1.5s both}
.moment-cover.is-playing .moment-words span:nth-child(2){animation-delay:3.1s}
.moment-cover.is-playing .moment-words span:nth-child(3){animation-delay:4.7s}
.moment-cover.is-playing .moment-closing{animation:moment-rise 1.4s 6.4s both}
.moment-cover.is-paused *{animation-play-state:paused!important}
@keyframes moment-room{from{opacity:.18;transform:scale(1.1)}to{opacity:1;transform:scale(1.025)}}
@keyframes moment-open-left{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(-72%)}}
@keyframes moment-open-right{from{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(32%)}}
@keyframes moment-glow{0%{opacity:0}45%{opacity:1}100%{opacity:.65}}
@keyframes moment-rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:760px){.moment-cover{min-height:480px}.moment-words{font-size:clamp(30px,6vw,44px)}}
@media(prefers-reduced-motion:reduce){.moment-cover:not(.manual-motion) *{animation:none!important}.moment-cover.is-ready .moment-image,.moment-cover.is-ready .moment-copy>*{opacity:1;transform:none}.moment-cover.is-ready .moment-shutter{opacity:0}}

/* First released film. Native controls preserve keyboard and mobile playback. */
.film-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,420px);gap:9%;align-items:center;background:#141414}.film-copy{max-width:580px}.film-copy h2{font-size:clamp(32px,4.5vw,66px);line-height:1.12}.film-intro{font-size:21px;color:var(--muted);margin:28px 0}.film-credit{border-left:3px solid var(--pink);padding-left:20px;margin:32px 0;color:var(--muted)}.film-player{margin:0;min-width:0}.film-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;background:#000;border:1px solid var(--line)}.film-player video:focus-visible{outline:2px solid var(--gold);outline-offset:5px}.film-player figcaption{font-size:12px;color:var(--muted);margin-top:12px}.film-copy details{margin-top:24px;color:var(--muted)}.film-copy summary{cursor:pointer;color:var(--ink)}
@media(max-width:620px){.film-section{grid-template-columns:1fr;gap:32px}.film-player{width:min(100%,380px);justify-self:center}}