/* Product-led homepage with a compact secondary news desk. */
body[data-page=home] .hero-layout{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:54px;padding-top:22px;padding-bottom:34px}
.hero-layout .welcome .hero-brand-logo{width:min(370px,100%);max-height:155px}
.hero-layout .welcome .lead{font-size:20px}.hero-layout .welcome .sub{font-size:12px}
.recommended{min-width:0;max-width:100%;padding:0!important;border:0!important;background:none!important}
.recommended .home-section-heading{margin:0 0 16px;align-items:center;gap:14px}
.recommended .home-section-heading h2{font-size:28px}.recommended .eyebrow{font-size:8px;letter-spacing:.2em}
.recommended-all{font-size:11px;color:#ddb1b7;white-space:nowrap;padding:10px 0;min-height:44px;display:flex;align-items:center}
.recommended-slides{border:1px solid #b84a605c;border-radius:14px;overflow:hidden;background:#140d13e8;box-shadow:0 20px 55px #0004;touch-action:pan-y}
.recommended-slide:not([hidden]){display:block;animation:recommend-appear .4s ease both}
.recommended-art{height:210px;position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 65% 30%,#9a273a55,transparent 70%),linear-gradient(135deg,#3c1524,#110b11)}
.recommended-art.art-tone-1{background:radial-gradient(ellipse at 65% 30%,#8a563544,transparent 70%),linear-gradient(135deg,#38251f,#110b11)}
.recommended-art.art-tone-2{background:radial-gradient(ellipse at 65% 30%,#692d5655,transparent 70%),linear-gradient(135deg,#2f162c,#110b11)}
.recommended-art:after{content:'';position:absolute;inset:14px;border:1px solid #d89f8540;pointer-events:none}
.recommended-art>img{width:100%;height:100%;object-fit:cover}.recommended-art>img.recommended-logo{width:66%;height:auto;max-height:130px;object-fit:contain;filter:drop-shadow(0 10px 22px #0008)}
.recommended-pending-art{position:absolute;bottom:29px;font-size:9px;color:#c49e9f}
.recommended-label{position:absolute;top:25px;left:27px;padding:4px 9px;font-size:8px;border:1px solid #e2a7a52c;border-radius:20px;background:#120b11b3;color:#edd0cc}
.recommended-edition{position:absolute;right:27px;bottom:28px;font-size:7px;letter-spacing:.18em;color:#ac7e85}
.recommended-copy{padding:21px 25px 23px}.recommended-copy h3{font-size:24px;line-height:1.5;margin:6px 0;color:#f9e6df;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.recommended-description{font-size:11px;color:#bfa5ae;line-height:1.9;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:42px}
.recommended-bottom{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:17px;padding-top:15px;border-top:1px solid #b77d6626}
.recommended-bottom>strong{font-size:20px;color:#f39baf;line-height:1.4}.recommended-bottom .btn{min-height:44px;padding:10px 21px;font-size:11px}
.recommended-controls{display:flex;align-items:center;gap:13px;padding-top:10px}.recommended-dots{display:flex;gap:0;flex-wrap:wrap}
.recommended-controls button{border:0;background:transparent;color:#cfb6c0;min-width:40px;min-height:44px;display:grid;place-items:center;padding:6px;transition:color .2s}
.recommended-dots button{min-width:27px}.recommended-dots button span{width:6px;height:6px;border-radius:50%;background:#67404e;transition:width .2s,background .2s}
.recommended-dots button[aria-current=true] span{background:#ef355b;width:22px;border-radius:5px}
.recommended-counter{font-size:9px;letter-spacing:.12em;color:#b58d9c;margin-left:auto;white-space:nowrap}
.recommended-arrows{display:flex;gap:3px}.recommended-arrows button{border:1px solid #bd7c742b;border-radius:50%;width:38px;height:38px;font-size:16px}
.recommended-controls button:hover{color:#ff6889;background:#a32b4218}
.home-news .home-section-heading h2{font-size:21px}.home-news .home-section-heading .eyebrow{font-size:7px}.home-news .home-section-heading>.btn{font-size:10px;min-height:40px;padding:8px 16px}
.home-news .home-news-note{font-size:9px;margin:7px 0 17px}
.home-news .home-news-grid{gap:14px}.home-news .home-news-card{display:grid;grid-template-columns:78px minmax(0,1fr);min-height:176px}
.home-news .news-art{height:100%;min-height:0;padding:16px 10px;display:flex;align-items:flex-start;flex-direction:column;justify-content:space-between}
.home-news .news-art>span{font-size:6px;letter-spacing:.08em}.home-news .news-art>strong{font-size:13px;overflow-wrap:anywhere;line-height:1.5}.home-news .news-art>b{font-size:45px;line-height:1;position:static;align-self:flex-end;opacity:.1}
.home-news .home-news-body{min-height:0;padding:15px 16px}.home-news .home-news-body .news-category{font-size:8px}.home-news .home-news-body h3{font-size:13px;line-height:1.6;margin:6px 0}
.home-news .home-news-body>p:not(.news-category){font-size:10px;line-height:1.8;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.home-news .home-news-body>a{font-size:9px;padding-top:10px;min-height:33px}.home-news .home-activities{margin-top:24px}
@keyframes recommend-appear{from{opacity:.35;transform:translateX(9px)}to{opacity:1;transform:none}}
@media(max-width:1150px){body[data-page=home] .hero-layout{gap:30px;grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr)}.home-news .home-news-grid{grid-template-columns:1fr}.home-news .home-news-card{min-height:130px;grid-template-columns:112px minmax(0,1fr)}.home-news .news-art>strong{font-size:18px}}
@media(max-width:850px){body[data-page=home] .hero-layout{grid-template-columns:1fr;gap:22px}.hero-layout .shop-feature{order:-1;max-width:650px}.hero-layout .welcome .hero-brand-logo,.hero-layout .welcome .lead,.hero-layout .welcome .sub,.hero-layout .welcome .frontier-welcome,.hero-layout .welcome .frontier-caption,.hero-layout .welcome .hint{display:none}.hero-layout .welcome .athan-title.has-logo{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.hero-layout .welcome .actions{margin-top:0;display:flex;justify-content:center}.recommended-art{height:220px}}
@media(max-width:550px){body[data-page=home] .hero-layout{padding-top:13px;padding-bottom:24px;gap:16px}.recommended .home-section-heading{margin-bottom:10px}.hero-layout .recommended .home-section-heading h2{font-size:24px}.recommended .home-section-heading .eyebrow{font-size:6px;letter-spacing:.15em}.recommended-all{font-size:9px}.recommended-art{height:175px}.recommended-art>img.recommended-logo{width:75%;max-height:100px}.recommended-edition{font-size:6px;right:23px}.recommended-label{top:23px;left:23px;font-size:7px}.recommended-pending-art{font-size:8px;bottom:26px}.recommended-copy{padding:16px 19px}.recommended-copy h3{font-size:21px}.recommended-description{font-size:10px;min-height:38px}.recommended-bottom{margin-top:12px;padding-top:12px;gap:9px}.recommended-bottom>strong{font-size:17px}.recommended-bottom .btn{padding:9px 16px;font-size:10px}.recommended-controls{gap:7px;padding-top:5px}.recommended-controls button{min-width:36px}.recommended-dots button{min-width:24px}.recommended-arrows{gap:1px}.recommended-counter{font-size:8px}.home-news .home-section-heading h2{font-size:18px}.home-news .home-section-heading>.btn{font-size:9px;padding:8px 12px}.home-news .home-news-grid{gap:10px}.home-news .home-news-card{grid-template-columns:74px minmax(0,1fr);min-height:142px}.home-news .home-news-body{padding:12px 13px}.home-news .news-art>strong{font-size:13px}.home-news .home-news-body h3{font-size:12px}.home-news .home-news-body>a{min-height:38px;padding-top:8px}.home-news .home-news-note{font-size:8px;margin-bottom:12px}}
@media(prefers-reduced-motion:reduce){.recommended-slide:not([hidden]){animation:none}.recommended-controls *{transition:none}}