:root{
  --blue:#1049b8;
  --blue-dark:#0a2f7a;
  --text:#243654;
  --muted:#6a7790;
  --bg:#f5f8fd;
  --line:#d9e4f5;
  --card:#ffffff;
  --shadow:0 20px 48px rgba(17,54,109,.10);
  --radius:28px;
  --container:1240px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  color:var(--text);
  background:#fff;
  font:400 18px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{width:min(calc(100% - 40px),var(--container));margin-inline:auto}
.site-header{
  position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:saturate(160%) blur(14px);
  border-bottom:1px solid rgba(16,73,184,.08)
}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:.04em;color:var(--blue-dark)}
.brand span{font-size:1.2rem}
.nav{display:flex;align-items:center;gap:28px;flex-wrap:wrap;justify-content:center}
.nav a{font-weight:600;color:#1d3e84;position:relative}
.nav a:hover::after{width:100%}
.nav a::after{content:"";position:absolute;left:0;bottom:-6px;width:0;height:2px;background:var(--blue);transition:.25s ease}
.made-in-at{display:flex;align-items:center;gap:10px;color:var(--blue-dark);font-weight:700;white-space:nowrap}
.made-icon{width:24px;height:24px;border:2px solid #ef1f2f;border-radius:8px;display:inline-block;transform:rotate(45deg);position:relative}
.made-icon::before{content:"";position:absolute;inset:5px;border-top:3px solid #ef1f2f;border-bottom:3px solid #ef1f2f;transform:rotate(-45deg)}
.hero{position:relative;min-height:820px;display:grid;align-items:center;overflow:hidden;background:#eaf2ff}
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg, rgba(255,255,255,.95) 0%, rgba(255,255,255,.88) 28%, rgba(255,255,255,.38) 56%, rgba(255,255,255,.06) 100%)}
.hero-content{position:relative;z-index:1;padding:110px 0}
.hero-copy{max-width:590px}
h1,h2,h3{font-family:"Iowan Old Style","Palatino Linotype",Palatino,"Times New Roman",serif;line-height:1.07;margin:0;color:var(--blue-dark)}
h1{font-size:clamp(3rem,6vw,5rem);margin-bottom:24px}
h2{font-size:clamp(2.2rem,4vw,3.4rem)}
h3{font-size:1.9rem;margin-bottom:12px}
.hero p,.origin-copy p,.info-card p,.media-copy p,.site-footer p,.feature-list li{font-size:1.15rem}
.section{padding:96px 0}
.section-white{background:#fff}
.section-head{text-align:center;margin-bottom:38px}
.divider{display:flex;justify-content:center;align-items:center;margin-top:14px}
.divider span{position:relative;display:block;width:180px;height:2px;background:linear-gradient(90deg, transparent 0, var(--blue) 18%, var(--blue) 82%, transparent 100%)}
.divider span::before{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-45%) rotate(45deg);border-top:2px solid var(--blue);border-left:2px solid var(--blue);background:#fff}
.cards{display:grid;gap:26px}
.cards-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.info-card,.media-card{background:var(--card);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:var(--radius)}
.info-card{padding:34px 28px;text-align:center}
.icon-circle{width:96px;height:96px;border-radius:50%;background:#eff5ff;display:grid;place-items:center;margin:0 auto 22px}
.icon-circle.small{width:74px;height:74px;margin:-37px auto 16px;background:#fff;border:1px solid var(--line);box-shadow:0 10px 30px rgba(16,73,184,.09)}
.icon-circle svg,.feature-icon svg{width:44px;height:44px;stroke:var(--blue);stroke-width:2.3;fill:none;stroke-linecap:round;stroke-linejoin:round}
.info-card p,.media-copy p{margin:0;color:#495b7c}
.origin-section{background:linear-gradient(180deg,#f7fbff 0%,#ffffff 100%)}
.origin-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:38px;align-items:center}
.flag-brush{width:240px;margin-bottom:18px}
.origin-image-wrap img{border-radius:34px;box-shadow:var(--shadow);width:100%;min-height:420px;object-fit:cover}
.media-card{overflow:hidden}
.media-card > img{width:100%;aspect-ratio:4/3;object-fit:cover}
.media-copy{padding:0 26px 26px;text-align:center}
.showcase{position:relative;overflow:hidden;background:#eef6ff;padding-block:100px}
.showcase-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.showcase::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.08) 0%,rgba(255,255,255,.25) 100%)}
.showcase-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(280px,460px) 1fr;gap:54px;align-items:center}
.bottle-stage{display:flex;justify-content:center;align-items:flex-end;min-height:540px}
.bottle-stage img{max-width:min(100%,420px);filter:drop-shadow(0 30px 40px rgba(5,30,69,.15))}
.showcase-copy{padding:28px 0 28px 8px}
.feature-list{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:18px}
.feature-list li{display:grid;grid-template-columns:72px 1fr;gap:18px;align-items:center;font-weight:600;color:#244579}
.feature-icon{width:58px;height:58px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.76);box-shadow:0 8px 24px rgba(16,73,184,.08)}
.site-footer{background:linear-gradient(180deg,#0f49b7 0%,#082f78 100%);color:#fff;padding:34px 0}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr .7fr;gap:34px;align-items:center}
.footer-brand{font:700 clamp(2.2rem,4vw,3.4rem)/1.05 "Iowan Old Style","Palatino Linotype",Palatino,serif;margin-bottom:10px}
.site-footer p{margin:0;color:rgba(255,255,255,.88)}
.footer-contact,.footer-legal{display:grid;gap:12px}
.footer-contact a,.footer-legal a{font-weight:600}
.footer-contact a:hover,.footer-legal a:hover{text-decoration:underline}
@media (max-width: 1080px){
  .nav{display:none}
  .hero{min-height:740px}
  .origin-grid,.showcase-grid,.footer-grid{grid-template-columns:1fr}
  .cards-3{grid-template-columns:1fr}
  .origin-copy{order:1}
  .origin-image-wrap{order:2}
  .showcase-copy{text-align:left}
  .bottle-stage{min-height:400px}
}
@media (max-width: 720px){
  body{font-size:17px}
  .container{width:min(calc(100% - 28px),var(--container))}
  .nav-wrap{padding:14px 0}
  .made-in-at{font-size:.95rem}
  .hero{min-height:660px}
  .hero-overlay{background:linear-gradient(180deg, rgba(255,255,255,.93) 0%, rgba(255,255,255,.84) 32%, rgba(255,255,255,.38) 72%, rgba(255,255,255,.12) 100%)}
  .hero-content{padding:90px 0 44px}
  .section{padding:74px 0}
  .info-card{padding:28px 22px}
  .flag-brush{width:180px}
  .origin-image-wrap img{min-height:300px}
  .feature-list li{grid-template-columns:56px 1fr;gap:14px}
}
