:root{--ink:#183459;--teal:#147689;--paper:#f8f8f3}*{box-sizing:border-box}body{margin:0;color:var(--ink);background:var(--paper);font:17px/1.65 system-ui,sans-serif}a{color:inherit}img{display:block;max-width:100%}header{display:flex;align-items:center;gap:30px;padding:15px 6vw;background:white;border-bottom:1px solid #dde3df;position:sticky;top:0;z-index:4}.logo{width:116px}nav{display:flex;margin-left:auto;gap:28px}nav a,footer a,details a{text-decoration:none}nav a:hover,nav a[aria-current]{color:var(--teal);text-decoration:underline;text-underline-offset:7px}header details{display:none}.button,.btn{display:inline-flex;align-items:center;gap:16px;background:var(--ink);color:white;border-radius:30px;padding:12px 20px;font-size:14px;text-decoration:none;font-weight:650}.button:hover,.btn:hover{background:var(--teal)}.button b{font-weight:400}.hero{display:grid;grid-template-columns:48% 52%;position:relative;background:#e5f1eb}.heroimage{position:relative;grid-column:2;grid-row:1;overflow:hidden;background:#456f80}.heroimage img,.mast img,.duo>img{width:100%;height:100%;object-fit:cover}.heroimage span{position:absolute;bottom:22px;right:20px;background:#173751c9;color:white;border-radius:20px;padding:5px 12px;font-size:10px;letter-spacing:.14em}.herotext{grid-column:1;grid-row:1;align-self:center;padding:clamp(45px,6vw,100px) 5vw 6vw 6vw}.herotext small,small,.ey{font-size:11px;letter-spacing:.17em;font-weight:700}.herotext small i{display:inline-block;background:#38aeab;width:22px;height:9px;border-radius:12px 0 12px 0;margin-right:6px}h1,h2,h3,h4{line-height:1.08;text-wrap:balance}h1,h2{font-family:Georgia,serif;font-weight:400;letter-spacing:-.045em}.herotext h1{font-size:clamp(64px,7.8vw,122px);margin:24px 0}h1 em{color:var(--teal)}.herotext p{max-width:43ch;margin-bottom:28px}.line{display:block;font-size:14px;margin:16px 0;text-underline-offset:5px}.strip{padding:16px 4vw;text-align:center;background:var(--ink);color:white;font-size:clamp(9px,1vw,14px);letter-spacing:.14em}.strip i{color:#7ed8ce;padding:0 2vw}.wrap,.reading,.detail,.duo{padding:clamp(45px,6vw,90px) 6vw}.wrap{max-width:1600px;margin:auto}h2{font-size:clamp(36px,4vw,65px);margin:16px 0 28px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px;margin:32px 0}.card{text-decoration:none}.frame{overflow:hidden;position:relative;aspect-ratio:1.65;background:#699295;border-radius:4px 35px 4px 4px;margin-bottom:16px}.frame img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.card:hover img{transform:scale(1.045)}.frame span{position:absolute;left:12px;bottom:12px;border-radius:20px;padding:4px 10px;background:#fafbf3;font-size:12px}.card h3{margin:8px 0;font-size:26px}.card p{margin:0}.duo,.mast,.detail{display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:center}.duo{background:#163c54;color:white}.duo img{max-height:440px;border-radius:0 70px 0 0}.duo .button{background:white;color:var(--ink)}.mast{background:#dceeea;gap:0}.mast div{padding:38px 6vw}.mast div>a{font-size:14px}.mast h1{font-size:clamp(45px,6vw,86px);margin:18px 0}.mast img{height:clamp(290px,30vw,440px)}.reading{max-width:960px;margin:auto}.reading+.reading{border-top:1px solid #c3d2ce}.detail{grid-template-columns:minmax(160px,.6fr) minmax(0,1.4fr);align-items:start;max-width:1350px;margin:auto}.detail aside{background:#e6efea;padding:26px;border-radius:4px 36px 4px 4px}article h3,.reading h3{font:400 clamp(23px,2.2vw,34px)/1.2 Georgia;margin:32px 0 15px}article>:first-child{margin-top:0}table{width:100%;table-layout:fixed;border-collapse:collapse;font-variant-numeric:tabular-nums}td,th{padding:11px 8px;border-bottom:1px solid #b9cecb;overflow-wrap:anywhere}th{background:var(--ink);color:white}td:last-child{background:#e2efea}footer{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;padding:42px 6vw;background:white;border-top:1px solid #d5dfdc;font-size:14px}footer img{width:100px}footer a{display:block;margin:5px 0}:focus-visible{outline:3px solid #008888;outline-offset:3px}@media(max-width:800px){header{gap:13px}header nav{display:none}header>.button{margin-left:auto}header details{display:block}summary{cursor:pointer}header details div{max-height:calc(100dvh - 88px);overflow-y:auto;position:absolute;top:100%;right:0;padding:18px 26px;background:white;box-shadow:0 12px 25px #14304722}details a{display:block;padding:8px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{grid-template-columns:1fr}.herotext,.heroimage{grid-column:auto;grid-row:auto}.herotext{order:-1;padding:30px 6vw 16px}.heroimage img{height:250px}.herotext h1{margin:12px 0}.herotext h1 br{display:none}.mast,.duo,.detail{grid-template-columns:1fr}.mast img{height:235px}.detail aside{margin-bottom:10px}.logo{width:90px}}@media(max-width:520px){.cards{grid-template-columns:1fr}.strip i{padding:0 .5vw}.strip{letter-spacing:.06em}.herotext h1{font-size:58px}.herotext p{margin:10px 0 17px}.button{padding:10px 14px}header{font-size:14px}.heroimage img{height:200px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
:root{--paper:#f8f6ef;--ink:#132f40;--teal:#346b70}header{padding-block:18px;border-color:#d6d6cb}nav{font-size:14px}.hero{background:#f2efe6;grid-template-columns:49% 51%}.heroimage{background:#102d3e;display:grid;place-items:center}.heroimage img{object-fit:contain}.heroimage span{background:none;color:#d9dccb;font:10px system-ui;letter-spacing:.2em;left:6%;right:auto;bottom:5%;border-top:1px solid #98a5a1;padding:10px 0}.herotext{padding-block:clamp(44px,5vw,86px)}.herotext h1{font-family:Didot,'Bodoni MT',Georgia,serif;line-height:.95;font-size:clamp(64px,6.9vw,115px)}.herotext p{line-height:1.7}.button,.btn{border-radius:2px}.frame{border-radius:0;aspect-ratio:1.7}.frame span{border-radius:0;font-size:11px;letter-spacing:.08em}.card h3{font:400 clamp(26px,2.5vw,44px) Georgia;letter-spacing:-.04em}.card p{font-size:15px}.card{border-bottom:1px solid #c2c6ba;padding-bottom:20px}.strip{background:#eeeadf;border-block:1px solid #c8c9ba;color:#364946}.strip i{color:#71847a}.signature{padding:5%;border-left:1px solid #94a49e}.signature span{font:italic 20px Georgia;color:#c8cfbb}.signature strong{display:block;font:400 clamp(58px,7vw,108px)/.94 Georgia;margin-top:30px;letter-spacing:-.06em}.duo{background:#173640}.mast{background:#f1eee6}.mast img[src$=".svg"]{object-fit:cover}.detail aside{border-radius:0;border-top:2px solid var(--ink);background:#eeece3}.line{text-decoration-thickness:1px}.wrap>small,.ey{color:#486667}.card small{letter-spacing:.2em}.detail article{min-width:0}@media(max-width:800px){.hero{grid-template-columns:1fr}.heroimage img{width:100%;height:245px;object-fit:contain}.herotext h1{font-size:clamp(54px,10vw,78px)}.herotext h1 br{display:block}.herotext{padding:28px 6vw 16px}.heroimage span{font-size:8px;bottom:3%}.signature strong{margin-top:14px}}
.heroimage img{object-fit:cover}.heroimage span{background:#102d3edb;color:white;padding:7px 12px;border:0}.frame img{object-position:center 48%}

html{scroll-padding-top:90px}