/* ===== {SITE_TITLE} 国风汉服高定与非遗服饰文化传媒 全站样式 ===== */
/* 色彩体系：故宫朱砂红主色 / 汝窑天青色辅色 / 深浅交替背景 / 磨砂卡片 */

:root{
  --zhu-sha:#C83C23;          /* 故宫朱砂红 主色 */
  --zhu-sha-deep:#9E2A16;     /* 深朱砂 */
  --tian-qing:#709393;        /* 汝窑天青 辅色 */
  --tian-qing-light:#9CB8B8;
  --gold:#C9A96A;             /* 描金点缀 */
  --bg-dark:#1A1614;          /* 深背景 */
  --bg-dark-2:#241E1B;
  --bg-light:#F5F1EA;         /* 浅背景 */
  --bg-light-2:#EDE6D9;
  --text-dark:#2B2724;        /* 高对比正文（浅底） */
  --text-light:#F3EDE4;       /* 高对比正文（深底） */
  --text-muted:#9A9088;
  --card-glass:rgba(255,255,255,.06);
  --card-glass-light:rgba(255,255,255,.55);
  --shadow:0 12px 40px rgba(0,0,0,.28);
  --radius:14px;
  --maxw:1240px;
  --serif:"Noto Serif SC","Songti SC","STSong",serif;
  --sans:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif;
}

*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  font-family:var(--sans);
  color:var(--text-dark);
  background:var(--bg-light);
  line-height:1.75;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
ul{list-style:none}
.c8aad456b{max-width:var(--maxw);margin:0 auto;padding:0 24px}
.c3be8e02d{font-family:var(--serif)}

/* ===== 品牌Logo加载过渡动画 ===== */
#preloader{
  position:fixed;inset:0;z-index:9999;background:var(--bg-dark);
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  transition:opacity .8s ease,visibility .8s ease;
}
#preloader.hidden{opacity:0;visibility:hidden}
#preloader img{width:110px;height:110px;animation:seal-in 1.4s ease both}
#preloader .c234c6603{
  margin-top:18px;color:var(--gold);letter-spacing:.4em;
  font-family:var(--serif);font-size:1.1rem;
  animation:fade-up 1.6s .3s ease both;
}
@keyframes seal-in{
  0%{opacity:0;transform:scale(.5) rotate(-18deg)}
  60%{opacity:1;transform:scale(1.06) rotate(4deg)}
  100%{opacity:1;transform:scale(1) rotate(0)}
}
@keyframes fade-up{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}

/* ===== 顶部导航 ===== */
.c371ff96c{
  position:fixed;top:0;left:0;right:0;z-index:900;
  transition:all .4s ease;padding:18px 0;
}
.c371ff96c.scrolled{
  background:rgba(26,22,20,.92);backdrop-filter:blur(12px);
  padding:12px 0;box-shadow:0 6px 24px rgba(0,0,0,.25);
}
.c8bba44c4{display:flex;align-items:center;justify-content:space-between}
.c662fe878{display:flex;align-items:center;gap:12px;color:var(--text-light)}
.c662fe878 img{width:46px;height:46px}
.c662fe878 b{font-family:var(--serif);font-size:1.35rem;letter-spacing:.08em;color:var(--gold)}
.cd08c7258{display:flex;gap:34px;align-items:center}
.cd08c7258 a{
  color:var(--text-light);font-size:.98rem;position:relative;padding:6px 0;
  transition:color .3s;
}
.cd08c7258 a::after{
  content:"";position:absolute;left:0;bottom:0;width:0;height:2px;
  background:var(--zhu-sha);transition:width .35s ease;
}
.cd08c7258 a:hover,.cd08c7258 a.c7a96f281{color:var(--gold)}
.cd08c7258 a:hover::after,.cd08c7258 a.c7a96f281::after{width:100%}
.ccaffd8e5{
  background:var(--zhu-sha);color:#fff!important;padding:10px 22px;border-radius:30px;
  font-size:.9rem;transition:transform .3s,box-shadow .3s;
}
.ccaffd8e5:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(200,60,35,.45)}
.ccaffd8e5::after{display:none!important}
.c6e889d78{display:none;flex-direction:column;gap:5px;cursor:pointer}
.c6e889d78 span{width:26px;height:2px;background:var(--gold);transition:.3s}

/* ===== 通用区块标题 ===== */
.c635734a5{padding:96px 0}
.c2ae1e314{text-align:center;max-width:720px;margin:0 auto 56px}
.c693dcfed{
  display:inline-block;color:var(--tian-qing);letter-spacing:.35em;
  font-size:.85rem;margin-bottom:14px;text-transform:uppercase;
}
.c58ae170a{
  font-family:var(--serif);font-size:2.3rem;color:var(--text-dark);
  line-height:1.35;margin-bottom:16px;
}
.c58ae170a.cd7c5ff27{color:var(--text-light)}
.cdb0c300e{color:var(--text-muted);font-size:1.02rem}
.cdb0c300e.cd7c5ff27{color:rgba(243,237,228,.72)}
.c922e06cc{background:var(--bg-dark);color:var(--text-light)}
.c922e06cc .c58ae170a{color:var(--text-light)}

/* 按钮 */
.c494e937d{
  display:inline-block;padding:14px 34px;border-radius:34px;font-size:1rem;
  cursor:pointer;border:none;transition:transform .3s,box-shadow .3s,background .3s;
  font-family:var(--sans);
}
.c1eed9b9d{background:var(--zhu-sha);color:#fff}
.c1eed9b9d:hover{transform:translateY(-3px);box-shadow:0 12px 28px rgba(200,60,35,.5)}
.c5c266cb4{background:transparent;color:var(--text-light);border:1.5px solid var(--gold)}
.c5c266cb4:hover{background:var(--gold);color:var(--bg-dark)}

/* ===== Hero 首屏 ===== */
.ce6e7a254{
  min-height:100vh;position:relative;display:flex;align-items:center;
  overflow:hidden;
}
.cb79c6478{
  position:absolute;inset:0;z-index:-2;
  background:url(../assets/images/hero.webp) center/cover no-repeat;
  transform:scale(1.08);
}
.ce6e7a254::after{
  content:"";position:absolute;inset:0;z-index:-1;
  background:linear-gradient(90deg,rgba(20,16,14,.86) 0%,rgba(20,16,14,.55) 45%,rgba(20,16,14,.2) 100%);
}
.c11f34928{max-width:660px;color:var(--text-light);padding-top:60px}
.c26c8ba14{
  color:var(--tian-qing-light);letter-spacing:.3em;font-size:.95rem;
  margin-bottom:22px;opacity:0;animation:fade-up 1s .3s ease both;
}
.ce6e7a254 h1{
  font-family:var(--serif);font-size:3.6rem;line-height:1.28;margin-bottom:24px;
  opacity:0;animation:fade-up 1s .5s ease both;
}
.ce6e7a254 h1 em{color:var(--gold);font-style:normal}
.ce6e7a254 p{
  font-size:1.18rem;color:rgba(243,237,228,.85);margin-bottom:38px;max-width:560px;
  opacity:0;animation:fade-up 1s .7s ease both;
}
.cb54177f0{display:flex;gap:18px;flex-wrap:wrap;opacity:0;animation:fade-up 1s .9s ease both}
.c9d1c8031{
  position:absolute;bottom:34px;left:50%;transform:translateX(-50%);
  color:var(--gold);font-size:.8rem;letter-spacing:.2em;text-align:center;
}
.c9d1c8031::before{
  content:"";display:block;width:1px;height:44px;background:var(--gold);
  margin:0 auto 10px;animation:scroll-line 1.8s infinite;
}
@keyframes scroll-line{0%{opacity:.2;transform:scaleY(.4)}50%{opacity:1}100%{opacity:.2;transform:scaleY(.4)}}

/* ===== 信任背书 ===== */
.cc15f8ab5{background:var(--bg-dark-2);padding:54px 0}
.cd54a60b2{display:flex;justify-content:center;gap:56px;flex-wrap:wrap;align-items:center}
.c6d3a2a51{text-align:center;color:var(--text-light)}
.c6d3a2a51 .c8d1f95f6{font-family:var(--serif);font-size:2.6rem;color:var(--gold);display:block}
.c6d3a2a51 .cae530208{color:rgba(243,237,228,.65);font-size:.92rem;margin-top:4px}
.cf5f1ccea{
  display:flex;justify-content:center;gap:40px;flex-wrap:wrap;margin-top:38px;
  padding-top:34px;border-top:1px solid rgba(201,169,106,.18);
}
.cf5f1ccea span{color:rgba(243,237,228,.55);font-size:.95rem;letter-spacing:.05em}

/* ===== 优势/服务 图标卡 ===== */
.c0429d934{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.c24a75835{
  background:var(--card-glass-light);backdrop-filter:blur(8px);
  border:1px solid rgba(200,60,35,.1);border-radius:var(--radius);
  padding:38px 30px;transition:transform .4s,box-shadow .4s;
}
.c24a75835:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.c24a75835 .caf5918ba{
  width:60px;height:60px;border-radius:16px;background:rgba(112,147,147,.14);
  display:flex;align-items:center;justify-content:center;margin-bottom:20px;
  font-size:1.7rem;color:var(--tian-qing);
}
.c24a75835 h3{font-family:var(--serif);font-size:1.3rem;margin-bottom:12px;color:var(--zhu-sha-deep)}
.c24a75835 p{color:var(--text-muted);font-size:.96rem}

/* ===== 非对称网格 服务展示 ===== */
.c8122d96e{display:grid;grid-template-columns:1.4fr 1fr;gap:24px}
.asym-col{display:grid;gap:24px}
.asym-card{
  position:relative;border-radius:var(--radius);overflow:hidden;min-height:280px;
  display:flex;align-items:flex-end;color:#fff;
}
.asym-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s}
.asym-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(20,16,14,.85),transparent 65%)}
.asym-card:hover img{transform:scale(1.08)}
.asym-card .ce463c707{position:relative;z-index:2;padding:28px}
.asym-card.tall{min-height:584px}
.asym-card .ce463c707 h3{font-family:var(--serif);font-size:1.5rem;margin-bottom:8px}
.asym-card .ce463c707 p{font-size:.95rem;color:rgba(255,255,255,.8)}

/* ===== 轮播（组件A） ===== */
.c7202f7b5{position:relative;max-width:1000px;margin:0 auto;overflow:hidden;border-radius:var(--radius)}
.c86ab38b7{display:flex;transition:transform .7s cubic-bezier(.7,0,.2,1)}
.c5d6a1d04{min-width:100%;position:relative}
.c5d6a1d04 img{width:100%;height:560px;object-fit:cover}
.c5d6a1d04 .ce463c707{
  position:absolute;left:0;bottom:0;right:0;padding:40px;
  background:linear-gradient(0deg,rgba(20,16,14,.9),transparent);color:#fff;
}
.c5d6a1d04 .ce463c707 h3{font-family:var(--serif);font-size:1.9rem;margin-bottom:8px}
.c5d6a1d04 .ce463c707 p{color:rgba(255,255,255,.82)}
.c9f3c88bd{
  position:absolute;top:50%;transform:translateY(-50%);z-index:3;
  width:52px;height:52px;border-radius:50%;border:none;cursor:pointer;
  background:rgba(200,60,35,.85);color:#fff;font-size:1.5rem;transition:background .3s;
}
.c9f3c88bd:hover{background:var(--zhu-sha)}
.c9f3c88bd.c44d4c6c3{left:18px}
.c9f3c88bd.ce8a8f670{right:18px}
.carousel-dots{display:flex;justify-content:center;gap:10px;margin-top:22px}
.carousel-dots button{width:11px;height:11px;border-radius:50%;border:none;cursor:pointer;background:rgba(0,0,0,.2)}
.carousel-dots button.c7a96f281{background:var(--zhu-sha);width:30px;border-radius:6px}

/* ===== 服务流程互动模块（组件B） ===== */
.c9c52bf83{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
.ceaa5bf34{
  text-align:center;padding:30px 16px;border-radius:var(--radius);cursor:pointer;
  background:var(--card-glass);border:1px solid rgba(201,169,106,.18);
  transition:all .4s;color:var(--text-light);
}
.ceaa5bf34:hover,.ceaa5bf34.on{background:var(--zhu-sha);transform:translateY(-6px)}
.ceaa5bf34 .c9fe87066{
  font-family:var(--serif);font-size:2rem;color:var(--gold);display:block;margin-bottom:10px;
  transition:color .3s;
}
.ceaa5bf34:hover .c9fe87066,.ceaa5bf34.on .c9fe87066{color:#fff}
.ceaa5bf34 h4{font-size:1.05rem;margin-bottom:8px}
.ceaa5bf34 p{font-size:.86rem;color:rgba(243,237,228,.6)}
.ceaa5bf34:hover p,.ceaa5bf34.on p{color:rgba(255,255,255,.85)}

/* ===== 作品画廊（组件C） 瀑布/网格 + 筛选 ===== */
.c3e09c288{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:40px}
.c3e09c288 button{
  padding:9px 24px;border-radius:26px;border:1.5px solid rgba(200,60,35,.35);
  background:transparent;color:var(--zhu-sha);cursor:pointer;font-size:.92rem;transition:.3s;
}
.c3e09c288 button:hover,.c3e09c288 button.c7a96f281{background:var(--zhu-sha);color:#fff;border-color:var(--zhu-sha)}
.c3dcbf17a{columns:3;column-gap:20px}
.cf3267b46{
  break-inside:avoid;margin-bottom:20px;border-radius:var(--radius);overflow:hidden;
  position:relative;cursor:pointer;
}
.cf3267b46 img{width:100%;transition:transform .6s}
.cf3267b46::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(200,60,35,.75),transparent 60%);opacity:0;transition:opacity .4s}
.cf3267b46 .c5c929c35{position:absolute;left:0;right:0;bottom:0;padding:22px;color:#fff;z-index:2;opacity:0;transform:translateY(10px);transition:.4s}
.cf3267b46:hover::after{opacity:1}
.cf3267b46:hover img{transform:scale(1.06)}
.cf3267b46:hover .c5c929c35{opacity:1;transform:translateY(0)}
.c5c929c35 h4{font-family:var(--serif);font-size:1.25rem;margin-bottom:4px}
.c5c929c35 span{font-size:.85rem;opacity:.85}

/* ===== 痛点对比 ===== */
.c3a338a7a{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:0 auto}
.ce7c2cf8e{border-radius:var(--radius);padding:40px 34px}
.ce7c2cf8e.cab099d49{background:var(--bg-light-2);border:1px dashed rgba(158,42,22,.4)}
.ce7c2cf8e.c75fcecfa{background:linear-gradient(160deg,var(--zhu-sha),var(--zhu-sha-deep));color:#fff}
.ce7c2cf8e h3{font-family:var(--serif);font-size:1.5rem;margin-bottom:24px}
.ce7c2cf8e.cab099d49 h3{color:var(--zhu-sha-deep)}
.ce7c2cf8e li{padding:14px 0;border-bottom:1px solid rgba(0,0,0,.08);display:flex;gap:12px;align-items:flex-start}
.ce7c2cf8e.c75fcecfa li{border-bottom:1px solid rgba(255,255,255,.15)}
.ce7c2cf8e li .c00aad663{flex-shrink:0;font-weight:700}
.ce7c2cf8e.cab099d49 li .c00aad663{color:#B24C3A}
.ce7c2cf8e.c75fcecfa li .c00aad663{color:var(--gold)}

/* ===== 智能报价工具（组件D） ===== */
.c4616fe64{
  max-width:820px;margin:0 auto;background:var(--card-glass-light);backdrop-filter:blur(10px);
  border:1px solid rgba(200,60,35,.15);border-radius:var(--radius);padding:44px;box-shadow:var(--shadow);
}
.c5cf0e9e5{margin-bottom:26px}
.c5cf0e9e5 label{display:block;margin-bottom:12px;font-weight:600;color:var(--text-dark)}
.cd4985a84{display:flex;gap:12px;flex-wrap:wrap}
.cd4985a84 .cc27f3739{
  padding:11px 22px;border-radius:24px;border:1.5px solid rgba(112,147,147,.4);
  cursor:pointer;transition:.3s;font-size:.94rem;background:#fff;
}
.cd4985a84 .cc27f3739.cbc9ba8dd{background:var(--tian-qing);color:#fff;border-color:var(--tian-qing)}
.c2eeb38de{
  margin-top:10px;padding:26px;border-radius:var(--radius);text-align:center;
  background:linear-gradient(160deg,var(--zhu-sha),var(--zhu-sha-deep));color:#fff;
}
.c2eeb38de .c299ab12e{font-family:var(--serif);font-size:2.6rem;color:var(--gold)}
.c2eeb38de small{display:block;opacity:.8;margin-top:6px}

/* 数据递增 */
.c79f5e4b3{transition:all .3s}

/* ===== 转化引导 / 表单 ===== */
.ca2550606{
  position:relative;padding:110px 0;color:#fff;text-align:center;overflow:hidden;
}
.ca2550606 .c58e5b30b{position:absolute;inset:0;z-index:-2;background:url(../assets/images/cta-bg.webp) center/cover}
.ca2550606::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(20,16,14,.72)}
.ca2550606 h2{font-family:var(--serif);font-size:2.6rem;margin-bottom:18px}
.ca2550606 p{font-size:1.1rem;color:rgba(255,255,255,.82);max-width:640px;margin:0 auto 36px}

.cf1cf87fa{
  max-width:720px;margin:0 auto;background:#fff;border-radius:var(--radius);
  padding:46px;box-shadow:var(--shadow);text-align:left;
}
.cf1cf87fa h3{font-family:var(--serif);font-size:1.6rem;color:var(--zhu-sha-deep);margin-bottom:8px;text-align:center}
.cf1cf87fa .c78b11a40{text-align:center;color:var(--text-muted);margin-bottom:30px}
.c77c2857a{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.c693d10ef{display:flex;flex-direction:column}
.c693d10ef.c3b0c45cc{grid-column:1/-1}
.c693d10ef label{font-size:.9rem;margin-bottom:8px;color:var(--text-dark);font-weight:600}
.c693d10ef input,.c693d10ef select,.c693d10ef textarea{
  padding:13px 16px;border:1.5px solid #e2dcd2;border-radius:10px;font-size:.96rem;
  font-family:var(--sans);transition:border .3s;background:#fdfbf7;color:var(--text-dark);
}
.c693d10ef input:focus,.c693d10ef select:focus,.c693d10ef textarea:focus{
  outline:none;border-color:var(--zhu-sha);
}
.cf1cf87fa .c494e937d{width:100%;margin-top:24px}

/* ===== 页脚 ===== */
.cbf6a0eb3{background:#141110;color:rgba(243,237,228,.7);padding:70px 0 30px}
.ce671ac2d{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:40px;margin-bottom:44px}
.cbf6a0eb3 h4{color:var(--gold);font-family:var(--serif);font-size:1.15rem;margin-bottom:18px}
.cbf6a0eb3 .c2bf6a017{display:flex;align-items:center;gap:12px;margin-bottom:16px}
.cbf6a0eb3 .c2bf6a017 img{width:44px;height:44px}
.cbf6a0eb3 .c2bf6a017 b{font-family:var(--serif);font-size:1.3rem;color:var(--gold)}
.cbf6a0eb3 li{margin-bottom:12px;font-size:.94rem}
.cbf6a0eb3 li a:hover{color:var(--gold)}
.cbf6a0eb3 .c1931e307{font-size:.92rem;line-height:1.9;max-width:320px}
.cd535534d{
  border-top:1px solid rgba(201,169,106,.15);padding-top:24px;
  display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;
  font-size:.86rem;color:rgba(243,237,228,.5);
}

/* ===== 内页 Banner ===== */
.c05e4f612{
  min-height:52vh;display:flex;align-items:center;position:relative;overflow:hidden;
  color:#fff;padding-top:80px;
}
.c05e4f612 .c58e5b30b{position:absolute;inset:0;z-index:-2;background-size:cover;background-position:center}
.c05e4f612::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,16,14,.85),rgba(20,16,14,.4))}
.c05e4f612 .cc2cf68a2{color:var(--tian-qing-light);font-size:.88rem;letter-spacing:.1em;margin-bottom:14px}
.c05e4f612 h1{font-family:var(--serif);font-size:2.9rem;margin-bottom:14px}
.c05e4f612 p{color:rgba(243,237,228,.82);max-width:560px}

/* 列表页卡片 */
.c67b6e60a{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.ca0124e45{
  background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 22px rgba(0,0,0,.07);
  transition:transform .4s,box-shadow .4s;
}
.ca0124e45:hover{transform:translateY(-8px);box-shadow:var(--shadow)}
.ca0124e45 .c42d659ec{height:230px;overflow:hidden}
.ca0124e45 .c42d659ec img{width:100%;height:100%;object-fit:cover;transition:transform .6s}
.ca0124e45:hover .c42d659ec img{transform:scale(1.08)}
.ca0124e45 .cb4464fde{padding:26px}
.ca0124e45 .c231ac8d7{color:var(--tian-qing);font-size:.82rem;letter-spacing:.05em;margin-bottom:10px}
.ca0124e45 h3{font-family:var(--serif);font-size:1.28rem;margin-bottom:12px;color:var(--text-dark)}
.ca0124e45 p{color:var(--text-muted);font-size:.94rem;margin-bottom:16px}
.ca0124e45 .cbec22067{color:var(--zhu-sha);font-weight:600;font-size:.92rem}
.ca0124e45 .cbec22067:hover{letter-spacing:.05em}

/* 详情正文 */
.cf63048b1{max-width:840px;margin:0 auto}
.cf63048b1 h2{font-family:var(--serif);font-size:1.7rem;color:var(--zhu-sha-deep);margin:38px 0 16px}
.cf63048b1 p{margin-bottom:20px;font-size:1.05rem;color:#463f39}
.cf63048b1 img{border-radius:var(--radius);margin:28px 0}
.cf63048b1 .c120d9d53{font-size:1.2rem;color:var(--text-dark);border-left:4px solid var(--zhu-sha);padding-left:20px;margin-bottom:30px}
.cf63048b1 blockquote{background:var(--bg-light-2);border-left:4px solid var(--tian-qing);padding:20px 26px;border-radius:8px;margin:24px 0;font-style:italic;color:#4a443e}

/* 滚动出现动画 */
.cfdfcd3fe{opacity:0;transform:translateY(40px);transition:opacity .8s ease,transform .8s ease}
.cfdfcd3fe.show{opacity:1;transform:translateY(0)}

/* ===== 响应式（移动端优先适配） ===== */
@media(max-width:960px){
  .c0429d934{grid-template-columns:1fr 1fr}
  .c8122d96e{grid-template-columns:1fr}
  .asym-card.tall{min-height:300px}
  .c3dcbf17a{columns:2}
  .c9c52bf83{grid-template-columns:1fr 1fr}
  .ce671ac2d{grid-template-columns:1fr 1fr}
  .c67b6e60a{grid-template-columns:1fr 1fr}
  .ce6e7a254 h1{font-size:2.7rem}
}
@media(max-width:640px){
  .c635734a5{padding:64px 0}
  .cd08c7258{
    position:fixed;top:0;right:-100%;height:100vh;width:76%;max-width:320px;
    background:rgba(26,22,20,.98);flex-direction:column;justify-content:center;
    gap:26px;transition:right .4s ease;z-index:950;
  }
  .cd08c7258.open{right:0}
  .c6e889d78{display:flex;z-index:960}
  .c6e889d78.open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .c6e889d78.open span:nth-child(2){opacity:0}
  .c6e889d78.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .ce6e7a254 h1{font-size:2.2rem}
  .ce6e7a254 p{font-size:1.05rem}
  .c58ae170a{font-size:1.85rem}
  .c0429d934{grid-template-columns:1fr}
  .c3a338a7a{grid-template-columns:1fr}
  .c3dcbf17a{columns:1}
  .c9c52bf83{grid-template-columns:1fr}
  .ce671ac2d{grid-template-columns:1fr}
  .c77c2857a{grid-template-columns:1fr}
  .c67b6e60a{grid-template-columns:1fr}
  .c5d6a1d04 img{height:380px}
  .c05e4f612 h1{font-size:2.1rem}
  .ca2550606 h2{font-size:1.9rem}
  .cd54a60b2{gap:32px}
}