/* About page v7. Scoped to leave the catalog and package drawer unchanged. */
.about-v7 h1,.about-v7 h2,.about-v7 h3{letter-spacing:-.045em;line-height:1.16;margin:0;color:var(--ink)}
.about-v7 em{font-style:normal;color:var(--accent)}
.about-hero-v7{position:relative;isolation:isolate;display:grid;grid-template-columns:1.08fr 1fr;align-items:center;gap:58px;padding:72px 0 80px;border-bottom:1px solid var(--line)}
.about-hero-v7:before{content:"";position:absolute;z-index:-1;inset:0 calc(50% - 50vw);background-color:var(--hero-bg);background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:56px 56px;pointer-events:none}
.about-hero-copy{min-width:0}.about-hero-copy h1{font-size:clamp(38px,4.6vw,61px);font-weight:850;letter-spacing:-.058em;margin:22px 0;line-height:1.13}.about-hero-copy>p{max-width:530px;font-size:16px;line-height:1.85;color:var(--muted);margin:0}
.about-hero-actions{display:flex;gap:24px;align-items:center;flex-wrap:wrap;margin:28px 0 0}.about-text-link{display:inline-flex;align-items:center;gap:14px;min-height:44px;text-decoration:none;font-size:13px;font-weight:750;color:var(--accent)}.about-text-link:hover{text-decoration:underline;text-underline-offset:5px}.about-text-link span{font-size:19px}
.about-value-pills{display:flex;gap:10px 18px;flex-wrap:wrap;padding:0;list-style:none;margin:27px 0 0;font-size:11px;color:var(--muted)}.about-value-pills li:before{content:"✓";color:var(--accent);font-weight:800;margin-right:7px}
.about-brand-scene{position:relative;isolation:isolate;min-height:430px;width:100%;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:radial-gradient(ellipse at 48% 44%,#ffaf6147,transparent 62%),var(--surface);box-shadow:var(--shadow)}
.scene-kicker{position:absolute;top:28px;left:28px;right:28px;font-size:9px;font-weight:750;letter-spacing:.21em;color:var(--muted)}.scene-orbit{position:absolute;left:50%;top:46%;border:1px solid #ff7a0026;border-radius:50%;transform:translate(-50%,-50%);z-index:-1}.orbit-outer{width:330px;height:330px}.orbit-inner{width:250px;height:250px}
.scene-avatar{position:absolute;left:50%;top:45%;width:158px;height:158px;border-radius:35px;transform:translate(-50%,-50%) rotate(-8deg);box-shadow:0 20px 45px #ff7a002a}.scene-spark{position:absolute;color:var(--accent);font-size:29px}.scene-spark-one{top:81px;right:48px}.scene-spark-two{left:48px;bottom:75px;font-size:22px}
.scene-note{position:absolute;display:flex;align-items:center;gap:11px;padding:14px 16px;border:1px solid var(--line);border-radius:15px;background:var(--surface);box-shadow:0 10px 24px #1f29370c}.scene-note strong{display:block;font-size:12px;font-weight:750}.scene-note small{display:block;color:var(--muted);font-size:10px;margin-top:4px}.scene-note>span{display:grid;place-items:center;background:var(--surface-soft);color:var(--accent);width:32px;height:32px;border-radius:10px;font-size:20px}.scene-note img{border-radius:9px;width:32px;height:32px}.note-learn{left:22px;top:90px;transform:rotate(-5deg)}.note-connect{right:20px;bottom:111px;transform:rotate(5deg)}
.scene-signature{position:absolute;bottom:27px;left:0;width:100%;text-align:center}.scene-signature strong{display:block;font-size:25px;letter-spacing:-.045em;font-weight:850}.scene-signature strong span{color:var(--orange)}.scene-signature small{display:block;letter-spacing:.19em;font-size:8px;font-weight:750;margin-top:5px;color:var(--muted)}
.about-section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:31px}.about-section-heading>div{min-width:0}.about-v7 .about-section-heading h2{font-size:clamp(29px,3.2vw,43px);margin-top:13px}.about-section-heading>p{max-width:360px;color:var(--muted);font-size:14px;line-height:1.85;margin:0 0 3px}
.about-channels-section{padding:68px 0 62px;scroll-margin-top:100px}.channel-grid-v7{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.channel-card{display:flex;flex-direction:column;min-width:0;min-height:284px;padding:26px;border:1px solid var(--line);border-radius:20px;background:var(--surface);text-decoration:none;color:var(--ink);box-shadow:0 8px 26px #34271805;transition:border-color .18s,transform .18s,box-shadow .18s}
.channel-card[data-channel="zalo"]{background:linear-gradient(150deg,#ff7a000d,transparent 75%),var(--surface);border-color:#ff7a0059}.channel-card:hover{border-color:var(--accent);transform:translateY(-3px);box-shadow:var(--shadow)}.channel-card:focus-visible{outline:3px solid var(--focus);outline-offset:4px}
.channel-card-head{display:flex;align-items:center;gap:13px;margin-bottom:24px}.channel-logo{display:block;width:54px;height:54px;flex:none;border-radius:16px}.channel-label{font-size:14px;font-weight:800}.channel-open{margin-left:auto;width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;font-size:20px;color:var(--accent)}.channel-title{font-size:19px;line-height:1.4;letter-spacing:-.025em}.channel-description{display:block;color:var(--muted);font-size:13px;line-height:1.8;margin:9px 0 15px}.channel-handle{display:block;font-size:12px;line-height:1.5;font-weight:650;color:var(--ink);overflow-wrap:anywhere;margin-top:auto}.channel-action{display:block;font-size:12px;font-weight:800;color:var(--accent);padding-top:16px;margin-top:17px;border-top:1px solid var(--line)}
.channel-card:last-child:nth-child(3n+2){grid-column:span 2}.channels-empty{grid-column:1/-1;padding:26px;border:1px solid var(--line);border-radius:18px;color:var(--muted);background:var(--surface);margin:0}.channels-footnote{display:flex;align-items:baseline;gap:12px;margin-top:22px;font-size:12px;color:var(--muted)}.channels-footnote>span{color:var(--accent);font-size:19px}.channels-footnote p{margin:0;line-height:1.8}.channels-footnote a{font-weight:700;text-underline-offset:3px}
.about-story-v7{display:grid;grid-template-columns:1.14fr 1fr;gap:54px;align-items:center;padding:45px 0 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-story-image{background:#1e2734;border-radius:22px;overflow:hidden;min-width:0}.about-story-image img{display:block;width:100%;height:auto}.about-story-image>span{display:block;padding:17px 27px;color:#e5e9ee;font-size:10px;font-weight:650;letter-spacing:.23em;border-top:1px solid #ffffff15}.about-story-copy h2{font-size:clamp(29px,3.3vw,43px);margin:15px 0 20px}.about-story-copy p{font-size:14px;line-height:1.85;color:var(--muted);margin:0 0 17px}
.about-process-v7{padding:65px 0}.about-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.about-process-grid article{padding:26px;border:1px solid var(--line);border-radius:18px;background:var(--surface)}.process-number{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:var(--surface-soft);color:var(--accent);font-size:12px;font-weight:800;margin-bottom:23px}.about-process-grid h3{font-size:19px;letter-spacing:-.025em}.about-process-grid p{font-size:13px;line-height:1.85;color:var(--muted);margin:11px 0 0}
.about-bottom-cta{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:38px 42px;margin:0 0 65px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(110deg,#ff7a000d,transparent),var(--surface)}.about-bottom-cta h2{font-size:32px;margin-top:13px}.about-bottom-cta .primary-btn{flex:none}
@media(max-width:1120px){.about-hero-v7{gap:30px}.about-brand-scene{min-height:410px}.note-learn{left:13px;top:83px;padding:12px}.note-connect{right:12px;bottom:104px;padding:12px}.channel-card{padding:22px}.about-story-v7{gap:34px}}
@media(max-width:900px){.about-hero-v7{grid-template-columns:1fr 1fr;gap:25px}.about-hero-copy h1{font-size:44px}.about-hero-copy>p{font-size:14px}.about-brand-scene{min-height:370px}.scene-avatar{width:127px;height:127px;border-radius:28px}.orbit-outer{width:282px;height:282px}.orbit-inner{width:207px;height:207px}.scene-note strong{font-size:10px}.scene-note small{font-size:9px}.scene-note{gap:8px}.note-learn{top:77px}.note-connect{bottom:96px}.channel-grid-v7{grid-template-columns:repeat(2,minmax(0,1fr))}.channel-card:last-child:nth-child(3n+2){grid-column:auto}.channel-card:last-child:nth-child(2n+1){grid-column:span 2}.about-section-heading{gap:25px}.about-section-heading>p{max-width:300px}.about-story-v7{gap:28px}.about-process-grid{gap:12px}.about-process-grid article{padding:20px}.about-process-grid h3{font-size:17px}}
@media(max-width:700px){.about-hero-v7{grid-template-columns:1fr;padding:43px 0 45px;gap:34px}.about-hero-copy h1{font-size:clamp(36px,7.6vw,52px)}.about-hero-copy>p{font-size:15px;max-width:600px}.about-brand-scene{min-height:365px;max-width:530px;justify-self:center}.scene-avatar{width:147px;height:147px;border-radius:33px}.scene-note strong{font-size:12px}.scene-note small{font-size:10px}.note-learn{left:24px;top:77px}.note-connect{right:23px;bottom:96px}.about-section-heading{display:block}.about-section-heading>p{max-width:560px;margin-top:18px}.about-channels-section{padding:46px 0}.about-story-v7{grid-template-columns:1fr;gap:27px;padding:39px 0 44px}.about-story-image{max-width:600px}.about-process-v7{padding:46px 0}.about-process-grid{grid-template-columns:1fr;gap:12px}.about-process-grid article{padding:22px}.about-process-grid h3{font-size:20px}.process-number{margin-bottom:16px}.about-bottom-cta{align-items:start;flex-direction:column;padding:28px;margin-bottom:45px;gap:24px}.about-bottom-cta h2{font-size:29px}}
@media(max-width:480px){.about-hero-copy h1{font-size:clamp(31px,8.2vw,39px)}.about-hero-copy>p{font-size:14px}.about-hero-actions{align-items:start;gap:10px 17px;margin-top:24px}.about-value-pills{font-size:10px;gap:10px 14px}.about-brand-scene{min-height:340px;border-radius:22px}.scene-kicker{top:22px;left:22px;font-size:8px}.scene-avatar{width:125px;height:125px;border-radius:28px;top:45%}.orbit-outer{width:270px;height:270px}.orbit-inner{width:210px;height:210px}.scene-note{padding:10px;gap:8px}.scene-note strong{font-size:10px}.scene-note small{font-size:9px}.scene-note>span,.scene-note img{width:27px;height:27px;border-radius:8px}.note-learn{left:13px;top:72px}.note-connect{right:14px;bottom:92px}.scene-spark-one{right:30px;top:67px;font-size:24px}.scene-spark-two{left:27px;bottom:99px;font-size:19px}.scene-signature{bottom:24px}.scene-signature strong{font-size:23px}.channel-grid-v7{grid-template-columns:1fr;gap:12px}.channel-card:last-child:nth-child(n){grid-column:auto}.channel-card{min-height:260px;padding:23px}.channel-card-head{margin-bottom:20px}.channel-title{font-size:20px}.about-v7 .about-section-heading h2{font-size:32px}.about-section-heading>p{font-size:13px}.about-story-copy h2{font-size:32px}.about-story-image>span{padding:14px 20px;font-size:9px}.about-bottom-cta{padding:25px}.about-bottom-cta h2{font-size:27px}}
@media(prefers-reduced-motion:reduce){.channel-card{transition:none}.channel-card:hover{transform:none}}