.home-stage{--home-pad:clamp(26px,4vw,64px);background:var(--bg)}.home-hero{grid-template-columns:48% 52%;align-items:stretch;display:grid}.cover-portrait{background:#eeedf0;min-height:100%;margin:0;position:relative;overflow:hidden}.cover-portrait img{object-fit:cover;object-position:70% center;width:100%;height:100%;display:block}.journal{min-width:0}.journal>section{padding:76px max(var(--home-pad), calc((100% - 880px) / 2))}.story-hero{padding:64px var(--home-pad);flex-direction:column;justify-content:center;align-items:flex-start;gap:28px;min-height:calc(100svh - 113px);padding-top:64px;display:flex}.story-hero h1{letter-spacing:-.055em;margin:0;font-size:clamp(48px,5.5vw,84px);line-height:1.05}.story-hero .hero-copy{max-width:24ch;margin:0;font-size:clamp(20px,1.65vw,25px);line-height:1.5}.story-hero .opening-note{max-width:34ch;margin:12px 0 0;font-size:17px}.story-hero .button{gap:24px}.journal h2{letter-spacing:-.045em;margin-bottom:26px;font-size:clamp(30px,3.1vw,47px);line-height:1.12}.journal h3{font:400 30px/1.15 var(--display);letter-spacing:-.025em;margin:0 0 15px}.journal p{max-width:44ch;font-size:17px;line-height:1.65}.observation-section,.style-section{background:var(--field)}.outline-photo,.editorial-photo{margin:30px 0}.outline-photo img,.editorial-photo img{width:100%;height:auto;display:block}figcaption{margin-top:12px;font-size:15px;line-height:1.5}.observation-form{margin-top:34px}.observation-form legend{font-size:17px;font-weight:600}.observation{cursor:pointer;align-items:flex-start;gap:16px;padding:14px 0;display:flex}.observation input{width:22px;height:22px;accent-color:var(--accent);flex:none;margin:4px 0}.observation>span{flex-direction:column;gap:4px;display:flex}.observation strong{font-weight:600}.observation-actions{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.observation-actions p{margin:0;font-size:15px}.observation-actions button{color:var(--accent);font:inherit;cursor:pointer;text-underline-offset:.3em;background:0 0;border:0;padding:10px;text-decoration:underline}.observation-actions button:focus-visible{outline:2px solid var(--focus);outline-offset:4px}.atlas-words{grid-template-columns:1fr 1fr;gap:2px 26px;margin:30px 0;padding:0;list-style:none;display:grid}.atlas-words a{font:400 30px/1.3 var(--display);justify-content:space-between;align-items:center;gap:12px;padding:10px 0;text-decoration:none;display:flex}.atlas-words a span{font:17px var(--font);color:var(--accent)}.style-notes{grid-template-columns:1fr;gap:22px;display:grid}.begin-section details{padding:18px 0}.begin-section summary{font:600 17px/1.5 var(--font)}.begin-section details p{margin:0}.begin-links{flex-wrap:wrap;gap:12px 28px;display:flex}.journal .text-link{font-size:17px}@media (prefers-reduced-motion:no-preference){.cover-portrait img{animation:1.2s cubic-bezier(.16,1,.3,1) both portrait-settle}@keyframes portrait-settle{0%{transform:scale(1.035)}to{transform:scale(1)}}}@media (width<=1100px) and (width>=901px){.journal>section{padding-left:30px;padding-right:30px}.story-hero h1{font-size:54px}}@media (width<=900px){.home-hero{flex-direction:column;display:flex}.journal{display:block}.journal>section{order:3;width:100%;padding:52px 22px}.story-hero{padding:64px var(--home-pad);order:1;gap:22px;min-height:0;padding:25px 22px 36px}.story-hero h1{font-size:clamp(47px,8.5vw,68px)}.story-hero .hero-copy{max-width:27ch;font-size:20px}.story-hero .opening-note{display:none}.cover-portrait{order:2;width:100%;height:480px;min-height:0}.cover-portrait img{object-position:70% center}.journal h2{max-width:16ch;font-size:36px}.journal p{max-width:48ch}.outline-photo,.editorial-photo{margin:26px 0}.atlas-words a{font-size:30px}.journal .text-link{margin-top:12px}}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;padding:0;overflow:hidden}@media (prefers-reduced-motion:no-preference){.reveal.in-view{animation:.7s cubic-bezier(.16,1,.3,1) both content-rise}.editorial-photo.reveal.in-view,.outline-photo.reveal.in-view{animation:.9s cubic-bezier(.16,1,.3,1) both photo-arrive}.atlas-words .reveal.in-view{animation:.7s cubic-bezier(.16,1,.3,1) both word-arrive}@keyframes content-rise{0%{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes photo-arrive{0%{opacity:.6;transform:scale(.975)}to{opacity:1;transform:scale(1)}}@keyframes word-arrive{0%{opacity:.5;transform:translate(12px)}to{opacity:1;transform:translate(0)}}}