body{background:#f7f8f4;color:#193b3b}header>div,main,footer>div,.hero>div{max-width:1380px;padding-inline:clamp(18px,5vw,76px)}.hero:not(:has(#ht)){background-image:linear-gradient(90deg,#07383cf5 15%,#07383cde 47%,#082e303d),var(--cover);background-size:cover;background-position:center 48%}.hero>div{padding-block:clamp(42px,5vw,80px)}.hero h1{max-width:23ch;font-size:clamp(34px,4.6vw,70px);text-wrap:balance}.crumb{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.crumb a{color:#dcf4da}.crumb a+a:before{content:'›';margin-right:10px;color:#b4d0c6}.hero h1:after{content:'';display:block;width:64px;height:4px;background:#b8e881;margin-top:22px}main{padding-block:clamp(30px,4.5vw,66px)}main h2{letter-spacing:-.04em;line-height:1.15;color:#103d3d}.product{padding:clamp(18px,3.4vw,46px);border:1px solid #dbe5dd;background:#fff;border-radius:16px;align-items:start;gap:4%}.product>img{position:sticky;top:105px;border-radius:12px;background:#f3f6f0;aspect-ratio:1.18;object-fit:contain}.product .copy{min-width:0}.product h2{font-size:clamp(27px,3vw,40px);margin:0 0 20px}.product+.grid,.related{margin-top:20px}.product+h2{margin-top:48px}.related{grid-template-columns:repeat(3,minmax(0,1fr))}.card{display:flex;flex-direction:column;border-radius:12px;color:#163e40;box-shadow:0 6px 14px #073b3e08}.card img{height:clamp(145px,15vw,215px);padding:12px;background:linear-gradient(145deg,#fff,#f0f3ed)}.card strong{display:flex;align-items:center;justify-content:space-between;gap:8px;border-top:1px solid #edf1ec;flex:1}.card strong:after{content:'→';color:#10704f}.reading{display:grid;grid-template-columns:minmax(0,1fr) minmax(210px,.33fr);align-items:start;gap:clamp(22px,3.4vw,52px)}.reading>div,.contact-card{padding:clamp(19px,3vw,42px);background:#fff;border:1px solid #dbe5dd;border-radius:14px}.reading .copy{line-height:1.82;max-width:78ch;overflow-wrap:anywhere}.rail{position:sticky;top:108px;border-radius:12px;background:#e7eee6;padding:24px}.rail h2{font-size:22px;margin-top:0}.rail a{display:block;text-decoration:none;border-top:1px solid #c6d6ca;padding:12px 0;line-height:1.45}.rail a:hover{text-decoration:underline}.journal .grid{grid-template-columns:repeat(3,minmax(0,1fr))}.journal .card img{object-fit:cover;padding:0}.journal .card strong{padding:22px;font-size:20px;align-items:start}.journal .card{min-height:110px;border-top:4px solid #237352}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.contact-card{overflow-wrap:anywhere;border-top:4px solid #297858}.contact-card h2{margin:0 0 22px}.contact-card h4{font-weight:normal;line-height:1.6;margin:10px 0}.contact-card h4:first-of-type{font-size:13px;letter-spacing:.12em;color:#356c5d;font-weight:bold}table{width:100%;background:#fff}th{background:#123f42;color:white}td,th{padding:12px}tr:nth-child(even) td{background:#f1f6f0}.copy td br:first-child,.copy th br:first-child{display:none}footer>div nav{margin-top:12px;display:flex;gap:20px}footer nav a{color:#d3e8db}
@media(max-width:760px){.reading,.contact-grid{grid-template-columns:1fr}.rail,.product>img{position:static}.journal .grid{grid-template-columns:1fr 1fr}.product>img{max-height:320px;margin-bottom:20px}.related{grid-template-columns:repeat(2,minmax(0,1fr))}.hero h1{max-width:100%}.body-copy{min-width:0}.copy table{font-size:.84rem}.journal .card strong{font-size:17px;padding:12px}}@media(max-width:450px){.journal .grid{grid-template-columns:1fr}.rail{padding:18px}nav{row-gap:5px}}