:root{--orange:#387c7d;--ink:#223b3c}.brand-name{font-size:24px}.brand-name small{font-size:8px;letter-spacing:1.5px}.hero h1{letter-spacing:3px}.section-kicker{font-weight:600}.process-section{background:#edf0f3}footer{background:#223b3c}.product-card>img{object-fit:cover}.about-copy h2{font-size:42px}.hero-slide::after{background:linear-gradient(90deg,rgba(12,27,40,.74),rgba(12,27,40,.38) 60%,rgba(12,27,40,.1))}.section-heading{display:flex;align-items:end;justify-content:space-between;margin-bottom:36px;gap:24px}.section-heading .section-kicker,.section-heading .section-title{text-align:left}.section-heading .section-title:after{margin-left:0}.section-heading>a{white-space:nowrap;color:var(--orange)}.intro-band{background:#223b3c;color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 7%;gap:30px}.intro-band b{display:block;font-size:19px;font-weight:500;margin-bottom:6px}.intro-band span{color:#c6cfd4;font-size:12px}.notice{color:#81888c;font-size:12px;margin-top:22px}@media(max-width:760px){.brand-name{font-size:20px}.brand-name small{font-size:7px}.intro-band{grid-template-columns:1fr 1fr;padding:28px 8%;gap:22px}.intro-band b{font-size:16px}.section-heading{display:block}.section-heading>a{display:inline-block;margin-top:20px}.about-copy h2{font-size:30px}}
/* Reading course and brand introduction. */
.brand-intro{max-width:1060px}.brand-intro h2{font-size:36px;margin-bottom:28px}.reading-body{font-size:16px;line-height:2}.reading-body p{margin:0 0 22px}.reading-body h3{margin:30px 0 12px;color:var(--ink);font-size:22px}.reading-body ul{padding-left:22px;margin-bottom:24px}.reading-detail{align-items:start}.reading-detail>img{position:sticky;top:110px}.product-grid:has(>.product-card:only-child){grid-template-columns:minmax(0,680px);justify-content:center}.product-card:only-child h3{height:auto;min-height:0}.product-card:only-child p{height:auto;min-height:0}.hero-copy p:empty{display:none}@media(max-width:760px){.reading-detail>img{position:static}.brand-intro h2{font-size:28px}}
.product-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:repeat(2,minmax(0,1fr))}.product-grid:has(>.product-card:nth-child(2):last-child)>.product-card>img{aspect-ratio:16/10}.product-card>.card-more{margin-top:auto}@media(max-width:760px){.product-grid:has(>.product-card:nth-child(2):last-child){grid-template-columns:1fr}}