@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Sans:opsz,wght@9..40,400;9..40,500;9..40,600;9..40,700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');

:root { --ink:#25211d; --muted:#6f685f; --paper:#f7f2e9; --orange:#e95d2b; --yellow:#ffd93b; --green:#426544; --line:rgba(37,33,29,.16); }
* { box-sizing:border-box; }
html { background:var(--paper); }
body { margin:0; color:var(--ink); background:var(--paper); font:17px/1.7 "DM Sans", sans-serif; }
img { display:block; width:100%; }
.site-header,.hero,.chapter,.closing,.site-footer { width:min(1160px, calc(100% - 56px)); margin:auto; }
.site-header { display:flex; align-items:center; justify-content:space-between; padding:26px 0; }
.brand { color:var(--ink); font-size:1.45rem; font-weight:700; letter-spacing:-.07em; text-decoration:none; }.brand span { color:var(--orange); }.back-link { color:var(--muted); font-size:.92rem; font-weight:600; text-decoration:none; }.back-link span { color:var(--orange); }
.hero { min-height:780px; padding:105px 0 85px; position:relative; }.eyebrow,.chapter-number { margin:0 0 18px; color:var(--orange); font:.72rem/1.3 "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
h1,h2,p { margin-top:0; } h1,h2,.display-copy,blockquote { font-family:"Playfair Display",serif; letter-spacing:-.055em; line-height:.98; } h1 { max-width:900px; margin:0; font-size:clamp(4rem,10.5vw,9.5rem); font-weight:600; } h1 em { color:var(--orange); font-weight:500; }.hero-copy { max-width:525px; margin:38px 0 0 9%; color:var(--muted); font-size:1.22rem; }.hero-copy em { color:var(--ink); }
.portrait-pair { position:absolute; right:4%; bottom:20px; width:355px; height:306px; margin:0; }.portrait { position:absolute; width:187px; height:236px; margin:0; overflow:hidden; border:8px solid var(--paper); box-shadow:0 18px 35px rgba(37,33,29,.19); }.portrait img { height:100%; object-fit:cover; }.portrait-raghav { left:0; bottom:0; transform:rotate(-7deg); }.portrait-nilfa { top:0; right:0; transform:rotate(8deg); }.portrait-pair p { position:absolute; right:3px; bottom:-47px; width:280px; margin:0; color:var(--muted); font-size:.78rem; line-height:1.4; text-align:right; }
.chapter { display:grid; grid-template-columns:1fr 2fr; gap:8%; padding:125px 0; }.chapter-number { padding-top:13px; }.prose { max-width:650px; }.prose p { margin-bottom:1.5rem; color:var(--muted); }.prose p:last-child { margin-bottom:0; }.display-copy { color:var(--ink)!important; font-size:clamp(2rem,3.4vw,3.35rem); }.prose em { color:var(--ink); }.chapter-origin { padding-top:155px; }.chapter-origin .prose { max-width:720px; }.chapter-origin .display-copy { margin-bottom:34px; }
.chapter-feed { grid-template-columns:1fr minmax(0,1.4fr) minmax(210px,.6fr); }.chapter-feed .screen { align-self:end; margin-top:30px; }.screen { margin:0; }.screen img { height:auto; }
blockquote { margin:40px 0 35px; padding:26px 0 26px 29px; border-left:3px solid var(--orange); color:var(--ink); font-size:clamp(1.65rem,2.7vw,2.55rem); } cite { display:block; margin-top:18px; color:var(--muted); font:.75rem/1.2 "DM Mono",monospace; letter-spacing:.04em; }
.chapter-home { grid-template-columns:1fr 2fr; }.screen-trio { grid-column:2; display:flex; align-items:flex-end; gap:22px; margin-top:12px; }.screen-trio .screen { width:min(31%,215px); }.screen-trio .offset { transform:translateY(54px); }.caption { grid-column:2; margin:48px 0 0; color:var(--muted); font-size:.84rem; }.chapter-plan { grid-template-columns:1fr 1fr 1fr; align-items:center; }.chapter-plan .screen { grid-column:3; }.chapter-world { grid-template-columns:1fr minmax(0,1.25fr) minmax(240px,.75fr); background:linear-gradient(135deg,#d6ebdd 0%,#f7f2e9 68%); width:100%; padding-left:max(calc((100% - 1160px)/2),28px); padding-right:max(calc((100% - 1160px)/2),28px); }.chapter-world .screen { align-self:center; }.chapter-world .prose { max-width:600px; }.globe-strip { grid-column:1 / -1; width:min(960px,100%); margin:58px auto 0; }.globe-strip .screen { margin:0; }
.closing { margin-top:110px; padding:125px 28px; border-radius:36px; background:var(--orange); color:white; text-align:center; }.closing .eyebrow { color:var(--yellow); }.closing h2 { max-width:820px; margin:0 auto 34px; font-size:clamp(3rem,6vw,6.2rem); font-weight:600; }.button { display:inline-block; padding:15px 25px; border-radius:999px; background:var(--yellow); color:var(--ink); font-weight:700; text-decoration:none; transition:transform .2s; }.button:hover { transform:translateY(-3px); }.site-footer { display:flex; justify-content:space-between; padding:34px 0 48px; color:var(--muted); font-size:.84rem; }.site-footer p { margin:0; }.site-footer nav { display:flex; gap:18px; }.site-footer a { color:inherit; text-decoration:none; }
@media (max-width:760px) { body { font-size:16px; }.site-header,.hero,.chapter,.closing,.site-footer { width:min(100% - 32px,1160px); }.hero { min-height:760px; padding:78px 0 70px; }.hero-copy { margin-left:0; }.portrait-pair { right:0; bottom:75px; transform:scale(.82); transform-origin:bottom right; }.chapter,.chapter-feed,.chapter-home,.chapter-plan,.chapter-world { display:block; width:100%; padding:80px max(16px,calc((100% - 610px)/2)); }.chapter-number { padding:0; }.prose { max-width:610px; }.chapter .screen { width:min(240px,48vw); margin:38px auto 0; }.chapter-feed .screen { margin:38px 0 0 auto; }.screen-trio { display:flex; margin-top:28px; gap:12px; }.screen-trio .screen { width:31%; margin:0; }.screen-trio .offset { transform:translateY(28px); }.caption { margin:43px 0 0; }.chapter-plan .screen { width:min(270px,58vw); }.chapter-world { background:linear-gradient(160deg,#d6ebdd,#f7f2e9 66%); }.chapter-world .screen { width:min(260px,55vw); }.globe-strip { display:block; width:100%; margin-top:48px; }.globe-strip .screen { width:100%; }.closing { margin-top:65px; padding:85px 20px; }.site-footer { align-items:flex-start; flex-direction:column; gap:13px; } }

.globe-strip video { display:block; width:100%; height:auto; }