:root{--paper:#f5f6f8;--ink:#202126;--orange:#ff923d;--line:#cfd2d7}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.5 system-ui,-apple-system,"PingFang SC","Microsoft YaHei",sans-serif}
a{text-decoration:none;color:inherit}
.skip{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.skip:focus{left:16px;top:12px;width:auto;height:auto}
.home-topbar{position:absolute;top:38px;left:0;right:0;z-index:20;padding:0 40px;min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;opacity:var(--nav-reveal,0);pointer-events:none}
.home-topbar.pour-header-ready{position:fixed;top:0;opacity:1;pointer-events:auto;background:color-mix(in srgb,var(--paper) 90%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid #e2e7eb80}
.home-brand{font-weight:800;letter-spacing:.02em}
.home-topbar nav{display:flex;gap:32px;align-items:center;font-size:15px}
.home-topbar nav a{color:#59616b}
.home-topbar nav a[aria-current=page]{color:var(--ink);font-weight:550}
@media(max-width:760px){.home-topbar nav{display:none}}

.home-entry{overflow:clip;min-height:100svh}
.home-entry>.hero{position:absolute;inset:0 0 auto;z-index:10;height:100svh;min-height:480px;overflow:visible}
.home-entry>.collection{padding-top:108px}
@media(max-width:760px){.home-entry>.collection{padding-top:92px}}
.hero-navigation{position:absolute;top:24px;left:5%;display:flex;gap:0}
.hero-nav-link{display:inline-flex;align-items:center;justify-content:center;min-width:112px;height:48px;font-size:15px;font-weight:500;color:#41464e}
.pour-title{position:absolute;inset:0;pointer-events:none}
.hero-title{display:contents}
.hero-title span{position:absolute;top:32%;font-size:clamp(40px,5.3vw,96px);line-height:1.08;font-weight:350;letter-spacing:-.035em;color:#22262b;white-space:nowrap}
.hero-title span:first-child{left:5%}
.hero-title span:last-child{left:72%}
.hero-intro{position:absolute;top:calc(32% + min(5.3vw,96px) + 40px);left:5%;max-width:40%}
.hero-intro h2{margin:0;font-size:24px;line-height:1.35;font-weight:450;color:#22262b}
.hero-action{position:absolute;top:calc(32% + min(5.3vw,96px) + 38px);left:72%;right:5%}
.hero-action .design-button{width:100%}
.hero-social{position:absolute;bottom:11%;left:5%;display:flex;gap:12px;flex-wrap:wrap}
.hero-social:has([aria-expanded=true]){z-index:30}

.design-button{position:relative;display:inline-flex;isolation:isolate;border:0;border-radius:10px;padding:0;background:none;cursor:pointer;font:inherit}

.home-footer{padding:20px 30px;color:#8a8f98;font-size:12px;display:flex;justify-content:space-between;max-width:1240px;margin:0 auto}
.focus:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid #1457d9;outline-offset:3px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}

@media(max-width:760px){
  .home-topbar{padding:16px}
  .hero-navigation{left:5%;top:16px;flex-wrap:wrap}
  .hero-nav-link{min-width:0;height:40px;font-size:13px;padding:0 8px}
  .hero-title span{top:29%;font-size:clamp(16px,4.95vw,36px)}
  .hero-intro,.hero-action{top:calc(29% + 5vw + 28px)}
  .hero-intro{max-width:47%}
  .hero-social{bottom:7%;left:5%;right:53%}
}