.dad-entry{display:flex;gap:10px 24px;flex-wrap:wrap;align-items:center;position:relative;z-index:1;margin:26px 0;color:var(--body);font-size:15px}.dad-entry a{color:var(--ink);padding:12px 0;text-decoration:underline;text-underline-offset:5px}.dad-letter{max-width:730px;margin:44px auto 90px;padding:0 24px}.dad-letter>.eyebrow{display:block;margin:48px 0 20px}.dad-letter h1{font:400 clamp(38px,6vw,64px)/1.1 var(--serif);margin:0 0 44px;text-wrap:balance}.dad-letter article p{font:400 20px/1.8 var(--serif);color:var(--ink);margin:0 0 27px}.dad-letter article .dad-signature{white-space:pre-line;margin:40px 0}.dad-after{border-top:1px solid var(--line);padding-top:28px;display:grid;gap:14px}.dad-after a{padding:8px 0;text-decoration:underline;text-underline-offset:5px}.moment-feature{display:flex;justify-content:space-between;align-items:center;gap:30px;max-width:1120px;margin:44px auto;padding:34px 0;border-block:1px solid var(--line)}.moment-feature h2{font:400 clamp(28px,4vw,42px)/1.2 var(--serif);max-width:650px;margin:14px 0}.moment-feature p{color:var(--body);margin:0}.moment-feature .primary{white-space:nowrap}.moment-page{max-width:1160px;margin:24px auto 64px}.moment-top{display:flex;justify-content:space-between;gap:20px;font-size:14px}.moment-top a{padding:12px 0}.moment-progress{display:flex;gap:8px;margin:12px 0 0}.moment-progress a{display:flex;align-items:center;min-height:44px;flex:1}.moment-progress span{height:3px;background:#58635c;width:100%}.moment-progress [aria-current] span{background:var(--ink);height:5px}.moment-stage{position:relative;isolation:isolate;min-height:540px;display:flex;align-items:center;overflow:hidden;background:#0b100f}.moment-art{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0b100f 0%,#0b100ff2 27%,#0b100f85 65%,#0b100f18),linear-gradient(0deg,#0b100f,transparent 45%),url('assets/gallery-hero.png') 67% center/cover no-repeat}.moment-copy{max-width:650px;padding:50px 32px 40px 0}.moment-copy h1{font:400 clamp(36px,4.5vw,58px)/1.13 var(--serif);letter-spacing:-.025em;margin:24px 0;text-wrap:balance}.moment-copy p{font-size:19px;line-height:1.65;max-width:550px;color:var(--ink)}.moment-copy .moment-after{color:var(--body);font-size:17px;margin-top:24px}.moment-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:38px;font-size:14px}.moment-controls>a{padding:14px 18px;min-height:48px}.moment-controls>a:not(.primary){padding-left:0;text-decoration:underline;text-underline-offset:5px}.moment-controls>span{color:var(--quiet)}.moment-foot{border-top:1px solid var(--line);padding:20px 0;font-size:13px;color:var(--quiet)}.moment-foot details{max-width:720px;margin-top:14px}.moment-page summary{cursor:pointer;padding:14px 0;min-height:44px}.moment-foot p{font-size:17px;line-height:1.7}.moment-perspectives{margin:28px 0 48px}.moment-perspectives>h2{font:400 32px/1.2 var(--serif);margin:0 0 28px}.moment-lenses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.moment-lenses button{text-align:left;background:transparent;border:1px solid var(--line);padding:18px;line-height:1.5;color:var(--ink);font-size:16px}.moment-lenses small{display:block;font-size:12px;margin-top:12px}#moment-reading{max-width:740px;margin:38px auto}#moment-reading h2{font:400 36px/1.2 var(--serif);text-wrap:balance}#moment-reading h3{font-size:18px;margin-top:30px}#moment-reading p{font-size:18px;line-height:1.75;color:var(--body)}#moment-reading .moment-application{color:var(--ink);font-size:21px}#moment-reading .moment-question{border-left:2px solid var(--accent);padding-left:20px;color:var(--ink)}#moment-reading details{border-block:1px solid var(--line);margin:28px 0}#moment-reading .source{display:block;margin:15px 0;line-height:1.6}.moment-deeper{display:inline-block;padding:12px 0;text-decoration:underline;text-underline-offset:5px}.moment-next{border-top:1px solid var(--line);padding-top:24px;display:grid;gap:8px}.moment-next a{padding:12px 0}.moment-page a:focus-visible,.moment-page button:focus-visible,.dad-letter a:focus-visible{outline:3px solid var(--accent);outline-offset:4px}#moment-title:focus{outline:none}body[data-view=moment] #app{max-width:none}body[data-view=moment] .moment-page{padding:0 24px}
@media(max-width:700px){.moment-feature{display:block;margin:28px 0}.moment-feature .primary{display:inline-block;margin-top:24px}.moment-copy{padding:150px 0 28px;max-width:none}.moment-art{background:linear-gradient(0deg,#0b100f 5%,#0b100ff5 50%,#0b100f20 100%),url('assets/gallery-hero.png') 69% top/auto 380px no-repeat}.moment-stage{min-height:0}.moment-copy h1{font-size:38px}.moment-copy p{font-size:18px}.moment-lenses{grid-template-columns:1fr 1fr}.moment-lenses button{font-size:15px;padding:14px}.moment-top{font-size:12px}.moment-controls{gap:12px}.moment-controls>a{padding:14px}.moment-controls>span{font-size:12px}.dad-letter{padding:0 6px}.dad-letter article p{font-size:19px}.dad-entry{display:block}.dad-entry a{display:block}#moment-reading h2{font-size:30px}.moment-page .moment-foot{font-size:12px}body[data-view=moment] .moment-page{padding:0 4px}}
@media(prefers-reduced-motion:reduce){.moment-page *{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* The story has its own exit/navigation; give the moment the phone screen. */
body[data-view=moment]>header,body[data-view=moment]>.notice{display:none}body[data-view=moment] #app{padding-top:8px}body[data-view=moment] .moment-page{margin-top:12px}@media(max-width:700px){.moment-copy{padding-top:120px}.moment-copy h1{font-size:36px}.moment-copy .moment-after{margin-top:18px}.moment-controls{margin-top:24px}}