/* Flansill Frosted Studio — homepage-only visual layer, 2026-10-27. */
body[data-page="home"]{
  --glass-ink:#153a32;
  --glass-green:#173f36;
  --glass-green-deep:#0e2d27;
  --glass-mist:#f4f7f3;
  --glass-lilac:#ece7f3;
  --glass-line:rgba(23,63,54,.14);
  --glass-surface:rgba(255,255,255,.68);
  --glass-shadow:0 24px 70px rgba(24,53,45,.10);
  background:
    radial-gradient(80% 30% at 8% 14%,rgba(206,224,211,.42),transparent 68%),
    radial-gradient(65% 28% at 93% 34%,rgba(213,202,228,.42),transparent 72%),
    #f7f9f6;
  color:var(--glass-ink);
}
body[data-page="home"] .wrap{max-width:1380px}
body[data-page="home"] #site-header{
  position:sticky;top:0;z-index:40;background:rgba(247,249,246,.72);
  border-bottom:1px solid rgba(255,255,255,.6);
  -webkit-backdrop-filter:blur(24px) saturate(145%);
  backdrop-filter:blur(24px) saturate(145%);
}
body[data-page="home"] .nav-shell{height:82px;border-bottom:0}
body[data-page="home"] .nav-shell:before{
  content:"";position:absolute;inset:10px max(14px,calc((100vw - 1380px)/2)) 8px;
  border:1px solid rgba(255,255,255,.68);border-radius:20px;
  background:linear-gradient(135deg,rgba(255,255,255,.45),rgba(255,255,255,.14));
  box-shadow:0 12px 38px rgba(19,53,44,.06);pointer-events:none;
}
body[data-page="home"] .nav-shell>*{position:relative;z-index:1}
body[data-page="home"] .main-nav{gap:28px}
body[data-page="home"] .main-nav a{font-size:13px}
body[data-page="home"] .tray-button,
body[data-page="home"] .mobile-menu{border:1px solid var(--glass-line);border-radius:999px;background:rgba(255,255,255,.52)}
body[data-page="home"] .mobile-links{
  background:rgba(247,249,246,.94);border-color:var(--glass-line);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
body[data-page="home"] .fs-banner{
  position:relative;width:calc(100% - 36px);margin:18px auto 0;overflow:hidden;
  border:1px solid rgba(255,255,255,.72);border-radius:30px;background:#edf2ee;
  box-shadow:var(--glass-shadow);
}
body[data-page="home"] .fs-banner-stage{border-radius:29px;overflow:hidden}
body[data-page="home"] .fs-banner-controls{
  position:absolute;z-index:4;left:50%;bottom:18px;transform:translateX(-50%);
  width:max-content;max-width:calc(100% - 28px);min-height:52px;padding:5px 8px;
  border:1px solid rgba(255,255,255,.7);border-radius:999px;
  background:rgba(246,250,247,.68);box-shadow:0 12px 35px rgba(14,45,39,.12);
  -webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%);
}
body[data-page="home"] .fs-banner-controls button{border-radius:999px;color:var(--glass-green)}
body[data-page="home"] .fs-banner-controls button:hover{background:rgba(255,255,255,.62)}
body[data-page="home"] .fs-banner-dots button[aria-pressed="true"]{background:var(--glass-green);color:#fff}
body[data-page="home"] .hero-bottom{
  margin-top:16px;padding:13px 18px;border:1px solid var(--glass-line);border-radius:17px;
  background:var(--glass-surface);box-shadow:0 10px 30px rgba(24,53,45,.05);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body[data-page="home"] .buyer-path{gap:14px;margin-top:14px}
body[data-page="home"] .buyer-path a{
  border:1px solid rgba(255,255,255,.78);border-radius:24px;background:rgba(255,255,255,.55);
  box-shadow:0 14px 40px rgba(24,53,45,.06);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body[data-page="home"] .buyer-path a:hover{background:rgba(255,255,255,.84);transform:translateY(-2px)}
body[data-page="home"] .section{padding-block:100px}
body[data-page="home"] .section-head h2{font-size:clamp(46px,5vw,76px);line-height:.98;letter-spacing:-.058em}
body[data-page="home"] .collection-section{padding-top:112px}
body[data-page="home"] .category-links{gap:9px}
body[data-page="home"] .category-links a{
  border-color:var(--glass-line);border-radius:999px;background:rgba(255,255,255,.46);
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
}
body[data-page="home"] .category-links a:hover{background:#fff;border-color:rgba(23,63,54,.3)}
body[data-page="home"] .product-grid{gap:18px}
body[data-page="home"] .product-card{
  padding:10px 10px 20px;border:1px solid rgba(255,255,255,.76);border-radius:30px;
  background:rgba(255,255,255,.52);box-shadow:0 18px 48px rgba(24,53,45,.065);
  -webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);
}
body[data-page="home"] .product-card:nth-child(2){background:rgba(237,232,244,.66)}
body[data-page="home"] .product-card:nth-child(3){background:rgba(229,239,230,.68)}
body[data-page="home"] .product-card .image-button{border-radius:22px;background:rgba(255,255,255,.48)}
body[data-page="home"] .product-card-info{padding:18px 12px 0}
body[data-page="home"] .card-open{background:rgba(255,255,255,.52)}
body[data-page="home"] .source-detail{
  margin-bottom:100px;padding:18px;border:1px solid rgba(255,255,255,.82);border-radius:34px;
  background:linear-gradient(130deg,rgba(255,255,255,.72),rgba(233,239,235,.56));
  box-shadow:var(--glass-shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
}
body[data-page="home"] .source-detail figure{overflow:hidden;border-radius:24px}
body[data-page="home"] .source-detail>div{padding:40px clamp(20px,5vw,72px)}
body[data-page="home"] .studio-feature{
  position:relative;overflow:hidden;background:
  radial-gradient(60% 70% at 12% 18%,rgba(255,255,255,.72),transparent 72%),
  linear-gradient(135deg,#e9e4f1,#dfeae3);
}
body[data-page="home"] .studio-feature:after{
  content:"";position:absolute;width:420px;height:420px;right:-120px;top:-120px;border-radius:50%;
  background:rgba(255,255,255,.28);filter:blur(10px);pointer-events:none;
}
body[data-page="home"] .studio-feature .wrap{position:relative;z-index:1}
body[data-page="home"] .studio-layout{gap:26px;align-items:stretch}
body[data-page="home"] .studio-view{
  padding:12px;border:1px solid rgba(255,255,255,.72);border-radius:32px;
  background:rgba(255,255,255,.38);box-shadow:0 22px 60px rgba(57,45,77,.1);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body[data-page="home"] .studio-image{border-radius:24px;overflow:hidden;background:rgba(255,255,255,.52)}
body[data-page="home"] .studio-controls{
  padding:clamp(26px,3.5vw,52px);border:1px solid rgba(255,255,255,.72);border-radius:32px;
  background:rgba(255,255,255,.57);box-shadow:0 22px 60px rgba(57,45,77,.1);
  -webkit-backdrop-filter:blur(22px) saturate(140%);backdrop-filter:blur(22px) saturate(140%);
}
body[data-page="home"] .shape-option,
body[data-page="home"] .swatch{border-color:rgba(23,63,54,.14);background:rgba(255,255,255,.55)}
body[data-page="home"] .shape-option[aria-pressed="true"],
body[data-page="home"] .swatch[aria-pressed="true"]{border-color:var(--glass-green);box-shadow:0 0 0 2px rgba(23,63,54,.11)}
body[data-page="home"] .craft{background:transparent}
body[data-page="home"] .craft-layout{gap:18px;grid-template-columns:1.25fr .75fr}
body[data-page="home"] .craft-layout>div{
  padding:12px;border:1px solid rgba(255,255,255,.76);border-radius:32px;
  background:rgba(255,255,255,.54);box-shadow:0 18px 50px rgba(24,53,45,.07);
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
}
body[data-page="home"] .craft-film{border-radius:24px;overflow:hidden}
body[data-page="home"] .craft-options{overflow:hidden;border:0;border-radius:22px;background:rgba(236,231,243,.66)}
body[data-page="home"] .craft-choice{padding-inline:18px}
body[data-page="home"] .craft-explanation{padding:5px 10px 10px}
body[data-page="home"] .production{
  color:#fff;background:
  radial-gradient(60% 70% at 90% 8%,rgba(128,168,150,.26),transparent 72%),
  linear-gradient(145deg,var(--glass-green),var(--glass-green-deep));
}
body[data-page="home"] .production-grid{gap:24px;align-items:stretch}
body[data-page="home"] .production-grid>div{
  padding:12px;border:1px solid rgba(255,255,255,.16);border-radius:32px;background:rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);
}
body[data-page="home"] .production-image{border-radius:24px}
body[data-page="home"] .production-copy{display:flex;flex-direction:column;justify-content:center;padding:clamp(26px,4vw,58px)!important}
body[data-page="home"] .production-steps{gap:14px;border-top:0}
body[data-page="home"] .production-steps>div{
  padding:24px;border:1px solid rgba(255,255,255,.14);border-radius:22px;background:rgba(255,255,255,.07);
}
body[data-page="home"] .home-faq .faq-grid{
  padding:clamp(24px,4vw,56px);border:1px solid rgba(255,255,255,.76);border-radius:34px;
  background:rgba(255,255,255,.52);box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px);
}
body[data-page="home"] .faq-list details{border-color:var(--glass-line)}
body[data-page="home"] .faq-list summary{min-height:56px}
body[data-page="home"] .invitation{padding:28px 0 96px;background:transparent}
body[data-page="home"] .invite-grid{
  padding:clamp(32px,5vw,72px);border:1px solid rgba(255,255,255,.82);border-radius:38px;
  background:
    radial-gradient(60% 150% at 100% 0,rgba(204,190,225,.5),transparent 72%),
    rgba(230,239,231,.66);box-shadow:var(--glass-shadow);
  -webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);
}
body[data-page="home"] .invite-grid h2{font-size:clamp(44px,5.2vw,78px);line-height:.98;letter-spacing:-.058em}
body[data-page="home"] .site-footer{background:rgba(232,238,234,.72);border-top:1px solid rgba(255,255,255,.7)}
body[data-page="home"] .btn{border-radius:999px}
body[data-page="home"] :where(a,button,summary):focus-visible{outline:3px solid #8b68b2;outline-offset:3px}

@media(max-width:900px){
  body[data-page="home"] .nav-shell:before{inset:8px 12px}
  body[data-page="home"] .fs-banner{width:calc(100% - 24px);margin-top:12px;border-radius:24px}
  body[data-page="home"] .fs-banner-stage{border-radius:23px}
  body[data-page="home"] .studio-layout{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  body[data-page="home"] #site-header{top:0}
  body[data-page="home"] .nav-shell{height:70px}
  body[data-page="home"] .nav-shell:before{inset:7px 8px;border-radius:17px}
  body[data-page="home"] .fs-banner{width:calc(100% - 16px);margin-top:8px;border-radius:22px}
  body[data-page="home"] .fs-banner-stage{border-radius:21px}
  body[data-page="home"] .fs-banner-controls{bottom:10px;min-height:46px;padding:3px 5px;gap:1px}
  body[data-page="home"] .fs-banner-controls button{min-width:38px;min-height:38px;padding:7px;font-size:11px}
  body[data-page="home"] .fs-banner-controls .fs-banner-arrow{font-size:22px}
  body[data-page="home"] .fs-banner-controls .fs-banner-rotation{min-width:53px;margin-left:0}
  body[data-page="home"] .hero-bottom{margin-top:10px;border-radius:15px}
  body[data-page="home"] .buyer-path{grid-template-columns:1fr;gap:9px}
  body[data-page="home"] .buyer-path a{border-radius:18px}
  body[data-page="home"] .section{padding-block:68px}
  body[data-page="home"] .section-head h2{font-size:clamp(38px,11vw,56px)}
  body[data-page="home"] .collection-section{padding-top:68px}
  body[data-page="home"] .category-links{display:flex;flex-wrap:nowrap;overflow-x:auto;padding-bottom:5px;scrollbar-width:none}
  body[data-page="home"] .category-links::-webkit-scrollbar{display:none}
  body[data-page="home"] .category-links a{white-space:nowrap;flex:none}
  body[data-page="home"] .product-grid{display:flex;gap:12px;overflow-x:auto;padding:0 2px 12px;scroll-snap-type:x mandatory;scrollbar-width:none}
  body[data-page="home"] .product-grid::-webkit-scrollbar{display:none}
  body[data-page="home"] .product-grid .product-card,
  body[data-page="home"] .product-grid .product-card:last-child{display:block;min-width:min(82vw,330px);padding:9px 9px 17px;border-radius:24px;scroll-snap-align:start}
  body[data-page="home"] .product-grid .product-card:last-child .product-card-info{padding:14px 10px 0}
  body[data-page="home"] .product-card .image-button{border-radius:18px}
  body[data-page="home"] .source-detail{display:block;margin-bottom:68px;padding:10px;border-radius:26px}
  body[data-page="home"] .source-detail>div{padding:28px 12px 18px}
  body[data-page="home"] .studio-layout{grid-template-columns:1fr;gap:14px}
  body[data-page="home"] .studio-view,
  body[data-page="home"] .studio-controls{border-radius:25px}
  body[data-page="home"] .studio-controls{padding:24px 18px}
  body[data-page="home"] .craft-layout{grid-template-columns:1fr;gap:12px}
  body[data-page="home"] .craft-layout>div{border-radius:25px}
  body[data-page="home"] .production-grid{gap:13px}
  body[data-page="home"] .production-grid>div{border-radius:25px}
  body[data-page="home"] .production-copy{padding:26px 20px!important}
  body[data-page="home"] .production-steps>div{border-radius:18px}
  body[data-page="home"] .home-faq .faq-grid{padding:26px 18px;border-radius:26px}
  body[data-page="home"] .invite-grid{padding:35px 21px;border-radius:27px}
  body[data-page="home"] .invite-grid h2{font-size:43px}
}
@media(prefers-reduced-transparency:reduce){
  body[data-page="home"] #site-header,
  body[data-page="home"] .mobile-links,
  body[data-page="home"] .fs-banner-controls,
  body[data-page="home"] .hero-bottom,
  body[data-page="home"] .buyer-path a,
  body[data-page="home"] .product-card,
  body[data-page="home"] .source-detail,
  body[data-page="home"] .studio-view,
  body[data-page="home"] .studio-controls,
  body[data-page="home"] .craft-layout>div,
  body[data-page="home"] .production-grid>div,
  body[data-page="home"] .home-faq .faq-grid,
  body[data-page="home"] .invite-grid{
    -webkit-backdrop-filter:none!important;backdrop-filter:none!important;
  }
  body[data-page="home"] #site-header{background:#f7f9f6}
  body[data-page="home"] .fs-banner-controls,
  body[data-page="home"] .hero-bottom,
  body[data-page="home"] .buyer-path a,
  body[data-page="home"] .product-card,
  body[data-page="home"] .source-detail,
  body[data-page="home"] .studio-view,
  body[data-page="home"] .studio-controls,
  body[data-page="home"] .craft-layout>div,
  body[data-page="home"] .home-faq .faq-grid{background:#fff}
}
@media(prefers-reduced-motion:reduce){
  body[data-page="home"] .buyer-path a,
  body[data-page="home"] .product-card img{transition:none!important}
}