*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:#222;font:16px/1.65 system-ui,sans-serif;letter-spacing:0}a{color:inherit;text-underline-offset:4px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 6%;border-bottom:1px solid #ddd}header>a{font-size:21px;font-weight:750;text-decoration:none}nav{display:flex;gap:24px;font-size:14px}.hero{min-height:550px;height:75vh;max-height:850px;position:relative;background:#222;color:#fff;display:flex;align-items:flex-end;padding:55px 8%;isolation:isolate}.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 85%);z-index:-1}.hero div{max-width:720px}.hero p{max-width:560px}.hero h1{font:600 64px/1.08 Georgia,serif;margin:12px 0 20px}main{max-width:1180px;margin:auto;padding:65px 6%}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:0;color:var(--accent);font-weight:750}h2{font:500 38px/1.2 Georgia,serif;margin:12px 0 22px}h3{font:500 26px/1.3 Georgia,serif}.intro{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding-bottom:55px;border-bottom:1px solid #ddd}.intro p{margin-top:0}.photo{display:block;margin:50px 0 12px}.photo img{width:100%;height:410px;object-fit:cover;display:block}.caption{color:#646464;font-size:13px}.story{max-width:740px;padding:40px 0}.story p{font-size:18px}.textlink{color:var(--accent);font-weight:650}footer{padding:30px 6%;border-top:1px solid #ddd;display:flex;justify-content:space-between;gap:25px;font-size:13px;color:#666}.article{max-width:780px;margin:auto;padding:55px 7%}.article h1{font:500 48px/1.15 Georgia,serif}.article img{width:100%;height:360px;object-fit:cover}.article p{font-size:18px}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}a:hover{text-decoration-thickness:2px}img{max-width:100%}@media(max-width:650px){header{align-items:flex-start;padding:18px 5%;flex-direction:column;gap:10px}nav{gap:22px}.hero{height:68vh;min-height:430px;padding:32px 6%}.hero h1{font-size:44px}.hero p{font-size:15px}main{padding:40px 6%}.intro{grid-template-columns:1fr;gap:10px}h2{font-size:31px}.photo img{height:280px}.article h1{font-size:36px}.article img{height:280px}footer{flex-direction:column;gap:8px}}