:root{--navy:#06182f;--ink:#0a213d;--cream:#f6f1e8;--paper:#fbf8f2;--gold:#c99032;--line:rgba(201,144,50,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,sans-serif;font-weight:300}
a{color:inherit}
.la-nav{height:84px;padding:0 clamp(22px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper);position:relative;z-index:3}
.la-brand{display:flex;align-items:center;gap:14px;text-decoration:none;font:italic 24px 'Cormorant Garamond',serif}
.la-brand img{width:46px;height:46px}
.la-brand small{display:block;font:500 8px Manrope,sans-serif;letter-spacing:2px;text-transform:uppercase}
.la-nav nav{display:flex;gap:30px}
.la-nav nav a,.la-contact{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-decoration:none}
.la-contact{padding:13px 18px;border:1px solid var(--gold)}
.eyebrow{color:var(--gold);font-size:9px;font-weight:500;letter-spacing:3px;text-transform:uppercase}
.la-hero{min-height:720px;display:grid;grid-template-columns:1.05fr .95fr;background:var(--navy);color:white}
.la-hero-copy{padding:clamp(70px,9vw,130px) clamp(28px,7vw,110px);align-self:center}
.la-hero h1{font:400 clamp(76px,10vw,150px)/.72 'Cormorant Garamond',serif;margin:35px 0 45px}
.la-hero h1 em{display:inline-block;color:#e4c17b;font-weight:400}
.la-subtitle{font:400 clamp(26px,3vw,43px)/1.12 'Cormorant Garamond',serif}
.la-lead{max-width:570px;color:#b9c0ca;font-size:15px;line-height:1.8}
.gold-button{display:inline-flex;gap:34px;margin-top:28px;background:var(--gold);padding:18px 24px;color:#071a33;text-decoration:none;text-transform:uppercase;font-size:9px;font-weight:600;letter-spacing:1.5px}
.la-orbit{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;background:radial-gradient(circle,rgba(245,213,145,.25),transparent 57%)}
.la-orbit:before,.la-orbit:after{content:'';position:absolute;width:70%;aspect-ratio:1;border:1px solid rgba(228,193,123,.4);border-radius:50%}
.la-orbit:after{width:48%;border-style:dotted}
.la-orbit small,.la-orbit span{z-index:1;text-transform:uppercase;letter-spacing:5px;font-size:9px;color:#dfc182}
.la-orbit strong{z-index:1;font:400 clamp(55px,7vw,100px)/1 'Cormorant Garamond',serif;margin:18px 0}
.la-orbit i{z-index:1;color:var(--gold);font-size:26px;margin-top:38px}
.la-opening,.la-powers,.la-four-h,.la-outcome,.la-film,.la-final{padding:clamp(75px,10vw,150px) clamp(25px,7vw,105px)}
h2{font:400 clamp(48px,6vw,88px)/.98 'Cormorant Garamond',serif;margin:24px 0 55px}
h2 em{color:var(--gold);font-weight:400}
.two-cols{display:grid;grid-template-columns:1fr 1fr;gap:clamp(35px,8vw,130px);font:400 22px/1.65 'Cormorant Garamond',serif}
.la-powers{background:var(--cream)}
.powers-grid,.h-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line)}
.powers-grid article,.h-grid article{padding:38px 30px;min-height:280px;border-right:1px solid var(--line)}
.powers-grid article:last-child,.h-grid article:last-child{border-right:0}
.powers-grid span,.h-grid span{font-size:9px;color:var(--gold)}
.powers-grid h3,.h-grid h3{font:400 36px 'Cormorant Garamond',serif;margin:38px 0 17px}
.powers-grid p,.h-grid p{color:#637083;font-size:13px;line-height:1.7}
.la-legend{display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:white}
.la-legend figure{margin:0;min-height:650px}
.la-legend img{width:100%;height:100%;object-fit:cover}
.la-legend>div{padding:clamp(60px,8vw,120px);align-self:center}
.la-legend h2{font-size:clamp(47px,5vw,73px);margin-bottom:35px}
.la-legend>div>p:not(.eyebrow){color:#b9c0ca;line-height:1.8}
.la-legend blockquote{margin:55px 0 0;border-top:1px solid rgba(201,144,50,.45);padding-top:30px;font:italic 25px/1.4 'Cormorant Garamond',serif}
.la-legend blockquote em{color:#e4c17b}
.h-grid article{position:relative}
.h-grid b{position:absolute;right:20px;top:20px;font:italic 65px 'Cormorant Garamond',serif;color:rgba(201,144,50,.18)}
.h-grid small{display:block;margin-top:30px;color:var(--gold);text-transform:uppercase;letter-spacing:1px;font-size:8px}
.la-outcome{background:var(--navy);color:white;text-align:center}
.la-outcome h2{max-width:1150px;margin-left:auto;margin-right:auto}
.outcome-line{display:flex;align-items:center;justify-content:center;gap:35px;padding:32px;border-block:1px solid rgba(201,144,50,.45);font:400 clamp(21px,3vw,38px) 'Cormorant Garamond',serif}
.outcome-line i{color:var(--gold)}
.la-outcome>p:last-child{max-width:760px;margin:45px auto 0;color:#b9c0ca;line-height:1.8}
.la-film{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}
.la-film h2{font-size:clamp(46px,5vw,74px);margin-bottom:28px}
.la-film>div:first-child>p:last-child{color:#637083;line-height:1.8}
.video-frame{position:relative;aspect-ratio:16/9;background:var(--navy);box-shadow:0 25px 70px rgba(6,24,47,.18)}
.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.la-final{text-align:center;background:var(--cream)}
.la-final h2{max-width:1050px;margin-left:auto;margin-right:auto}
.la-final>p:not(.eyebrow){color:#637083}
footer{padding:30px 7vw;background:var(--navy);color:#8f99a7;display:flex;gap:16px;font-size:9px;letter-spacing:1.5px;text-transform:uppercase}
footer a{text-decoration:none}
@media(max-width:900px){.la-nav nav{display:none}
.la-hero,.la-legend,.la-film{grid-template-columns:1fr}
.la-orbit{min-height:480px}
.powers-grid,.h-grid{grid-template-columns:1fr 1fr}
.powers-grid article:nth-child(2),.h-grid article:nth-child(2){border-right:0}
.powers-grid article:nth-child(-n+2),.h-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}
.la-film{gap:35px}
.la-legend figure{min-height:500px}
}
@media(max-width:560px){.la-nav{height:72px}
.la-brand{font-size:18px}
.la-brand img{width:38px}
.la-contact{display:none}
.la-hero{min-height:0}
.la-hero-copy{padding-top:80px}
.la-hero h1{font-size:70px}
.la-orbit{min-height:390px}
.two-cols,.powers-grid,.h-grid{grid-template-columns:1fr}
.powers-grid article,.h-grid article{border-right:0;border-bottom:1px solid var(--line)}
.powers-grid article:last-child,.h-grid article:last-child{border-bottom:0}
.outcome-line{flex-direction:column;gap:15px}
.la-legend figure{min-height:380px}
footer{flex-wrap:wrap}
}

/* Editorial keynote journey: the chapter subtitles lead the reading. */
.la-hero h1{line-height:.8;margin-bottom:38px}
.la-hero h1 small{display:block;margin-top:34px;font:600 clamp(12px,1.05vw,16px)/1.4 Manrope,sans-serif;letter-spacing:2.8px;text-transform:uppercase;color:#e4c17b}
.la-hero .eyebrow{font-size:11px;font-weight:700;letter-spacing:3.2px}
.la-subtitle{font-size:clamp(29px,3.2vw,48px)}
.la-opening>.eyebrow,.la-powers>.eyebrow,.la-four-h>.eyebrow,.la-outcome>.eyebrow,.la-film .eyebrow,.la-final>.eyebrow{font-size:12px;font-weight:700;letter-spacing:3.3px}
.powers-grid h3,.h-grid h3{font-size:clamp(34px,2.7vw,45px)}
@media(max-width:560px){.la-hero h1 small{font-size:11px;letter-spacing:2px;margin-top:25px}.la-subtitle{font-size:27px}}
.la-questions>.eyebrow,.la-story .eyebrow,.la-opening>.eyebrow,.la-powers>.eyebrow,.la-four-h>.eyebrow,.la-outcome>.eyebrow,.la-film .eyebrow,.la-final>.eyebrow{font-size:clamp(14px,1.15vw,18px);font-weight:700;line-height:1.5;letter-spacing:3.6px}
@media(max-width:560px){.la-questions>.eyebrow,.la-story .eyebrow,.la-opening>.eyebrow,.la-powers>.eyebrow,.la-four-h>.eyebrow,.la-outcome>.eyebrow,.la-film .eyebrow,.la-final>.eyebrow{font-size:12px;letter-spacing:2.4px}}
