:root{--paper:#eeeae2;--ink:#30392f;--accent:#324d39;--line:#c8cabd}.hub-header{padding:26px var(--gutter);display:flex;justify-content:space-between;align-items:center;gap:24px;font-size:11px;border-bottom:1px solid var(--line)}.hub-brand{font:400 38px/1 var(--serif);letter-spacing:-.05em}.hub-brand>span{color:#914238}.hub-header>span{letter-spacing:.05em}.hub-fitness{padding-block:12px}.hub-intro{padding:90px var(--gutter) 70px;background:url(assets/botanical.svg) no-repeat 103% 40%;background-size:260px}.hub-intro h1{font-size:clamp(66px,8.8vw,144px);letter-spacing:-.045em;line-height:.94;margin:30px 0 45px}.hub-intro h1 em{color:#83906a}.hub-intro-bottom{display:flex;justify-content:space-between;gap:30px;align-items:end}.hub-intro-bottom>p{font-size:14px;line-height:1.9}.hub-intro-bottom>span{font:400 70px/1 var(--serif);color:#83906a}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;padding:0 var(--gutter) 100px}.hub-card{padding:35px 38px 24px;display:block;min-width:0;overflow:hidden;transition:transform .45s,box-shadow .45s}.hub-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px #26352b18}.hub-card-top{display:flex;justify-content:space-between;gap:16px;font-size:10px;letter-spacing:.1em;text-transform:uppercase}.hub-card h2{font-size:clamp(52px,6.8vw,108px);line-height:.9;margin:36px 0 24px;letter-spacing:-.045em}.hub-card>p{font-size:12px;margin-bottom:32px}.hub-card-image{position:relative;overflow:hidden;height:380px}.hub-card-image>img{width:100%;height:100%;object-fit:cover;object-position:78% center;transition:transform .8s,filter .8s}.hub-card:hover .hub-card-image>img{transform:scale(1.04)}.hub-card-foot{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-top:24px;line-height:1.8}.card-1{background:#254331;color:#f1f2df;background-image:url(assets/botanical.svg);background-size:180px;background-repeat:no-repeat;background-position:105% 8%}.card-1 .hub-card-image{border-radius:45% 45% 0 0}.card-2{background:#e5dfd5;color:#641e2a}.card-2 .hub-card-image{height:380px}.card-2 .hub-card-image>img{filter:grayscale(1);object-position:center 33%}.card-2:hover .hub-card-image>img{filter:grayscale(0)}.card-3{background:repeating-linear-gradient(90deg,#d9ddc640 0 25px,transparent 25px 50px),repeating-linear-gradient(0deg,#d9ddc640 0 25px,transparent 25px 50px),#fff3d5;color:#9c283f}.card-3 .hub-card-image{padding:12px 12px 16px;background:#fffaf0;transform:rotate(-3deg);height:auto;min-height:185px;overflow:visible;margin:10px 10px 15px;display:flex;flex-direction:column;gap:12px}.card-3 .hub-card-image>img{height:100%;object-position:80% center}.card-3 .hub-card-image>span{position:static;display:block;font:italic 20px/1.3 var(--serif)}.card-4{background:#173c51 url(assets/contours.svg) center/cover;color:#ecf0e6}.card-4 h2{font:700 clamp(36px,4.7vw,74px)/1.05 var(--sans);letter-spacing:-.065em;color:#eddf69;margin-block:42px 28px}.card-4 .hub-card-image>span{position:absolute;right:20px;top:20px;width:70px;height:70px;background:#eddf69;color:#173c51;border-radius:50%;display:grid;place-items:center;font-size:45px}.hub-footer{padding:65px var(--gutter) 30px;background:#dce1ce;display:grid;grid-template-columns:1.4fr 1fr;gap:40px}.hub-footer-title{font:400 clamp(46px,5.5vw,85px)/.95 var(--serif);margin-top:25px}.hub-footer>div:nth-child(2){align-self:center;font-size:14px;line-height:1.8}.hub-footer .concept-note,.hub-footer .footer-bottom{grid-column:1/-1}.hub-footer .concept-note{margin-top:0}.hub-footer .footer-bottom{margin-top:0}
@media(max-width:1000px){.hub-card{padding:28px 26px 22px}.hub-grid{gap:22px}.hub-card h2{font-size:clamp(48px,6.5vw,76px)}.card-4 h2{font-size:clamp(31px,4.5vw,54px)}.hub-card-image,.card-2 .hub-card-image{height:320px}.hub-card-foot{flex-direction:column;gap:2px}.hub-card-top{font-size:9px;letter-spacing:.05em}.hub-header>span{display:none}}
@media(max-width:600px){.hub-header{padding-block:18px;font-size:10px;gap:15px}.hub-brand{font-size:32px}.hub-intro{padding-block:50px 45px;background-size:170px;background-position:130% 0}.hub-intro h1{font-size:clamp(48px,12.3vw,72px);line-height:.99;margin-block:26px 32px}.hub-intro-bottom{align-items:start;gap:15px}.hub-intro-bottom>p{font-size:12px}.hub-intro-bottom>span{font-size:40px}.hub-grid{grid-template-columns:1fr;gap:24px;padding-bottom:60px}.hub-card{padding:27px 24px 22px}.hub-card h2{font-size:clamp(58px,16vw,84px)}.card-4 h2{font-size:clamp(36px,10.2vw,56px);line-height:1.07}.hub-card>p{font-size:11px}.hub-card-image,.card-2 .hub-card-image{height:315px}.hub-card-foot{font-size:9px}.card-3 .hub-card-image>span{font-size:17px}.card-4 .hub-card-image>span{width:58px;height:58px;font-size:36px}.hub-footer{grid-template-columns:1fr;padding-block:48px 26px;gap:30px}.hub-footer-title{font-size:58px}.hub-footer .concept-note,.hub-footer .footer-bottom{grid-column:auto}.hub-footer>div:nth-child(2){font-size:13px}}
@media(prefers-reduced-motion:reduce){.hub-card:hover,.hub-card:hover .hub-card-image>img{transform:none}}
/* Compact comparison board; the full concepts open through native links. */
.hub-intro{padding-block:38px 30px}.hub-intro h1{font-size:clamp(50px,6.2vw,90px);margin-block:18px 24px}.hub-grid{gap:22px;padding-bottom:36px}.hub-card{padding:24px}.hub-card h2{font-size:clamp(44px,4.8vw,67px);margin-block:20px 16px}.hub-card>p{font-size:14px}.hub-card-image,.card-2 .hub-card-image{height:240px}.hub-card-top,.hub-card-foot{font-size:12px;letter-spacing:0}.hub-footer{padding-block:28px 18px;gap:22px}.hub-footer-title{font-size:40px;margin-top:10px}.card-4 h2{font-size:clamp(35px,4vw,57px);margin-block:20px 16px}
@media(max-width:600px){.hub-intro{padding-block:30px 24px}.hub-intro h1{font-size:clamp(43px,11.3vw,62px)}.hub-intro-bottom>p{font-size:14px}.hub-card{padding:20px}.hub-card h2{font-size:53px}.card-4 h2{font-size:40px}.hub-card-image,.card-2 .hub-card-image{height:240px}.hub-card-foot{font-size:12px;gap:6px}.hub-card-top{font-size:12px}.hub-card>p{font-size:14px}.hub-footer-title{font-size:38px}.hub-footer>div:nth-child(2){font-size:15px}}

@media(min-width:1100px){.hub-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.hub-card{padding:18px}.hub-card h2{font-size:44px;line-height:1.03;margin-block:16px}.card-4 h2{font-size:36px}.hub-card-image,.card-2 .hub-card-image{height:185px}.hub-card-foot{flex-direction:column;gap:4px}.hub-card-top{gap:8px;letter-spacing:0;font-size:11px}.hub-intro{padding-block:24px}.hub-intro h1{font-size:72px;line-height:.95;margin-block:16px}.hub-intro-bottom>p{font-size:15px}.hub-intro-bottom>span{font-size:40px}}
.card-2 .hub-card-image>.photo-frame{width:100%;filter:grayscale(1)}

.card-3 .hub-card-image>.photo-frame{flex-shrink:0;width:min(100%,150px);height:auto;aspect-ratio:210/218;margin:auto}
@media(max-width:600px){.card-3 .hub-card-image>.photo-frame{height:auto;width:min(80%,210px);margin:auto}}

.card-5{background:#11110e;color:#e4bd78}.card-5 .hub-card-image{border:1px solid #776342}.card-5 .hub-card-image>img{object-fit:contain;background:#1a1812}.card-5 .hub-card-foot{color:#d1c4a7}@media(min-width:1100px){.hub-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(min-width:1450px){.hub-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.hub-card h2{font-size:40px}.card-4 h2{font-size:34px}}
