/* Bandung V13 — improved About experience and social navigation */
:root{--red:#a91916;--yellow:#fabd3f;--cream:#f2eee6}
.about-hero{background:#a91916;color:#fff;overflow:hidden}
.about-hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);align-items:center;gap:30px;min-height:650px}
.about-hero-copy{padding:84px 0 76px;position:relative;z-index:2}
.about-hero-copy h1{font:800 clamp(45px,5.7vw,88px)/1.12 Poppins,sans-serif;letter-spacing:-.055em;max-width:760px;margin:27px 0 25px;overflow-wrap:normal}
.about-hero-copy>p{font:400 clamp(15px,1.35vw,19px)/1.8 Poppins,sans-serif;max-width:550px;color:#f2eee6;margin-bottom:30px}
.about-hero-foot{display:flex;flex-wrap:wrap;gap:25px;margin-top:70px;color:#ffffffb3;font-size:11px;letter-spacing:.13em;font-weight:700}
.about-hero-media{height:590px;display:flex;align-items:center;justify-content:center;position:relative}
.about-hero-disc{position:absolute;width:min(90%,520px);aspect-ratio:1;border-radius:50%;background:#ffffff15;border:1px solid #ffffff27}
.about-hero-media img{width:min(90%,520px);height:96%;object-fit:contain;filter:drop-shadow(12px 22px 21px #500b0b80);position:relative;z-index:1;transform:rotate(-3deg)}
.about-hero-sticker{position:absolute;z-index:2;right:2%;top:12%;background:#fabd3f;color:#a91916;padding:26px 19px;border-radius:50%;height:120px;width:120px;display:grid;place-content:center;text-align:center;transform:rotate(12deg);font:800 14px/1.15 Poppins,sans-serif}
.about-manifesto{background:#f2eee6}
.about-manifesto-grid{display:grid;grid-template-columns:1fr .82fr;gap:clamp(35px,7vw,120px);align-items:start}
.about-manifesto h2,.about-visual-copy h2,.about-collection-heading h2,.about-ending h2{font:800 clamp(35px,4.3vw,66px)/1.14 Poppins,sans-serif;letter-spacing:-.045em;margin:0}
.about-prose{padding-top:36px}
.about-prose p,.about-visual-copy>p{font:400 16px/1.9 Poppins,sans-serif;color:#554940;margin-bottom:21px}
.about-text-link{display:inline-flex;align-items:center;gap:28px;border-bottom:2px solid #a91916;padding:12px 0;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;color:#a91916}
.about-visual-story{background:#fff;padding:clamp(60px,8vw,120px) 0}
.about-visual-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,7vw,110px);align-items:center}
.about-bowl{background:#f2eee6;border-radius:30px;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.about-bowl img{width:min(92%,520px);max-height:430px;object-fit:contain;filter:drop-shadow(0 23px 20px #30170f24)}
.about-visual-copy h2{margin:0 0 24px}
.about-points{display:flex;flex-wrap:wrap;gap:10px;margin-top:27px}
.about-points span{padding:11px 16px;background:#f2eee6;border-radius:100px;font-size:11px;font-weight:700}
.about-collection{background:#f2eee6}
.about-collection-heading{display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:end;margin-bottom:38px}
.about-collection-heading p{font-size:15px;line-height:1.85;color:#685a50;max-width:380px}
.about-format-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.about-format-card{position:relative;display:flex;flex-direction:column;min-height:515px;background:#fff;border:1px solid #e7e0d5;border-radius:25px;padding:26px;overflow:hidden;transition:transform .2s,box-shadow .2s}
.about-format-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px #2c1c1112}
.about-format-count{font-size:11px;letter-spacing:.11em;font-weight:800;color:#a91916}
.about-format-card>img{height:360px;width:100%;object-fit:contain;filter:drop-shadow(0 15px 12px #2b170e23)}
.about-format-card>img.about-format-jar{height:360px}
.about-format-card>div{margin-top:auto;border-top:1px solid #e9e3da;padding-top:19px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap}
.about-format-card strong{font-size:19px;letter-spacing:-.03em}
.about-format-card>div span{color:#a91916;font-size:12px;font-weight:700}
.about-ending{background:#a91916;color:#fff;padding:74px 0}
.about-ending-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}
.about-ending h2{font-size:clamp(35px,4.3vw,62px);margin:14px 0}
.about-ending .kicker{color:#fabd3f}
.about-ending p{margin:0;color:#f2eee6;line-height:1.75}
.about-ending .btn{flex:none;overflow-wrap:anywhere}
.contact-social-links{display:flex;flex-wrap:wrap;gap:10px 20px}
.contact-social-links a{color:#a91916;font-weight:700;text-decoration:underline;text-underline-offset:4px}
.footer .col-links a{color:#fff}
@media(max-width:980px){.about-hero-grid{grid-template-columns:1fr 1fr}.about-hero-copy h1{font-size:clamp(38px,5vw,65px)}.about-hero-media{height:480px}.about-hero-sticker{width:95px;height:95px;font-size:11px}.about-collection-heading{grid-template-columns:1fr}.about-manifesto-grid{gap:36px}}
@media(max-width:700px){.about-hero-grid,.about-manifesto-grid,.about-visual-grid,.about-format-grid{grid-template-columns:1fr}.about-hero-grid{gap:0}.about-hero-copy{padding:65px 0 8px}.about-hero-copy h1{font-size:clamp(39px,9vw,63px);line-height:1.13;letter-spacing:-.045em}.about-hero-copy>p{font-size:15px}.about-hero-foot{margin-top:36px}.about-hero-media{height:350px}.about-hero-media img{height:350px}.about-hero-sticker{right:8%;top:8%}.about-prose{padding-top:0}.about-visual-story{padding:65px 0}.about-bowl{min-height:300px;border-radius:20px}.about-bowl img{max-height:300px}.about-visual-copy h2{font-size:clamp(34px,8vw,48px)}.about-format-card{min-height:0;padding:20px}.about-format-card>img,.about-format-card>img.about-format-jar{height:300px}.about-format-card strong{font-size:17px}.about-ending-inner{display:block}.about-ending-inner .btn{margin-top:24px;max-width:100%;font-size:11px;padding-inline:16px}.about-manifesto h2,.about-collection-heading h2{font-size:clamp(34px,8vw,50px)}}
@media(prefers-reduced-motion:reduce){.about-format-card{transition:none}}