/* Brand design page polish; scoped so the shared site styles remain untouched. */
.design-page{padding-top:88px}
.design-page>header:not([data-mmg-header]){position:fixed;inset:0 0 auto;z-index:100;background:#fffdf9}
.design-page .design-hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  padding:58px 0 82px;
  background:radial-gradient(ellipse at 84% 48%,rgba(255,179,71,.16),transparent 30%),linear-gradient(135deg,#fffdf9 0%,#f7f4ee 58%,#fffdf9 100%);
}
.design-page .design-hero::after{
  content:"36.8℃";
  position:absolute;
  z-index:-1;
  top:18%;
  right:max(5vw,calc((100vw - 1180px)/2));
  color:rgba(255,138,0,.075);
  font:600 clamp(112px,17vw,238px)/.9 "Montserrat","Arial",sans-serif;
  letter-spacing:-.09em;
  pointer-events:none;
  white-space:nowrap;
}
.design-page .design-hero .wrap{position:relative}
.design-page .design-hero .crumb{margin-bottom:34px;color:#687983;font-size:13px}
.design-page .design-hero .eyebrow{color:#a36e2d;font-size:11px;letter-spacing:.18em}
.design-page .design-hero h1{max-width:800px;margin:18px 0 20px;font-size:clamp(42px,6vw,68px);line-height:1.12;letter-spacing:-.045em}
.design-page .design-hero h1{color:#183d58}
.design-page .design-hero h1 .warm-accent{color:#a65a17}
.design-page .design-hero p{max-width:610px;color:#687983;font-size:16px;line-height:1.85}

.design-page .design-intro{padding-block:clamp(66px,8vw,104px);background:#fffdf9}
.design-page .design-intro-grid{gap:clamp(40px,8vw,104px)}
.design-page .design-intro h2{color:#183d58;font-size:clamp(32px,4vw,48px);line-height:1.2;letter-spacing:-.035em}
.design-page .design-intro p{max-width:610px;color:#687983;font-size:16px;line-height:1.9}
.design-page .design-temperature{
  position:relative;
  min-height:270px;
  border:1px solid #c09a5e55;
  border-radius:20px;
  background:radial-gradient(circle at 50% 42%,#ffb34735,transparent 34%),#fffaf2;
  box-shadow:0 14px 36px #573f2412;
}
.design-page .design-temperature::before{content:"";position:absolute;width:176px;height:176px;border:1px solid #c09a5e38;border-radius:50%}
.design-page .design-temperature strong{position:relative;color:#e87500;font-size:clamp(76px,8vw,98px);letter-spacing:-.075em}
.design-page .design-temperature strong span{font-size:32px}
.design-page .design-temperature small{max-width:260px;color:#786b5a;font-size:10px;letter-spacing:.13em;line-height:1.6}

.design-page .dna-section{padding-block:clamp(72px,8vw,104px);background:#f7f4ee}
.design-page .section-head{align-items:end;margin-bottom:38px}
.design-page .section-head h2{margin-top:12px;color:#183d58;font-size:clamp(30px,4vw,42px);line-height:1.22;letter-spacing:-.035em}
.design-page .section-head>p{max-width:430px;color:#687983;font-size:15px;line-height:1.8}
.design-page .dna-grid{gap:16px}
.design-page .dna-card{
  display:flex;
  min-height:306px;
  flex-direction:column;
  padding:28px;
  border:1px solid #e6ded2;
  border-radius:14px;
  background:#fffdf9;
  box-shadow:0 8px 28px #573f240a;
  transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease;
}
.design-page .dna-card:hover{transform:translateY(-3px);border-color:#c09a5e99;box-shadow:0 12px 30px #573f2414}
.design-page .dna-card-orange{background:linear-gradient(145deg,#fffdf9,#fff8ec);border-color:#dfc397}
.design-page .dna-card-dark{background:#fffdf9;border-color:#dfc397;color:#183b55}
.design-page .dna-card-gold{background:linear-gradient(145deg,#fffdf9,#f8f1e5);border-color:#d9c6a7}
.design-page .dna-index{margin-bottom:30px;color:#8b642e;font-size:10px;letter-spacing:.15em}
.design-page .dna-card h3{margin-bottom:15px;color:#183b55;font-size:30px;letter-spacing:-.035em}
.design-page .dna-card-dark h3{color:#183b55}
.design-page .dna-card h3 small{color:#687983;font-size:12px;letter-spacing:.06em}
.design-page .dna-card-dark h3 small{color:#687983}
.design-page .dna-card>strong{margin-bottom:10px;color:#a65a17;font-size:15px;line-height:1.55}
.design-page .dna-card-dark>strong{color:#a65a17}
.design-page .dna-card p{color:#637789;font-size:14px;line-height:1.8}
.design-page .dna-card-dark p{color:#637789}

.design-page .design-method{padding-block:clamp(72px,8vw,100px);background:#f7f4ee;color:#183b55}
.design-page .design-method-grid{gap:clamp(40px,7vw,88px)}
.design-page .design-method .tag{color:#a36e2d}
.design-page .design-method h2{color:#183d58;font-size:clamp(32px,4vw,46px);line-height:1.2}
.design-page .design-method p{color:#687983;font-size:15px;line-height:1.85}
.design-page .method-list{border:0}
.design-page .method-list>div{margin:10px 0;padding:17px 18px;border:1px solid #e6ded2;border-radius:12px;background:#fffdf9;box-shadow:0 5px 18px #573f2408}
.design-page .method-list b{color:#a65a17}
.design-page .method-list span{color:#183b55;font-size:15px}
.design-page .method-list i{color:#637789;font-size:13px;line-height:1.65}
.design-page .design-method .primary{background:linear-gradient(135deg,#ffb347,#ff8a00);color:#2c2115}

.design-page main>section:last-child{padding-block:72px 92px;background:#fffdf9}
.design-page .cta{min-height:220px;padding:clamp(28px,5vw,48px);border:1px solid #dfc397;border-radius:16px;background:linear-gradient(145deg,#fffdf9,#fff8ec);box-shadow:0 10px 30px #573f240d}
.design-page .cta .tag{color:#a36e2d}
.design-page .cta h2{color:#183d58}
.design-page .cta p{color:#687983}
.design-page .cta .primary{background:linear-gradient(135deg,#ffb347,#ff8a00);color:#2c2115}

@media(max-width:850px){
  .design-page{padding-top:80px}
  .design-page .design-hero{padding:48px 0 66px}
  .design-page .design-hero::after{right:-3vw;top:28%;font-size:clamp(118px,24vw,190px)}
  .design-page .design-hero .crumb{margin-bottom:28px}
  .design-page .design-intro-grid{gap:34px}
  .design-page .dna-card{min-height:300px;padding:24px}
  .design-page .design-method-grid{gap:42px}
}
@media(max-width:520px){
  .design-page .design-hero{padding:34px 0 52px}
  .design-page .design-hero::after{top:41%;right:-7vw;font-size:126px}
  .design-page .design-hero .crumb{margin-bottom:24px;font-size:12px}
  .design-page .design-hero h1{font-size:clamp(38px,11vw,48px)}
  .design-page .design-hero p{font-size:15px}
  .design-page .design-temperature{min-height:210px}
  .design-page .design-temperature::before{width:148px;height:148px}
  .design-page .section-head{display:block;margin-bottom:28px}
  .design-page .section-head>p{margin-top:18px;font-size:14px}
  .design-page .dna-grid{grid-template-columns:1fr;gap:12px}
  .design-page .dna-card{min-height:0;padding:23px}
  .design-page .dna-index{margin-bottom:22px}
  .design-page .design-method-grid{gap:32px}
  .design-page main>section:last-child{padding-block:52px 64px}
  .design-page .cta{gap:24px;padding:26px 22px;border-radius:14px}
  .design-page .cta h2{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.design-page .dna-card{transition:none}.design-page .dna-card:hover{transform:none}}