:root{
  --astrio-blue:#0035a8;
  --astrio-blue-2:#0067ff;
  --astrio-navy:#06143d;
  --astrio-deep:#020717;
  --astrio-black:#08090d;
  --astrio-white:#fff;
  --astrio-cloud:#f5f8ff;
  --astrio-line:#d9e4ff;
  --astrio-sky:#7dc5ff;
  --astrio-star:#0b3bb4;
  --astrio-soft:#edf5ff;
  --astrio-radius:28px;
  --astrio-shadow:0 24px 80px rgba(0,35,120,.16);
  --astrio-font:'Noto Sans JP',system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --astrio-display:'Barlow Condensed','Noto Sans JP',sans-serif;
  --astrio-round:'Nunito','Noto Sans JP',sans-serif;
  --astrio-cute-title:'M PLUS Rounded 1c','Zen Maru Gothic','Noto Sans JP',sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--astrio-navy);font-family:var(--astrio-font);line-height:1.8;letter-spacing:.02em;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.screen-reader-text{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.astrio-site-shell{min-height:100vh;background:
 radial-gradient(circle at 12% 16%,rgba(70,122,255,.13),transparent 28%),
 radial-gradient(circle at 88% 12%,rgba(158,205,255,.22),transparent 30%),
 linear-gradient(180deg,#ffffff 0%,#f7fbff 52%,#fff 100%)}
.astrio-container{width:min(1500px,calc(100% - 64px));margin-inline:auto}
.astrio-header{position:sticky;top:0;z-index:90;padding:8px;background:rgba(255,255,255,.78);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,50,140,.08)}
.astrio-header__inner{min-height:68px;border-radius:999px;background:rgba(255,255,255,.94);box-shadow:0 12px 40px rgba(0,30,100,.12);display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:10px 24px}
.astrio-brand{display:flex;align-items:center;gap:12px;min-width:max-content}
.astrio-brand__mark{width:48px;height:48px;border-radius:0;display:grid;place-items:center;overflow:visible;background:transparent;flex:0 0 48px}
.astrio-brand__mark img{width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;filter:drop-shadow(0 2px 3px rgba(0,38,125,.08))}
.astrio-brand__text strong{font-family:var(--astrio-display);font-size:28px;line-height:.9;letter-spacing:.08em;color:var(--astrio-blue)}
.astrio-brand__text small{display:block;margin-top:4px;font-size:10px;font-weight:900;color:var(--astrio-navy);letter-spacing:.22em}
.astrio-nav .menu{display:flex;align-items:center;justify-content:center;gap:32px;margin:0;padding:0;list-style:none}
.astrio-nav a{display:block;text-align:center;font-family:var(--astrio-display);font-size:18px;font-weight:800;letter-spacing:.08em;color:var(--astrio-navy);line-height:1.05;position:relative}
.astrio-nav small{display:block;font-family:var(--astrio-font);font-size:9px;font-weight:900;letter-spacing:.12em;margin-top:2px;color:var(--astrio-blue)}
.astrio-nav a:after{content:'';position:absolute;left:50%;right:50%;bottom:-11px;height:3px;border-radius:999px;background:var(--astrio-blue);transition:.25s}
.astrio-nav a:hover:after,.current-menu-item>a:after{left:0;right:0}
.astrio-header-actions{display:flex;gap:20px;align-items:center;font-size:24px;color:var(--astrio-deep)}
.astrio-menu-toggle{display:none;background:none;border:0;padding:8px;cursor:pointer;color:var(--astrio-navy)}
.astrio-menu-toggle span{display:block;width:28px;height:2px;background:currentColor;margin:6px 0}.astrio-menu-toggle em{font-style:normal;font-size:9px;font-weight:900;letter-spacing:.1em}
.astrio-hero{position:relative;min-height:680px;display:flex;align-items:center;overflow:hidden;background:
 radial-gradient(circle at 44% 30%,rgba(255,255,255,.36),transparent 18%),
 radial-gradient(circle at 75% 18%,rgba(124,210,255,.42),transparent 28%),
 linear-gradient(135deg,#061641 0%,#0437a2 45%,#7dbaff 100%);color:#fff}
.astrio-hero--compact{min-height:520px}
.astrio-hero:before,.astrio-wear-hero:before{content:'';position:absolute;inset:0;background-image:
 radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.5px),
 radial-gradient(circle,rgba(255,255,255,.55) 0 1px,transparent 1.2px);background-size:80px 80px,135px 135px;background-position:0 0,28px 62px;opacity:.86;animation:astrioStars 18s linear infinite}
.astrio-hero:after{content:'';position:absolute;left:-8%;right:-8%;bottom:-80px;height:210px;background:
 radial-gradient(ellipse at 10% 100%,#fff 0 58%,transparent 60%),
 radial-gradient(ellipse at 35% 95%,#f5fbff 0 52%,transparent 54%),
 radial-gradient(ellipse at 65% 100%,#fff 0 60%,transparent 62%),
 radial-gradient(ellipse at 90% 96%,#f8fbff 0 54%,transparent 56%);filter:drop-shadow(0 -20px 50px rgba(255,255,255,.22))}
.astrio-hero__nebula{position:absolute;inset:-10%;background:
 radial-gradient(circle at 16% 32%,rgba(255,255,255,.38),transparent 22%),
 radial-gradient(circle at 30% 10%,rgba(180,117,255,.42),transparent 20%),
 radial-gradient(circle at 76% 28%,rgba(97,188,255,.5),transparent 24%),
 linear-gradient(115deg,transparent,rgba(255,255,255,.12) 36%,transparent 62%);mix-blend-mode:screen;opacity:.8;animation:astrioFloat 16s ease-in-out infinite alternate}
.astrio-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:42px;align-items:center;padding:110px 0 150px}
.astrio-hero__copy{max-width:760px}.astrio-kicker{font-family:var(--astrio-display);font-size:22px;font-weight:800;letter-spacing:.2em;color:#b9dcff;margin:0 0 10px;text-transform:uppercase}.astrio-hero h1{font-family:var(--astrio-display);font-weight:800;letter-spacing:.04em;font-size:clamp(54px,8vw,112px);line-height:.92;margin:0 0 26px;text-shadow:0 10px 50px rgba(0,0,0,.2)}.astrio-hero h1 span{letter-spacing:.07em}.astrio-hero p{font-weight:800;font-size:clamp(16px,1.6vw,23px);max-width:760px;text-shadow:0 5px 24px rgba(0,0,0,.18)}
.astrio-buttons{display:flex;flex-wrap:wrap;gap:16px;margin-top:30px}.astrio-button{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;border-radius:999px;font-weight:900;letter-spacing:.04em;box-shadow:0 12px 30px rgba(0,40,150,.14);transition:.25s}.astrio-button:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,40,150,.2)}.astrio-button--primary{background:linear-gradient(135deg,var(--astrio-blue),#4d7cff);color:#fff}.astrio-button--white{background:#fff;color:var(--astrio-navy)}.astrio-button--outline-light{border:1px solid rgba(255,255,255,.7);color:#fff;background:rgba(255,255,255,.08);box-shadow:none}
.astrio-hero__visual{position:relative;min-height:480px;display:grid;place-items:center}.astrio-hero__mascot{width:min(680px,100%);max-height:620px;object-fit:contain;filter:drop-shadow(0 28px 40px rgba(0,0,0,.2))}.astrio-character-focus img{width:min(760px,100%)}
.astrio-speech{position:absolute;right:2%;top:14%;background:#fff;color:var(--astrio-blue);padding:20px 34px;border-radius:50px 50px 50px 18px;font-weight:900;text-align:center;box-shadow:var(--astrio-shadow);animation:astrioBob 3s ease-in-out infinite}.astrio-mini-note{position:absolute;right:9%;bottom:20%;background:rgba(4,17,55,.9);border:1px solid rgba(255,255,255,.34);border-radius:20px;padding:18px 22px;font-weight:800;color:#fff;box-shadow:0 20px 50px rgba(0,0,0,.3)}.astrio-mini-note strong{display:block;font-size:24px;color:#fff}
.astrio-section{position:relative;padding:80px 0}.astrio-section--floatcards{margin-top:-120px;z-index:4;padding:0 0 38px}.astrio-feature-links{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.astrio-feature-link{min-height:132px;background:rgba(255,255,255,.94);border:1px solid rgba(0,57,160,.12);border-radius:24px;padding:16px 18px;display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:18px;box-shadow:var(--astrio-shadow);overflow:hidden;position:relative}.astrio-feature-link:after{content:'✦';position:absolute;right:22px;top:18px;color:var(--astrio-blue);opacity:.5}.astrio-feature-link img{width:86px;height:86px;object-fit:cover;border-radius:18px}.astrio-feature-link strong{display:block;font-family:var(--astrio-display);font-size:28px;color:var(--astrio-blue);letter-spacing:.08em}.astrio-feature-link small{display:block;font-size:11px;font-weight:900;margin-top:-5px;color:var(--astrio-navy)}.astrio-feature-link span{font-size:13px;font-weight:800;line-height:1.55}.astrio-feature-link b{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--astrio-blue);color:#fff}
.astrio-section-title{margin-bottom:28px}.astrio-section-title p{margin:0 0 4px;font-family:var(--astrio-display);font-size:20px;font-weight:800;color:var(--astrio-blue);letter-spacing:.16em}.astrio-section-title h2{margin:0;font-size:clamp(32px,4vw,56px);line-height:1.1;font-weight:900}.astrio-section-title--row{display:flex;justify-content:space-between;align-items:end;gap:24px}.astrio-section-title--row>a{font-weight:900;color:var(--astrio-blue)}
.astrio-wear-band{padding:36px 0;background:var(--astrio-deep);color:#fff;overflow:hidden}.astrio-wear-band:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 0,rgba(20,80,255,.45),transparent 40%),radial-gradient(circle at 80% 55%,rgba(130,180,255,.15),transparent 30%);opacity:.9}.astrio-wear-band__inner{position:relative;z-index:1;display:grid;grid-template-columns:360px 1fr;gap:34px;align-items:center}.astrio-wear-band__logo img{width:220px;filter:invert(1) saturate(0) brightness(10)}.astrio-wear-band__logo h2{font-size:36px;margin:8px 0 8px}.astrio-wear-band__logo p{font-weight:700;color:#d8e6ff}.astrio-wear-band__items{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.astrio-wear-band__items figure{margin:0;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:12px;overflow:hidden}.astrio-wear-band__items img{width:100%;height:150px;object-fit:cover;border-radius:12px;filter:saturate(1.05)}.astrio-wear-band__items figcaption{font-family:var(--astrio-display);letter-spacing:.08em;font-weight:800;text-align:center;margin-top:8px;color:#fff}
.astrio-goods-strip{padding-top:56px}.astrio-goods-row{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.astrio-mini-product{background:#fff;border:1px solid var(--astrio-line);border-radius:18px;padding:10px;text-align:center;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-mini-product img{width:100%;height:110px;object-fit:cover;border-radius:12px}.astrio-mini-product strong{display:block;margin-top:10px;font-size:13px;color:var(--astrio-navy)}
.astrio-news-strip{padding:16px 0;background:#fff;border-top:1px solid var(--astrio-line);border-bottom:1px solid var(--astrio-line)}.astrio-news-strip__inner{display:flex;gap:22px;align-items:center;overflow:auto;white-space:nowrap}.astrio-news-strip strong{font-family:var(--astrio-display);font-size:28px;color:var(--astrio-blue)}.astrio-news-strip span{background:var(--astrio-blue);color:#fff;padding:4px 12px;border-radius:999px;font-size:12px;font-weight:900}.astrio-news-strip a{font-weight:800;color:var(--astrio-navy)}
.astrio-section--white{background:#fff}.astrio-section--soft{background:linear-gradient(180deg,#f5f9ff,#fff)}.astrio-triple{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.astrio-triple article,.astrio-panel,.astrio-sidebar,.astrio-price-box{background:#fff;border:1px solid var(--astrio-line);border-radius:26px;box-shadow:var(--astrio-shadow);padding:28px}.astrio-triple h2{font-size:32px;margin:0 0 12px;color:var(--astrio-blue)}.astrio-triple a{font-weight:900;color:var(--astrio-blue)}.astrio-timeline{display:grid;grid-template-columns:repeat(6,1fr);gap:14px}.astrio-timeline article{background:#fff;border-radius:18px;border:1px solid var(--astrio-line);padding:18px;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-timeline span{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--astrio-blue);color:#fff;font-weight:900}.astrio-timeline h3{font-size:17px;line-height:1.3;color:var(--astrio-blue)}
.astrio-character-grid{display:grid;grid-template-columns:1fr .75fr;gap:22px}.astrio-panel h2{font-family:var(--astrio-display);letter-spacing:.1em;color:var(--astrio-blue);font-size:30px;margin:0 0 18px}.astrio-panel dl{display:grid;grid-template-columns:160px 1fr;gap:0;border-top:1px solid var(--astrio-line)}.astrio-panel dt,.astrio-panel dd{margin:0;padding:16px 0;border-bottom:1px solid var(--astrio-line);font-weight:800}.astrio-panel dt{color:var(--astrio-blue)}.astrio-panel--back img{height:270px;object-fit:cover;border-radius:20px;margin:auto}.astrio-pose-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.astrio-pose-grid article{border:1px solid var(--astrio-line);border-radius:22px;background:#fff;padding:14px;text-align:center;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-pose-grid img{height:140px;width:100%;object-fit:cover;border-radius:16px}.astrio-pose-grid strong{display:block;margin-top:8px;color:var(--astrio-blue)}.astrio-detail-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px}.astrio-detail-grid article{background:#fff;border:1px solid var(--astrio-line);border-radius:20px;padding:18px;text-align:center;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-detail-grid span{font-size:40px;color:var(--astrio-blue)}.astrio-detail-grid img{height:50px;object-fit:contain;margin:0 auto 10px}.astrio-detail-grid h3{font-family:var(--astrio-display);font-size:24px;letter-spacing:.08em;margin:4px 0;color:var(--astrio-blue)}.astrio-detail-grid p{font-size:13px;font-weight:700}.astrio-cta-band{padding:46px 0;background:linear-gradient(135deg,var(--astrio-blue),#081043);color:#fff}.astrio-cta-band__inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.astrio-cta-band h2{font-size:40px;margin:0}.astrio-cta-band p{margin:4px 0 0;font-weight:800;color:#d7e6ff}
.astrio-wear-mode .astrio-site-shell{background:#030814;color:#fff}.astrio-wear-hero{position:relative;overflow:hidden;background:#030814;color:#fff;padding:90px 0 42px}.astrio-wear-hero:after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 28% 20%,rgba(0,86,255,.4),transparent 34%),linear-gradient(180deg,transparent,rgba(0,0,0,.9));opacity:.9}.astrio-wear-hero__grid{position:relative;z-index:1;display:grid;grid-template-columns:.7fr 1.3fr;gap:32px;align-items:center}.astrio-wear-hero__logo{width:220px;filter:invert(1) brightness(20)}.astrio-wear-hero h1{font-family:var(--astrio-display);font-size:clamp(66px,8vw,120px);line-height:.9;margin:12px 0;letter-spacing:.08em}.astrio-wear-lead{font-size:32px;font-weight:900;margin:0 0 12px}.astrio-wear-hero__copy p{font-weight:700;color:#d8e6ff}.astrio-wear-hero__products{display:grid;grid-template-columns:1fr 1fr;gap:16px}.astrio-wear-hero__products img{height:480px;width:100%;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.18);box-shadow:0 30px 80px rgba(0,0,0,.35)}
.astrio-wear-cats,.astrio-wear-products,.astrio-lookbook,.astrio-wear-details{background:#050914;color:#fff;padding:36px 0}.astrio-wear-cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.astrio-wear-cat-grid article{border:1px solid rgba(255,255,255,.16);border-radius:18px;padding:26px;background:rgba(255,255,255,.04)}.astrio-wear-cat-grid h2,.astrio-section-title--wear h2{font-family:var(--astrio-display);letter-spacing:.1em}.astrio-wear-cat-grid a{font-weight:900;color:#fff}.astrio-section-title--wear{display:flex;align-items:end;justify-content:space-between}.astrio-section-title--wear p{color:#7eb0ff}.astrio-section-title--wear a{color:#fff;font-weight:900}.astrio-wear-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.astrio-wear-card{background:#fff;color:var(--astrio-deep);border-radius:14px;overflow:hidden;position:relative;padding:12px}.astrio-wear-card>span{position:absolute;top:12px;left:12px;background:var(--astrio-blue);color:#fff;border-radius:999px;padding:3px 9px;font-size:10px;font-weight:900}.astrio-wear-card img{height:170px;width:100%;object-fit:cover;border-radius:10px}.astrio-wear-card h3{font-family:var(--astrio-display);font-size:24px;margin:12px 0 0;letter-spacing:.04em}.astrio-wear-card p{margin:0;color:#667;font-weight:800}.astrio-wear-card strong{font-size:18px;color:#000}.astrio-lookbook__grid{display:grid;grid-template-columns:.45fr 1fr;gap:22px;align-items:center}.astrio-lookbook p{font-family:var(--astrio-display);letter-spacing:.16em;color:#7eb0ff;font-weight:800}.astrio-lookbook h2{font-size:34px;line-height:1.35}.astrio-lookbook img{width:100%;height:360px;object-fit:cover;border-radius:22px;border:1px solid rgba(255,255,255,.16)}.astrio-wear-detail-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.astrio-wear-detail-grid article{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);border-radius:16px;overflow:hidden;text-align:center}.astrio-wear-detail-grid img{height:130px;width:100%;object-fit:cover}.astrio-wear-detail-grid strong{display:block;padding:12px;font-weight:900}.astrio-wear-bottom-cta{background:linear-gradient(90deg,#030814,#061a55,#030814);padding:38px 0;color:#fff}.astrio-wear-bottom-cta .astrio-container{display:flex;justify-content:space-between;align-items:center;gap:20px}.astrio-wear-bottom-cta h2{font-size:34px;margin:0}.astrio-product-card{background:#fff;border:1px solid var(--astrio-line);border-radius:20px;overflow:hidden;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-product-card--dark{background:#fff;color:#050914}.astrio-product-card__image{display:block;background:#f5f8ff}.astrio-product-card__image img{height:220px;width:100%;object-fit:cover}.astrio-product-card__body{padding:18px}.astrio-product-card__meta{display:flex;gap:8px}.astrio-product-card__meta span,.astrio-product-card__meta em{font-style:normal;background:var(--astrio-blue);color:#fff;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:900}.astrio-product-card__body h3{font-size:20px;line-height:1.35;margin:10px 0 5px}.astrio-product-card__bottom{display:flex;justify-content:space-between;align-items:center;margin-top:12px}.astrio-product-card__bottom a{color:var(--astrio-blue);font-weight:900}.astrio-product-placeholder{display:grid;place-items:center;height:220px;font-size:64px;color:var(--astrio-blue)}
.astrio-stamp-layout{display:grid;grid-template-columns:1fr 360px;gap:24px}.astrio-stamp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.astrio-stamp-grid article{border:1px solid var(--astrio-line);border-radius:18px;background:#fff;padding:10px;text-align:center}.astrio-stamp-grid img{height:100px;width:100%;object-fit:cover;border-radius:12px}.astrio-stamp-grid strong{display:block;color:var(--astrio-blue);font-size:14px}.astrio-price-box strong{font-size:40px;color:var(--astrio-blue)}.astrio-price-box li{font-weight:800}.astrio-category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.astrio-category-grid article{background:#fff;border:1px solid var(--astrio-line);border-radius:22px;padding:16px;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-category-grid img{height:170px;width:100%;object-fit:cover;border-radius:16px}.astrio-category-grid h3{font-size:23px;color:var(--astrio-blue)}.astrio-news-grid{display:grid;grid-template-columns:1fr 300px;gap:28px}.astrio-news-main{display:grid;grid-template-columns:1fr 1fr;gap:16px}.astrio-news-card{background:#fff;border:1px solid var(--astrio-line);border-radius:20px;padding:14px;display:grid;grid-template-columns:180px 1fr;gap:16px;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-news-card img{height:130px;width:100%;object-fit:cover;border-radius:14px}.astrio-news-card time{color:var(--astrio-blue);font-weight:900}.astrio-news-card h2{font-size:21px;line-height:1.4;margin:3px 0}.astrio-sidebar{height:max-content}.astrio-sidebar a{display:flex;justify-content:space-between;border-radius:999px;padding:10px 16px;margin:8px 0;background:#f3f7ff;font-weight:900;color:var(--astrio-blue)}.astrio-shop-cats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:40px}.astrio-shop-cats a{display:flex;justify-content:space-between;align-items:center;padding:24px;border-radius:20px;background:#fff;border:1px solid var(--astrio-line);box-shadow:0 12px 28px rgba(0,30,120,.08);font-family:var(--astrio-display);font-size:34px;font-weight:800;color:var(--astrio-blue)}.astrio-shop-cats span{font-family:var(--astrio-font);font-size:14px;color:var(--astrio-navy)}.astrio-shop-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.astrio-shop-card{background:#fff;border:1px solid var(--astrio-line);border-radius:20px;padding:14px;position:relative;box-shadow:0 12px 28px rgba(0,30,120,.08)}.astrio-shop-card img{height:210px;width:100%;object-fit:cover;border-radius:16px}.astrio-shop-card h3{font-size:20px}.astrio-shop-card strong{font-size:22px;color:var(--astrio-blue)}.astrio-shop-card a{position:absolute;right:16px;bottom:16px;width:42px;height:42px;display:grid;place-items:center;background:var(--astrio-blue);color:#fff;border-radius:12px}.astrio-content{font-size:18px;max-width:900px}.astrio-single-thumb img{border-radius:24px;box-shadow:var(--astrio-shadow)}
.astrio-footer{background:#00267d;color:#fff;padding:40px 0 24px}.astrio-footer__grid{display:grid;grid-template-columns:1.1fr 1.4fr .7fr;gap:36px;align-items:start}.astrio-footer-logo{display:flex;gap:12px;align-items:center;font-family:var(--astrio-display);font-size:30px;letter-spacing:.08em}.astrio-footer-logo img{width:52px;height:52px;object-fit:contain;border-radius:0;filter:brightness(1.2);background:transparent}.astrio-footer p{color:#d9e6ff;font-weight:700}.astrio-footer__nav,.astrio-footer__nav .menu{display:grid;grid-template-columns:repeat(4,auto);gap:12px 28px;margin:0;padding:0;list-style:none}.astrio-footer__nav a{font-family:var(--astrio-display);font-size:18px;letter-spacing:.08em}.astrio-footer__social strong{font-family:var(--astrio-display);font-size:20px}.astrio-footer__social div{display:flex;gap:10px;margin-top:14px}.astrio-footer__social a{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);font-weight:900}.astrio-footer__bottom{display:flex;justify-content:space-between;border-top:1px solid rgba(255,255,255,.18);padding-top:18px;margin-top:28px;color:#d9e6ff;font-size:13px}.astrio-to-top{position:fixed;right:26px;bottom:24px;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(135deg,#2745d8,#111c73);color:#fff;z-index:99;box-shadow:0 20px 45px rgba(0,0,0,.25);font-weight:900}.astrio-to-top small{font-size:10px;display:block;margin-top:-16px}
@keyframes astrioStars{from{background-position:0 0,28px 62px}to{background-position:80px 80px,163px 197px}}@keyframes astrioFloat{from{transform:translate3d(-2%,0,0) scale(1.02)}to{transform:translate3d(2%,2%,0) scale(1.08)}}@keyframes astrioBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@media (max-width:1100px){.astrio-container{width:min(100% - 36px,980px)}.astrio-header__inner{grid-template-columns:auto auto;justify-content:space-between}.astrio-menu-toggle{display:block}.astrio-nav{display:none;grid-column:1/-1}.astrio-nav.is-open{display:block}.astrio-nav .menu{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;padding:16px}.astrio-header-actions{display:none}.astrio-hero__grid,.astrio-wear-hero__grid,.astrio-wear-band__inner,.astrio-lookbook__grid,.astrio-news-grid,.astrio-stamp-layout{grid-template-columns:1fr}.astrio-feature-links,.astrio-goods-row,.astrio-wear-product-grid,.astrio-shop-grid{grid-template-columns:repeat(2,1fr)}.astrio-detail-grid,.astrio-timeline{grid-template-columns:repeat(3,1fr)}.astrio-wear-hero__products img{height:320px}.astrio-footer__grid{grid-template-columns:1fr}.astrio-footer__bottom{display:grid;gap:12px}}
@media (max-width:700px){.astrio-container{width:min(100% - 24px,620px)}.astrio-hero{min-height:620px}.astrio-hero__grid{padding:72px 0 120px}.astrio-hero h1{font-size:56px}.astrio-hero p{font-size:15px}.astrio-feature-links,.astrio-wear-band__items,.astrio-goods-row,.astrio-triple,.astrio-pose-grid,.astrio-detail-grid,.astrio-wear-cat-grid,.astrio-wear-product-grid,.astrio-wear-detail-grid,.astrio-category-grid,.astrio-news-main,.astrio-shop-grid,.astrio-shop-cats{grid-template-columns:1fr}.astrio-feature-link{grid-template-columns:70px 1fr auto}.astrio-feature-link img{width:70px;height:70px}.astrio-cta-band__inner,.astrio-wear-bottom-cta .astrio-container{display:grid}.astrio-news-card{grid-template-columns:1fr}.astrio-hero__visual{min-height:360px}.astrio-speech,.astrio-mini-note{position:relative;right:auto;top:auto;bottom:auto;margin:10px}.astrio-footer__nav,.astrio-footer__nav .menu{grid-template-columns:repeat(2,auto)}}

/* v0.2.1: layered animated nebula / 3D parallax hero */
.astrio-space-hero{
  isolation:isolate;
  perspective:1200px;
  --astrio-motion-intensity:1;
}
.astrio-space-hero > .astrio-container{position:relative;z-index:4}
.astrio-space-scene{
  position:absolute;
  inset:-12%;
  z-index:0;
  pointer-events:none;
  overflow:hidden;
  transform-style:preserve-3d;
}
.astrio-space-layer{
  position:absolute;
  inset:-8%;
  will-change:transform,opacity,background-position;
  transform:translate3d(0,0,0);
  transition:transform .18s ease-out;
}
.astrio-space-layer--nebula{
  background:
    radial-gradient(circle at 16% 30%,rgba(255,255,255,.34),transparent 20%),
    radial-gradient(circle at 31% 9%,rgba(195,118,255,.48),transparent 22%),
    radial-gradient(circle at 67% 24%,rgba(73,182,255,.56),transparent 24%),
    radial-gradient(circle at 88% 40%,rgba(255,214,116,.16),transparent 20%),
    linear-gradient(115deg,transparent 10%,rgba(255,255,255,.13) 36%,transparent 62%);
  mix-blend-mode:screen;
  opacity:.9;
  filter:saturate(1.25);
  animation:astrioNebulaDrift 28s ease-in-out infinite alternate;
}
.astrio-space-layer--stars-far,
.astrio-space-layer--stars-mid,
.astrio-space-layer--stars-near{
  background-repeat:repeat;
  mix-blend-mode:screen;
}
.astrio-space-layer--stars-far{
  opacity:.75;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.86) 0 1px,transparent 1.6px),
    radial-gradient(circle,rgba(150,204,255,.58) 0 1px,transparent 1.5px);
  background-size:82px 82px,137px 137px;
  background-position:0 0,38px 58px;
  animation:astrioStarDriftFar 52s linear infinite;
}
.astrio-space-layer--stars-mid{
  opacity:.72;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1.4px,transparent 2px),
    radial-gradient(circle,rgba(255,230,145,.82) 0 1.2px,transparent 2px),
    radial-gradient(circle,rgba(115,185,255,.65) 0 1px,transparent 1.8px);
  background-size:158px 158px,214px 214px,118px 118px;
  background-position:24px 40px,80px 22px,7px 85px;
  animation:astrioStarDriftMid 36s linear infinite;
}
.astrio-space-layer--stars-near{
  opacity:.82;
  background-image:
    radial-gradient(circle,rgba(255,255,255,1) 0 1.6px,transparent 2.4px),
    radial-gradient(circle,rgba(142,204,255,.9) 0 1.3px,transparent 2.4px),
    radial-gradient(circle,rgba(255,238,158,.92) 0 1.4px,transparent 2.4px);
  background-size:260px 260px,320px 320px,220px 220px;
  background-position:40px 110px,160px 20px,20px 40px;
  animation:astrioTwinkle 5.4s ease-in-out infinite alternate, astrioStarDriftNear 48s linear infinite;
}
.astrio-space-layer--glow{
  inset:-4%;
  opacity:.85;
  background:
    radial-gradient(circle at 24% 52%,rgba(135,191,255,.45),transparent 15%),
    radial-gradient(circle at 61% 18%,rgba(255,255,255,.38),transparent 12%),
    radial-gradient(circle at 83% 52%,rgba(175,119,255,.22),transparent 16%),
    conic-gradient(from 120deg at 58% 38%,transparent 0 18%,rgba(255,255,255,.15) 24%,transparent 32% 100%);
  mix-blend-mode:screen;
  filter:blur(.2px);
  animation:astrioGlowPulse 8s ease-in-out infinite alternate;
}
.astrio-space-layer--clouds{
  inset:auto -12% -100px -12%;
  height:260px;
  opacity:.96;
  background:
    radial-gradient(ellipse at 8% 92%,#fff 0 46%,transparent 48%),
    radial-gradient(ellipse at 24% 86%,#f5fbff 0 44%,transparent 46%),
    radial-gradient(ellipse at 43% 98%,#fff 0 46%,transparent 48%),
    radial-gradient(ellipse at 63% 86%,#f6fbff 0 44%,transparent 46%),
    radial-gradient(ellipse at 82% 98%,#fff 0 48%,transparent 50%),
    radial-gradient(ellipse at 96% 90%,#eef8ff 0 42%,transparent 44%);
  filter:drop-shadow(0 -18px 44px rgba(255,255,255,.23));
  animation:astrioCloudFloat 18s ease-in-out infinite alternate;
}
.astrio-shooting-star{
  position:absolute;
  width:170px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(113,185,255,0));
  box-shadow:0 0 18px rgba(255,255,255,.8);
  opacity:0;
  transform:rotate(-18deg) translate3d(0,0,0);
  will-change:transform,opacity;
}
.astrio-shooting-star--one{left:12%;top:21%;animation:astrioShooting 8s ease-in-out infinite 1.2s}
.astrio-shooting-star--two{left:58%;top:12%;width:120px;animation:astrioShooting 11s ease-in-out infinite 4.5s}
.astrio-motion-permission{
  position:absolute;
  right:clamp(18px,4vw,64px);
  bottom:clamp(120px,14vw,180px);
  z-index:8;
  border:1px solid rgba(255,255,255,.72);
  border-radius:999px;
  padding:12px 18px;
  background:rgba(255,255,255,.9);
  color:var(--astrio-blue);
  box-shadow:0 18px 46px rgba(0,30,120,.22);
  font-weight:900;
  cursor:pointer;
}
.astrio-motion-permission::before{content:'✦';margin-right:8px}
.astrio-motion-permission[hidden]{display:none}
.astrio-space-hero.is-motion-ready .astrio-hero__mascot{animation:astrioMascotFloat 5.8s ease-in-out infinite}
@keyframes astrioNebulaDrift{0%{transform:translate3d(-1.5%,-1%,0) scale(1.03) rotate(-.2deg)}100%{transform:translate3d(1.8%,1.2%,0) scale(1.08) rotate(.3deg)}}
@keyframes astrioStarDriftFar{to{background-position:82px 82px,175px 195px}}
@keyframes astrioStarDriftMid{to{background-position:182px 198px,294px 236px,125px 203px}}
@keyframes astrioStarDriftNear{to{background-position:300px 370px,480px 340px,240px 260px}}
@keyframes astrioTwinkle{0%,100%{opacity:.58;filter:brightness(.9)}45%{opacity:.92;filter:brightness(1.22)}70%{opacity:.72;filter:brightness(1.05)}}
@keyframes astrioGlowPulse{0%{opacity:.58;transform:scale(1)}100%{opacity:.92;transform:scale(1.035)}}
@keyframes astrioCloudFloat{0%{transform:translate3d(-1.5%,0,0)}100%{transform:translate3d(1.5%,-8px,0)}}
@keyframes astrioShooting{0%,72%{opacity:0;transform:rotate(-18deg) translate3d(-160px,-60px,0)}78%{opacity:1}88%,100%{opacity:0;transform:rotate(-18deg) translate3d(520px,130px,0)}}
@keyframes astrioMascotFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@media (prefers-reduced-motion:reduce){
  .astrio-space-layer,.astrio-shooting-star,.astrio-space-hero.is-motion-ready .astrio-hero__mascot{animation:none!important;transition:none!important;transform:none!important}
  .astrio-motion-permission{display:none!important}
}
@media (max-width:700px){
  .astrio-space-scene{inset:-18% -28%}
  .astrio-motion-permission{right:18px;bottom:86px;font-size:13px;padding:10px 14px}
  .astrio-shooting-star{width:110px}
}

/* v0.2.2 main visual rebuild */
.astrio-hero--main-visual{
  min-height:min(760px,72vw);
  padding:0;
  background:#0b1d63;
  border-radius:0 0 44px 44px;
  overflow:hidden;
}
.astrio-hero--main-visual .astrio-container{
  position:relative;
  z-index:3;
}
.astrio-hero-media,
.astrio-hero-media picture,
.astrio-hero-media img{
  display:block;
  width:100%;
  height:100%;
}
.astrio-hero-media{
  position:absolute;
  inset:0;
}
.astrio-hero-media img{
  object-fit:cover;
  object-position:center top;
}
.astrio-hero-media__shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(10,22,78,.34) 0%,rgba(10,22,78,.18) 24%,rgba(10,22,78,0) 52%),
    linear-gradient(180deg,rgba(4,12,38,.06) 0%,rgba(4,12,38,.16) 100%);
}
.astrio-hero__grid--image{
  min-height:min(760px,72vw);
  display:grid;
  align-items:center;
  padding-top:64px;
  padding-bottom:92px;
}
.astrio-hero__copy--overlay{
  position:relative;
  max-width:min(560px,48vw);
  color:#fff;
  padding:18px 0;
  text-shadow:0 10px 35px rgba(2,7,23,.3);
}
.astrio-hero__copy--overlay h1{
  font-size:clamp(48px,6vw,104px);
  line-height:.92;
  letter-spacing:.02em;
  margin:0 0 20px;
}
.astrio-hero__copy--overlay h1 span{display:block}
.astrio-hero__copy--overlay p{
  max-width:34ch;
  font-size:clamp(16px,1.5vw,28px);
  line-height:1.8;
  margin:0 0 24px;
  font-weight:800;
}
.astrio-hero__copy--overlay .astrio-buttons{display:flex;flex-wrap:wrap;gap:16px}
.astrio-hero__copy--overlay .astrio-button{
  box-shadow:0 18px 36px rgba(0,20,90,.22);
}
.astrio-feature-links{margin-top:-44px;position:relative;z-index:5}
.astrio-feature-link img[src$='mascot-transparent.png']{object-fit:contain;background:linear-gradient(180deg,#f8fbff,#eef4ff)}
.astrio-shooting-stars{
  position:absolute;
  inset:0;
  pointer-events:none;
  overflow:hidden;
}
.astrio-shooting-star{
  position:absolute;
  width:170px;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.98),rgba(133,205,255,0));
  box-shadow:0 0 18px rgba(255,255,255,.85);
  opacity:0;
  transform:rotate(-24deg) translate3d(0,0,0);
  will-change:transform,opacity;
}
.astrio-shooting-star::after{
  content:'';
  position:absolute;
  right:-8px;
  top:50%;
  translate:0 -50%;
  width:8px;
  height:8px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 0 16px rgba(255,255,255,.95);
}
.astrio-shooting-star--a{left:8%;top:18%;animation:astrioShootingLong 10s ease-in-out infinite .8s}
.astrio-shooting-star--b{left:62%;top:14%;width:120px;animation:astrioShootingLong 12s ease-in-out infinite 5.2s}
.astrio-shooting-star--c{left:24%;top:32%;width:100px;animation:astrioShootingLong 14s ease-in-out infinite 9.1s}
@keyframes astrioShootingLong{
  0%,74%{opacity:0;transform:rotate(-24deg) translate3d(-180px,-70px,0)}
  78%{opacity:1}
  92%,100%{opacity:0;transform:rotate(-24deg) translate3d(620px,170px,0)}
}
@media (max-width: 1024px){
  .astrio-hero--main-visual,
  .astrio-hero__grid--image{min-height:640px}
  .astrio-hero__copy--overlay{max-width:min(520px,54vw)}
}
@media (max-width: 767px){
  .astrio-hero--main-visual{min-height:auto;border-radius:0 0 32px 32px}
  .astrio-hero__grid--image{min-height:980px;align-items:flex-start;padding-top:72px;padding-bottom:48px}
  .astrio-hero-media img{object-position:center top}
  .astrio-hero-media__shade{background:linear-gradient(180deg,rgba(8,17,60,.34) 0%,rgba(8,17,60,.18) 36%,rgba(8,17,60,.22) 100%)}
  .astrio-hero__copy--overlay{max-width:100%;padding-top:8px}
  .astrio-hero__copy--overlay h1{font-size:clamp(42px,15vw,72px);max-width:8.5ch}
  .astrio-hero__copy--overlay p{font-size:15px;max-width:20ch}
  .astrio-hero__copy--overlay .astrio-buttons{gap:12px}
  .astrio-hero__copy--overlay .astrio-button{font-size:14px;padding:14px 18px}
  .astrio-feature-links{margin-top:-24px}
  .astrio-shooting-star{width:120px}
  .astrio-shooting-star--a{left:4%;top:14%}
  .astrio-shooting-star--b{left:56%;top:10%}
  .astrio-shooting-star--c{left:16%;top:26%}
}

/* v0.2.3 typography and spacing refinements */
:root{
  --astrio-cute-title:'M PLUS Rounded 1c','Zen Maru Gothic','Noto Sans JP',sans-serif;
}
.astrio-hero__copy--overlay h1,
.astrio-section-title h2,
.astrio-goods-strip h2,
.astrio-feature-link strong{
  font-family:var(--astrio-cute-title);
}
.astrio-hero__copy--overlay h1{
  font-weight:900;
  letter-spacing:.035em;
  font-size:clamp(44px,4.6vw,82px);
  line-height:1.04;
  max-width:720px;
  text-wrap:balance;
}
.astrio-hero__copy--overlay h1 span{
  display:inline-block;
  white-space:nowrap;
}
.astrio-hero__copy--overlay p{
  max-width:38ch;
  font-weight:900;
  line-height:1.9;
  text-wrap:pretty;
}
.astrio-hero__copy--overlay{
  max-width:min(760px,55vw);
  margin-top:-18px;
}
.astrio-hero__grid--image{
  align-items:center;
  padding-top:36px;
  padding-bottom:84px;
}
.astrio-hero--main-visual{
  min-height:clamp(560px,62vw,740px);
}
.astrio-hero-media img{
  object-position:center 46%;
}
.astrio-feature-link{
  min-height:116px;
  align-items:center;
}
.astrio-feature-link span{
  line-height:1.55;
  overflow-wrap:normal;
  word-break:keep-all;
}
.astrio-feature-link strong{
  letter-spacing:.08em;
  font-weight:900;
}
.astrio-wear-band{
  padding-block:48px 54px;
}
.astrio-wear-band__inner{
  align-items:center;
}
.astrio-goods-strip{
  padding-top:56px;
}
.astrio-news-strip__inner a{
  white-space:nowrap;
}
@media (max-width: 1200px){
  .astrio-hero__copy--overlay h1{font-size:clamp(42px,5vw,68px);max-width:620px}
  .astrio-hero__copy--overlay{max-width:min(640px,56vw)}
}
@media (max-width: 767px){
  .astrio-hero--main-visual{min-height:940px}
  .astrio-hero__grid--image{min-height:940px;padding-top:58px;padding-bottom:42px}
  .astrio-hero-media img{object-position:center top}
  .astrio-hero__copy--overlay{
    max-width:100%;
    margin-top:0;
  }
  .astrio-hero__copy--overlay h1{
    font-size:clamp(39px,12vw,58px);
    line-height:1.08;
    max-width:9.6ch;
    letter-spacing:.02em;
  }
  .astrio-hero__copy--overlay h1 span{
    display:block;
    white-space:normal;
  }
  .astrio-hero__copy--overlay p{
    max-width:22ch;
    line-height:1.75;
  }
  .astrio-hero__copy--overlay .astrio-buttons{
    max-width:340px;
  }
  .astrio-hero__copy--overlay .astrio-button{
    width:100%;
    justify-content:space-between;
  }
  .astrio-feature-link span{word-break:keep-all}
}


/* v0.2.4: header logo and favicon polish */
.astrio-brand__text strong,
.astrio-hero__copy--overlay h1,
.astrio-section-title h2,
.astrio-feature-link strong{
  font-family:var(--astrio-cute-title);
}
.astrio-brand__text strong{letter-spacing:.04em;font-weight:900}
@media (max-width:700px){
  .astrio-brand__mark{width:42px;height:42px;flex-basis:42px}
}


/* v0.2.5: hero art safe area / clipping fix */
.astrio-hero-media picture{
  position:absolute;
  inset:10px 18px 0;
}
.astrio-hero-media img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center top;
}
@media (max-width: 767px){
  .astrio-hero-media picture{
    inset:8px 8px 0;
  }
}

/* v0.2.6: CHARACTER page polish */
.astrio-character-hero{
  position:relative;
  overflow:hidden;
  background:#07184f;
  color:#fff;
  padding:clamp(72px,7vw,112px) 0 clamp(46px,6vw,90px);
}
.astrio-character-hero__space{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 23% 30%,rgba(255,255,255,.26),transparent 10%),
    radial-gradient(circle at 70% 16%,rgba(117,195,255,.34),transparent 22%),
    radial-gradient(circle at 83% 58%,rgba(135,85,255,.22),transparent 20%),
    linear-gradient(135deg,#071142 0%,#04369d 52%,#7bc3ff 100%);
}
.astrio-character-hero__space:before{
  content:'';
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle,rgba(255,255,255,.95) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(139,202,255,.75) 0 1px,transparent 1.7px),
    radial-gradient(circle,rgba(255,240,178,.82) 0 1px,transparent 1.8px),
    conic-gradient(from 140deg at 42% 42%,transparent 0 14%,rgba(255,255,255,.28) 23%,transparent 35% 100%);
  background-size:88px 88px,143px 143px,210px 210px,100% 100%;
  opacity:.72;
  mix-blend-mode:screen;
}
.astrio-character-hero__space:after{
  content:'';
  position:absolute;
  left:-10%;right:-10%;bottom:-105px;height:250px;
  background:
    radial-gradient(ellipse at 8% 88%,#fff 0 44%,transparent 46%),
    radial-gradient(ellipse at 30% 96%,#f5fbff 0 46%,transparent 48%),
    radial-gradient(ellipse at 54% 90%,#fff 0 44%,transparent 47%),
    radial-gradient(ellipse at 76% 98%,#f2f8ff 0 46%,transparent 49%),
    radial-gradient(ellipse at 94% 86%,#fff 0 44%,transparent 46%);
}
.astrio-character-hero__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(320px,.85fr) minmax(360px,1.05fr) minmax(320px,.75fr);
  gap:clamp(22px,3vw,42px);
  align-items:center;
}
.astrio-character-hero__copy h1{
  margin:.08em 0 .1em;
  font-family:var(--astrio-cute-title);
  font-size:clamp(62px,7vw,120px);
  line-height:.95;
  letter-spacing:.02em;
}
.astrio-character-lead{
  font-size:clamp(22px,2.1vw,36px)!important;
  font-weight:900;
  margin:0 0 12px!important;
}
.astrio-character-hero__copy>p:not(.astrio-kicker):not(.astrio-character-lead){
  font-weight:800;
  max-width:37ch;
  line-height:1.9;
  color:#eef5ff;
}
.astrio-character-hero__visual{
  position:relative;
  min-height:500px;
  display:grid;
  place-items:center;
}
.astrio-character-hero__visual img{
  width:min(520px,100%);
  filter:drop-shadow(0 34px 54px rgba(0,10,50,.26));
}
.astrio-character-bubble{
  position:absolute;
  right:1%;top:7%;
  background:#fff;
  color:var(--astrio-blue);
  border-radius:42px 42px 42px 10px;
  padding:18px 26px;
  font-weight:900;
  font-size:clamp(16px,1.4vw,23px);
  line-height:1.45;
  box-shadow:0 22px 44px rgba(0,28,112,.18);
}
.astrio-character-profile-card{
  background:rgba(255,255,255,.94);
  color:var(--astrio-navy);
  border:1px solid rgba(255,255,255,.7);
  box-shadow:var(--astrio-shadow);
  border-radius:30px;
  padding:26px;
}
.astrio-character-profile-card h2{
  margin:0 0 14px;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  letter-spacing:.1em;
  font-size:30px;
}
.astrio-character-profile-card dl{margin:0;display:grid;grid-template-columns:110px 1fr;border-top:1px solid var(--astrio-line)}
.astrio-character-profile-card dt,
.astrio-character-profile-card dd{margin:0;padding:13px 0;border-bottom:1px solid var(--astrio-line);font-weight:900;font-size:14px;line-height:1.7}
.astrio-character-profile-card dt{color:var(--astrio-blue)}
.astrio-character-intro__grid{display:grid;grid-template-columns:.95fr 1.45fr;gap:24px;align-items:stretch}
.astrio-character-story-card,
.astrio-character-like-grid article{
  background:#fff;
  border:1px solid var(--astrio-line);
  border-radius:26px;
  box-shadow:0 16px 36px rgba(0,30,120,.09);
}
.astrio-character-story-card{padding:30px}
.astrio-character-story-card h2{margin:.1em 0 .35em;font-family:var(--astrio-cute-title);font-size:42px;line-height:1.15;color:var(--astrio-navy)}
.astrio-character-story-card p:last-child{font-weight:800;color:#23345f}
.astrio-character-like-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.astrio-character-like-grid article{padding:20px;text-align:center}
.astrio-character-like-grid span{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 10px;border-radius:20px;background:#edf5ff;color:var(--astrio-blue);font-size:30px}
.astrio-character-like-grid h3{margin:0 0 4px;font-family:var(--astrio-cute-title);color:var(--astrio-blue);font-size:22px;line-height:1.25}
.astrio-character-like-grid p{margin:0;font-size:13px;font-weight:800;line-height:1.65;color:#4f5d7d}
.astrio-pose-grid--cute article{padding:18px;background:linear-gradient(180deg,#fff,#f8fbff)}
.astrio-pose-grid--cute img{height:160px;object-fit:contain;background:#f2f7ff;border-radius:18px;padding:8px}
.astrio-pose-grid--cute strong{font-family:var(--astrio-cute-title);font-size:17px;line-height:1.35}
.astrio-detail-grid--character article{min-height:190px;display:flex;flex-direction:column;align-items:center;justify-content:center}
.astrio-detail-grid--character span{display:grid;place-items:center;width:64px;height:64px;border-radius:22px;background:#edf5ff;color:var(--astrio-blue);font-size:34px;margin-bottom:10px}
.astrio-character-cta{padding:44px 0;background:linear-gradient(90deg,#032276,#003fbd,#06143d);color:#fff;overflow:hidden}
.astrio-character-cta__inner{display:grid;grid-template-columns:110px 1fr auto;gap:26px;align-items:center}
.astrio-character-cta img{width:110px;filter:drop-shadow(0 14px 22px rgba(0,0,0,.18))}
.astrio-character-cta h2{font-family:var(--astrio-cute-title);font-size:clamp(30px,3vw,48px);line-height:1.22;margin:0}
.astrio-character-cta p{margin:6px 0 0;font-weight:900;color:#dce9ff}
@media (max-width:1200px){
  .astrio-character-hero__inner{grid-template-columns:1fr 1fr;align-items:center}
  .astrio-character-profile-card{grid-column:1/-1;max-width:860px;margin-inline:auto;width:100%}
}
@media (max-width:800px){
  .astrio-character-hero{padding-top:54px}
  .astrio-character-hero__inner,.astrio-character-intro__grid{grid-template-columns:1fr}
  .astrio-character-hero__copy{order:1}.astrio-character-hero__visual{order:2;min-height:360px}.astrio-character-profile-card{order:3}
  .astrio-character-hero__copy h1{font-size:clamp(58px,18vw,96px)}
  .astrio-character-hero__visual img{width:min(380px,88vw)}
  .astrio-character-bubble{right:4%;top:2%;font-size:15px;padding:14px 18px}
  .astrio-character-like-grid{grid-template-columns:repeat(2,1fr)}
  .astrio-character-profile-card dl{grid-template-columns:92px 1fr}
  .astrio-character-cta__inner{grid-template-columns:1fr;text-align:center}.astrio-character-cta img{margin:auto}.astrio-character-cta .astrio-buttons{justify-content:center}
}
@media (max-width:520px){
  .astrio-character-like-grid{grid-template-columns:1fr}
  .astrio-pose-grid--cute img{height:190px}
  .astrio-character-profile-card{padding:20px;border-radius:24px}
}


/* v0.2.7: official star paw update */
.astrio-detail-grid--character article h3{letter-spacing:.04em}
.astrio-character-sheet-section{padding-top:72px;padding-bottom:72px}
.astrio-character-sheet-card{background:#fff;border:1px solid rgba(0,55,165,.12);border-radius:28px;box-shadow:0 24px 80px rgba(0,35,120,.12);padding:18px}
.astrio-character-sheet-card img{width:100%;border-radius:20px;border:1px solid rgba(0,55,165,.1);background:#fff}
.astrio-character-sheet-card p{font-weight:800;text-align:center;margin:18px auto 4px;max-width:820px;color:var(--astrio-navy)}
@media (max-width:700px){.astrio-character-sheet-card{padding:10px;border-radius:20px}.astrio-character-sheet-card img{border-radius:14px}.astrio-character-sheet-card p{text-align:left;font-size:13px}}


/* v0.2.9: smartphone hero and header optimization */
@media (max-width: 767px){
  .astrio-header{padding-top:10px}
  .astrio-header__inner{
    min-height:72px;
    padding:12px 16px;
    gap:10px;
    grid-template-columns:minmax(0,1fr) auto;
    border-radius:30px;
  }
  .astrio-brand{min-width:0;gap:10px;overflow:hidden}
  .astrio-brand__mark{width:36px;height:36px;flex:0 0 36px}
  .astrio-brand__text{min-width:0}
  .astrio-brand__text strong{
    font-size:clamp(18px,7vw,28px);
    letter-spacing:.03em;
    white-space:nowrap;
  }
  .astrio-brand__text small{
    font-size:9px;
    letter-spacing:.12em;
    white-space:nowrap;
  }
  .astrio-menu-toggle{
    display:grid;
    place-items:center;
    width:48px;
    height:48px;
    padding:0;
    justify-self:end;
  }
  .astrio-menu-toggle em{display:none}
  .astrio-menu-toggle span{width:24px;margin:3px 0}
  .astrio-hero--main-visual{
    min-height:850px;
    border-radius:0 0 28px 28px;
  }
  .astrio-hero__grid--image{
    min-height:850px;
    align-items:flex-start;
    padding-top:96px;
    padding-bottom:76px;
  }
  .astrio-hero-media picture{inset:0}
  .astrio-hero-media img{object-position:68% top}
  .astrio-hero-media__shade{
    background:
      linear-gradient(90deg,rgba(8,17,60,.38) 0%,rgba(8,17,60,.28) 28%,rgba(8,17,60,.10) 54%,rgba(8,17,60,.03) 100%),
      linear-gradient(180deg,rgba(8,17,60,.12) 0%,rgba(8,17,60,.16) 100%);
  }
  .astrio-hero__copy--overlay{
    max-width:54%;
    padding-top:26px;
    margin-top:0;
  }
  .astrio-hero__copy--overlay h1{
    font-size:clamp(32px,11vw,50px);
    line-height:1.0;
    max-width:5.5ch;
    margin-bottom:16px;
  }
  .astrio-hero__copy--overlay p{
    font-size:13px;
    max-width:11.5ch;
    line-height:1.6;
    margin-bottom:20px;
  }
  .astrio-hero__copy--overlay .astrio-buttons{
    max-width:300px;
    gap:14px;
  }
  .astrio-hero__copy--overlay .astrio-button{
    width:100%;
    font-size:14px;
    padding:16px 20px;
    border-radius:999px;
    justify-content:space-between;
  }
  .astrio-section--floatcards{padding-bottom:28px}
  .astrio-feature-links{margin-top:-18px;gap:12px}
  .astrio-feature-link{min-height:112px;padding:14px 16px}
  .astrio-feature-link strong{font-size:22px}
  .astrio-feature-link span{font-size:12px;line-height:1.45}
}
@media (max-width: 420px){
  .astrio-header__inner{padding:12px 14px;gap:8px}
  .astrio-brand__text strong{font-size:clamp(17px,7.8vw,26px)}
  .astrio-brand__text small{font-size:8px;letter-spacing:.1em}
  .astrio-hero--main-visual{min-height:810px}
  .astrio-hero__grid--image{min-height:810px;padding-top:92px;padding-bottom:68px}
  .astrio-hero-media img{object-position:70% top}
  .astrio-hero__copy--overlay{max-width:57%}
  .astrio-hero__copy--overlay h1{font-size:clamp(30px,11vw,46px)}
  .astrio-hero__copy--overlay p{font-size:12px;max-width:12ch}
}


/* v0.3.0: mobile-first hero reset and cache-busting visible update */
@media (max-width: 767px){
  body{overflow-x:hidden!important}
  .astrio-header{padding:8px 8px 0!important}
  .astrio-header__inner{
    width:100%!important;
    min-height:64px!important;
    border-radius:28px!important;
    padding:10px 12px!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) 42px!important;
    gap:8px!important;
    overflow:hidden!important;
  }
  .astrio-brand{min-width:0!important;max-width:100%!important;gap:9px!important;overflow:hidden!important}
  .astrio-brand__mark{width:34px!important;height:34px!important;flex:0 0 34px!important}
  .astrio-brand__text strong{font-size:24px!important;letter-spacing:.045em!important;white-space:nowrap!important;line-height:1!important}
  .astrio-brand__text small{font-size:9px!important;letter-spacing:.11em!important;white-space:nowrap!important;margin-top:2px!important}
  .astrio-menu-toggle{width:42px!important;height:42px!important;padding:0!important;display:grid!important;place-content:center!important;justify-self:end!important;overflow:hidden!important}
  .astrio-menu-toggle em{display:none!important}
  .astrio-menu-toggle span{width:24px!important;height:2px!important;margin:3px 0!important}
  .astrio-hero--main-visual{min-height:760px!important;border-radius:0 0 28px 28px!important;overflow:hidden!important}
  .astrio-hero__grid--image{min-height:760px!important;padding-top:88px!important;padding-bottom:56px!important;align-items:start!important}
  .astrio-hero-media picture{inset:0!important}
  .astrio-hero-media img{object-fit:cover!important;object-position:center top!important}
  .astrio-hero-media__shade{background:linear-gradient(90deg,rgba(5,15,54,.42) 0%,rgba(5,15,54,.32) 38%,rgba(5,15,54,.08) 100%)!important}
  .astrio-hero__copy--overlay{max-width:54%!important;margin-top:0!important;padding-top:18px!important}
  .astrio-hero__copy--overlay h1{font-size:42px!important;line-height:1.02!important;letter-spacing:.02em!important;max-width:5.8ch!important;margin-bottom:14px!important;text-wrap:auto!important}
  .astrio-hero__copy--overlay h1 span{display:block!important;white-space:normal!important}
  .astrio-hero__copy--overlay p{font-size:12.5px!important;line-height:1.62!important;max-width:13ch!important;margin-bottom:18px!important}
  .astrio-hero__copy--overlay .astrio-buttons{max-width:300px!important;gap:12px!important}
  .astrio-hero__copy--overlay .astrio-button{width:100%!important;padding:15px 18px!important;font-size:13.5px!important;border-radius:999px!important;justify-content:space-between!important}
  .astrio-section--floatcards{margin-top:-46px!important;padding-bottom:28px!important}
  .astrio-feature-links{grid-template-columns:1fr 1fr!important;gap:10px!important;width:min(100% - 24px,620px)!important}
  .astrio-feature-link{min-height:100px!important;padding:12px!important;grid-template-columns:56px 1fr 32px!important;gap:10px!important;border-radius:18px!important}
  .astrio-feature-link img{width:56px!important;height:56px!important;border-radius:14px!important}
  .astrio-feature-link strong{font-size:20px!important;line-height:1!important}
  .astrio-feature-link small{font-size:9px!important;margin-top:1px!important}
  .astrio-feature-link span{font-size:10.5px!important;line-height:1.35!important;display:block!important;min-width:0!important}
  .astrio-feature-link b{width:32px!important;height:32px!important}
}
@media (max-width: 420px){
  .astrio-brand__text strong{font-size:22px!important}
  .astrio-hero--main-visual{min-height:730px!important}
  .astrio-hero__grid--image{min-height:730px!important;padding-top:82px!important}
  .astrio-hero__copy--overlay h1{font-size:38px!important;max-width:5.7ch!important}
  .astrio-hero__copy--overlay p{font-size:12px!important;max-width:12ch!important}
}

/* v0.3.1: mobile hero rebuild - avoid vertical text wrapping */
@media (max-width: 767px){
  .astrio-hero--main-visual{
    min-height: 720px !important;
    border-radius: 0 0 28px 28px !important;
  }
  .astrio-hero__grid--image{
    min-height: 720px !important;
    padding-top: 86px !important;
    padding-bottom: 150px !important;
    align-items: start !important;
  }
  .astrio-hero-media picture{
    inset: 0 !important;
  }
  .astrio-hero-media img{
    object-fit: cover !important;
    object-position: 66% top !important;
  }
  .astrio-hero-media__shade{
    background:
      linear-gradient(90deg, rgba(5,13,54,.30) 0%, rgba(5,13,54,.22) 38%, rgba(5,13,54,.04) 100%),
      linear-gradient(180deg, rgba(5,13,54,.08) 0%, rgba(5,13,54,.20) 100%) !important;
  }
  .astrio-hero__copy--overlay{
    width: min(88vw, 360px) !important;
    max-width: min(88vw, 360px) !important;
    margin: 0 !important;
    padding-top: 22px !important;
  }
  .astrio-hero__copy--overlay h1{
    width: 100% !important;
    max-width: 100% !important;
    font-size: clamp(34px, 10vw, 46px) !important;
    line-height: 1.12 !important;
    letter-spacing: .02em !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    text-wrap: balance !important;
    margin-bottom: 16px !important;
  }
  .astrio-hero__copy--overlay h1 span{
    display: block !important;
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
  }
  .astrio-hero__copy--overlay p{
    width: 100% !important;
    max-width: 24em !important;
    font-size: 13px !important;
    line-height: 1.75 !important;
    word-break: keep-all !important;
    overflow-wrap: normal !important;
    margin-bottom: 18px !important;
  }
  .astrio-hero__copy--overlay .astrio-buttons{
    width: min(82vw, 310px) !important;
    max-width: min(82vw, 310px) !important;
    display: grid !important;
    gap: 12px !important;
  }
  .astrio-hero__copy--overlay .astrio-button{
    width: 100% !important;
    min-height: 54px !important;
    padding: 14px 20px !important;
    font-size: 14px !important;
    justify-content: space-between !important;
  }
  .astrio-feature-links{
    margin-top: -34px !important;
    position: relative !important;
    z-index: 6 !important;
  }
}
@media (max-width: 420px){
  .astrio-hero--main-visual{ min-height: 700px !important; }
  .astrio-hero__grid--image{
    min-height: 700px !important;
    padding-top: 80px !important;
    padding-bottom: 140px !important;
  }
  .astrio-hero-media img{ object-position: 67% top !important; }
  .astrio-hero__copy--overlay{
    width: min(88vw, 330px) !important;
    max-width: min(88vw, 330px) !important;
  }
  .astrio-hero__copy--overlay h1{
    font-size: clamp(31px, 9.2vw, 40px) !important;
  }
  .astrio-hero__copy--overlay p{
    font-size: 12px !important;
    max-width: 22em !important;
  }
}


/* v0.4.0: front-page rebuild for stable mobile / desktop layout */
.astrio-home-hero40{
  position:relative;
  overflow:hidden;
  color:#fff;
  padding:42px 0 118px;
  background:
    radial-gradient(circle at 22% 16%, rgba(164,120,255,.42), transparent 24%),
    radial-gradient(circle at 82% 20%, rgba(110,205,255,.40), transparent 24%),
    linear-gradient(135deg, #081948 0%, #1341b8 48%, #82c7ff 100%);
}
.astrio-home-hero40::after{
  content:'';
  position:absolute;
  left:-8%; right:-8%; bottom:-70px;
  height:220px;
  background:
    radial-gradient(ellipse at 10% 100%, rgba(255,255,255,.98) 0 38%, transparent 40%),
    radial-gradient(ellipse at 26% 92%, rgba(249,252,255,.98) 0 36%, transparent 38%),
    radial-gradient(ellipse at 47% 100%, rgba(255,255,255,1) 0 38%, transparent 40%),
    radial-gradient(ellipse at 67% 92%, rgba(245,250,255,.98) 0 36%, transparent 38%),
    radial-gradient(ellipse at 86% 100%, rgba(255,255,255,1) 0 38%, transparent 40%);
  pointer-events:none;
}
.astrio-home-hero40__sky,
.astrio-home-hero40__sky::before,
.astrio-home-hero40__sky::after{
  position:absolute;
  inset:0;
  content:'';
  pointer-events:none;
}
.astrio-home-hero40__sky{
  background-image:
    radial-gradient(circle, rgba(255,255,255,.95) 0 1.2px, transparent 1.8px),
    radial-gradient(circle, rgba(255,255,255,.5) 0 1px, transparent 1.6px);
  background-size:82px 82px, 140px 140px;
  background-position:0 0, 34px 62px;
  opacity:.78;
}
.astrio-home-hero40__sky::before{
  inset:8% auto auto 8%;
  width:460px;
  height:460px;
  background:radial-gradient(circle, rgba(255,255,255,.18) 0, rgba(255,255,255,0) 62%);
}
.astrio-home-hero40__sky::after{
  inset:auto 8% 18% auto;
  width:420px;
  height:420px;
  background:radial-gradient(circle, rgba(255,255,255,.16) 0, rgba(255,255,255,0) 62%);
}
.astrio-home-hero40__inner{
  position:relative;
  z-index:2;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr);
  gap:42px;
  align-items:center;
}
.astrio-home-hero40__copy{max-width:640px}
.astrio-home-hero40__eyebrow{
  margin:0 0 12px;
  font-family:var(--astrio-display);
  font-size:16px;
  letter-spacing:.28em;
  font-weight:800;
  color:rgba(255,255,255,.88);
}
.astrio-home-hero40__copy h1{
  margin:0 0 18px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(54px,7vw,94px);
  line-height:1.04;
  letter-spacing:.02em;
  color:#fff;
  text-shadow:0 12px 28px rgba(0,27,88,.24);
}
.astrio-home-hero40__copy h1 span{display:block;font-family:var(--astrio-display);letter-spacing:.04em}
.astrio-home-hero40__lead{
  margin:0 0 26px;
  max-width:32em;
  font-size:20px;
  line-height:1.8;
  color:rgba(255,255,255,.96);
  font-weight:700;
  text-shadow:0 4px 12px rgba(0,24,72,.2);
}
.astrio-home-hero40__buttons{display:flex;flex-wrap:wrap;gap:14px}
.astrio-home-hero40__buttons .astrio-button{box-shadow:0 16px 40px rgba(0,22,80,.18)}
.astrio-home-hero40__visual{
  position:relative;
  justify-self:end;
  width:min(100%, 560px);
  padding-top:36px;
}
.astrio-home-hero40__visual img{
  width:100%;
  height:auto;
  filter:drop-shadow(0 28px 50px rgba(0,22,80,.28));
}
.astrio-home-hero40__bubble{
  position:absolute;
  top:0;
  right:0;
  min-width:170px;
  padding:18px 22px;
  border-radius:999px;
  background:rgba(255,255,255,.95);
  color:var(--astrio-blue);
  text-align:center;
  font-weight:900;
  line-height:1.45;
  box-shadow:0 18px 40px rgba(0,22,80,.18);
}
.astrio-home-hero40__bubble::after{
  content:'';
  position:absolute;
  right:28px;
  bottom:-14px;
  width:26px;
  height:26px;
  background:inherit;
  clip-path:polygon(0 0, 100% 0, 18% 100%);
}
.astrio-section--floatcards-home40{margin-top:-76px}
.astrio-wear-band__items img,
.astrio-mini-product__thumb img{
  object-fit:contain;
  background:#fff;
}
.astrio-wear-band__items figure{display:flex;flex-direction:column;gap:8px}
.astrio-wear-band__items img{height:170px;padding:8px}
.astrio-mini-product__thumb{display:block;border-radius:12px;overflow:hidden;background:#fff}
.astrio-mini-product img{height:124px;padding:8px}
@media (max-width:1100px){
  .astrio-home-hero40{padding:34px 0 96px}
  .astrio-home-hero40__inner{grid-template-columns:1fr;gap:24px}
  .astrio-home-hero40__copy{max-width:100%}
  .astrio-home-hero40__visual{justify-self:center;max-width:500px;width:100%}
  .astrio-home-hero40__copy h1{font-size:clamp(44px,8vw,74px)}
  .astrio-home-hero40__lead{font-size:18px}
}
@media (max-width:700px){
  .astrio-home-hero40{padding:20px 0 84px}
  .astrio-home-hero40::after{height:170px;bottom:-52px}
  .astrio-home-hero40__inner{gap:18px}
  .astrio-home-hero40__eyebrow{font-size:12px;margin-bottom:8px}
  .astrio-home-hero40__copy h1{font-size:clamp(36px,10vw,52px);line-height:1.06;margin-bottom:12px}
  .astrio-home-hero40__lead{font-size:14px;line-height:1.75;margin-bottom:18px;max-width:none}
  .astrio-home-hero40__buttons{display:grid;gap:12px}
  .astrio-home-hero40__buttons .astrio-button{width:100%;justify-content:center;font-size:14px;padding:14px 18px}
  .astrio-home-hero40__visual{max-width:320px;padding-top:12px}
  .astrio-home-hero40__bubble{top:-4px;right:-2px;min-width:124px;padding:12px 16px;font-size:12px}
  .astrio-home-hero40__bubble::after{right:20px;bottom:-10px;width:20px;height:20px}
  .astrio-section--floatcards-home40{margin-top:-42px}
  .astrio-feature-links{grid-template-columns:1fr 1fr!important;gap:10px!important}
  .astrio-feature-link{grid-template-columns:50px 1fr 28px!important;gap:8px!important;padding:12px!important;min-height:96px!important}
  .astrio-feature-link img{width:50px!important;height:50px!important}
  .astrio-feature-link strong{font-size:18px!important}
  .astrio-feature-link span{font-size:10px!important;line-height:1.35!important}
  .astrio-feature-link b{width:28px!important;height:28px!important;font-size:12px!important}
  .astrio-wear-band__items,
  .astrio-goods-row{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .astrio-wear-band__items img{height:118px!important;padding:6px!important}
  .astrio-wear-band__items figcaption{font-size:15px!important}
  .astrio-mini-product{padding:8px!important}
  .astrio-mini-product img{height:88px!important;padding:6px!important}
  .astrio-mini-product strong{font-size:12px!important;line-height:1.35!important}
  .astrio-to-top{width:56px;height:56px;right:16px;bottom:16px}
}


/* v0.4.1: restore nebula hero while keeping stable layout */
.astrio-home-hero41{
  position:relative;
  min-height:700px;
  overflow:hidden;
  color:#fff;
  border-radius:0 0 32px 32px;
}
.astrio-home-hero41__media,
.astrio-home-hero41__media picture,
.astrio-home-hero41__media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
}
.astrio-home-hero41__media img{object-fit:cover;object-position:center top}
.astrio-home-hero41__shade{
  position:absolute;inset:0;
  background:
    linear-gradient(90deg, rgba(5,18,66,.44) 0%, rgba(5,18,66,.28) 32%, rgba(5,18,66,.08) 58%, rgba(5,18,66,.04) 100%),
    linear-gradient(180deg, rgba(5,18,66,.08) 0%, rgba(5,18,66,.22) 100%);
}
.astrio-home-hero41__inner{
  position:relative;z-index:2;min-height:700px;display:flex;align-items:center;padding:90px 0 150px;
}
.astrio-home-hero41__copy{max-width:min(44%, 560px)}
.astrio-home-hero41__eyebrow{margin:0 0 12px;font-family:var(--astrio-display);font-size:16px;letter-spacing:.28em;font-weight:800;color:rgba(255,255,255,.85)}
.astrio-home-hero41__copy h1{margin:0 0 18px;font-family:var(--astrio-cute-title);font-size:clamp(54px,6.3vw,92px);line-height:1.02;letter-spacing:.01em;color:#fff;text-shadow:0 12px 30px rgba(0,22,80,.26)}
.astrio-home-hero41__copy h1 span{display:block;font-family:var(--astrio-display);letter-spacing:.04em}
.astrio-home-hero41__lead{margin:0 0 24px;max-width:28em;font-size:20px;line-height:1.8;font-weight:700;color:rgba(255,255,255,.96);text-shadow:0 6px 16px rgba(0,22,80,.20)}
.astrio-home-hero41__buttons{display:flex;flex-wrap:wrap;gap:14px}
.astrio-home-hero41__buttons .astrio-button{box-shadow:0 16px 40px rgba(0,22,80,.20)}
.astrio-section--floatcards-home40{margin-top:-76px}
@media (max-width:1100px){
  .astrio-home-hero41{min-height:640px}
  .astrio-home-hero41__inner{min-height:640px;padding:80px 0 140px}
  .astrio-home-hero41__copy{max-width:min(52%, 520px)}
  .astrio-home-hero41__copy h1{font-size:clamp(46px,7vw,72px)}
  .astrio-home-hero41__lead{font-size:18px}
}
@media (max-width:700px){
  .astrio-home-hero41{min-height:720px;border-radius:0 0 28px 28px}
  .astrio-home-hero41__media img{object-position:60% top}
  .astrio-home-hero41__shade{background:linear-gradient(90deg, rgba(5,18,66,.34) 0%, rgba(5,18,66,.22) 36%, rgba(5,18,66,.12) 100%), linear-gradient(180deg, rgba(5,18,66,.04) 0%, rgba(5,18,66,.18) 100%)}
  .astrio-home-hero41__inner{min-height:720px;align-items:flex-start;padding:88px 0 180px}
  .astrio-home-hero41__copy{max-width:220px}
  .astrio-home-hero41__eyebrow{font-size:11px;letter-spacing:.2em;margin-bottom:8px}
  .astrio-home-hero41__copy h1{font-size:clamp(34px,11vw,48px);line-height:1.02;margin-bottom:12px}
  .astrio-home-hero41__lead{font-size:13px;line-height:1.7;max-width:16ch;margin-bottom:18px}
  .astrio-home-hero41__buttons{display:grid;gap:12px;width:min(82vw,320px)}
  .astrio-home-hero41__buttons .astrio-button{width:100%;justify-content:center;font-size:14px;padding:14px 18px}
  .astrio-section--floatcards-home40{margin-top:-48px}
}
@media (max-width:430px){
  .astrio-home-hero41{min-height:690px}
  .astrio-home-hero41__media img{object-position:62% top}
  .astrio-home-hero41__inner{min-height:690px;padding:82px 0 170px}
  .astrio-home-hero41__copy{max-width:205px}
  .astrio-home-hero41__copy h1{font-size:clamp(32px,10.6vw,44px)}
  .astrio-home-hero41__lead{font-size:12px}
}

/* v0.4.2: smartphone hero image-ratio mode - keep nebula artwork intact */
@media (max-width:700px){
  .astrio-home-hero41{
    min-height:0 !important;
    height:auto !important;
    overflow:hidden !important;
    background:#09236f !important;
    border-radius:0 0 28px 28px !important;
  }
  .astrio-home-hero41__media{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    display:block !important;
  }
  .astrio-home-hero41__media picture,
  .astrio-home-hero41__media img{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    height:auto !important;
    display:block !important;
  }
  .astrio-home-hero41__media img{
    object-fit:contain !important;
    object-position:center top !important;
  }
  .astrio-home-hero41__shade{
    position:absolute !important;
    inset:0 !important;
    background:
      linear-gradient(90deg, rgba(4,14,54,.30) 0%, rgba(4,14,54,.18) 42%, rgba(4,14,54,.04) 100%) !important;
  }
  .astrio-home-hero41__inner{
    position:absolute !important;
    inset:0 !important;
    z-index:2 !important;
    min-height:0 !important;
    height:100% !important;
    display:block !important;
    padding:0 !important;
    pointer-events:none !important;
  }
  .astrio-home-hero41__copy{
    position:absolute !important;
    left:18px !important;
    top:34px !important;
    width:52vw !important;
    max-width:230px !important;
    pointer-events:auto !important;
  }
  .astrio-home-hero41__eyebrow{
    display:none !important;
  }
  .astrio-home-hero41__copy h1{
    margin:0 0 10px !important;
    font-size:clamp(31px,10.4vw,44px) !important;
    line-height:1.05 !important;
    letter-spacing:.01em !important;
    color:#fff !important;
    text-shadow:0 8px 20px rgba(0,18,72,.28) !important;
  }
  .astrio-home-hero41__copy h1 span{
    display:block !important;
    white-space:normal !important;
  }
  .astrio-home-hero41__lead{
    margin:0 0 14px !important;
    max-width:18ch !important;
    font-size:12px !important;
    line-height:1.62 !important;
    font-weight:800 !important;
  }
  .astrio-home-hero41__buttons{
    display:grid !important;
    gap:10px !important;
    width:min(84vw,315px) !important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100% !important;
    min-height:48px !important;
    padding:12px 18px !important;
    font-size:13px !important;
    justify-content:center !important;
    border-radius:999px !important;
  }
  .astrio-section--floatcards-home40{
    margin-top:-34px !important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:14px !important;
    top:30px !important;
    width:54vw !important;
    max-width:205px !important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(29px,10.2vw,40px) !important;
  }
  .astrio-home-hero41__lead{
    font-size:11.5px !important;
    max-width:17ch !important;
  }
}


/* v0.5.0 homepage re-audit: cute font, corrected hero art, restored shooting stars, safer card arrows */
.astrio-home-hero41{position:relative;overflow:hidden;background:#0a1d6a}
.astrio-home-hero41__media{position:absolute;inset:0;z-index:0}
.astrio-home-hero41__media picture,.astrio-home-hero41__media img{width:100%;height:100%;display:block}
.astrio-home-hero41__media img{object-fit:cover;object-position:center center}
.astrio-home-hero41__shade{position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(7,19,79,.28) 0%,rgba(7,19,79,.14) 36%,rgba(7,19,79,.04) 64%,rgba(7,19,79,.02) 100%),linear-gradient(180deg,rgba(255,255,255,.00) 0%,rgba(4,10,48,.08) 100%)}
.astrio-home-hero41__shooting{position:absolute;inset:0;z-index:2;pointer-events:none;overflow:hidden}
.astrio-home-hero41__shooting-star{position:absolute;display:block;width:150px;height:2px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,0),rgba(255,255,255,.95) 45%,rgba(255,255,255,0));opacity:0;transform:rotate(-18deg);filter:drop-shadow(0 0 10px rgba(255,255,255,.75));animation:astrioHeroShooting 10s linear infinite}
.astrio-home-hero41__shooting-star:after{content:'';position:absolute;right:-1px;top:50%;width:7px;height:7px;border-radius:50%;background:#fff;transform:translateY(-50%);box-shadow:0 0 12px rgba(255,255,255,.95)}
.astrio-home-hero41__shooting-star--a{left:12%;top:22%;animation-delay:1s}
.astrio-home-hero41__shooting-star--b{left:64%;top:14%;width:120px;animation-delay:4.4s}
.astrio-home-hero41__shooting-star--c{left:28%;top:42%;width:105px;animation-delay:7.3s}
@keyframes astrioHeroShooting{0%,82%,100%{opacity:0;transform:translate3d(0,0,0) rotate(-18deg)}84%{opacity:.92}96%{opacity:.95;transform:translate3d(220px,96px,0) rotate(-18deg)}100%{opacity:0;transform:translate3d(250px,110px,0) rotate(-18deg)}}
.astrio-home-hero41__inner{position:relative;z-index:3}
.astrio-home-hero41__copy h1,.astrio-home-hero41__copy h1 span{font-family:var(--astrio-cute-title)!important;letter-spacing:.01em!important}
.astrio-home-hero41__copy h1{font-weight:900!important}
.astrio-home-hero41__lead{font-weight:800!important}
.astrio-section-title h2,.astrio-goods-strip .astrio-section-title h2,.astrio-wear-band__logo h2{font-family:var(--astrio-cute-title)}
.astrio-feature-link{grid-template-columns:72px minmax(0,1fr) 42px;gap:14px}
.astrio-feature-link span{min-width:0;display:block;padding-right:2px}
.astrio-feature-link strong{font-size:24px;line-height:1.06}
.astrio-feature-link small{margin-top:0}
.astrio-feature-link b{justify-self:end;align-self:center;flex:0 0 42px;position:relative;z-index:2}
@media (max-width:1024px){
  .astrio-feature-link{grid-template-columns:64px minmax(0,1fr) 38px;gap:12px}
  .astrio-feature-link img{width:64px;height:64px}
  .astrio-feature-link strong{font-size:21px}
  .astrio-feature-link span{font-size:12px}
}
@media (max-width:767px){
  .astrio-home-hero41{min-height:0!important;height:auto!important;border-radius:0 0 34px 34px}
  .astrio-home-hero41__media{position:relative!important;inset:auto!important;height:auto!important}
  .astrio-home-hero41__media picture,.astrio-home-hero41__media img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important}
  .astrio-home-hero41__media img{object-fit:contain!important;object-position:center top!important}
  .astrio-home-hero41__shade{background:linear-gradient(90deg,rgba(7,19,79,.34) 0%,rgba(7,19,79,.20) 34%,rgba(7,19,79,.08) 68%,rgba(7,19,79,.02) 100%),linear-gradient(180deg,rgba(7,19,79,.03) 0%,rgba(7,19,79,.10) 100%)!important}
  .astrio-home-hero41__shooting-star{width:110px}
  .astrio-home-hero41__shooting-star--a{left:8%;top:18%}
  .astrio-home-hero41__shooting-star--b{left:58%;top:13%}
  .astrio-home-hero41__shooting-star--c{left:18%;top:34%}
  .astrio-home-hero41__inner{position:absolute!important;inset:0!important;min-height:0!important;height:100%!important;padding:0!important;display:block!important;pointer-events:none}
  .astrio-home-hero41__copy{position:absolute!important;left:18px!important;top:34px!important;width:54vw!important;max-width:225px!important;pointer-events:auto}
  .astrio-home-hero41__eyebrow{font-size:11px!important;letter-spacing:.2em!important;margin:0 0 8px!important}
  .astrio-home-hero41__copy h1{font-size:clamp(38px,11.6vw,52px)!important;line-height:1.02!important;margin:0 0 12px!important}
  .astrio-home-hero41__lead{font-size:12.5px!important;line-height:1.65!important;max-width:16ch!important;margin:0 0 16px!important}
  .astrio-home-hero41__buttons{display:grid!important;gap:12px!important;width:min(84vw,320px)!important}
  .astrio-home-hero41__buttons .astrio-button{width:100%!important;min-height:50px!important;padding:14px 18px!important;font-size:13px!important;justify-content:center!important;border-radius:999px!important}
  .astrio-section--floatcards-home40{margin-top:-26px!important}
  .astrio-feature-links{grid-template-columns:1fr 1fr!important;gap:12px!important}
  .astrio-feature-link{min-height:122px!important;padding:13px 12px!important;grid-template-columns:50px minmax(0,1fr) 30px!important;gap:10px!important;align-items:start!important;border-radius:20px!important}
  .astrio-feature-link:after{right:14px!important;top:12px!important;font-size:12px!important}
  .astrio-feature-link img{width:50px!important;height:50px!important;border-radius:14px!important}
  .astrio-feature-link strong{font-family:var(--astrio-cute-title)!important;font-size:18px!important;line-height:1.08!important;letter-spacing:.04em!important}
  .astrio-feature-link small{font-size:9px!important;line-height:1.2!important;margin:2px 0 4px!important}
  .astrio-feature-link span{font-size:11px!important;line-height:1.42!important;overflow-wrap:anywhere!important}
  .astrio-feature-link b{width:30px!important;height:30px!important;font-size:13px!important;align-self:center!important}
}
@media (max-width:430px){
  .astrio-home-hero41__copy{left:14px!important;top:28px!important;width:56vw!important;max-width:206px!important}
  .astrio-home-hero41__copy h1{font-size:clamp(35px,11.2vw,48px)!important}
  .astrio-home-hero41__lead{font-size:11.5px!important;max-width:15ch!important}
  .astrio-home-hero41__buttons{width:min(86vw,312px)!important}
  .astrio-home-hero41__buttons .astrio-button{font-size:12.5px!important}
}
@media (prefers-reduced-motion:reduce){
  .astrio-home-hero41__shooting-star{animation:none!important;opacity:.28!important}
}


/* v0.5.1 mobile hero/body visibility + cute typography tune + mobile section arrow safety */
.astrio-brand__text strong,
.astrio-nav a,
.astrio-home-hero41__copy h1,
.astrio-home-hero41__copy h1 span,
.astrio-feature-link strong,
.astrio-section-title h2,
.astrio-wear-band__logo h2,
.astrio-footer-logo,
.astrio-footer__nav a,
.astrio-news-strip strong{
  font-family:var(--astrio-cute-title)!important;
  letter-spacing:.03em!important;
}
.astrio-brand__text strong{font-weight:900!important;line-height:1!important}
.astrio-nav a{font-weight:900!important;letter-spacing:.04em!important}
.astrio-home-hero41__copy h1{font-weight:900!important;letter-spacing:0!important}
.astrio-home-hero41__copy h1 span{letter-spacing:0!important}

@media (max-width:767px){
  .astrio-home-hero41{
    border-radius:0 0 30px 30px!important;
  }
  .astrio-home-hero41__media,
  .astrio-home-hero41__media picture,
  .astrio-home-hero41__media img{
    width:100%!important;
    height:auto!important;
  }
  .astrio-home-hero41__media img{
    object-fit:contain!important;
    object-position:center top!important;
  }
  .astrio-home-hero41__inner{
    position:absolute!important;
    inset:0!important;
    height:100%!important;
    min-height:0!important;
    padding:0!important;
    display:block!important;
  }
  .astrio-home-hero41__copy{
    left:16px!important;
    top:28px!important;
    width:48vw!important;
    max-width:188px!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(34px,10.7vw,47px)!important;
    line-height:1.02!important;
    margin:0 0 12px!important;
  }
  .astrio-home-hero41__lead{
    max-width:14ch!important;
    font-size:11.5px!important;
    line-height:1.6!important;
    margin:0 0 14px!important;
  }
  .astrio-home-hero41__buttons{
    width:min(72vw,275px)!important;
    gap:10px!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    min-height:46px!important;
    padding:12px 16px!important;
    font-size:12.5px!important;
  }
  /* Show Astrio's full body by avoiding mobile overlap from the floating section cards */
  .astrio-section--floatcards-home40{
    margin-top:8px!important;
    padding-top:10px!important;
  }
  .astrio-feature-links{
    grid-template-columns:1fr 1fr!important;
    gap:12px!important;
  }
  .astrio-feature-link{
    position:relative!important;
    grid-template-columns:48px minmax(0,1fr)!important;
    gap:10px!important;
    min-height:126px!important;
    padding:13px 48px 13px 12px!important;
    align-items:start!important;
  }
  .astrio-feature-link:after{
    right:12px!important;
    top:10px!important;
    font-size:11px!important;
    opacity:.35!important;
  }
  .astrio-feature-link img{
    width:48px!important;
    height:48px!important;
  }
  .astrio-feature-link strong{
    font-size:17px!important;
    line-height:1.06!important;
  }
  .astrio-feature-link small{
    font-size:9px!important;
    line-height:1.2!important;
    margin:2px 0 4px!important;
  }
  .astrio-feature-link span{
    display:block!important;
    padding-right:0!important;
    font-size:11px!important;
    line-height:1.42!important;
    overflow-wrap:anywhere!important;
  }
  .astrio-feature-link b{
    position:absolute!important;
    right:12px!important;
    top:50%!important;
    transform:translateY(-50%)!important;
    width:30px!important;
    height:30px!important;
    font-size:13px!important;
    z-index:3!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:14px!important;
    top:26px!important;
    width:47vw!important;
    max-width:176px!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(32px,10.4vw,44px)!important;
  }
  .astrio-home-hero41__lead{
    max-width:13ch!important;
    font-size:11px!important;
  }
  .astrio-home-hero41__buttons{
    width:min(74vw,262px)!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    font-size:12px!important;
    padding:11px 14px!important;
  }
}


/* v0.5.2 desktop hero full-body visibility tune */
@media (min-width:768px){
  .astrio-home-hero41{
    min-height:0!important;
    height:auto!important;
    border-radius:0 0 40px 40px!important;
  }
  .astrio-home-hero41__media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .astrio-home-hero41__media picture,
  .astrio-home-hero41__media img{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    display:block!important;
  }
  .astrio-home-hero41__media img{
    object-fit:contain!important;
    object-position:center center!important;
    background:#0a1d6a!important;
  }
  .astrio-home-hero41__inner{
    position:absolute!important;
    inset:0!important;
    z-index:3!important;
    min-height:0!important;
    height:100%!important;
    display:flex!important;
    align-items:center!important;
    padding:78px 0 120px!important;
    pointer-events:none!important;
  }
  .astrio-home-hero41__copy{
    max-width:min(43%,560px)!important;
    pointer-events:auto!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(54px,6vw,90px)!important;
    margin:0 0 18px!important;
  }
  .astrio-home-hero41__lead{
    max-width:26em!important;
    font-size:19px!important;
  }
  .astrio-home-hero41__buttons{gap:14px!important}
  .astrio-home-hero41__buttons .astrio-button{min-height:54px!important}
  .astrio-section--floatcards-home40{
    margin-top:10px!important;
    padding-top:12px!important;
  }
}
@media (min-width:768px) and (max-width:1180px){
  .astrio-home-hero41__copy{
    max-width:min(46%,500px)!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(48px,5.6vw,74px)!important;
  }
  .astrio-home-hero41__lead{
    font-size:17px!important;
  }
}


/* v0.5.3 feature arrow fix + moving news ticker + more shooting stars */
.astrio-feature-link{position:relative!important;padding-right:72px!important;grid-template-columns:86px minmax(0,1fr)!important;align-items:center!important}
.astrio-feature-link b{position:absolute!important;right:18px!important;top:50%!important;transform:translateY(-50%)!important;display:grid!important;place-items:center!important;width:42px!important;height:42px!important;border-radius:50%!important;z-index:3!important;line-height:1!important}
.astrio-feature-link span{padding-right:0!important}
.astrio-feature-link:after{right:68px!important}
@media (max-width:1100px){
  .astrio-feature-link{padding-right:66px!important;grid-template-columns:64px minmax(0,1fr)!important}
  .astrio-feature-link b{right:16px!important;width:38px!important;height:38px!important}
  .astrio-feature-link:after{right:60px!important}
}
@media (max-width:767px){
  .astrio-feature-link{padding:13px 46px 13px 12px!important;grid-template-columns:50px minmax(0,1fr)!important;align-items:start!important}
  .astrio-feature-link b{right:10px!important;width:30px!important;height:30px!important;font-size:13px!important}
  .astrio-feature-link:after{right:42px!important;top:10px!important}
}

.astrio-news-strip{padding:14px 0!important;overflow:hidden}
.astrio-news-strip__inner{display:grid!important;grid-template-columns:auto minmax(0,1fr)!important;gap:18px!important;align-items:center!important;overflow:hidden!important;white-space:normal!important}
.astrio-news-strip__label{display:flex;align-items:center;gap:14px;flex:0 0 auto}
.astrio-news-strip__viewport{overflow:hidden;min-width:0;position:relative}
.astrio-news-strip__track{display:flex;align-items:center;gap:34px;white-space:nowrap;width:max-content;animation:astrioNewsTicker 28s linear infinite}
.astrio-news-strip__track a{display:inline-flex;align-items:center;gap:0;position:relative;padding-right:0;font-weight:800;color:var(--astrio-navy)}
.astrio-news-strip__track a::after{content:'✦';margin-left:34px;color:rgba(0,57,160,.32);font-size:12px;font-weight:700}
.astrio-news-strip__track a:last-child::after{content:'✦'}
.astrio-news-strip__viewport:hover .astrio-news-strip__track{animation-play-state:paused}
@keyframes astrioNewsTicker{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media (max-width:767px){
  .astrio-news-strip__inner{grid-template-columns:1fr!important;gap:10px!important}
  .astrio-news-strip__label{gap:12px}
  .astrio-news-strip__track{gap:22px;animation-duration:24s}
  .astrio-news-strip__track a{font-size:13px}
  .astrio-news-strip__track a::after{margin-left:22px}
}
@media (prefers-reduced-motion:reduce){
  .astrio-news-strip__track{animation:none!important}
}

.astrio-home-hero41__shooting-star{animation-duration:9.5s!important}
.astrio-home-hero41__shooting-star--d{left:74%;top:26%;width:92px;animation-delay:2.6s}
.astrio-home-hero41__shooting-star--e{left:36%;top:12%;width:128px;animation-delay:6.2s}
.astrio-home-hero41__shooting-star--f{left:10%;top:40%;width:86px;animation-delay:8.8s}
@media (max-width:767px){
  .astrio-home-hero41__shooting-star--d{left:68%;top:24%;width:78px}
  .astrio-home-hero41__shooting-star--e{left:34%;top:10%;width:96px}
  .astrio-home-hero41__shooting-star--f{left:8%;top:30%;width:72px}
}


/* v0.5.4 hero spacing tune + desktop feature-card text overlap fix */
@media (min-width:768px){
  .astrio-feature-links{gap:16px!important}
  .astrio-feature-link{
    position:relative!important;
    padding:16px 18px!important;
    grid-template-columns:72px minmax(0,1fr) 42px!important;
    gap:14px!important;
    align-items:center!important;
    min-height:118px!important;
  }
  .astrio-feature-link img{
    width:72px!important;
    height:72px!important;
    border-radius:16px!important;
  }
  .astrio-feature-link strong{
    font-size:22px!important;
    line-height:1.04!important;
    letter-spacing:.04em!important;
  }
  .astrio-feature-link small{
    margin-top:1px!important;
    font-size:10px!important;
    line-height:1.15!important;
  }
  .astrio-feature-link span{
    display:block!important;
    min-width:0!important;
    padding-right:0!important;
    font-size:12px!important;
    line-height:1.4!important;
    overflow-wrap:anywhere!important;
  }
  .astrio-feature-link b{
    position:relative!important;
    right:auto!important;
    top:auto!important;
    transform:none!important;
    justify-self:end!important;
    align-self:center!important;
    width:40px!important;
    height:40px!important;
    font-size:15px!important;
  }
  .astrio-feature-link:after{
    right:16px!important;
    top:10px!important;
    font-size:11px!important;
    opacity:.42!important;
  }
}
@media (min-width:768px) and (max-width:1180px){
  .astrio-feature-link{
    grid-template-columns:64px minmax(0,1fr) 38px!important;
    gap:12px!important;
    min-height:112px!important;
  }
  .astrio-feature-link img{width:64px!important;height:64px!important}
  .astrio-feature-link strong{font-size:20px!important}
  .astrio-feature-link span{font-size:11px!important;line-height:1.36!important}
  .astrio-feature-link b{width:38px!important;height:38px!important;font-size:14px!important}
}

@media (max-width:767px){
  .astrio-home-hero41__copy{
    left:22px!important;
    top:46px!important;
    width:60vw!important;
    max-width:238px!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(33px,10.4vw,46px)!important;
    line-height:1.02!important;
    margin:0 0 14px!important;
  }
  .astrio-home-hero41__lead{
    max-width:17ch!important;
    font-size:12px!important;
    line-height:1.58!important;
    margin:0 0 18px!important;
  }
  .astrio-home-hero41__buttons{
    width:min(78vw,296px)!important;
    gap:12px!important;
    margin-top:4px!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    min-height:48px!important;
    padding:13px 16px!important;
    font-size:12.5px!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:20px!important;
    top:42px!important;
    width:62vw!important;
    max-width:226px!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(31px,10vw,43px)!important;
  }
  .astrio-home-hero41__lead{
    max-width:16ch!important;
    font-size:11.5px!important;
  }
  .astrio-home-hero41__buttons{
    width:min(80vw,286px)!important;
  }
}


/* v0.5.5 mobile hero re-layout: move buttons clearly lower and widen copy area */
@media (max-width:767px){
  .astrio-home-hero41{
    border-radius:0 0 34px 34px!important;
  }
  .astrio-home-hero41__media img{
    object-position:center top!important;
  }
  .astrio-home-hero41__copy{
    left:22px!important;
    top:42px!important;
    width:62vw!important;
    max-width:246px!important;
    height:72%!important;
    min-height:0!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(34px,10.4vw,46px)!important;
    line-height:1.02!important;
    margin:0 0 14px!important;
  }
  .astrio-home-hero41__lead{
    max-width:18ch!important;
    font-size:12px!important;
    line-height:1.58!important;
    margin:0!important;
  }
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:0!important;
    bottom:86px!important;
    width:min(78vw,292px)!important;
    display:grid!important;
    gap:12px!important;
    margin:0!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    min-height:50px!important;
    padding:13px 16px!important;
    font-size:12.5px!important;
  }
  .astrio-section--floatcards-home40{
    margin-top:-18px!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:20px!important;
    top:40px!important;
    width:64vw!important;
    max-width:232px!important;
    height:72%!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(33px,10.1vw,43px)!important;
  }
  .astrio-home-hero41__lead{
    max-width:17ch!important;
    font-size:11.5px!important;
  }
  .astrio-home-hero41__buttons{
    bottom:76px!important;
    width:min(80vw,286px)!important;
  }
}


/* v0.5.6 mobile hero: move CTA below face, widen copy block, use right-side space */
@media (max-width:767px){
  .astrio-home-hero41__copy{
    left:24px!important;
    top:38px!important;
    width:72vw!important;
    max-width:304px!important;
    height:76%!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(32px,9.8vw,43px)!important;
    line-height:1.03!important;
    margin:0 0 14px!important;
    max-width:9.5em!important;
  }
  .astrio-home-hero41__lead{
    max-width:24ch!important;
    font-size:12px!important;
    line-height:1.58!important;
    margin:0!important;
  }
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:0!important;
    bottom:-6px!important;
    width:min(82vw,316px)!important;
    gap:12px!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    min-height:50px!important;
    padding:13px 18px!important;
    font-size:12.5px!important;
  }
  .astrio-section--floatcards-home40{
    margin-top:-10px!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:22px!important;
    top:36px!important;
    width:74vw!important;
    max-width:292px!important;
    height:76%!important;
  }
  .astrio-home-hero41__copy h1{
    font-size:clamp(31px,9.6vw,41px)!important;
    max-width:9em!important;
  }
  .astrio-home-hero41__lead{
    max-width:23ch!important;
    font-size:11.5px!important;
  }
  .astrio-home-hero41__buttons{
    bottom:-10px!important;
    width:min(82vw,306px)!important;
  }
}


/* v0.5.7 mobile hero: raise Astrio/bubble and center CTA row */
@media (max-width:767px){
  .astrio-home-hero41__media img{
    object-position:58% top!important;
  }
  .astrio-home-hero41__copy{
    left:24px!important;
    top:38px!important;
    width:74vw!important;
    max-width:304px!important;
    height:76%!important;
  }
  .astrio-home-hero41__lead{
    max-width:25ch!important;
  }
  .astrio-home-hero41__buttons{
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-8px!important;
    width:min(82vw,316px)!important;
    justify-items:center!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__media img{
    object-position:59% top!important;
  }
  .astrio-home-hero41__copy{
    left:22px!important;
    top:36px!important;
    width:76vw!important;
    max-width:294px!important;
  }
  .astrio-home-hero41__lead{
    max-width:24ch!important;
  }
  .astrio-home-hero41__buttons{
    left:50%!important;
    transform:translateX(-50%)!important;
    bottom:-12px!important;
    width:min(82vw,306px)!important;
  }
}


/* v0.5.8 mobile hero hard override: visibly raise background character and keep CTA centered */
@media (max-width:767px){
  .astrio-home-hero41{
    overflow:hidden!important;
  }
  .astrio-home-hero41__media{
    overflow:hidden!important;
  }
  .astrio-home-hero41__media picture{
    display:block!important;
    width:100%!important;
    height:100%!important;
  }
  .astrio-home-hero41__media img{
    width:100%!important;
    height:calc(100% + 56px)!important;
    object-fit:cover!important;
    object-position:60% top!important;
    transform:translateY(-56px)!important;
  }
  .astrio-home-hero41__copy{
    left:24px!important;
    top:38px!important;
    width:74vw!important;
    max-width:304px!important;
    height:76%!important;
  }
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:-4px!important;
    transform:translateX(-50%)!important;
    width:min(82vw,316px)!important;
    display:grid!important;
    justify-items:center!important;
    gap:12px!important;
    margin:0 auto!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
    min-height:50px!important;
    justify-content:center!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__media img{
    height:calc(100% + 64px)!important;
    object-position:61% top!important;
    transform:translateY(-64px)!important;
  }
  .astrio-home-hero41__copy{
    left:22px!important;
    top:36px!important;
    width:76vw!important;
    max-width:294px!important;
  }
  .astrio-home-hero41__buttons{
    left:50%!important;
    bottom:-8px!important;
    width:min(82vw,306px)!important;
    transform:translateX(-50%)!important;
  }
}


/* v0.5.9 mobile hero final tune: raise mascot/bubble much higher, keep CTA centered and visually separate */
@media (max-width:767px){
  .astrio-home-hero41__media img{
    width:100%!important;
    height:calc(100% + 148px)!important;
    object-fit:cover!important;
    object-position:63% top!important;
    transform:translateY(-138px)!important;
  }
  .astrio-home-hero41__copy{
    left:24px!important;
    top:38px!important;
    width:72vw!important;
    max-width:292px!important;
  }
  .astrio-home-hero41__lead{
    max-width:17ch!important;
  }
  .astrio-home-hero41__buttons{
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    width:min(80vw,300px)!important;
    display:grid!important;
    gap:12px!important;
    justify-items:center!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__media img{
    height:calc(100% + 158px)!important;
    object-position:64% top!important;
    transform:translateY(-148px)!important;
  }
  .astrio-home-hero41__copy{
    left:22px!important;
    top:36px!important;
    width:74vw!important;
    max-width:284px!important;
  }
  .astrio-home-hero41__buttons{
    bottom:20px!important;
    width:min(80vw,292px)!important;
  }
}


/* v0.6.0 final mobile CTA centering */
@media (max-width:767px){
  .astrio-home-hero41__copy{
    position:absolute!important;
  }
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:calc((100vw - min(82vw, 316px)) / 2 - 24px)!important;
    right:auto!important;
    transform:none!important;
    bottom:18px!important;
    width:min(82vw,316px)!important;
    max-width:316px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    margin:0!important;
    gap:12px!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
    max-width:none!important;
    justify-content:center!important;
    text-align:center!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__buttons{
    left:calc((100vw - min(82vw, 306px)) / 2 - 22px)!important;
    bottom:20px!important;
    width:min(82vw,306px)!important;
    max-width:306px!important;
  }
}


/* v0.6.1 mobile hero polish: hide navy gap under CTA by lifting float cards over hero */
@media (max-width:767px){
  .astrio-section--floatcards-home40{
    margin-top:-82px!important;
    padding-top:0!important;
    position:relative!important;
    z-index:7!important;
  }
  .astrio-feature-links{
    position:relative!important;
    z-index:8!important;
  }
}
@media (max-width:430px){
  .astrio-section--floatcards-home40{
    margin-top:-86px!important;
  }
}


/* v0.6.2 approved tall mobile hero image + remove navy gap */
@media (max-width:767px){
  .astrio-home-hero41{
    background:#fff!important;
    min-height:0!important;
    height:auto!important;
    overflow:hidden!important;
    border-radius:0 0 34px 34px!important;
  }
  .astrio-home-hero41__media{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:auto!important;
    overflow:hidden!important;
    background:#fff!important;
  }
  .astrio-home-hero41__media picture,
  .astrio-home-hero41__media img{
    position:relative!important;
    inset:auto!important;
    display:block!important;
    width:100%!important;
    height:auto!important;
  }
  .astrio-home-hero41__media img{
    object-fit:contain!important;
    object-position:center top!important;
    transform:none!important;
    background:#fff!important;
  }
  .astrio-home-hero41__shade{
    position:absolute!important;
    inset:0!important;
    background:
      linear-gradient(90deg,rgba(6,18,75,.20) 0%,rgba(6,18,75,.10) 42%,rgba(6,18,75,.02) 100%)!important;
  }
  .astrio-home-hero41__inner{
    position:absolute!important;
    inset:0!important;
    min-height:0!important;
    height:100%!important;
    padding:0!important;
    display:block!important;
    pointer-events:none!important;
  }
  .astrio-home-hero41__copy{
    position:absolute!important;
    left:24px!important;
    top:38px!important;
    width:72vw!important;
    max-width:292px!important;
    height:76%!important;
    pointer-events:auto!important;
  }
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:50%!important;
    right:auto!important;
    bottom:18px!important;
    transform:translateX(-50%)!important;
    width:min(80vw,300px)!important;
    max-width:300px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    gap:12px!important;
    margin:0!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
    justify-content:center!important;
    text-align:center!important;
  }
  .astrio-section--floatcards-home40{
    margin-top:-70px!important;
    padding-top:0!important;
    position:relative!important;
    z-index:7!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__copy{
    left:22px!important;
    top:36px!important;
    width:74vw!important;
    max-width:284px!important;
  }
  .astrio-home-hero41__buttons{
    bottom:20px!important;
    width:min(80vw,292px)!important;
    max-width:292px!important;
  }
  .astrio-section--floatcards-home40{
    margin-top:-74px!important;
  }
}


/* v0.6.3 true viewport-centered mobile CTA */
@media (max-width:767px){
  .astrio-home-hero41__buttons{
    position:absolute!important;
    left:calc((100vw - min(80vw,300px)) / 2 - 24px)!important;
    right:auto!important;
    bottom:18px!important;
    transform:none!important;
    width:min(80vw,300px)!important;
    max-width:300px!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    justify-items:stretch!important;
    gap:12px!important;
    margin:0!important;
  }
  .astrio-home-hero41__buttons .astrio-button{
    width:100%!important;
    max-width:none!important;
    justify-content:center!important;
    text-align:center!important;
  }
}
@media (max-width:430px){
  .astrio-home-hero41__buttons{
    left:calc((100vw - min(80vw,292px)) / 2 - 22px)!important;
    bottom:20px!important;
    width:min(80vw,292px)!important;
    max-width:292px!important;
    transform:none!important;
  }
}


/* v0.6.4 ABOUT / CHARACTER page refresh */
.astrio-sub-hero64,
.astrio-character-hero64{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:
    radial-gradient(circle at 18% 18%,rgba(75,135,255,.48),transparent 30%),
    radial-gradient(circle at 78% 12%,rgba(180,215,255,.32),transparent 28%),
    linear-gradient(135deg,#07134a 0%,#0b2c8c 48%,#070b31 100%);
}
.astrio-sub-hero64:before,
.astrio-character-hero64:before{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    radial-gradient(circle,rgba(255,255,255,.72) 0 1px,transparent 1.4px),
    radial-gradient(circle,rgba(255,255,255,.32) 0 1px,transparent 1.2px);
  background-size:78px 78px,132px 132px;
  background-position:0 0,38px 44px;
  opacity:.72;
  animation:astrioStars 22s linear infinite;
}
.astrio-sub-hero64__stars,
.astrio-character-hero64__space{
  position:absolute;
  inset:-20%;
  background:
    radial-gradient(circle at 52% 20%,rgba(255,255,255,.18),transparent 26%),
    radial-gradient(circle at 82% 70%,rgba(49,111,255,.24),transparent 36%);
  filter:blur(1px);
  opacity:.86;
}
.astrio-about-hero__grid,
.astrio-character-hero64__inner{
  position:relative;
  z-index:2;
  min-height:620px;
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(320px,.8fr);
  gap:44px;
  align-items:center;
  padding:78px 0 92px;
}
.astrio-about-hero__copy h1,
.astrio-character-hero64__copy h1{
  margin:0 0 20px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(48px,6vw,86px);
  line-height:1.04;
  letter-spacing:.02em;
  text-shadow:0 18px 42px rgba(0,0,0,.2);
}
.astrio-about-hero__lead,
.astrio-character-hero64__lead{
  font-size:clamp(18px,2.1vw,25px);
  line-height:1.72;
  font-weight:900;
  color:#fff;
  text-shadow:0 12px 30px rgba(0,0,0,.18);
}
.astrio-about-hero__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.astrio-about-hero__tags span{
  display:inline-flex;
  align-items:center;
  min-height:36px;
  padding:0 16px;
  border-radius:999px;
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.32);
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.08em;
}
.astrio-about-hero__visual,
.astrio-character-hero64__visual{
  position:relative;
  min-height:470px;
  display:grid;
  place-items:center;
}
.astrio-about-hero__visual img,
.astrio-character-hero64__visual img{
  width:min(100%,430px);
  max-height:540px;
  object-fit:contain;
  filter:drop-shadow(0 28px 55px rgba(0,0,0,.25));
  animation:astrioBob 4.2s ease-in-out infinite;
}
.astrio-about-hero__bubble,
.astrio-character-hero64__bubble{
  position:absolute;
  right:2%;
  top:10%;
  padding:18px 26px;
  border-radius:34px 34px 34px 12px;
  background:#fff;
  color:var(--astrio-blue);
  font-weight:900;
  line-height:1.45;
  box-shadow:0 18px 44px rgba(0,30,120,.22);
}
.astrio-about-message64__grid,
.astrio-character-message64__grid{
  display:grid;
  grid-template-columns:.8fr 1.1fr;
  gap:44px;
  align-items:start;
}
.astrio-about-message64 h2,
.astrio-character-message64 h2,
.astrio-about-world64 h2,
.astrio-character-use64 h2{
  margin:0;
  font-family:var(--astrio-cute-title);
  font-size:clamp(34px,4.1vw,58px);
  line-height:1.18;
  color:var(--astrio-blue);
}
.astrio-about-message64 p,
.astrio-character-message64 p,
.astrio-about-world64 p,
.astrio-character-use64 p{
  font-weight:800;
  color:#28416f;
}
.astrio-about-pillars64{
  background:
    radial-gradient(circle at 12% 0,rgba(0,90,255,.16),transparent 34%),
    linear-gradient(180deg,#f6faff,#fff);
}
.astrio-about-pillars64__grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-about-pillar64{
  display:flex;
  flex-direction:column;
  min-height:100%;
  padding:18px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 18px 44px rgba(0,30,120,.10);
  transition:.25s;
}
.astrio-about-pillar64:hover{
  transform:translateY(-4px);
  box-shadow:0 24px 54px rgba(0,30,120,.15);
}
.astrio-about-pillar64 figure{
  margin:0 0 14px;
  height:170px;
  display:grid;
  place-items:center;
  border-radius:22px;
  background:linear-gradient(180deg,#eef6ff,#fff);
  overflow:hidden;
}
.astrio-about-pillar64 img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
}
.astrio-about-pillar64 span{
  font-family:var(--astrio-display);
  color:var(--astrio-blue);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-about-pillar64 h3{
  margin:4px 0 8px;
  color:var(--astrio-navy);
  font-size:24px;
}
.astrio-about-pillar64 p{
  margin:0 0 18px;
  color:#40527b;
  font-weight:800;
  font-size:14px;
  line-height:1.65;
}
.astrio-about-pillar64 b{
  margin-top:auto;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  letter-spacing:.08em;
}
.astrio-about-world64__grid,
.astrio-character-use64__grid{
  display:grid;
  grid-template-columns:.82fr 1fr;
  gap:44px;
  align-items:center;
}
.astrio-about-world64__visual,
.astrio-character-use64__visual{
  position:relative;
  min-height:360px;
  border-radius:34px;
  background:
    radial-gradient(circle at 50% 20%,rgba(0,90,255,.18),transparent 48%),
    linear-gradient(180deg,#fff,#ecf5ff);
  display:grid;
  place-items:center;
  box-shadow:0 22px 54px rgba(0,30,120,.10);
  overflow:hidden;
}
.astrio-about-world64__visual img,
.astrio-character-use64__visual img{
  width:min(90%,390px);
  height:360px;
  object-fit:contain;
  filter:drop-shadow(0 20px 40px rgba(0,30,120,.15));
}
.astrio-about-world64 ul{
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:12px;
}
.astrio-about-world64 li{
  position:relative;
  padding:14px 18px 14px 46px;
  border-radius:18px;
  background:#fff;
  border:1px solid rgba(0,57,160,.10);
  font-weight:900;
  color:var(--astrio-navy);
  box-shadow:0 10px 26px rgba(0,30,120,.06);
}
.astrio-about-world64 li:before{
  content:'✦';
  position:absolute;
  left:18px;
  color:var(--astrio-blue);
}
.astrio-roadmap64{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-roadmap64 article{
  position:relative;
  padding:26px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 16px 40px rgba(0,30,120,.08);
}
.astrio-roadmap64 span{
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:50%;
  background:linear-gradient(135deg,var(--astrio-blue),#6795ff);
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
}
.astrio-roadmap64 h3{
  margin:18px 0 8px;
  font-size:22px;
  color:var(--astrio-blue);
}
.astrio-roadmap64 p{
  margin:0;
  font-weight:800;
  color:#46577c;
  line-height:1.68;
}
.astrio-about-cta64,
.astrio-character-cta64{
  position:relative;
  overflow:hidden;
  padding:50px 0;
  color:#fff;
  background:
    radial-gradient(circle at 20% 0,rgba(90,145,255,.42),transparent 36%),
    linear-gradient(135deg,#0b2e92,#07103f);
}
.astrio-about-cta64__inner,
.astrio-character-cta64__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.astrio-about-cta64 h2,
.astrio-character-cta64 h2{
  margin:0;
  font-family:var(--astrio-cute-title);
  font-size:clamp(28px,3.6vw,48px);
}
.astrio-character-hero64__inner{
  grid-template-columns:minmax(0,.95fr) minmax(300px,.72fr);
}
.astrio-character-profile64{
  grid-column:1 / -1;
  display:grid;
  grid-template-columns:260px 1fr;
  gap:26px;
  align-items:start;
  padding:24px 28px;
  border-radius:30px;
  background:rgba(255,255,255,.94);
  border:1px solid rgba(255,255,255,.45);
  box-shadow:0 22px 54px rgba(0,0,0,.18);
  color:var(--astrio-navy);
}
.astrio-character-profile64 h2{
  margin:0;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  letter-spacing:.1em;
  font-size:34px;
}
.astrio-character-profile64 dl{
  margin:0;
  display:grid;
  grid-template-columns:150px 1fr;
  border-top:1px solid rgba(0,57,160,.10);
}
.astrio-character-profile64 dt,
.astrio-character-profile64 dd{
  margin:0;
  padding:13px 0;
  border-bottom:1px solid rgba(0,57,160,.10);
  font-weight:900;
}
.astrio-character-profile64 dt{color:var(--astrio-blue)}
.astrio-like-cards64,
.astrio-detail-cards64{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-like-cards64 article,
.astrio-detail-cards64 article{
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 16px 40px rgba(0,30,120,.08);
}
.astrio-like-cards64 span,
.astrio-detail-cards64 span{
  display:inline-grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:18px;
  background:#edf5ff;
  color:var(--astrio-blue);
  font-size:28px;
}
.astrio-like-cards64 h3,
.astrio-detail-cards64 h3{
  margin:14px 0 6px;
  color:var(--astrio-blue);
  font-size:24px;
}
.astrio-like-cards64 p,
.astrio-detail-cards64 p{
  margin:0;
  color:#44577c;
  font-weight:800;
  line-height:1.62;
}
.astrio-detail-cards64{
  grid-template-columns:repeat(3,minmax(0,1fr));
}
.astrio-pose-gallery64{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-pose-gallery64 article{
  padding:14px 14px 18px;
  border-radius:28px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 18px 44px rgba(0,30,120,.09);
  text-align:center;
}
.astrio-pose-gallery64 figure{
  margin:0 0 12px;
  height:210px;
  display:grid;
  place-items:end center;
  border-radius:22px;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% 24%,rgba(0,90,255,.14),transparent 46%),
    linear-gradient(180deg,#f2f8ff,#fff);
}
.astrio-pose-gallery64 img{
  width:100%;
  height:100%;
  object-fit:contain;
  padding:8px;
}
.astrio-pose-gallery64 strong{
  display:block;
  color:var(--astrio-blue);
  font-size:18px;
  font-weight:900;
}
.astrio-pose-gallery64 p{
  margin:5px 0 0;
  font-size:13px;
  line-height:1.55;
  color:#46577c;
  font-weight:800;
}
.astrio-character-use64__copy .astrio-buttons{
  margin-top:24px;
}
.astrio-character-cta64__inner img{
  width:130px;
  height:130px;
  object-fit:contain;
  filter:drop-shadow(0 18px 34px rgba(0,0,0,.18));
}

@media (max-width:1100px){
  .astrio-about-pillars64__grid,
  .astrio-pose-gallery64{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .astrio-roadmap64,
  .astrio-like-cards64{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-about-hero__grid,
  .astrio-character-hero64__inner{
    min-height:0;
    grid-template-columns:1fr;
    gap:26px;
    padding:54px 0 56px;
  }
  .astrio-about-hero__copy h1,
  .astrio-character-hero64__copy h1{
    font-size:clamp(38px,12vw,54px);
  }
  .astrio-about-hero__lead,
  .astrio-character-hero64__lead{
    font-size:17px;
  }
  .astrio-about-hero__visual,
  .astrio-character-hero64__visual{
    min-height:300px;
    order:-1;
  }
  .astrio-about-hero__visual img,
  .astrio-character-hero64__visual img{
    width:min(86vw,330px);
    max-height:360px;
  }
  .astrio-about-hero__bubble,
  .astrio-character-hero64__bubble{
    right:4%;
    top:6%;
    font-size:13px;
    padding:14px 18px;
  }
  .astrio-about-message64__grid,
  .astrio-character-message64__grid,
  .astrio-about-world64__grid,
  .astrio-character-use64__grid{
    grid-template-columns:1fr;
    gap:24px;
  }
  .astrio-about-pillars64__grid,
  .astrio-pose-gallery64,
  .astrio-roadmap64,
  .astrio-like-cards64,
  .astrio-detail-cards64{
    grid-template-columns:1fr;
  }
  .astrio-about-pillar64 figure{
    height:190px;
  }
  .astrio-pose-gallery64 figure{
    height:230px;
  }
  .astrio-character-profile64{
    grid-template-columns:1fr;
    padding:22px;
  }
  .astrio-character-profile64 dl{
    grid-template-columns:112px 1fr;
  }
  .astrio-about-cta64__inner,
  .astrio-character-cta64__inner{
    display:grid;
    grid-template-columns:1fr;
  }
  .astrio-character-cta64__inner img{
    width:100px;
    height:100px;
  }
}


/* v0.6.5 generated ABOUT / CHARACTER hero backgrounds + story page */
.astrio-character-story-hero65{
  position:relative;
  overflow:hidden;
  min-height:720px;
  color:#fff;
  background:#061247 url('../images/character-story-hero-bg.png') center center / cover no-repeat;
}
.astrio-character-story-hero65__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,13,54,.72) 0%,rgba(4,13,54,.50) 36%,rgba(4,13,54,.08) 72%,rgba(4,13,54,.04) 100%),
    linear-gradient(180deg,rgba(4,13,54,.12) 0%,rgba(4,13,54,.36) 100%);
}
.astrio-character-story-hero65__inner{
  position:relative;
  z-index:2;
  min-height:720px;
  display:flex;
  align-items:center;
  padding:96px 0 118px;
}
.astrio-character-story-hero65__copy{
  width:min(52%,640px);
}
.astrio-character-story-hero65 h1{
  margin:0 0 22px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(52px,6.6vw,96px);
  line-height:1.04;
  letter-spacing:.02em;
  text-shadow:0 18px 44px rgba(0,0,0,.30);
}
.astrio-character-story-hero65__lead{
  margin:0;
  max-width:620px;
  font-size:clamp(18px,2vw,25px);
  line-height:1.75;
  font-weight:900;
  color:#fff;
  text-shadow:0 14px 34px rgba(0,0,0,.25);
}
.astrio-character-story-hero65 .astrio-buttons{
  margin-top:34px;
}

.astrio-about-project-hero65{
  position:relative;
  overflow:hidden;
  min-height:640px;
  color:#07143f;
  background:#dfeaff url('../images/about-project-hero-bg.png') center center / cover no-repeat;
}
.astrio-about-project-hero65__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.92) 0%,rgba(255,255,255,.74) 34%,rgba(255,255,255,.22) 66%,rgba(255,255,255,.05) 100%),
    linear-gradient(180deg,rgba(255,255,255,.12) 0%,rgba(242,247,255,.46) 100%);
}
.astrio-about-project-hero65__inner{
  position:relative;
  z-index:2;
  min-height:640px;
  display:flex;
  align-items:center;
  padding:96px 0 112px;
}
.astrio-about-project-hero65__copy{
  width:min(56%,700px);
}
.astrio-about-project-hero65 h1{
  margin:0 0 22px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(50px,6vw,88px);
  line-height:1.04;
  letter-spacing:.02em;
  color:var(--astrio-blue);
  text-shadow:0 14px 34px rgba(255,255,255,.62);
}
.astrio-about-project-hero65__lead{
  margin:0;
  max-width:660px;
  font-size:clamp(18px,2.1vw,25px);
  line-height:1.75;
  font-weight:900;
  color:#10245f;
}
.astrio-about-project-hero65__tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.astrio-about-project-hero65__tags span{
  display:inline-flex;
  align-items:center;
  min-height:38px;
  padding:0 17px;
  border-radius:999px;
  background:rgba(255,255,255,.82);
  border:1px solid rgba(0,57,160,.14);
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.08em;
  box-shadow:0 10px 26px rgba(0,30,120,.08);
}

.astrio-character-story65{
  overflow:hidden;
  background:
    radial-gradient(circle at 20% 0,rgba(0,90,255,.14),transparent 32%),
    linear-gradient(180deg,#f4f9ff,#fff);
}
.astrio-story-timeline65{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
  counter-reset:story;
}
.astrio-story-timeline65 article{
  position:relative;
  min-height:330px;
  padding:28px 24px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 20px 50px rgba(0,30,120,.10);
}
.astrio-story-timeline65 article:before{
  content:'✦';
  position:absolute;
  right:22px;
  top:18px;
  color:rgba(0,57,160,.22);
  font-size:18px;
}
.astrio-story-timeline65 span{
  display:inline-grid;
  place-items:center;
  width:54px;
  height:54px;
  border-radius:19px;
  background:linear-gradient(135deg,var(--astrio-blue),#6a9aff);
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.06em;
  box-shadow:0 14px 32px rgba(0,57,160,.20);
}
.astrio-story-timeline65 h3{
  margin:20px 0 12px;
  color:var(--astrio-blue);
  font-size:23px;
  line-height:1.32;
}
.astrio-story-timeline65 p{
  margin:0;
  color:#3f5279;
  font-weight:800;
  line-height:1.74;
}

.astrio-character-profile-story65__grid{
  display:grid;
  grid-template-columns:.8fr 1fr;
  gap:44px;
  align-items:center;
}
.astrio-character-profile-story65__visual{
  position:relative;
  min-height:430px;
  border-radius:36px;
  background:
    radial-gradient(circle at 52% 18%,rgba(0,90,255,.18),transparent 48%),
    linear-gradient(180deg,#eef7ff,#fff);
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 22px 54px rgba(0,30,120,.10);
}
.astrio-character-profile-story65__visual img{
  width:min(88%,390px);
  height:390px;
  object-fit:contain;
  filter:drop-shadow(0 22px 44px rgba(0,30,120,.16));
}
.astrio-character-profile-story65__bubble{
  position:absolute;
  right:8%;
  top:10%;
  padding:16px 22px;
  border-radius:32px 32px 32px 10px;
  background:#fff;
  color:var(--astrio-blue);
  font-weight:900;
  line-height:1.45;
  box-shadow:0 18px 44px rgba(0,30,120,.15);
}
.astrio-character-profile-story65__card{
  padding:32px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 20px 50px rgba(0,30,120,.10);
}
.astrio-character-profile-story65__card h2{
  margin:0 0 22px;
  color:var(--astrio-blue);
  font-family:var(--astrio-cute-title);
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.16;
}
.astrio-character-profile-story65__card dl{
  margin:0;
  display:grid;
  grid-template-columns:132px 1fr;
  border-top:1px solid rgba(0,57,160,.12);
}
.astrio-character-profile-story65__card dt,
.astrio-character-profile-story65__card dd{
  margin:0;
  padding:14px 0;
  border-bottom:1px solid rgba(0,57,160,.12);
  font-weight:900;
}
.astrio-character-profile-story65__card dt{
  color:var(--astrio-blue);
}
.astrio-character-profile-story65__card dd{
  color:var(--astrio-navy);
}

@media (max-width:1100px){
  .astrio-character-story-hero65__copy,
  .astrio-about-project-hero65__copy{
    width:min(70%,680px);
  }
  .astrio-story-timeline65{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-character-story-hero65{
    min-height:620px;
    background-position:62% center;
  }
  .astrio-character-story-hero65__overlay{
    background:
      linear-gradient(180deg,rgba(4,13,54,.80) 0%,rgba(4,13,54,.40) 45%,rgba(4,13,54,.14) 100%);
  }
  .astrio-character-story-hero65__inner{
    min-height:620px;
    align-items:flex-start;
    padding:62px 0 84px;
  }
  .astrio-character-story-hero65__copy{
    width:100%;
  }
  .astrio-character-story-hero65 h1{
    font-size:clamp(40px,12vw,58px);
  }
  .astrio-character-story-hero65__lead{
    max-width:21em;
    font-size:15.5px;
  }
  .astrio-about-project-hero65{
    min-height:560px;
    background-position:60% center;
  }
  .astrio-about-project-hero65__overlay{
    background:
      linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.74) 42%,rgba(255,255,255,.20) 100%);
  }
  .astrio-about-project-hero65__inner{
    min-height:560px;
    align-items:flex-start;
    padding:56px 0 82px;
  }
  .astrio-about-project-hero65__copy{
    width:100%;
  }
  .astrio-about-project-hero65 h1{
    font-size:clamp(38px,11.5vw,56px);
  }
  .astrio-about-project-hero65__lead{
    max-width:22em;
    font-size:16px;
  }
  .astrio-story-timeline65,
  .astrio-character-profile-story65__grid{
    grid-template-columns:1fr;
  }
  .astrio-story-timeline65 article{
    min-height:0;
  }
  .astrio-character-profile-story65__visual{
    min-height:300px;
  }
  .astrio-character-profile-story65__visual img{
    width:min(88vw,320px);
    height:310px;
  }
  .astrio-character-profile-story65__card{
    padding:24px;
  }
  .astrio-character-profile-story65__card dl{
    grid-template-columns:104px 1fr;
  }
}


/* v0.6.6 ASTRIO WEAR cool apparel landing */
.astrio-wear-hero66{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#030814;
}
.astrio-wear-hero66__bg{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 22% 10%,rgba(0,90,255,.42),transparent 34%),
    radial-gradient(circle at 82% 38%,rgba(108,151,255,.28),transparent 34%),
    linear-gradient(135deg,#030814 0%,#07143d 48%,#02050f 100%);
}
.astrio-wear-hero66__bg:after{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.88),rgba(0,0,0,.2));
}
.astrio-wear-hero66__grid{
  position:relative;
  z-index:2;
  min-height:720px;
  padding:94px 0 120px;
  display:grid;
  grid-template-columns:minmax(0,.92fr) minmax(420px,1fr);
  gap:52px;
  align-items:center;
}
.astrio-wear-hero66__drop{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 14px;
  border-radius:999px;
  background:rgba(255,255,255,.10);
  border:1px solid rgba(255,255,255,.18);
  color:#dbe8ff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.12em;
}
.astrio-wear-hero66__logo{
  width:min(340px,70vw);
  margin:28px 0 10px;
  filter:invert(1) saturate(0) brightness(10);
}
.astrio-wear-hero66 h1{
  margin:0 0 20px;
  font-size:clamp(44px,5.8vw,84px);
  line-height:1.04;
  letter-spacing:.02em;
  color:#fff;
}
.astrio-wear-hero66__lead{
  margin:0;
  max-width:650px;
  color:#d7e5ff;
  font-weight:800;
  font-size:clamp(16px,1.75vw,21px);
  line-height:1.8;
}
.astrio-wear-hero66__visual{
  position:relative;
  min-height:560px;
}
.astrio-wear-hero66__visual figure{
  margin:0;
  position:absolute;
  border-radius:34px;
  background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.15);
  box-shadow:0 36px 90px rgba(0,0,0,.34);
  overflow:hidden;
}
.astrio-wear-hero66__visual img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.astrio-wear-hero66__main{
  right:4%;
  top:42px;
  width:62%;
  height:460px;
  z-index:2;
}
.astrio-wear-hero66__sub{
  z-index:1;
}
.astrio-wear-hero66__sub--a{
  left:0;
  bottom:14px;
  width:44%;
  height:270px;
}
.astrio-wear-hero66__sub--b{
  right:0;
  bottom:0;
  width:38%;
  height:220px;
  opacity:.88;
}

.astrio-wear-concept66{
  background:#fff;
  padding:78px 0;
}
.astrio-wear-concept66__grid{
  display:grid;
  grid-template-columns:.85fr 1.1fr;
  gap:48px;
  align-items:start;
}
.astrio-wear-concept66 h2{
  margin:0;
  font-size:clamp(36px,4.6vw,64px);
  line-height:1.13;
  color:var(--astrio-navy);
}
.astrio-wear-concept66 p{
  margin:0 0 16px;
  color:#293b66;
  font-weight:800;
  line-height:1.85;
}
.astrio-wear-line66{
  padding:26px 0;
  background:#050b1d;
  color:#fff;
}
.astrio-wear-line66__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
}
.astrio-wear-line66 article{
  padding:26px;
  border-radius:26px;
  background:linear-gradient(180deg,rgba(255,255,255,.10),rgba(255,255,255,.04));
  border:1px solid rgba(255,255,255,.13);
}
.astrio-wear-line66 span,
.astrio-wear-detail-grid66 span{
  font-family:var(--astrio-display);
  color:#78a6ff;
  font-weight:900;
  letter-spacing:.12em;
}
.astrio-wear-line66 h3{
  margin:8px 0 8px;
  font-family:var(--astrio-display);
  font-size:34px;
  letter-spacing:.08em;
}
.astrio-wear-line66 p{
  margin:0;
  color:#dce7ff;
  font-weight:800;
}

.astrio-wear-products66{
  padding:86px 0;
  background:
    radial-gradient(circle at 84% 8%,rgba(0,90,255,.13),transparent 34%),
    linear-gradient(180deg,#f6f8fb,#fff);
}
.astrio-wear-product-grid66{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:20px;
}
.astrio-wear-card66{
  position:relative;
  padding:18px 18px 22px;
  border-radius:30px;
  background:#fff;
  border:1px solid rgba(0,33,80,.10);
  box-shadow:0 18px 48px rgba(0,20,80,.09);
  overflow:hidden;
}
.astrio-wear-card66__tag{
  position:absolute;
  top:18px;
  left:18px;
  z-index:2;
  padding:5px 10px;
  border-radius:999px;
  background:#06143d;
  color:#fff;
  font-family:var(--astrio-display);
  font-size:12px;
  letter-spacing:.08em;
  font-weight:900;
}
.astrio-wear-card66 figure{
  margin:0 0 18px;
  height:260px;
  border-radius:24px;
  background:
    linear-gradient(135deg,#080d1c,#102968 54%,#030713);
  display:grid;
  place-items:center;
  overflow:hidden;
}
.astrio-wear-card66 img{
  width:100%;
  height:100%;
  object-fit:cover;
  transform:scale(1.02);
}
.astrio-wear-card66 h3{
  margin:0 0 2px;
  color:var(--astrio-navy);
  font-family:var(--astrio-display);
  font-size:26px;
  letter-spacing:.06em;
}
.astrio-wear-card66 p{
  margin:0 0 8px;
  color:#53637f;
  font-weight:900;
  letter-spacing:.06em;
}
.astrio-wear-card66 strong{
  color:var(--astrio-blue);
  font-size:18px;
}

.astrio-wear-look66{
  position:relative;
  overflow:hidden;
  padding:90px 0;
  color:#fff;
  background:
    radial-gradient(circle at 12% 8%,rgba(0,90,255,.38),transparent 34%),
    linear-gradient(135deg,#02050e,#07184b 52%,#02050e);
}
.astrio-wear-look66__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:48px;
  align-items:center;
}
.astrio-wear-look66__copy p:first-child{
  margin:0 0 10px;
  color:#8bb2ff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.12em;
}
.astrio-wear-look66__copy h2{
  margin:0 0 20px;
  font-size:clamp(36px,4.8vw,66px);
  line-height:1.12;
}
.astrio-wear-look66__copy p:not(:first-child){
  color:#d8e6ff;
  font-weight:800;
  line-height:1.8;
}
.astrio-wear-look66 figure{
  margin:0;
  border-radius:36px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  box-shadow:0 36px 90px rgba(0,0,0,.34);
}
.astrio-wear-look66 img{
  width:100%;
  height:430px;
  object-fit:cover;
  display:block;
}

.astrio-wear-detail66{
  padding:84px 0;
  background:#fff;
}
.astrio-wear-detail-grid66{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-wear-detail-grid66 article{
  padding:24px;
  border-radius:26px;
  background:#f6f8fc;
  border:1px solid rgba(0,33,80,.08);
}
.astrio-wear-detail-grid66 h3{
  margin:10px 0 8px;
  color:var(--astrio-navy);
  font-family:var(--astrio-display);
  letter-spacing:.08em;
  font-size:23px;
}
.astrio-wear-detail-grid66 p{
  margin:0;
  color:#4a5d80;
  font-weight:800;
  line-height:1.65;
}

.astrio-wear-bottom66{
  padding:54px 0;
  color:#fff;
  background:
    linear-gradient(135deg,#06143d,#0b3bb2);
}
.astrio-wear-bottom66__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:28px;
}
.astrio-wear-bottom66 h2{
  margin:0;
  font-size:clamp(30px,4vw,54px);
  line-height:1.15;
}

@media (max-width:1100px){
  .astrio-wear-hero66__grid{
    grid-template-columns:1fr;
  }
  .astrio-wear-hero66__copy{
    max-width:760px;
  }
  .astrio-wear-product-grid66{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-wear-hero66__grid{
    min-height:0;
    padding:58px 0 76px;
    gap:34px;
  }
  .astrio-wear-hero66__logo{
    width:min(280px,76vw);
  }
  .astrio-wear-hero66 h1{
    font-size:clamp(38px,11vw,56px);
  }
  .astrio-wear-hero66__lead{
    font-size:15px;
  }
  .astrio-wear-hero66__visual{
    min-height:420px;
  }
  .astrio-wear-hero66__main{
    right:4%;
    top:20px;
    width:72%;
    height:330px;
  }
  .astrio-wear-hero66__sub--a{
    left:0;
    bottom:16px;
    width:48%;
    height:210px;
  }
  .astrio-wear-hero66__sub--b{
    width:42%;
    height:170px;
  }
  .astrio-wear-concept66__grid,
  .astrio-wear-look66__grid{
    grid-template-columns:1fr;
  }
  .astrio-wear-line66__grid,
  .astrio-wear-product-grid66,
  .astrio-wear-detail-grid66{
    grid-template-columns:1fr;
  }
  .astrio-wear-card66 figure{
    height:240px;
  }
  .astrio-wear-look66 img{
    height:300px;
  }
  .astrio-wear-bottom66__inner{
    display:grid;
    grid-template-columns:1fr;
  }
}


/* v0.6.7 WEAR generated galaxy background integration */
.astrio-wear-hero66{
  background:#020611!important;
}
.astrio-wear-hero66__bg{
  background:
    linear-gradient(90deg,rgba(2,6,17,.84) 0%,rgba(2,8,24,.64) 38%,rgba(2,8,24,.28) 68%,rgba(2,8,24,.18) 100%),
    linear-gradient(180deg,rgba(2,6,17,.08) 0%,rgba(2,6,17,.72) 100%),
    url('../images/wear-galaxy-hero-bg.png') center center / cover no-repeat!important;
}
.astrio-wear-hero66__bg:after{
  content:''!important;
  position:absolute!important;
  inset:0!important;
  background:
    radial-gradient(circle at 18% 20%,rgba(0,90,255,.30),transparent 36%),
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px)!important;
  background-size:auto,48px 48px,48px 48px!important;
  opacity:.72!important;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.35))!important;
}
.astrio-wear-hero66__visual figure{
  backdrop-filter:blur(8px)!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.05))!important;
}

.astrio-wear-look66{
  background:
    linear-gradient(90deg,rgba(2,6,17,.82) 0%,rgba(2,8,24,.64) 48%,rgba(2,8,24,.80) 100%),
    url('../images/wear-galaxy-hero-bg.png') center center / cover no-repeat!important;
}
.astrio-wear-bottom66{
  background:
    linear-gradient(135deg,rgba(2,6,17,.86),rgba(7,35,120,.74)),
    url('../images/wear-galaxy-hero-bg.png') center center / cover no-repeat!important;
}

@media (max-width:767px){
  .astrio-wear-hero66__bg{
    background:
      linear-gradient(180deg,rgba(2,6,17,.76) 0%,rgba(2,8,24,.54) 42%,rgba(2,8,24,.82) 100%),
      url('../images/wear-galaxy-hero-bg-sp.png') center top / cover no-repeat!important;
  }
  .astrio-wear-look66,
  .astrio-wear-bottom66{
    background:
      linear-gradient(180deg,rgba(2,6,17,.84),rgba(5,20,70,.72)),
      url('../images/wear-galaxy-hero-bg-sp.png') center center / cover no-repeat!important;
  }
}


/* v0.6.8 ASTRIO origin + character guide balance */
.astrio-character-intro-hero68{
  position:relative;
  overflow:hidden;
  min-height:660px;
  color:#fff;
  background:#061247 url('../images/character-story-hero-bg.png') center center / cover no-repeat;
}
.astrio-character-intro-hero68__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(4,13,54,.74) 0%,rgba(4,13,54,.50) 38%,rgba(4,13,54,.13) 72%,rgba(4,13,54,.06) 100%),
    linear-gradient(180deg,rgba(4,13,54,.10) 0%,rgba(4,13,54,.34) 100%);
}
.astrio-character-intro-hero68__inner{
  position:relative;
  z-index:2;
  min-height:660px;
  display:flex;
  align-items:center;
  padding:88px 0 108px;
}
.astrio-character-intro-hero68__copy{
  width:min(52%,640px);
}
.astrio-character-intro-hero68 h1{
  margin:0 0 12px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(58px,7vw,104px);
  line-height:1.02;
  letter-spacing:.02em;
  text-shadow:0 18px 44px rgba(0,0,0,.30);
}
.astrio-character-intro-hero68__lead{
  margin:0 0 18px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(26px,3vw,42px);
  line-height:1.25;
  color:#fff;
  text-shadow:0 14px 34px rgba(0,0,0,.25);
}
.astrio-character-intro-hero68__copy > p:not(.astrio-kicker):not(.astrio-character-intro-hero68__lead){
  max-width:610px;
  color:#eaf2ff;
  font-weight:900;
  line-height:1.8;
  font-size:17px;
}
.astrio-character-intro-hero68 .astrio-buttons{
  margin-top:32px;
}

.astrio-name-origin68{
  overflow:hidden;
  background:
    radial-gradient(circle at 14% 0,rgba(0,90,255,.14),transparent 34%),
    linear-gradient(180deg,#fff,#f4f9ff);
}
.astrio-name-origin68--about{
  background:
    radial-gradient(circle at 88% 0,rgba(0,90,255,.14),transparent 34%),
    linear-gradient(180deg,#f6faff,#fff);
}
.astrio-name-origin68__grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:48px;
  align-items:start;
}
.astrio-name-origin68 h2{
  margin:0;
  font-family:var(--astrio-cute-title);
  font-size:clamp(36px,4.8vw,66px);
  line-height:1.13;
  color:var(--astrio-blue);
}
.astrio-name-origin68__body{
  padding:32px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 20px 54px rgba(0,30,120,.10);
}
.astrio-name-origin68__body p{
  margin:0 0 16px;
  color:#253d68;
  font-weight:850;
  line-height:1.86;
}
.astrio-name-origin68__body strong{
  color:var(--astrio-blue);
}
.astrio-origin-pieces68{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:24px;
}
.astrio-origin-pieces68 span{
  min-height:116px;
  padding:18px 14px;
  border-radius:24px;
  background:
    radial-gradient(circle at 50% 0,rgba(0,90,255,.12),transparent 50%),
    #f4f8ff;
  border:1px solid rgba(0,57,160,.10);
  display:flex;
  flex-direction:column;
  justify-content:center;
  text-align:center;
}
.astrio-origin-pieces68 b{
  display:block;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-size:28px;
  letter-spacing:.08em;
  line-height:1.08;
}
.astrio-origin-pieces68 small{
  display:block;
  margin-top:8px;
  color:#50627f;
  font-weight:900;
  line-height:1.45;
}

.astrio-character-profile68__grid{
  display:grid;
  grid-template-columns:.82fr 1fr;
  gap:44px;
  align-items:center;
}
.astrio-character-profile68__visual{
  position:relative;
  min-height:430px;
  border-radius:36px;
  background:
    radial-gradient(circle at 52% 18%,rgba(0,90,255,.18),transparent 48%),
    linear-gradient(180deg,#eef7ff,#fff);
  display:grid;
  place-items:center;
  overflow:hidden;
  box-shadow:0 22px 54px rgba(0,30,120,.10);
}
.astrio-character-profile68__visual img{
  width:min(88%,390px);
  height:390px;
  object-fit:contain;
  filter:drop-shadow(0 22px 44px rgba(0,30,120,.16));
}
.astrio-character-profile68__bubble{
  position:absolute;
  right:8%;
  top:10%;
  padding:16px 22px;
  border-radius:32px 32px 32px 10px;
  background:#fff;
  color:var(--astrio-blue);
  font-weight:900;
  line-height:1.45;
  box-shadow:0 18px 44px rgba(0,30,120,.15);
}
.astrio-character-profile68__card{
  padding:32px;
  border-radius:34px;
  background:#fff;
  border:1px solid rgba(0,57,160,.12);
  box-shadow:0 20px 50px rgba(0,30,120,.10);
}
.astrio-character-profile68__card h2{
  margin:0 0 22px;
  color:var(--astrio-blue);
  font-family:var(--astrio-cute-title);
  font-size:clamp(34px,4.2vw,56px);
  line-height:1.16;
}
.astrio-character-profile68__card dl{
  margin:0;
  display:grid;
  grid-template-columns:132px 1fr;
  border-top:1px solid rgba(0,57,160,.12);
}
.astrio-character-profile68__card dt,
.astrio-character-profile68__card dd{
  margin:0;
  padding:14px 0;
  border-bottom:1px solid rgba(0,57,160,.12);
  font-weight:900;
}
.astrio-character-profile68__card dt{
  color:var(--astrio-blue);
}
.astrio-character-profile68__card dd{
  color:var(--astrio-navy);
}

.astrio-character-mini-story68{
  background:
    linear-gradient(90deg,rgba(5,15,60,.76),rgba(5,24,89,.64)),
    url('../images/character-story-hero-bg.png') center center / cover no-repeat;
  color:#fff;
}
.astrio-character-mini-story68 .astrio-section-title p,
.astrio-character-mini-story68 .astrio-section-title h2{
  color:#fff;
}
.astrio-mini-story-cards68{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.astrio-mini-story-cards68 article{
  padding:26px;
  border-radius:30px;
  background:rgba(255,255,255,.12);
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 24px 54px rgba(0,0,0,.22);
  backdrop-filter:blur(8px);
}
.astrio-mini-story-cards68 span{
  display:inline-grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:18px;
  background:#fff;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
}
.astrio-mini-story-cards68 h3{
  margin:18px 0 10px;
  color:#fff;
  font-size:24px;
  line-height:1.32;
}
.astrio-mini-story-cards68 p{
  margin:0;
  color:#e5efff;
  font-weight:800;
  line-height:1.72;
}

@media (max-width:1100px){
  .astrio-character-intro-hero68__copy{
    width:min(68%,660px);
  }
}
@media (max-width:767px){
  .astrio-character-intro-hero68{
    min-height:610px;
    background-position:62% center;
  }
  .astrio-character-intro-hero68__overlay{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.42) 48%,rgba(4,13,54,.18) 100%);
  }
  .astrio-character-intro-hero68__inner{
    min-height:610px;
    align-items:flex-start;
    padding:58px 0 78px;
  }
  .astrio-character-intro-hero68__copy{
    width:100%;
  }
  .astrio-character-intro-hero68 h1{
    font-size:clamp(44px,13vw,64px);
  }
  .astrio-character-intro-hero68__lead{
    font-size:clamp(22px,7vw,32px);
  }
  .astrio-character-intro-hero68__copy > p:not(.astrio-kicker):not(.astrio-character-intro-hero68__lead){
    max-width:21em;
    font-size:14.5px;
  }
  .astrio-name-origin68__grid,
  .astrio-character-profile68__grid,
  .astrio-mini-story-cards68{
    grid-template-columns:1fr;
    gap:24px;
  }
  .astrio-name-origin68__body,
  .astrio-character-profile68__card{
    padding:24px;
  }
  .astrio-origin-pieces68{
    grid-template-columns:1fr;
  }
  .astrio-character-profile68__visual{
    min-height:300px;
  }
  .astrio-character-profile68__visual img{
    width:min(88vw,320px);
    height:310px;
  }
  .astrio-character-profile68__card dl{
    grid-template-columns:104px 1fr;
  }
}


/* v0.6.9 ABOUT / CHARACTER mobile hero anti-crop refinement. WEAR untouched. */

/* ABOUT: keep project background, but make text and tags fit safely on smartphone */
@media (max-width:767px){
  .astrio-about-project-hero65{
    min-height:auto!important;
    height:auto!important;
    background-position:68% center!important;
    overflow:hidden!important;
  }
  .astrio-about-project-hero65__overlay{
    background:
      linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.88) 46%,rgba(255,255,255,.55) 74%,rgba(255,255,255,.22) 100%)!important;
  }
  .astrio-about-project-hero65__inner{
    min-height:auto!important;
    height:auto!important;
    display:block!important;
    padding:46px 0 260px!important;
  }
  .astrio-about-project-hero65__copy{
    width:100%!important;
    max-width:none!important;
  }
  .astrio-about-project-hero65 h1{
    font-size:clamp(40px,12.2vw,56px)!important;
    line-height:1.08!important;
    letter-spacing:.03em!important;
    margin:0 0 20px!important;
    max-width:9.4em!important;
    overflow-wrap:normal!important;
    word-break:keep-all!important;
  }
  .astrio-about-project-hero65__lead{
    max-width:20.5em!important;
    font-size:15.5px!important;
    line-height:1.78!important;
    margin:0!important;
    color:#122a68!important;
  }
  .astrio-about-project-hero65__tags{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:10px!important;
    width:min(88vw,360px)!important;
    margin-top:26px!important;
  }
  .astrio-about-project-hero65__tags span{
    justify-content:center!important;
    min-height:42px!important;
    padding:0 10px!important;
    font-size:13px!important;
    letter-spacing:.08em!important;
  }
}

/* CHARACTER: make it an introduction hero, not full-screen story crop on smartphone */
@media (max-width:767px){
  .astrio-character-intro-hero68{
    min-height:auto!important;
    height:auto!important;
    background-position:64% center!important;
    overflow:hidden!important;
  }
  .astrio-character-intro-hero68__overlay{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.62) 42%,rgba(4,13,54,.38) 72%,rgba(4,13,54,.22) 100%)!important;
  }
  .astrio-character-intro-hero68__inner{
    min-height:auto!important;
    height:auto!important;
    display:block!important;
    padding:48px 0 260px!important;
  }
  .astrio-character-intro-hero68__copy{
    width:100%!important;
    max-width:none!important;
  }
  .astrio-character-intro-hero68 h1{
    font-size:clamp(44px,13vw,64px)!important;
    line-height:1.03!important;
    margin:0 0 10px!important;
    max-width:7em!important;
  }
  .astrio-character-intro-hero68__lead{
    font-size:clamp(24px,7.4vw,34px)!important;
    line-height:1.25!important;
    max-width:10em!important;
    margin:0 0 16px!important;
  }
  .astrio-character-intro-hero68__copy > p:not(.astrio-kicker):not(.astrio-character-intro-hero68__lead){
    max-width:21em!important;
    font-size:14.5px!important;
    line-height:1.72!important;
  }
  .astrio-character-intro-hero68 .astrio-buttons{
    width:min(86vw,360px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:24px!important;
  }
  .astrio-character-intro-hero68 .astrio-button{
    width:100%!important;
    justify-content:center!important;
    min-height:50px!important;
    font-size:14px!important;
  }
}

@media (max-width:430px){
  .astrio-about-project-hero65__inner{
    padding:42px 0 248px!important;
  }
  .astrio-about-project-hero65 h1{
    font-size:clamp(38px,11.8vw,52px)!important;
    max-width:9em!important;
  }
  .astrio-about-project-hero65__lead{
    max-width:20em!important;
    font-size:14.5px!important;
  }
  .astrio-about-project-hero65__tags{
    width:min(88vw,336px)!important;
  }

  .astrio-character-intro-hero68__inner{
    padding:44px 0 250px!important;
  }
  .astrio-character-intro-hero68 h1{
    font-size:clamp(42px,12.6vw,58px)!important;
  }
  .astrio-character-intro-hero68__lead{
    font-size:clamp(22px,7vw,30px)!important;
  }
  .astrio-character-intro-hero68__copy > p:not(.astrio-kicker):not(.astrio-character-intro-hero68__lead){
    max-width:20em!important;
    font-size:14px!important;
  }
}

/* Reduce first-section collision under heroes on mobile */
@media (max-width:767px){
  .astrio-name-origin68{
    padding-top:62px!important;
  }
}


/* v0.7.0 ABOUT / CHARACTER smartphone generated backgrounds */
@media (max-width:767px){
  .astrio-about-project-hero65{
    background-image:url('../images/about-project-hero-bg-sp.png')!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    min-height:auto!important;
    height:auto!important;
  }
  .astrio-about-project-hero65__overlay{
    background:
      linear-gradient(180deg,rgba(255,255,255,.95) 0%,rgba(255,255,255,.82) 42%,rgba(255,255,255,.38) 72%,rgba(255,255,255,.10) 100%)!important;
  }
  .astrio-about-project-hero65__inner{
    min-height:720px!important;
    height:auto!important;
    display:block!important;
    padding:48px 0 330px!important;
  }
  .astrio-about-project-hero65 h1{
    max-width:9.2em!important;
    font-size:clamp(40px,12vw,56px)!important;
    line-height:1.08!important;
  }
  .astrio-about-project-hero65__lead{
    max-width:20.5em!important;
    font-size:15.5px!important;
    line-height:1.78!important;
  }
  .astrio-about-project-hero65__tags{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    width:min(88vw,350px)!important;
  }

  .astrio-character-intro-hero68{
    background-image:url('../images/character-hero-bg-sp.png')!important;
    background-size:cover!important;
    background-position:center top!important;
    background-repeat:no-repeat!important;
    min-height:auto!important;
    height:auto!important;
  }
  .astrio-character-intro-hero68__overlay{
    background:
      linear-gradient(180deg,rgba(4,13,54,.78) 0%,rgba(4,13,54,.48) 34%,rgba(4,13,54,.18) 62%,rgba(4,13,54,.08) 100%)!important;
  }
  .astrio-character-intro-hero68__inner{
    min-height:780px!important;
    height:auto!important;
    display:block!important;
    padding:48px 0 410px!important;
  }
  .astrio-character-intro-hero68__copy{
    width:100%!important;
    max-width:none!important;
  }
  .astrio-character-intro-hero68 h1{
    max-width:7em!important;
    font-size:clamp(44px,13vw,64px)!important;
    line-height:1.03!important;
  }
  .astrio-character-intro-hero68__lead{
    max-width:10em!important;
    font-size:clamp(24px,7.4vw,34px)!important;
    line-height:1.25!important;
  }
  .astrio-character-intro-hero68__copy > p:not(.astrio-kicker):not(.astrio-character-intro-hero68__lead){
    max-width:20.5em!important;
    font-size:14.5px!important;
    line-height:1.72!important;
  }
  .astrio-character-intro-hero68 .astrio-buttons{
    width:min(86vw,350px)!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:12px!important;
    margin-top:22px!important;
  }
}

@media (max-width:430px){
  .astrio-about-project-hero65__inner{
    min-height:700px!important;
    padding:44px 0 310px!important;
  }
  .astrio-about-project-hero65 h1{
    font-size:clamp(38px,11.5vw,52px)!important;
  }
  .astrio-about-project-hero65__lead{
    font-size:14.5px!important;
  }
  .astrio-character-intro-hero68__inner{
    min-height:760px!important;
    padding:44px 0 390px!important;
  }
  .astrio-character-intro-hero68 h1{
    font-size:clamp(42px,12.5vw,58px)!important;
  }
  .astrio-character-intro-hero68__lead{
    font-size:clamp(22px,7vw,30px)!important;
  }
}


/* v0.7.1 WEAR page rebuilt with supplied real visual assets */
.astrio-wear71-hero,
.astrio-wear71-lineup,
.astrio-wear71-products,
.astrio-wear71-bottom{
  background:#fff;
}
.astrio-wear71-hero{
  padding:34px 0 54px;
}
.astrio-wear71-hero__image{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,18,70,.10);
  background:#f4f4f2;
}
.astrio-wear71-hero__image img,
.astrio-wear71-image-panel img,
.astrio-wear71-bottom img{
  display:block;
  width:100%;
  height:auto;
}
.astrio-wear71-hero__nav{
  margin:24px auto 0;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:10px;
}
.astrio-wear71-hero__nav a{
  min-height:42px;
  padding:0 20px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:#06143d;
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
  font-size:14px;
}
.astrio-wear71-intro{
  padding:76px 0;
  background:
    radial-gradient(circle at 88% 0,rgba(0,90,255,.12),transparent 34%),
    linear-gradient(180deg,#f8f9fb,#fff);
}
.astrio-wear71-intro__grid{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:54px;
  align-items:start;
}
.astrio-wear71-kicker,
.astrio-wear71-section-head p{
  margin:0 0 14px;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.14em;
}
.astrio-wear71-intro h1,
.astrio-wear71-band h2,
.astrio-wear71-style h2{
  margin:0;
  color:#071327;
  font-size:clamp(40px,5.2vw,72px);
  line-height:1.12;
  letter-spacing:.02em;
}
.astrio-wear71-intro p:not(.astrio-wear71-kicker),
.astrio-wear71-band p,
.astrio-wear71-style p{
  color:#273854;
  font-weight:800;
  line-height:1.86;
}
.astrio-wear71-lineup{
  padding:70px 0;
}
.astrio-wear71-section-head{
  margin-bottom:24px;
}
.astrio-wear71-section-head h2{
  margin:0;
  color:#071327;
  font-family:var(--astrio-display);
  font-size:clamp(30px,4.4vw,58px);
  letter-spacing:.06em;
  line-height:1.12;
}
.astrio-wear71-image-panel{
  margin-bottom:22px;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 20px 54px rgba(0,18,70,.08);
}
.astrio-wear71-grid2{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.astrio-wear71-grid2 article{
  background:#fff;
  border:1px solid rgba(0,28,80,.10);
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 18px 50px rgba(0,18,70,.08);
}
.astrio-wear71-grid2 img{
  display:block;
  width:100%;
  height:300px;
  object-fit:cover;
  background:#f2f2f0;
}
.astrio-wear71-grid2 div{
  padding:24px;
}
.astrio-wear71-grid2 span{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-wear71-grid2 h3{
  margin:8px 0 10px;
  color:#071327;
  font-size:28px;
}
.astrio-wear71-grid2 p{
  margin:0;
  color:#40506d;
  font-weight:800;
  line-height:1.75;
}
.astrio-wear71-band{
  padding:84px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,8,24,.90),rgba(4,16,58,.78)),
    url('../images/wear-galaxy-hero-bg.png') center center/cover no-repeat;
}
.astrio-wear71-band__grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:42px;
  align-items:center;
}
.astrio-wear71-band h2,
.astrio-wear71-band p,
.astrio-wear71-band .astrio-wear71-kicker{
  color:#fff;
}
.astrio-wear71-band figure,
.astrio-wear71-style figure{
  margin:0;
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 30px 80px rgba(0,0,0,.28);
}
.astrio-wear71-band img,
.astrio-wear71-style img{
  display:block;
  width:100%;
  height:auto;
}
.astrio-wear71-style{
  padding:86px 0;
  background:#f6f7f8;
}
.astrio-wear71-style__grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:44px;
  align-items:center;
}
.astrio-wear71-style h2{
  font-family:var(--astrio-display);
  letter-spacing:.08em;
}
.astrio-wear71-products{
  padding:82px 0;
}
.astrio-wear71-product-list{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.astrio-wear71-product-list article{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(0,28,80,.10);
  background:#fff;
  box-shadow:0 16px 42px rgba(0,18,70,.07);
}
.astrio-wear71-product-list img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
}
.astrio-wear71-product-list div{
  padding:16px;
}
.astrio-wear71-product-list h3{
  margin:0 0 4px;
  color:#071327;
  font-family:var(--astrio-display);
  letter-spacing:.05em;
  font-size:18px;
}
.astrio-wear71-product-list p{
  margin:0 0 10px;
  color:#52617a;
  font-size:12px;
  font-weight:900;
}
.astrio-wear71-product-list span{
  color:var(--astrio-blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.astrio-wear71-bottom{
  padding:20px 0 80px;
}
.astrio-wear71-bottom img{
  border-radius:32px;
  box-shadow:0 20px 54px rgba(0,18,70,.08);
}

@media (max-width:1100px){
  .astrio-wear71-intro__grid,
  .astrio-wear71-band__grid,
  .astrio-wear71-style__grid{
    grid-template-columns:1fr;
  }
  .astrio-wear71-product-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-wear71-hero{
    padding:18px 0 42px;
  }
  .astrio-wear71-hero__image,
  .astrio-wear71-image-panel,
  .astrio-wear71-bottom img{
    border-radius:22px;
  }
  .astrio-wear71-hero__nav{
    justify-content:flex-start;
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .astrio-wear71-hero__nav a{
    min-height:40px;
    padding:0 10px;
    font-size:12px;
  }
  .astrio-wear71-intro,
  .astrio-wear71-lineup,
  .astrio-wear71-band,
  .astrio-wear71-style,
  .astrio-wear71-products{
    padding:54px 0;
  }
  .astrio-wear71-intro__grid,
  .astrio-wear71-grid2,
  .astrio-wear71-band__grid,
  .astrio-wear71-style__grid,
  .astrio-wear71-product-list{
    grid-template-columns:1fr;
  }
  .astrio-wear71-grid2 img{
    height:auto;
    object-fit:contain;
  }
  .astrio-wear71-product-list img{
    height:auto;
  }
  .astrio-wear71-intro h1,
  .astrio-wear71-band h2,
  .astrio-wear71-style h2{
    font-size:clamp(34px,10.6vw,48px);
  }
  .astrio-wear71-section-head h2{
    font-size:clamp(26px,8.4vw,38px);
  }
}


/* v0.7.2 WEAR replacement visuals + star-nebula hero restored */
.astrio-wear72-hero{
  position:relative;
  overflow:hidden;
  color:#fff;
  background:#020611;
}
.astrio-wear72-hero__bg{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,6,17,.88) 0%,rgba(2,8,24,.66) 38%,rgba(2,8,24,.28) 68%,rgba(2,8,24,.18) 100%),
    linear-gradient(180deg,rgba(2,6,17,.06) 0%,rgba(2,6,17,.70) 100%),
    url('../images/wear-galaxy-hero-bg.png') center center / cover no-repeat;
}
.astrio-wear72-hero__bg:after{
  content:'';
  position:absolute;
  inset:0;
  background-image:
    linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);
  background-size:48px 48px;
  opacity:.55;
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.3));
}
.astrio-wear72-hero__grid{
  position:relative;
  z-index:2;
  min-height:720px;
  padding:92px 0 116px;
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:48px;
  align-items:center;
}
.astrio-wear72-kicker{
  margin:0 0 16px;
  color:#9bbdff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.14em;
}
.astrio-wear72-hero__logo{
  width:min(300px,70vw);
  margin-bottom:22px;
  filter:invert(1) saturate(0) brightness(10);
}
.astrio-wear72-hero h1{
  margin:0 0 22px;
  color:#fff;
  font-size:clamp(46px,6.2vw,86px);
  line-height:1.05;
  letter-spacing:.04em;
}
.astrio-wear72-hero p:not(.astrio-wear72-kicker){
  margin:0;
  max-width:660px;
  color:#dce8ff;
  font-weight:850;
  line-height:1.82;
  font-size:clamp(16px,1.7vw,20px);
}
.astrio-wear72-hero .astrio-buttons{
  margin-top:34px;
}
.astrio-wear72-hero__visual{
  border-radius:34px;
  overflow:hidden;
  box-shadow:0 34px 90px rgba(0,0,0,.36);
  border:1px solid rgba(255,255,255,.12);
}
.astrio-wear72-hero__visual img{
  display:block;
  width:100%;
  height:auto;
}

.astrio-wear72-concept{
  padding:78px 0;
  background:
    radial-gradient(circle at 84% 0,rgba(0,90,255,.10),transparent 34%),
    linear-gradient(180deg,#f8f9fb,#fff);
}
.astrio-wear72-concept__grid{
  display:grid;
  grid-template-columns:.88fr 1.12fr;
  gap:54px;
  align-items:start;
}
.astrio-wear72-concept h2,
.astrio-wear72-football h2,
.astrio-wear72-style h2{
  margin:0;
  color:#071327;
  font-size:clamp(40px,5vw,72px);
  line-height:1.12;
}
.astrio-wear72-concept p,
.astrio-wear72-football p,
.astrio-wear72-style p{
  color:#273854;
  font-weight:800;
  line-height:1.86;
}
.astrio-wear72-section,
.astrio-wear72-products{
  padding:70px 0;
  background:#fff;
}
.astrio-wear72-section-head{
  margin-bottom:24px;
}
.astrio-wear72-section-head p{
  margin:0 0 12px;
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.14em;
}
.astrio-wear72-section-head h2{
  margin:0;
  color:#071327;
  font-family:var(--astrio-display);
  font-size:clamp(30px,4.4vw,58px);
  letter-spacing:.06em;
  line-height:1.12;
}
.astrio-wear72-wide-card,
.astrio-wear72-two article,
.astrio-wear72-style figure,
.astrio-wear72-football figure{
  border-radius:32px;
  overflow:hidden;
  box-shadow:0 20px 58px rgba(0,18,70,.09);
  background:#f2f2f0;
}
.astrio-wear72-wide-card img,
.astrio-wear72-football img,
.astrio-wear72-style img{
  display:block;
  width:100%;
  height:auto;
}
.astrio-wear72-football{
  padding:84px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(3,8,24,.90),rgba(4,16,58,.78)),
    url('../images/wear-galaxy-hero-bg.png') center center/cover no-repeat;
}
.astrio-wear72-football__grid{
  display:grid;
  grid-template-columns:.72fr 1.28fr;
  gap:42px;
  align-items:center;
}
.astrio-wear72-football h2,
.astrio-wear72-football p,
.astrio-wear72-football .astrio-wear72-kicker{
  color:#fff;
}
.astrio-wear72-two{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:22px;
}
.astrio-wear72-two img{
  display:block;
  width:100%;
  height:auto;
}
.astrio-wear72-two div{
  padding:24px;
  background:#fff;
}
.astrio-wear72-two span{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-wear72-two h3{
  margin:8px 0 10px;
  color:#071327;
  font-size:28px;
}
.astrio-wear72-two p{
  margin:0;
  color:#40506d;
  font-weight:800;
  line-height:1.75;
}
.astrio-wear72-style{
  padding:86px 0;
  background:#f6f7f8;
}
.astrio-wear72-style__grid{
  display:grid;
  grid-template-columns:1.16fr .84fr;
  gap:44px;
  align-items:center;
}
.astrio-wear72-style h2{
  font-family:var(--astrio-display);
  letter-spacing:.08em;
}
.astrio-wear72-product-list{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:16px;
}
.astrio-wear72-product-list article{
  border-radius:24px;
  overflow:hidden;
  border:1px solid rgba(0,28,80,.10);
  background:#fff;
  box-shadow:0 16px 42px rgba(0,18,70,.07);
}
.astrio-wear72-product-list img{
  display:block;
  width:100%;
  height:170px;
  object-fit:cover;
}
.astrio-wear72-product-list div{
  padding:16px;
}
.astrio-wear72-product-list h3{
  margin:0 0 4px;
  color:#071327;
  font-family:var(--astrio-display);
  letter-spacing:.05em;
  font-size:18px;
}
.astrio-wear72-product-list p{
  margin:0 0 10px;
  color:#52617a;
  font-size:12px;
  font-weight:900;
}
.astrio-wear72-product-list span{
  color:var(--astrio-blue);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}

@media (max-width:1100px){
  .astrio-wear72-hero__grid,
  .astrio-wear72-concept__grid,
  .astrio-wear72-football__grid,
  .astrio-wear72-style__grid{
    grid-template-columns:1fr;
  }
  .astrio-wear72-product-list{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-wear72-hero__bg{
    background:
      linear-gradient(180deg,rgba(2,6,17,.84) 0%,rgba(2,8,24,.58) 42%,rgba(2,8,24,.82) 100%),
      url('../images/wear-galaxy-hero-bg-sp.png') center top/cover no-repeat;
  }
  .astrio-wear72-hero__grid{
    min-height:auto;
    padding:58px 0 72px;
    gap:30px;
  }
  .astrio-wear72-hero__logo{
    width:min(250px,72vw);
  }
  .astrio-wear72-hero h1{
    font-size:clamp(38px,11vw,56px);
  }
  .astrio-wear72-hero p:not(.astrio-wear72-kicker){
    font-size:14.5px;
  }
  .astrio-wear72-hero__visual,
  .astrio-wear72-wide-card,
  .astrio-wear72-two article,
  .astrio-wear72-style figure,
  .astrio-wear72-football figure{
    border-radius:22px;
  }
  .astrio-wear72-concept,
  .astrio-wear72-section,
  .astrio-wear72-football,
  .astrio-wear72-style,
  .astrio-wear72-products{
    padding:54px 0;
  }
  .astrio-wear72-two,
  .astrio-wear72-product-list{
    grid-template-columns:1fr;
  }
  .astrio-wear72-concept h2,
  .astrio-wear72-football h2,
  .astrio-wear72-style h2{
    font-size:clamp(34px,10.6vw,48px);
  }
  .astrio-wear72-section-head h2{
    font-size:clamp(26px,8.4vw,38px);
  }
  .astrio-wear72-product-list img{
    height:auto;
  }
}


/* v0.7.3 stamp + goods completion */
.astrio-stamp73-hero{position:relative;overflow:hidden;background:linear-gradient(180deg,#08142f 0%,#0a1b46 48%,#f5f8ff 48%,#f5f8ff 100%);padding:0 0 72px}
.astrio-stamp73-hero .astrio-hero__nebula{position:absolute;inset:0 0 auto 0;height:560px;opacity:1;background:url('../images/character-story-hero-bg.png') center top/cover no-repeat}
.astrio-stamp73-hero__grid{position:relative;z-index:2;display:grid;grid-template-columns:.86fr 1.14fr;gap:28px;align-items:center;padding:86px 0 0}
.astrio-stamp73-hero__copy h1{margin:10px 0 18px;color:#fff;font-size:clamp(42px,5vw,78px);line-height:1.08}.astrio-stamp73-hero__copy p{color:#dce8ff;font-weight:800;line-height:1.85}
.astrio-stamp73-hero__visual{display:grid;grid-template-columns:1fr 1fr;gap:18px}.astrio-stamp73-hero__visual article{background:rgba(255,255,255,.96);border:1px solid rgba(0,42,130,.12);border-radius:26px;padding:16px;box-shadow:0 18px 48px rgba(0,0,0,.18)}.astrio-stamp73-hero__visual span{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--astrio-blue);color:#fff;font-family:var(--astrio-display);font-size:22px}.astrio-stamp73-hero__visual strong{display:block;margin:12px 0 14px;color:#071327;font-size:24px}.astrio-stamp73-hero__visual img{display:block;width:100%;height:auto;border-radius:18px;background:#eef4ff}
.astrio-stamp73-intro{padding:0 0 72px;background:#f5f8ff}.astrio-stamp73-intro__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.astrio-stamp73-intro__grid article{background:#fff;border:1px solid var(--astrio-line);border-radius:22px;padding:24px;box-shadow:0 14px 36px rgba(0,20,90,.08)}.astrio-stamp73-intro__grid strong{display:block;margin-bottom:8px;color:var(--astrio-blue);font-family:var(--astrio-display);font-size:28px}.astrio-stamp73-intro__grid p{margin:0;color:#3b4d6d;font-weight:800;line-height:1.72}
.astrio-stamp73-pack{padding:74px 0;background:#fff}.astrio-stamp73-pack--blue{background:linear-gradient(180deg,#f7faff,#ffffff)}.astrio-stamp73-pack__head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:24px}.astrio-stamp73-pack__head p{margin:0 0 10px;color:var(--astrio-blue);font-family:var(--astrio-display);font-weight:900;letter-spacing:.12em}.astrio-stamp73-pack__head h2{margin:0;color:#071327;font-size:clamp(32px,4vw,54px)}.astrio-stamp73-pack__head h3{margin:6px 0 0;color:#45618e;font-size:20px}.astrio-stamp73-pack__head aside{display:grid;justify-items:end;gap:6px}.astrio-stamp73-pack__head aside strong{font-size:44px;color:var(--astrio-blue)}.astrio-stamp73-pack__head aside small{font-size:16px}.astrio-stamp73-pack__head aside span{color:#4d6185;font-weight:800}.astrio-stamp73-pack__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:22px;align-items:start}.astrio-stamp73-pack__cover{background:#f5f8ff;border:1px solid var(--astrio-line);border-radius:26px;padding:18px;box-shadow:0 18px 44px rgba(0,20,90,.08)}.astrio-stamp73-pack__cover img{display:block;width:100%;height:auto}.astrio-stamp73-samples{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.astrio-stamp73-samples article{background:#fff;border:1px solid var(--astrio-line);border-radius:20px;padding:12px;text-align:center;box-shadow:0 12px 30px rgba(0,20,90,.06)}.astrio-stamp73-samples img{width:100%;height:148px;object-fit:contain;background:#f6f8fd;border-radius:14px}.astrio-stamp73-samples strong{display:block;margin-top:10px;color:#193a79;font-size:14px;line-height:1.4}
.astrio-stamp73-cta{padding:72px 0;background:linear-gradient(135deg,#08142f,#0d2560);text-align:center}.astrio-stamp73-cta h2{margin:0 0 14px;color:#fff;font-size:clamp(30px,4vw,52px)}.astrio-stamp73-cta p{margin:0 auto 24px;max-width:720px;color:#dce8ff;font-weight:800;line-height:1.8}

.astrio-goods73-hero{padding:82px 0;background:linear-gradient(180deg,#f9fbff,#ffffff)}.astrio-goods73-hero__grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:30px;align-items:center}.astrio-goods73-hero__copy h1{margin:12px 0 18px;color:#071327;font-size:clamp(42px,5vw,78px);line-height:1.06}.astrio-goods73-hero__copy p{color:#2f4363;font-weight:800;line-height:1.86}.astrio-goods73-hero__visual{border-radius:30px;overflow:hidden;border:1px solid var(--astrio-line);box-shadow:0 22px 60px rgba(0,20,90,.1)}.astrio-goods73-hero__visual img,.astrio-goods73-board__frame img{display:block;width:100%;height:auto}
.astrio-goods73-board{padding:0 0 52px;background:#fff}.astrio-goods73-board__frame{border-radius:30px;overflow:hidden;border:1px solid var(--astrio-line);box-shadow:0 18px 44px rgba(0,20,90,.08)}
.astrio-goods73-features{padding:0 0 64px;background:#fff}.astrio-goods73-features__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.astrio-goods73-features__grid article{background:#f7faff;border:1px solid var(--astrio-line);border-radius:22px;padding:22px}.astrio-goods73-features__grid strong{display:block;margin-bottom:8px;color:var(--astrio-blue);font-size:24px}.astrio-goods73-features__grid p{margin:0;color:#425370;font-weight:800;line-height:1.72}
.astrio-goods73-lineup{padding:68px 0;background:#f7faff}.astrio-goods73-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.astrio-goods73-grid article{background:#fff;border:1px solid var(--astrio-line);border-radius:22px;overflow:hidden;box-shadow:0 14px 32px rgba(0,20,90,.07)}.astrio-goods73-grid img{display:block;width:100%;height:210px;object-fit:cover;background:#fff}.astrio-goods73-grid div{padding:16px}.astrio-goods73-grid h3{margin:0 0 8px;color:#071327;font-size:20px;line-height:1.35}.astrio-goods73-grid p{margin:0 0 10px;color:#455775;font-size:14px;font-weight:800;line-height:1.68}.astrio-goods73-grid span{color:var(--astrio-blue);font-size:12px;font-weight:900;letter-spacing:.08em}
.astrio-goods73-cta{padding:74px 0;background:#0a1638;text-align:center}.astrio-goods73-cta h2{margin:0 0 12px;color:#fff;font-size:clamp(30px,4vw,50px)}.astrio-goods73-cta p{margin:0 auto 22px;max-width:760px;color:#dce8ff;font-weight:800;line-height:1.84}
@media (max-width:1100px){.astrio-stamp73-hero__grid,.astrio-stamp73-pack__grid,.astrio-goods73-hero__grid{grid-template-columns:1fr}.astrio-stamp73-intro__grid,.astrio-goods73-features__grid,.astrio-goods73-grid{grid-template-columns:repeat(2,1fr)}.astrio-stamp73-samples{grid-template-columns:repeat(4,1fr)}}
@media (max-width:767px){.astrio-stamp73-hero{padding-bottom:56px;background:linear-gradient(180deg,#08142f 0%,#0a1b46 56%,#f5f8ff 56%,#f5f8ff 100%)}.astrio-stamp73-hero .astrio-hero__nebula{height:500px}.astrio-stamp73-hero__grid{padding:64px 0 0;gap:20px}.astrio-stamp73-hero__visual,.astrio-stamp73-intro__grid,.astrio-stamp73-samples,.astrio-goods73-features__grid,.astrio-goods73-grid{grid-template-columns:1fr}.astrio-stamp73-pack__head{display:grid;align-items:start}.astrio-stamp73-pack__head aside{justify-items:start}.astrio-stamp73-samples img{height:180px}.astrio-goods73-hero,.astrio-stamp73-pack,.astrio-goods73-lineup,.astrio-stamp73-cta,.astrio-goods73-cta{padding:56px 0}.astrio-goods73-board,.astrio-goods73-features{padding:0 0 44px}}


/* v0.7.4 NEWS / SHOP completed layouts with PC + smartphone backgrounds */
.astrio-news74-hero,
.astrio-shop74-hero{
  position:relative;
  overflow:hidden;
  min-height:680px;
  color:#fff;
  background:#08142f;
}
.astrio-news74-hero__bg,
.astrio-shop74-hero__bg{
  position:absolute;
  inset:0;
  display:block;
}
.astrio-news74-hero__bg img,
.astrio-shop74-hero__bg img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.astrio-news74-hero__overlay,
.astrio-shop74-hero__overlay{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(6,18,58,.82) 0%,rgba(6,20,64,.58) 38%,rgba(6,20,64,.16) 72%,rgba(6,20,64,.08) 100%),
    linear-gradient(180deg,rgba(6,18,58,.08) 0%,rgba(6,18,58,.40) 100%);
}
.astrio-shop74-hero__overlay{
  background:
    linear-gradient(90deg,rgba(255,255,255,.94) 0%,rgba(255,255,255,.78) 34%,rgba(255,255,255,.28) 70%,rgba(255,255,255,.10) 100%),
    linear-gradient(180deg,rgba(255,255,255,.08) 0%,rgba(240,247,255,.46) 100%);
}
.astrio-news74-hero__inner,
.astrio-shop74-hero__inner{
  position:relative;
  z-index:2;
  min-height:680px;
  display:flex;
  align-items:center;
  padding:92px 0 112px;
}
.astrio-news74-hero__copy,
.astrio-shop74-hero__copy{
  width:min(58%,760px);
}
.astrio-news74-hero h1,
.astrio-shop74-hero h1{
  margin:8px 0 22px;
  font-family:var(--astrio-cute-title);
  font-size:clamp(60px,7.5vw,116px);
  line-height:.98;
  letter-spacing:.04em;
}
.astrio-news74-hero p:not(.astrio-kicker),
.astrio-shop74-hero p:not(.astrio-kicker){
  max-width:700px;
  font-weight:900;
  font-size:clamp(17px,2vw,23px);
  line-height:1.82;
}
.astrio-shop74-hero h1,
.astrio-shop74-hero p:not(.astrio-kicker){
  color:#071327;
}
.astrio-shop74-hero .astrio-kicker{
  color:var(--astrio-blue);
}
.astrio-news74-tabs,
.astrio-shop74-hero__badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:30px;
}
.astrio-news74-tabs a,
.astrio-shop74-hero__badges span{
  min-height:42px;
  padding:0 18px;
  border-radius:999px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-news74-tabs a{
  background:rgba(255,255,255,.16);
  border:1px solid rgba(255,255,255,.28);
  color:#fff;
}
.astrio-shop74-hero__badges span{
  background:#fff;
  color:var(--astrio-blue);
  border:1px solid rgba(0,57,160,.14);
  box-shadow:0 10px 26px rgba(0,30,120,.08);
}

.astrio-news74-summary{
  position:relative;
  z-index:4;
  margin-top:-58px;
  padding-bottom:58px;
}
.astrio-news74-summary__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.astrio-news74-summary article{
  min-height:170px;
  padding:24px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--astrio-line);
  box-shadow:0 20px 54px rgba(0,30,120,.10);
}
.astrio-news74-summary span{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-news74-summary strong{
  display:block;
  margin:10px 0 8px;
  color:#071327;
  font-size:24px;
}
.astrio-news74-summary p{
  margin:0;
  color:#435675;
  font-weight:800;
  line-height:1.7;
}
.astrio-news74-latest{
  padding:72px 0 82px;
  background:#fff;
}
.astrio-news74-layout{
  display:grid;
  grid-template-columns:1fr 320px;
  gap:28px;
  align-items:start;
}
.astrio-news74-main{
  display:grid;
  gap:18px;
}
.astrio-news74-card{
  display:grid;
  grid-template-columns:300px 1fr;
  gap:22px;
  padding:16px;
  border-radius:28px;
  background:#fff;
  border:1px solid var(--astrio-line);
  box-shadow:0 16px 44px rgba(0,30,120,.08);
}
.astrio-news74-card__thumb{
  display:block;
  overflow:hidden;
  border-radius:22px;
  background:#f4f8ff;
}
.astrio-news74-card__thumb img{
  width:100%;
  height:220px;
  object-fit:cover;
  display:block;
}
.astrio-news74-card time{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.08em;
}
.astrio-news74-card h3{
  margin:8px 0 10px;
  color:#071327;
  font-size:26px;
  line-height:1.3;
}
.astrio-news74-card p{
  margin:0 0 14px;
  color:#435675;
  font-weight:800;
  line-height:1.75;
}
.astrio-news74-more{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.1em;
}
.astrio-news74-sidebar{
  position:sticky;
  top:120px;
  padding:22px;
  border-radius:28px;
  background:#f7faff;
  border:1px solid var(--astrio-line);
  box-shadow:0 16px 44px rgba(0,30,120,.08);
}
.astrio-news74-sidebar h2{
  margin:0 0 12px;
  color:#071327;
  font-family:var(--astrio-display);
  letter-spacing:.08em;
}
.astrio-news74-sidebar > a{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  min-height:44px;
  padding:0 14px;
  margin:8px 0;
  border-radius:999px;
  background:#fff;
  color:#071327;
  font-weight:900;
}
.astrio-news74-sidebar > a span{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-size:12px;
  letter-spacing:.08em;
}
.astrio-news74-mini{
  margin-top:20px;
  border-radius:22px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--astrio-line);
}
.astrio-news74-mini img{
  display:block;
  width:100%;
  height:180px;
  object-fit:contain;
  background:#eef5ff;
}
.astrio-news74-mini strong{
  display:block;
  padding:16px;
  color:var(--astrio-blue);
  line-height:1.5;
}
.astrio-news74-cta{
  padding:78px 0;
  color:#fff;
  text-align:center;
  background:
    linear-gradient(135deg,rgba(6,18,58,.9),rgba(8,45,140,.72)),
    url('../images/page74/news-hero-pc.jpg') center center/cover no-repeat;
}
.astrio-news74-cta p{
  color:#a9c6ff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.12em;
}
.astrio-news74-cta h2{
  margin:0 auto 24px;
  max-width:900px;
  color:#fff;
  font-size:clamp(30px,4.4vw,56px);
  line-height:1.22;
}

.astrio-shop74-cats{
  position:relative;
  z-index:4;
  margin-top:-58px;
  padding-bottom:70px;
}
.astrio-shop74-cats__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.astrio-shop74-cats__grid a{
  position:relative;
  overflow:hidden;
  min-height:320px;
  border-radius:30px;
  background:#fff;
  border:1px solid var(--astrio-line);
  box-shadow:0 22px 60px rgba(0,30,120,.12);
  padding:20px;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  color:#fff;
}
.astrio-shop74-cats__grid a:after{
  content:'';
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,rgba(2,6,17,.04),rgba(2,6,17,.78));
  z-index:1;
}
.astrio-shop74-cats__grid img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.astrio-shop74-cats__grid span,
.astrio-shop74-cats__grid strong,
.astrio-shop74-cats__grid b{
  position:relative;
  z-index:2;
}
.astrio-shop74-cats__grid span{
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.12em;
}
.astrio-shop74-cats__grid strong{
  display:block;
  margin:8px 0 14px;
  font-size:26px;
  line-height:1.35;
}
.astrio-shop74-cats__grid b{
  color:#fff;
  font-family:var(--astrio-display);
  letter-spacing:.1em;
}
.astrio-shop74-popular{
  padding:72px 0 82px;
  background:#fff;
}
.astrio-shop74-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
}
.astrio-shop74-card{
  border-radius:26px;
  overflow:hidden;
  background:#fff;
  border:1px solid var(--astrio-line);
  box-shadow:0 16px 44px rgba(0,30,120,.08);
}
.astrio-shop74-card__thumb{
  position:relative;
  display:block;
  overflow:hidden;
  background:#f4f8ff;
}
.astrio-shop74-card__thumb img{
  display:block;
  width:100%;
  height:220px;
  object-fit:cover;
}
.astrio-shop74-card__thumb span{
  position:absolute;
  left:14px;
  top:14px;
  padding:6px 10px;
  border-radius:999px;
  background:#07143f;
  color:#fff;
  font-family:var(--astrio-display);
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
}
.astrio-shop74-card div{
  padding:18px;
}
.astrio-shop74-card h3{
  margin:0 0 8px;
  color:#071327;
  font-size:20px;
  line-height:1.35;
}
.astrio-shop74-card strong{
  display:block;
  color:var(--astrio-blue);
  font-size:20px;
  margin-bottom:12px;
}
.astrio-shop74-card div a{
  color:var(--astrio-blue);
  font-family:var(--astrio-display);
  font-weight:900;
  letter-spacing:.08em;
}
.astrio-shop74-feature{
  padding:86px 0;
  color:#fff;
  background:
    linear-gradient(90deg,rgba(6,18,58,.92),rgba(6,34,110,.72)),
    url('../images/page74/shop-hero-pc.jpg') center center/cover no-repeat;
}
.astrio-shop74-feature__grid{
  display:grid;
  grid-template-columns:.78fr 1.22fr;
  gap:42px;
  align-items:center;
}
.astrio-shop74-feature h2{
  margin:0 0 18px;
  color:#fff;
  font-size:clamp(34px,4.6vw,62px);
  line-height:1.18;
}
.astrio-shop74-feature p{
  color:#dce8ff;
  font-weight:800;
  line-height:1.85;
}
.astrio-shop74-feature figure{
  margin:0;
  border-radius:30px;
  overflow:hidden;
  box-shadow:0 24px 70px rgba(0,0,0,.24);
  background:#fff;
}
.astrio-shop74-feature img{
  display:block;
  width:100%;
  height:auto;
}
.astrio-shop74-flow{
  padding:72px 0;
  background:#f7faff;
}
.astrio-shop74-flow__grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:18px;
}
.astrio-shop74-flow article{
  padding:26px;
  border-radius:26px;
  background:#fff;
  border:1px solid var(--astrio-line);
  box-shadow:0 16px 44px rgba(0,30,120,.08);
}
.astrio-shop74-flow span{
  display:inline-grid;
  place-items:center;
  width:52px;
  height:52px;
  border-radius:18px;
  background:var(--astrio-blue);
  color:#fff;
  font-family:var(--astrio-display);
  font-weight:900;
}
.astrio-shop74-flow h3{
  margin:18px 0 8px;
  color:#071327;
  font-size:24px;
}
.astrio-shop74-flow p{
  margin:0;
  color:#435675;
  font-weight:800;
  line-height:1.7;
}

@media (max-width:1100px){
  .astrio-news74-hero__copy,
  .astrio-shop74-hero__copy{
    width:min(76%,760px);
  }
  .astrio-news74-layout,
  .astrio-shop74-feature__grid{
    grid-template-columns:1fr;
  }
  .astrio-news74-sidebar{
    position:relative;
    top:auto;
  }
  .astrio-shop74-grid{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}
@media (max-width:767px){
  .astrio-news74-hero,
  .astrio-shop74-hero{
    min-height:auto;
  }
  .astrio-news74-hero__inner,
  .astrio-shop74-hero__inner{
    min-height:690px;
    align-items:flex-start;
    padding:54px 0 300px;
  }
  .astrio-news74-hero__overlay{
    background:
      linear-gradient(180deg,rgba(6,18,58,.82) 0%,rgba(6,18,58,.58) 38%,rgba(6,18,58,.24) 72%,rgba(6,18,58,.08) 100%);
  }
  .astrio-shop74-hero__overlay{
    background:
      linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(255,255,255,.82) 44%,rgba(255,255,255,.36) 72%,rgba(255,255,255,.10) 100%);
  }
  .astrio-news74-hero__copy,
  .astrio-shop74-hero__copy{
    width:100%;
  }
  .astrio-news74-hero h1,
  .astrio-shop74-hero h1{
    font-size:clamp(48px,14vw,66px);
  }
  .astrio-news74-hero p:not(.astrio-kicker),
  .astrio-shop74-hero p:not(.astrio-kicker){
    max-width:20em;
    font-size:15px;
    line-height:1.75;
  }
  .astrio-news74-tabs,
  .astrio-shop74-hero__badges{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
    width:min(88vw,360px);
  }
  .astrio-news74-tabs a,
  .astrio-shop74-hero__badges span{
    min-height:40px;
    padding:0 10px;
    font-size:12px;
  }
  .astrio-news74-summary{
    margin-top:-34px;
    padding-bottom:44px;
  }
  .astrio-news74-summary__grid,
  .astrio-shop74-cats__grid,
  .astrio-shop74-flow__grid{
    grid-template-columns:1fr;
  }
  .astrio-news74-card{
    grid-template-columns:1fr;
  }
  .astrio-news74-card__thumb img,
  .astrio-shop74-card__thumb img{
    height:auto;
  }
  .astrio-shop74-cats{
    margin-top:-34px;
    padding-bottom:52px;
  }
  .astrio-shop74-grid{
    grid-template-columns:1fr;
  }
  .astrio-shop74-cats__grid a{
    min-height:260px;
  }
}


/* v0.7.5 clean star-nebula backgrounds + STAMP hero repair */
.astrio-news74-hero__bg img,
.astrio-shop74-hero__bg img{
  object-fit:cover!important;
}
.astrio-news74-hero__bg img{
  content:url('../images/page75/news-hero-pc.jpg');
}
.astrio-shop74-hero__bg img{
  content:url('../images/page75/shop-hero-pc.jpg');
}

/* STAMP: remove mid-hero white break and make nebula cover the whole hero */
.astrio-stamp73-hero{
  position:relative!important;
  overflow:hidden!important;
  background:#08142f!important;
  padding:0 0 72px!important;
}
.astrio-stamp73-hero .astrio-hero__nebula{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:1!important;
  background:
    linear-gradient(90deg,rgba(4,13,54,.74) 0%,rgba(4,13,54,.48) 44%,rgba(4,13,54,.22) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.56) 100%),
    url('../images/page75/stamp-hero-pc.jpg') center center/cover no-repeat!important;
}
.astrio-stamp73-hero__grid{
  position:relative!important;
  z-index:2!important;
  padding:92px 0 92px!important;
}
.astrio-stamp73-hero__visual article{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(6px)!important;
}

/* GOODS: make hero background nebula while keeping board image */
.astrio-goods73-hero{
  position:relative!important;
  overflow:hidden!important;
  color:#fff!important;
  background:
    linear-gradient(90deg,rgba(4,13,54,.78) 0%,rgba(4,13,54,.52) 42%,rgba(4,13,54,.22) 100%),
    linear-gradient(180deg,rgba(4,13,54,.06) 0%,rgba(4,13,54,.42) 100%),
    url('../images/page75/goods-hero-pc.jpg') center center/cover no-repeat!important;
}
.astrio-goods73-hero__grid{
  position:relative!important;
  z-index:2!important;
}
.astrio-goods73-hero__copy h1,
.astrio-goods73-hero__copy p{
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
.astrio-goods73-hero .astrio-kicker{
  color:#cfe0ff!important;
}
.astrio-goods73-hero__visual{
  background:rgba(255,255,255,.92)!important;
  backdrop-filter:blur(6px)!important;
}

/* SHOP / NEWS: strengthen the star-nebula identity */
.astrio-news74-hero__overlay{
  background:
    linear-gradient(90deg,rgba(4,13,54,.80) 0%,rgba(4,13,54,.50) 40%,rgba(4,13,54,.18) 74%,rgba(4,13,54,.08) 100%),
    linear-gradient(180deg,rgba(4,13,54,.05) 0%,rgba(4,13,54,.42) 100%)!important;
}
.astrio-shop74-hero__overlay{
  background:
    linear-gradient(90deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.50) 40%,rgba(4,13,54,.18) 74%,rgba(4,13,54,.08) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.42) 100%)!important;
}
.astrio-shop74-hero h1,
.astrio-shop74-hero p:not(.astrio-kicker){
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.24)!important;
}
.astrio-shop74-hero .astrio-kicker{
  color:#cfe0ff!important;
}
.astrio-shop74-hero__badges span{
  background:rgba(255,255,255,.88)!important;
}

/* Use the same clean nebula backgrounds for lower CTAs instead of old screenshot-like images */
.astrio-news74-cta{
  background:
    linear-gradient(135deg,rgba(6,18,58,.9),rgba(8,45,140,.72)),
    url('../images/page75/news-hero-pc.jpg') center center/cover no-repeat!important;
}
.astrio-shop74-feature{
  background:
    linear-gradient(90deg,rgba(6,18,58,.92),rgba(6,34,110,.72)),
    url('../images/page75/shop-hero-pc.jpg') center center/cover no-repeat!important;
}

@media (max-width:767px){
  .astrio-news74-hero__bg img{
    content:url('../images/page75/news-hero-sp.jpg');
  }
  .astrio-shop74-hero__bg img{
    content:url('../images/page75/shop-hero-sp.jpg');
  }
  .astrio-stamp73-hero{
    padding-bottom:52px!important;
  }
  .astrio-stamp73-hero .astrio-hero__nebula{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.50) 42%,rgba(4,13,54,.22) 100%),
      url('../images/page75/stamp-hero-sp.jpg') center top/cover no-repeat!important;
  }
  .astrio-stamp73-hero__grid{
    padding:58px 0 62px!important;
  }
  .astrio-goods73-hero{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.54) 44%,rgba(4,13,54,.26) 100%),
      url('../images/page75/goods-hero-sp.jpg') center top/cover no-repeat!important;
  }
  .astrio-news74-cta{
    background:
      linear-gradient(135deg,rgba(6,18,58,.9),rgba(8,45,140,.72)),
      url('../images/page75/news-hero-sp.jpg') center center/cover no-repeat!important;
  }
  .astrio-shop74-feature{
    background:
      linear-gradient(180deg,rgba(6,18,58,.92),rgba(6,34,110,.72)),
      url('../images/page75/shop-hero-sp.jpg') center center/cover no-repeat!important;
  }
}


/* v0.7.6 final lightweight image integration */
.astrio-news74-hero__bg img{
  content:url('../images/page76/news-hero-pc.jpg')!important;
}
.astrio-shop74-hero__bg img{
  content:url('../images/page76/shop-hero-pc.jpg')!important;
}
.astrio-news74-hero__overlay{
  background:
    linear-gradient(90deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.55) 42%,rgba(4,13,54,.16) 76%,rgba(4,13,54,.06) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.34) 100%)!important;
}
.astrio-shop74-hero__overlay{
  background:
    linear-gradient(90deg,rgba(4,13,54,.86) 0%,rgba(4,13,54,.58) 42%,rgba(4,13,54,.20) 76%,rgba(4,13,54,.08) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.36) 100%)!important;
}
.astrio-shop74-hero h1,
.astrio-shop74-hero p:not(.astrio-kicker){
  color:#fff!important;
  text-shadow:0 12px 34px rgba(0,0,0,.26)!important;
}
.astrio-shop74-hero .astrio-kicker{
  color:#dce8ff!important;
}
.astrio-shop74-hero__badges span{
  color:var(--astrio-blue)!important;
  background:rgba(255,255,255,.90)!important;
}

/* STAMP: full star-nebula hero height without the broken white band */
.astrio-stamp73-hero .astrio-hero__nebula{
  background:
    linear-gradient(90deg,rgba(4,13,54,.76) 0%,rgba(4,13,54,.48) 44%,rgba(4,13,54,.20) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.54) 100%),
    url('../images/page76/stamp-hero-pc.jpg') center center/cover no-repeat!important;
}
.astrio-stamp73-hero{
  background:#07163f!important;
}
.astrio-stamp73-hero__grid{
  padding:92px 0 96px!important;
}

/* GOODS: star-nebula background with new goods visuals */
.astrio-goods76-hero{
  background:
    linear-gradient(90deg,rgba(4,13,54,.80) 0%,rgba(4,13,54,.52) 42%,rgba(4,13,54,.20) 100%),
    linear-gradient(180deg,rgba(4,13,54,.04) 0%,rgba(4,13,54,.42) 100%),
    url('../images/page76/goods-bg-pc.jpg') center center/cover no-repeat!important;
}
.astrio-goods76-hero .astrio-goods73-hero__visual{
  background:rgba(255,255,255,.94)!important;
}
.astrio-goods73-grid img{
  object-fit:contain!important;
  background:#fff!important;
  padding:8px;
}
.astrio-goods73-board__frame{
  background:#fff;
}
.astrio-goods73-board__frame img{
  display:block;
}

/* SHOP / NEWS lower backgrounds */
.astrio-news74-cta{
  background:
    linear-gradient(135deg,rgba(6,18,58,.9),rgba(8,45,140,.72)),
    url('../images/page76/news-hero-pc.jpg') center center/cover no-repeat!important;
}
.astrio-shop74-feature{
  background:
    linear-gradient(90deg,rgba(6,18,58,.92),rgba(6,34,110,.72)),
    url('../images/page76/shop-hero-pc.jpg') center center/cover no-repeat!important;
}

@media (max-width:767px){
  .astrio-news74-hero__bg img{
    content:url('../images/page76/news-hero-sp.jpg')!important;
  }
  .astrio-shop74-hero__bg img{
    content:url('../images/page76/shop-hero-sp.jpg')!important;
  }
  .astrio-news74-hero__inner,
  .astrio-shop74-hero__inner{
    min-height:720px!important;
    padding:54px 0 330px!important;
  }
  .astrio-stamp73-hero .astrio-hero__nebula{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.50) 42%,rgba(4,13,54,.22) 100%),
      url('../images/page76/stamp-hero-sp.jpg') center top/cover no-repeat!important;
  }
  .astrio-stamp73-hero__grid{
    padding:58px 0 62px!important;
  }
  .astrio-goods76-hero{
    background:
      linear-gradient(180deg,rgba(4,13,54,.82) 0%,rgba(4,13,54,.54) 44%,rgba(4,13,54,.24) 100%),
      url('../images/page76/goods-bg-sp.jpg') center top/cover no-repeat!important;
  }
  .astrio-news74-cta{
    background:
      linear-gradient(135deg,rgba(6,18,58,.9),rgba(8,45,140,.72)),
      url('../images/page76/news-hero-sp.jpg') center center/cover no-repeat!important;
  }
  .astrio-shop74-feature{
    background:
      linear-gradient(180deg,rgba(6,18,58,.92),rgba(6,34,110,.72)),
      url('../images/page76/shop-hero-sp.jpg') center center/cover no-repeat!important;
  }
}