*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#1a1a1a;color:#f0edea;font:400 17px/1.75 "DM Sans",sans-serif}a{color:#57c3c3;text-underline-offset:4px}a:hover{color:#fff}a:focus-visible{outline:2px solid #57c3c3;outline-offset:5px}.wrap{max-width:1220px;margin:auto;padding:0 clamp(22px,5vw,70px)}header{background:#131313;border-bottom:1px solid #393939}.header-inner{min-height:94px;display:flex;align-items:center;justify-content:space-between;gap:30px}.logo img{width:150px;height:auto;filter:brightness(0) invert(1);display:block}.nav{display:flex;flex-wrap:wrap;gap:12px 22px}.nav a{font-size:14px;color:#d5d1cd;text-decoration:none}.nav a[aria-current=page]{color:#57c3c3}.breadcrumbs{font-size:13px;color:#b4b0ac;padding-top:28px}.eyebrow{font:600 14px "Barlow Condensed",sans-serif;text-transform:uppercase;letter-spacing:.18em;color:#57c3c3;margin:38px 0 16px}h1{font:400 clamp(42px,5.4vw,72px)/1.08 "Cormorant Garamond",Georgia,serif;max-width:880px;margin:0 0 26px}.lead{font-size:20px;line-height:1.65;color:#d5d1cd;max-width:900px;margin:0 0 54px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:70px;align-items:start;padding-bottom:60px}section{margin:0 0 40px}h2{font:400 32px/1.2 "Cormorant Garamond",Georgia,serif;margin:0 0 18px}p{margin:0 0 18px;color:#c7c3bf}aside{background:#212121;border-top:3px solid #1b9090;padding:27px}aside h2{font:500 27px/1.25 "Barlow Condensed",sans-serif}aside ul{padding-left:20px;margin:0 0 24px}aside li{margin:0 0 12px;color:#c7c3bf;font-size:16px}.button{display:inline-block;padding:12px 17px;background:#1b9090;color:white;text-decoration:none;font-size:14px;overflow-wrap:anywhere}.related{border-top:1px solid #444;padding:35px 0}.related nav{display:flex;flex-wrap:wrap;gap:15px 30px}footer{background:#131313;padding:30px 0;color:#b4b0ac;font-size:13px}footer p{margin-bottom:10px}.skip{position:absolute;left:16px;top:-100px;background:#131313;padding:10px;z-index:9}.skip:focus{top:10px}@media(max-width:1080px){.layout{gap:35px;grid-template-columns:minmax(0,1fr) 280px}}@media(max-width:768px){.header-inner{align-items:flex-start;flex-direction:column;padding-top:22px;padding-bottom:20px;gap:22px}.layout{grid-template-columns:1fr}.lead{font-size:18px;margin-bottom:35px}.nav{gap:10px 18px}aside{max-width:none}.eyebrow{margin-top:26px}}@media(max-width:480px){h1{font-size:42px}.nav a{font-size:13px}.layout{gap:15px}h2{font-size:29px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
