@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600&display=swap');
:root{--ink:#173747;--paper:#efeee8;--card:#fbfaf5;--muted:#70818a;--orange:#df985f}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;color:inherit}button:focus-visible,a:focus-visible{outline:3px solid var(--orange);outline-offset:4px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;border-bottom:1px solid #17374718}header>span{font-size:8px;letter-spacing:2px;color:var(--muted)}header>a:last-child{border-bottom:1px solid;padding-bottom:6px}main{max-width:1440px;margin:auto;padding:0 5%}.opening{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:65px 0 45px}.eyebrow{font-size:8px;letter-spacing:1.8px;color:var(--muted)}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(40px,5.2vw,72px);letter-spacing:-3px;font-weight:400;line-height:1.1;margin:22px 0 0}h1 em{font-style:normal;color:#b27952}.opening p{font-size:12px;line-height:1.85;color:var(--muted);margin:0 0 5px}.context{height:330px;position:relative;overflow:hidden;border-radius:5px;background:#1e3d4c;color:#fff6e8;scroll-margin:20px}.context-photo{width:100%;height:100%;object-fit:cover;object-position:center 43%;filter:brightness(.73);position:absolute;inset:0}.context-nav{position:relative;display:flex;justify-content:space-between;align-items:center;padding:8px 30px}.context-nav img{width:230px;height:84px;object-fit:contain;object-position:left}.context-nav span{font-size:9px;color:#fff9}.context-copy{position:absolute;left:42px;bottom:31px;font-family:Manrope,Arial,sans-serif;font-size:69px;line-height:1.05;letter-spacing:-3px}.context-copy span{color:#f2cd9e}.selected-caption{position:absolute;right:30px;bottom:30px;text-align:right}.selected-caption span{font-size:7px;letter-spacing:1.7px;display:block;opacity:.6}.selected-caption strong{font-size:13px;font-weight:500;display:block;margin-top:9px}.toolbar{display:flex;align-items:center;gap:20px;margin:40px 0 22px}.toolbar p{font-size:14px;margin-right:auto}.toolbar>div{display:flex;border:1px solid #17374725;padding:4px;border-radius:30px}.toolbar button{background:none;border:0;padding:8px 19px;border-radius:20px;font-size:10px}.toolbar button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.toolbar a{font-size:10px;margin-left:15px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.logo-card{background:var(--card);border:1px solid transparent;border-radius:5px;padding:24px 28px 22px;transition:background .2s}.logo-card:has([aria-pressed=true]){border-color:#bc8b65}.card-top{display:flex;align-items:center;gap:13px}.card-top>span{font-size:10px;color:#aa7a54}.card-top h2{font-size:15px;font-weight:500;margin:0}.card-top b{font-size:8px;font-weight:400;background:#ddae7c24;color:#9d6d44;border-radius:20px;padding:6px 10px;margin-left:auto}.logo-display{display:flex;justify-content:center;align-items:center;padding:23px 0 13px;min-height:180px}.logo-display img{width:100%;max-width:540px}.logo-card>p{font-size:11px;line-height:1.8;color:var(--muted);max-width:410px;min-height:39px}.card-actions{display:flex;gap:20px;align-items:center;justify-content:space-between;margin-top:20px;padding-top:18px;border-top:1px solid #17374712}.card-actions button{font-size:10px;border:0;background:none;padding:5px 0;border-bottom:1px solid #17374766}.card-actions button[aria-pressed=true]{color:#a16c40}.card-actions a{font-size:9px;color:var(--muted)}.dark .logo-card{background:#173747;color:#fff4e3}.dark .logo-card>p,.dark .card-actions a{color:#aebfc6}.dark .card-actions{border-color:#ffffff20}.dark .card-actions button{border-color:#ffffff66}.dark .card-top b{color:#f2c79f}.dark .card-actions button[aria-pressed=true]{color:#f2c79f}footer{padding:45px 0 55px;display:flex;justify-content:space-between;gap:60px;font-size:11px;color:var(--muted);line-height:1.8}footer p{max-width:600px;margin:0}footer span{max-width:280px;font-size:9px}footer strong{font-weight:500;color:var(--ink)}@media(max-width:700px){header{padding:22px 6%;font-size:9px}header>span{display:none}main{padding:0 6%}.opening{display:block;padding:42px 0 30px}h1{font-size:43px;letter-spacing:-2px}.opening p{margin-top:24px;font-size:11px}.context{height:300px}.context-nav{padding:9px 17px}.context-nav img{width:190px;height:65px}.context-nav span{display:none}.context-copy{left:25px;bottom:34px;font-size:55px}.selected-caption{right:20px;bottom:35px}.selected-caption strong{font-size:10px}.selected-caption span{font-size:6px}.toolbar{flex-wrap:wrap;gap:10px;margin-top:28px}.toolbar p{font-size:12px}.toolbar a{width:100%;margin:3px 0;font-size:9px}.toolbar button{padding:7px 13px;font-size:9px}.grid{grid-template-columns:1fr;gap:16px}.logo-card{padding:20px}.logo-display{min-height:140px;padding:22px 0 8px}.card-top h2{font-size:14px}.logo-card>p{font-size:10px}.card-actions{gap:12px}.card-actions button{font-size:9px}footer{display:block;padding:30px 0 45px;font-size:10px}footer span{display:block;margin-top:20px;font-size:8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}