@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071b2b;--navy2:#0b2b40;--teal:#61d4c3;--cream:#f4f3ee;--ink:#122b3b;--muted:#667985}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--cream);color:var(--ink);font:15px 'DM Sans',sans-serif;line-height:1.7}a{color:inherit;text-decoration:none}.topline{background:#04131f;color:#c7d4da;font-size:10px;letter-spacing:.14em;text-align:center;padding:8px}.topline b{color:var(--teal);padding:0 8px}header{height:80px;background:var(--navy);color:white;display:flex;align-items:center;justify-content:space-between;padding:0 5.5%;position:sticky;top:0;z-index:10;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px}.mark{width:45px;height:42px;border:1px solid var(--teal);display:grid;place-items:center;color:var(--teal);font:800 17px Manrope;letter-spacing:-.08em}.brand span:last-child{display:flex;flex-direction:column;line-height:1.3;letter-spacing:.1em}.brand strong{font-size:12px}.brand small{font-size:9px;letter-spacing:.3em;color:#9eafb9}nav{display:flex;align-items:center;gap:27px;font-size:12px;color:#c4d0d6}nav a:hover,nav .active{color:var(--teal)}.navcta{border:1px solid var(--teal);padding:10px 14px;color:var(--teal)}#menuToggle{display:none}.hero{background:radial-gradient(ellipse at 82% 35%,#17495a77,transparent 45%),var(--navy);color:white;min-height:590px;padding:75px 8% 55px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;overflow:hidden}.hero-copy{max-width:580px;z-index:1}.kicker{font-size:10px;letter-spacing:.22em;font-weight:700;color:#498e91;text-transform:uppercase}.mint{color:var(--teal)}h1,h2,h3{font-family:Manrope,sans-serif;letter-spacing:-.05em;line-height:1.13}h1{font-size:clamp(42px,5.5vw,68px);margin:23px 0}h1 em,h2 em{font-style:normal;color:var(--teal)}.hero p{color:#b8c8cf;max-width:470px;line-height:1.9;font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:13px 17px;font-size:12px;font-weight:700;border:1px solid transparent;transition:.2s}.btn:hover{transform:translateY(-2px)}.mintbtn{background:var(--teal);color:var(--navy)}.outline{border-color:#54707e;color:white}.subnote{font-size:11px;color:#91a6b0;margin-top:30px}.hero-art{height:370px;display:grid;place-items:center;position:relative}.ring{position:absolute;border:1px solid #5ec8c238;border-radius:50%;transform:rotate(-28deg)}.r1{width:330px;height:280px}.r2{width:260px;height:350px;transform:rotate(40deg)}.drop{width:190px;height:245px;border-radius:55% 45% 55% 45%/48% 50% 50% 52%;transform:rotate(45deg);background:linear-gradient(135deg,#7ae6d6,#2c9eaa 42%,#0e4c68);box-shadow:inset -20px -22px 35px #041c2a8a,inset 14px 13px 25px #c7fff477,0 30px 70px #0005;display:grid;place-items:center}.drop span{transform:rotate(-45deg);font:800 31px Manrope;color:white;letter-spacing:-.08em}.drop small{display:block;font:7px 'DM Sans';letter-spacing:.3em;text-align:center}.artlabel{position:absolute;bottom:20px;right:5%;font-size:8px;letter-spacing:.18em;color:#5c8584}.hero-art .artlabel{color:#94b5bd}.hero-foot{position:absolute;bottom:0;left:8%;right:8%;height:40px;border-top:1px solid #ffffff21;display:flex;justify-content:space-between;align-items:center;font-size:8px;letter-spacing:.15em;color:#8299a4}.wrap{max-width:1180px;margin:auto;padding-left:28px;padding-right:28px}.intro{padding-top:95px;padding-bottom:105px}.two{display:grid;grid-template-columns:1fr 1fr;gap:75px;margin-top:25px;align-items:start}.two h2,.storehead h2,.video h2,.contact h2{font-size:clamp(32px,4vw,47px);margin:0}.two h2 em,.video h2 em{color:#248c8d}.two p,.video p{font-size:13px;color:#61737d;line-height:2;margin:0 0 20px}.textlink{font-size:12px;font-weight:700;border-bottom:1px solid #7caeac;padding-bottom:7px}.store{background:#e9eeea;padding:85px 0 100px}.storehead{display:flex;justify-content:space-between;align-items:end;margin-bottom:32px}.storehead h2{margin-top:10px}.storehead>small{font-size:9px;letter-spacing:.15em;color:#77898e}.teal{color:#259d9b}.product{background:white;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 20px 55px #102b3b0b}.product-art{position:relative;background:linear-gradient(145deg,#dbe9e7,#f5f6f0 65%,#c4dedb);overflow:hidden;display:grid;place-items:center;min-height:390px}.product-art:after{content:"";position:absolute;left:10%;right:10%;bottom:14%;height:30px;background:#31535a20;filter:blur(15px);border-radius:50%}.machine{position:relative;width:170px;height:235px;z-index:1;filter:drop-shadow(15px 20px 14px #183a3b22)}.mtop{width:140px;height:22px;margin:auto;background:linear-gradient(90deg,#d9e1df,#fff 40%,#c4cfce);border-radius:7px 7px 3px 3px;border:1px solid #b4c5c4}.mbody{height:190px;width:150px;margin:auto;background:linear-gradient(90deg,#b7c4c4,#f7f8f5 22%,#e4eae7 70%,#aebdbd);border:1px solid #a8b8b8;border-radius:5px 5px 13px 13px;display:flex;flex-direction:column;align-items:center;padding-top:20px;box-shadow:inset 5px 0 7px #fff8}.mbody>b{font:800 20px Manrope;color:#1c5d68}.screen{width:56px;height:42px;margin-top:15px;border:4px solid #c1d0ce;background:linear-gradient(140deg,#163f50,#277f86);border-radius:3px;box-shadow:inset 0 0 9px #5bd9d4}.mbody small{font-size:5px;letter-spacing:.12em;color:#627d7c;margin-top:15px}.mbase{width:160px;height:12px;margin:auto;background:linear-gradient(#e4e9e6,#aab9b8);border:1px solid #b1c1bf;border-radius:2px 2px 6px 6px}.product-copy{padding:50px 48px;align-self:center}.meta{display:flex;justify-content:space-between;gap:8px;font-size:8px;letter-spacing:.12em;color:#829196}.meta span{color:#508d80;white-space:nowrap}.product h3{font-size:34px;margin:24px 0 12px}.product-copy p{font-size:13px;color:#6a7a80;line-height:1.9}.price-label{font-size:9px;letter-spacing:.15em;color:#7d8b8d;margin-top:20px}.price{font:800 30px Manrope;letter-spacing:-.04em}.vertical{margin-top:20px}.darkbtn{background:var(--navy);color:white}.darkbtn:hover{background:#12405a}.lightbtn{background:#edf5f2;color:#194b50}.fine{display:block;font-size:10px;color:#889496;line-height:1.8;margin-top:12px}.video{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center;padding-top:100px;padding-bottom:100px}.video h2{margin:15px 0}.video p{max-width:280px}.frame{aspect-ratio:16/9;background:#0b2534;box-shadow:0 20px 50px #0b25341c}.frame iframe{width:100%;height:100%;border:0}.contact{background:var(--navy2);color:white;padding:70px 28px}.contactinner{max-width:1124px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.contact h2{margin-top:17px}.contact p{color:#b5c7ce;font-size:13px;max-width:390px}.whitebtn{background:white;color:var(--navy)}footer{background:#04131f;color:#9aadb5;min-height:90px;padding:22px 5.5%;display:flex;justify-content:space-between;align-items:center;gap:18px;font-size:10px}.crumb{max-width:1180px;margin:auto;padding:24px 28px 0;font-size:10px;color:#829194}.detail{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center;padding-top:35px;padding-bottom:80px}.detailart{min-height:450px}.detailcopy h1{font-size:clamp(40px,4.5vw,56px);color:var(--navy);margin:20px 0}.detailcopy h1 em{color:#258f8d}.detailcopy>p{color:#64777f;font-size:14px;line-height:1.9}.fullbtn{width:100%;margin-top:15px}.facts{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;border-top:1px solid #d5dfdc;padding-top:20px;margin-top:25px}.facts div{display:flex;flex-direction:column;gap:5px}.facts small{font-size:8px;letter-spacing:.15em;color:#8a989a}.facts b{font-size:12px}.outline-dark{border-color:#7a9d9c;color:#194b50}.detailinfo{margin-top:0}.detailinfo p{font-size:13px;color:#61737d;line-height:2;margin-top:0}
@media(max-width:850px){nav{gap:14px}.product-copy{padding:35px 28px}.video{gap:35px}.detail{gap:30px}}
@media(max-width:680px){.topline{font-size:8px}header{height:70px;padding:0 20px}#menuToggle{display:block;background:none;border:1px solid #ffffff55;color:white;padding:9px 11px;font:inherit;font-size:12px}nav{display:none;position:absolute;top:69px;left:0;right:0;background:var(--navy);padding:15px 22px 22px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0;border-bottom:1px solid #ffffff16}nav .navcta{text-align:center;margin-top:12px}.hero{display:block;padding:58px 24px 60px}.hero h1{font-size:44px}.hero-art{height:300px;margin-top:20px}.r1{width:280px;height:230px}.r2{width:220px;height:300px}.drop{width:165px;height:215px}.hero-foot{left:24px;right:24px;font-size:7px}.wrap{padding-left:22px;padding-right:22px}.intro{padding-top:68px;padding-bottom:75px}.two{grid-template-columns:1fr;gap:22px}.two h2,.storehead h2,.video h2{font-size:35px}.store{padding:65px 0}.storehead{gap:12px}.storehead>small{font-size:7px;white-space:nowrap}.product{grid-template-columns:1fr}.product-art{min-height:320px}.product-copy{padding:30px 23px 36px}.product h3{font-size:31px}.meta{flex-wrap:wrap}.vertical .btn{width:100%;justify-content:space-between}.video{grid-template-columns:1fr;gap:24px;padding-top:70px;padding-bottom:70px}.contact{padding:52px 22px}.contactinner{grid-template-columns:1fr;gap:24px}.contact h2{font-size:40px}footer{padding:24px 22px;align-items:flex-start;flex-direction:column;gap:14px}.crumb{padding:20px 22px 0}.detail{grid-template-columns:1fr;gap:28px;padding-top:22px;padding-bottom:60px}.detailart{min-height:350px}.detailcopy h1{font-size:41px}.detailinfo{gap:24px}.fullbtn{justify-content:space-between}}

/* Full website update: educational sections, photo gallery and leadership cards */
/* Visual refinements that keep the existing ARS palette and content intact. */
:root {
  --surface: #ffffff;
  --line: #dce7e9;
  --card-shadow: 0 14px 36px #102b3b10;
}

img,
video {
  max-width: 100%;
}

a:focus-visible,
button:focus-visible,
video:focus-visible {
  outline: 3px solid #61d4c3;
  outline-offset: 3px;
}

button {
  cursor: pointer;
}

.hero .hero-photo {
  height: clamp(280px, 36vw, 430px);
  min-width: 0;
  padding: clamp(12px, 2vw, 24px);
  border: 1px solid #ffffff24;
  border-radius: 22px;
  background: linear-gradient(145deg, #ffffff12, #ffffff05);
}

.hero-photo img {
  width: 100%;
  max-width: 520px;
  height: 100%;
  border-radius: 14px;
  box-shadow: 0 20px 55px #0004;
}

.product {
  overflow: hidden;
  border: 1px solid var(--line);
  border-radius: 18px;
  box-shadow: var(--card-shadow);
}

.product-art {
  min-width: 0;
  padding: 22px;
}

.product-art .product-photo {
  position: relative;
  z-index: 1;
  width: 100%;
  height: 100%;
  max-height: 430px;
  object-fit: contain;
}

.detail .product-art {
  min-height: 420px;
}

.info-section,
.team-section {
  background: linear-gradient(180deg, #edf4f3 0%, #f5f7f4 100%);
}

.info-card,
.benefit,
.team-card {
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: var(--card-shadow);
  transition: box-shadow 180ms ease, transform 180ms ease;
}

.team-section .team-grid {
  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
}

.history-image {
  border-radius: 18px;
}

.gallery-section .gallery-grid {
  grid-template-columns: repeat(3, minmax(0, 1fr));
  gap: 18px;
}

.gallery-section .gallery-item {
  min-height: 0;
  border-radius: 14px;
}

.gallery-section .gallery-item img {
  height: auto;
  aspect-ratio: 4 / 3;
}

.gallery-section .gallery-item span {
  padding: 38px 16px 14px;
}

.team-section .team-card img {
  height: 320px;
}

.team-section .team-card img.team-group-portrait {
  height: auto;
  object-fit: contain;
  object-position: center;
  background: #e7eeee;
}

@media (hover: hover) {
  .info-card:hover,
  .benefit:hover,
  .team-card:hover {
    transform: translateY(-3px);
    box-shadow: 0 18px 42px #102b3b18;
  }

  .gallery-section .gallery-item:hover img {
    transform: scale(1.035);
  }
}

@media (max-width: 960px) {
  header {
    height: 72px;
    padding: 0 clamp(22px, 5vw, 40px);
  }

  #menuToggle {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    min-width: 44px;
    min-height: 44px;
    border-radius: 8px;
  }

  header nav {
    position: absolute;
    top: 100%;
    right: 0;
    left: 0;
    display: none;
    flex-direction: column;
    align-items: stretch;
    gap: 0;
    padding: 12px clamp(22px, 5vw, 40px) 18px;
    border-top: 1px solid #ffffff20;
    background: var(--navy);
    box-shadow: 0 18px 30px #04131f30;
  }

  header nav.open {
    display: flex;
  }

  header nav a {
    padding: 12px 4px;
    border-bottom: 1px solid #ffffff18;
  }

  header nav .navcta {
    margin-top: 12px;
    text-align: center;
  }

  .hero .hero-photo {
    height: clamp(260px, 38vw, 340px);
  }

  .info-section .info-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }

  .wrap.history {
    grid-template-columns: 1fr;
    gap: 28px;
  }

  .gallery-section .gallery-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
  }
}

@media (max-width: 620px) {
  .hero .hero-photo {
    height: clamp(220px, 70vw, 300px);
    margin-top: 26px;
  }

  .info-section .info-grid,
  .info-section .benefit-grid,
  .team-section .team-grid,
  .gallery-section .gallery-grid {
    grid-template-columns: minmax(0, 1fr);
  }

  .gallery-section .gallery-item img {
    height: auto;
  }

  .product-copy {
    padding: 28px 24px 34px;
  }

  .detail .product-art {
    min-height: 300px;
  }
}

@media (prefers-reduced-motion: reduce) {
  html {
    scroll-behavior: auto;
  }

  *,
  *::before,
  *::after {
    scroll-behavior: auto;
    transition-duration: 0.01ms;
    animation-duration: 0.01ms;
    animation-iteration-count: 1;
  }
}
.hero-photo{height:350px;display:flex;align-items:center;justify-content:center}.hero-photo img{max-width:100%;max-height:100%;object-fit:contain;border-radius:10px;box-shadow:0 20px 55px #0004}.info-section{background:#f3f7f7;padding:72px 0}.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:28px 0}.info-card,.benefit{background:#fff;border:1px solid #e0e9e9;border-radius:10px;padding:24px}.info-card h3,.benefit h3{margin:8px 0;font-size:20px}.info-card p,.benefit p,.history p{color:#637681;font-size:14px}.note{margin-top:22px;padding:18px 20px;background:#e3f5f1;border-left:4px solid #24b8aa;font-size:14px}.note a{color:#086d69;font-weight:700}.note.warning{background:#fff3e2;border-color:#d6a14a}.history{padding-top:75px;padding-bottom:75px;display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.history-image{width:100%;max-height:420px;object-fit:cover;border-radius:10px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:25px}.gallery-section{padding-top:75px;padding-bottom:80px}.gallery-intro{color:#637681}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:24px}.gallery-item{position:relative;display:block;min-height:220px;border-radius:9px;overflow:hidden;background:#e7eeee;color:#fff;text-decoration:none}.gallery-item img{width:100%;height:245px;object-fit:cover;display:block;transition:transform .25s}.gallery-item:hover img{transform:scale(1.04)}.gallery-item span{position:absolute;bottom:0;left:0;right:0;padding:30px 14px 12px;background:linear-gradient(transparent,#061a2be8);font-weight:700;font-size:13px}.team-section{background:#f3f7f7;padding:72px 0}.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:25px 0}.team-card{background:#fff;border:1px solid #e0e9e9;border-radius:10px;overflow:hidden}.team-card img{width:100%;height:300px;object-fit:cover;object-position:top}.team-card div{padding:18px}.team-card h3{margin:0}.team-card p{color:#0c928a;font-weight:700;margin:2px 0 5px}.team-card small,.small-muted{color:#73848d;font-size:12px}@media(max-width:800px){.hero-photo{height:260px}.info-grid,.history,.team-grid{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(2,1fr)}.history-image{max-height:300px}}@media(max-width:520px){.gallery-grid,.benefit-grid{grid-template-columns:1fr}.gallery-item img{height:240px}.team-card img{height:320px}}
