@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,400;0,500;1,400;1,500&family=DM+Sans:wght@300;400;500&display=swap');
:root{--night:#061722;--blue:#294b87;--light:#8ce5e7;--linen:#f4f1e9;--ink:#14232a;--brass:#bca476;--line:rgba(10,35,48,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--linen)}body{margin:0;background:var(--linen);color:var(--ink);font-family:"DM Sans",sans-serif;font-weight:300}a{color:inherit}.admin-bar .site-header{top:32px}
.site-header{position:fixed;z-index:20;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:20px clamp(20px,4vw,64px);color:white;background:linear-gradient(180deg,rgba(4,20,32,.78),transparent);transition:background .35s,backdrop-filter .35s}.site-header.is-scrolled{background:rgba(9,28,43,.88);backdrop-filter:blur(14px)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-family:"Cormorant Garamond",serif;font-size:clamp(20px,2vw,28px);font-weight:500}.brand__seal{display:grid;place-items:center;width:39px;height:39px;border:1px solid rgba(255,255,255,.5);border-radius:50%;color:var(--light);font-style:italic}.room-nav{display:flex;align-items:center;gap:24px}.room-nav a{position:relative;padding:8px 0;text-decoration:none;font-size:9px;letter-spacing:.2em}.room-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:0;height:1px;background:var(--light);transition:right .3s}.room-nav a:hover::after,.room-nav a[aria-current="page"]::after{right:0}
.room-hero{position:relative;display:flex;align-items:center;min-height:100svh;padding:130px clamp(24px,7vw,112px) 74px;overflow:hidden;color:white;background:var(--night) var(--hero) center/cover no-repeat;isolation:isolate}.room-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,18,29,.95) 0%,rgba(8,30,51,.84) 42%,rgba(16,46,70,.18) 77%,rgba(8,26,40,.3) 100%)}.room-hero::after{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:1px;background:rgba(255,255,255,.17)}.room-hero__content{width:min(900px,92vw)}
.kicker,.section-label{margin:0 0 24px;color:var(--light);font-size:10px;font-weight:500;letter-spacing:.28em;text-transform:uppercase}.room-hero h1{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(58px,8.8vw,132px);font-weight:400;line-height:.82;letter-spacing:-.048em;text-wrap:balance}.room-hero h1 em{display:block;color:var(--light);font-weight:400}.room-hero blockquote{max-width:790px;margin:44px 0 0;padding:4px 0 4px 22px;border-left:1px solid var(--light);font-family:"Cormorant Garamond",serif;font-size:clamp(21px,2.7vw,34px);font-style:italic;line-height:1.24}.room-hero cite{display:block;margin-top:14px;font-family:"DM Sans",sans-serif;font-size:9px;font-style:normal;font-weight:500;letter-spacing:.24em;text-transform:uppercase}.read-link{position:absolute;right:clamp(24px,6vw,94px);bottom:36px;text-decoration:none;font-size:9px;letter-spacing:.25em;text-transform:uppercase}.read-link span{color:var(--light)}
.reflection{display:grid;grid-template-columns:minmax(110px,.35fr) minmax(0,1.15fr) minmax(280px,.75fr);gap:clamp(30px,6vw,100px);padding:clamp(90px,12vw,180px) clamp(24px,8vw,130px);background:var(--linen)}.section-number{font-family:"Cormorant Garamond",serif;font-size:clamp(80px,11vw,170px);line-height:.7;color:rgba(24,64,81,.1)}.reflection h2,.practice h2,.lesson h2,.closing h2{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(46px,6vw,84px);font-weight:400;line-height:.92;letter-spacing:-.04em}.reflection h2 em,.lesson h2 em,.closing h2 em{color:#397f88;font-weight:400}.reflection__body{align-self:end}.reflection__body>p{margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(20px,2vw,27px);line-height:1.55}.pause{margin-top:34px;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.pause strong{display:block;margin-bottom:9px;color:#397f88;font-size:9px;letter-spacing:.25em;text-transform:uppercase}.pause p{margin:0;font-size:13px;line-height:1.6}
.practice{position:relative;display:grid;grid-template-columns:1fr 1fr;min-height:70svh;color:white;background:var(--night);overflow:hidden}.practice__image{min-height:480px;background:var(--practice-image) center/cover no-repeat;filter:saturate(.75)}.practice__copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(65px,9vw,140px)}.practice__copy>p:not(.section-label){max-width:550px;margin:30px 0 0;font-family:"Cormorant Garamond",serif;font-size:clamp(20px,2vw,27px);line-height:1.55;color:#dce8e5}.practice__rule{width:84px;height:1px;margin-top:38px;background:var(--light)}
.next-room{position:relative;display:flex;min-height:54svh;align-items:flex-end;padding:clamp(48px,7vw,100px);color:white;text-decoration:none;background:var(--next-image) center/cover no-repeat;isolation:isolate;overflow:hidden}.next-room::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(5,23,35,.9),rgba(5,23,35,.18))}.next-room__copy{display:flex;width:100%;align-items:flex-end;justify-content:space-between;gap:30px}.next-room small{display:block;margin-bottom:12px;font-size:9px;letter-spacing:.25em;text-transform:uppercase;color:var(--light)}.next-room strong{display:block;font-family:"Cormorant Garamond",serif;font-size:clamp(42px,6vw,82px);font-weight:400;line-height:.9}.next-room__arrow{font-size:clamp(40px,6vw,80px);transition:transform .35s}.next-room:hover .next-room__arrow{transform:translateX(16px)}
.anchor{display:grid;place-items:center;min-height:76svh;padding:100px 24px;text-align:center;color:white;background:linear-gradient(rgba(5,25,39,.65),rgba(5,25,39,.82)),var(--anchor-image) center/cover fixed}.anchor blockquote{max-width:1100px;margin:0;font-family:"Cormorant Garamond",serif;font-size:clamp(40px,6.4vw,92px);font-style:italic;line-height:1;letter-spacing:-.035em}.anchor cite{display:block;margin-top:28px;color:var(--light);font-family:"DM Sans",sans-serif;font-size:10px;font-style:normal;letter-spacing:.25em}.lesson{padding:clamp(90px,12vw,180px) clamp(24px,9vw,150px);background:var(--linen)}.lesson__grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(45px,9vw,150px);align-items:start}.lesson__copy{font-family:"Cormorant Garamond",serif;font-size:clamp(19px,2vw,26px);line-height:1.6}.movements{display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.movement{padding:30px 20px;border-right:1px solid var(--line)}.movement:last-child{border-right:0}.movement span{display:block;color:#397f88;font-family:"Cormorant Garamond",serif;font-size:36px;font-style:italic}.movement strong{font-size:10px;letter-spacing:.22em;text-transform:uppercase}.closing{display:flex;min-height:56svh;align-items:center;justify-content:center;padding:90px 24px;text-align:center;color:white;background:var(--night)}.closing__inner{max-width:850px}.closing p{margin:26px auto 35px;max-width:580px;color:#cadbd9;line-height:1.7}.return-link{display:inline-flex;gap:28px;padding:16px 0;border-bottom:1px solid var(--light);text-decoration:none;font-size:9px;letter-spacing:.24em;text-transform:uppercase}.site-footer{display:flex;justify-content:space-between;gap:20px;padding:28px clamp(24px,5vw,72px);font-size:9px;letter-spacing:.18em;text-transform:uppercase;color:#a9bfbd;background:#04121b}
[data-reveal]{opacity:0;transform:translateY(24px);transition:opacity .9s ease,transform .9s ease}[data-reveal].is-visible{opacity:1;transform:none}
@media(max-width:900px){.reflection{grid-template-columns:100px 1fr}.reflection__body{grid-column:2}.practice{grid-template-columns:1fr}.practice__image{min-height:50svh}.lesson__grid{grid-template-columns:1fr}.movements{grid-template-columns:1fr}.movement{border-right:0;border-bottom:1px solid var(--line)}.movement:last-child{border-bottom:0}}@media(max-width:782px){.admin-bar .site-header{top:46px}}@media(max-width:620px){.site-header{padding:15px 18px}.brand span:last-child{display:none}.room-nav{gap:15px}.room-hero{padding-left:22px;padding-right:22px}.room-hero::after{left:82%}.room-hero h1{font-size:clamp(52px,17vw,78px)}.read-link{right:22px}.reflection{display:block;padding:90px 24px}.section-number{margin-bottom:45px}.reflection__body{margin-top:45px}.practice__copy{padding:76px 24px}.next-room{padding:60px 24px}.anchor{background-attachment:scroll}.site-footer{display:block;line-height:1.8}.site-footer span:last-child{display:block;margin-top:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}[data-reveal]{opacity:1;transform:none;transition:none}}