:root { --about-cream:#f4efe5; --about-ink:#151515; --about-yellow:#ffe500; --about-coral:#ff5548; --about-green:#08b86b; --about-blue:#5792ff; --about-pink:#ff70d0; --about-orange:#ff8b3e; }
.dharmic-about { background:var(--about-cream); color:var(--about-ink); font-family:Inter,Arial,sans-serif; }
.dharmic-about h1,.dharmic-about h2,.dharmic-about h3 { font-family:Fredoka,Inter,sans-serif; font-weight:600; letter-spacing:-.055em; line-height:.92; }
.dharmic-about h1,.dharmic-about h2,.dharmic-about h3,.dharmic-about p { margin-top:0; }
.dharmic-about .navbar { position:sticky; top:0; z-index:30; background:rgba(244,239,229,.94); backdrop-filter:blur(12px); }
.dharmic-about .navbar-wrapper { min-height:5rem; }
.dharmic-about .menu-button { color:var(--about-ink); }
.about-template-hero { display:grid; min-height:calc(100vh - 5rem); grid-template-columns:1.02fr .98fr; align-items:center; gap:clamp(2rem,7vw,8rem); padding:clamp(5rem,9vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); overflow:hidden; }
.about-template-copy { position:relative; z-index:2; }
.about-template-copy h1 { max-width:48rem; margin-bottom:2rem; font-size:clamp(4rem,8vw,8.5rem); }
.about-template-copy h1 span { display:inline-block; }
.about-template-lead { max-width:40rem; color:#514742; font-size:clamp(1rem,1.7vw,1.3rem); line-height:1.55; }
.sticker { padding:.02em .14em .06em; border-radius:.16em; color:var(--about-ink); box-decoration-break:clone; -webkit-box-decoration-break:clone; }
.sticker.green,.green { background:var(--about-green); }.sticker.coral,.coral { background:var(--about-coral); }.sticker.yellow,.yellow { background:var(--about-yellow); }.sticker.blue,.blue { background:var(--about-blue); }.pink { background:var(--about-pink); }.orange { background:var(--about-orange); }
.about-template-actions { display:flex; align-items:center; gap:1rem; flex-wrap:wrap; margin-top:1.7rem; }
.about-primary { background:var(--about-ink)!important; color:white!important; }
.about-light { background:white!important; color:var(--about-ink)!important; }
.about-text-link { display:inline-flex; min-height:44px; align-items:center; font-weight:700; text-underline-offset:.25em; }
.about-text-link.light { color:white; }
.about-character-stage { position:relative; min-height:42rem; border-radius:48% 48% 2rem 2rem; background:var(--about-yellow); box-shadow:1rem 1rem 0 var(--about-coral); }
.about-character-rive { position:absolute; inset:0; overflow:hidden; border-radius:inherit; }
.about-character-rive canvas,.roadmap-rive canvas,.about-final .footer-rive canvas { width:100%; height:100%; }
.about-note { position:absolute; z-index:2; padding:.75rem 1rem; border:2px solid var(--about-ink); border-radius:.5rem; background:white; font-weight:700; box-shadow:.35rem .35rem 0 var(--about-ink); }
.note-top { top:14%; left:-5%; transform:rotate(-3deg); }.note-bottom { right:-4%; bottom:16%; transform:rotate(3deg); }
.about-proof-rail { display:grid; grid-template-columns:repeat(4,1fr); }
.proof-pill { min-height:9rem; padding:2rem clamp(1rem,3vw,3rem); border:1px solid var(--about-ink); }
.proof-pill strong,.proof-pill span { display:block; }.proof-pill strong { font:600 clamp(1.4rem,2.5vw,2.2rem) Fredoka,Inter,sans-serif; }.proof-pill span { margin-top:.4rem; font-size:.8rem; }
.about-story { position:relative; display:grid; grid-template-columns:.8fr 1.1fr .8fr; gap:clamp(2.5rem,7vw,7rem); padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); overflow:hidden; background:var(--about-ink); color:white; }
.about-story h2 { font-size:clamp(3.5rem,7vw,7rem); }.subtitle.white { color:white; }.about-story-copy p { color:#cfc9c4; font-size:1.05rem; line-height:1.7; }.about-story-copy .story-big { color:white; font:500 clamp(1.5rem,2.5vw,2.7rem)/1.15 Fredoka,Inter,sans-serif; letter-spacing:-.035em; }
.about-photo-stack { position:relative; min-height:42rem; }.about-photo-stack img { border:.55rem solid white; box-shadow:0 1rem 3rem rgba(0,0,0,.35); object-fit:cover; }.photo-main { width:78%; height:88%; transform:rotate(-3deg); }.photo-card { position:absolute; right:0; bottom:0; width:48%; transform:rotate(5deg); }
.about-choices { padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); }
.about-section-heading { max-width:58rem; margin-bottom:4rem; }.about-section-heading h2 { font-size:clamp(3.5rem,7vw,7rem); }.about-section-heading>p:last-child { max-width:44rem; color:#514742; font-size:1.05rem; }
.choice-grid { display:grid; grid-template-columns:repeat(3,1fr); margin:0; padding:0; border-top:1px solid var(--about-ink); border-left:1px solid var(--about-ink); list-style:none; }.choice-grid li { min-height:16rem; padding:2rem; border-right:1px solid var(--about-ink); border-bottom:1px solid var(--about-ink); }.choice-grid li span { display:block; margin-bottom:3.5rem; font-weight:700; }.choice-grid h3 { font-size:1.5rem; }.choice-grid p { font-size:.9rem; line-height:1.5; }
.about-shakti { display:grid; grid-template-columns:1.05fr .95fr; align-items:center; gap:clamp(3rem,8vw,8rem); padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); background:var(--about-ink); color:white; }.shakti-window { position:relative; padding:1rem; border-radius:1.5rem; background:white; box-shadow:1rem 1rem 0 var(--about-green); transform:rotate(-1.5deg); }.shakti-window img { display:block; width:100%; }.shakti-window span { position:absolute; right:1.5rem; bottom:1.5rem; padding:.65rem .8rem; border-radius:.35rem; background:var(--about-green); font-size:.7rem; font-weight:800; }.shakti-copy h2 { font-size:clamp(3.5rem,6vw,6rem); }.shakti-copy>p:not(.subtitle) { color:#cfc9c4; line-height:1.7; }
.about-roadmap { position:relative; display:grid; grid-template-columns:.85fr 1.15fr; gap:clamp(3rem,8vw,8rem); min-height:52rem; padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); overflow:hidden; background:var(--about-yellow); }.roadmap-intro,.roadmap-list { position:relative; z-index:2; }.roadmap-intro h2 { font-size:clamp(3.5rem,6vw,6rem); }.roadmap-intro>p:last-child { max-width:34rem; }.roadmap-list { margin:0; padding:0; list-style:none; }.roadmap-list li { display:grid; grid-template-columns:7rem 1fr; padding:1.5rem 0; border-top:2px solid var(--about-ink); }.roadmap-list span { color:#a12a1e; font-weight:800; }.roadmap-list strong { font:600 1.4rem Fredoka,Inter,sans-serif; }.roadmap-list p { grid-column:2; margin:.4rem 0 0; }.roadmap-rive { position:absolute; bottom:-12rem; left:-5rem; width:32rem; height:32rem; opacity:.28; }
.about-offer { display:grid; grid-template-columns:1.1fr .9fr; gap:clamp(3rem,9vw,9rem); align-items:start; padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); }.about-offer h2 { font-size:clamp(3.5rem,6vw,6rem); }.about-offer>div>p:not(.subtitle) { max-width:40rem; color:#514742; }.about-offer aside { padding:clamp(2rem,4vw,4rem); border:2px solid var(--about-ink); border-radius:2rem; background:white; box-shadow:.8rem .8rem 0 var(--about-coral); }.about-offer aside>strong { display:block; font:600 clamp(4rem,7vw,7rem)/.9 Fredoka,Inter,sans-serif; }.about-offer aside>span { color:#514742; }.about-offer ul { display:grid; gap:.75rem; margin:2rem 0; padding:0; list-style:none; }.about-offer li { padding-top:.75rem; border-top:1px solid rgba(0,0,0,.2); }.offer-limit { color:#514742; font-size:.75rem; }
.about-final { position:relative; min-height:42rem; padding:clamp(6rem,10vw,10rem) max(1.25rem,calc((100vw - 73.25rem)/2)); overflow:hidden; background:var(--about-coral); }.about-final-copy { position:relative; z-index:2; max-width:48rem; }.about-final h2 { font-size:clamp(4rem,8vw,8rem); }.about-final .footer-rive { position:absolute; right:0; bottom:-12%; width:50%; height:110%; }
.about-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:2rem; padding:2rem max(1.25rem,calc((100vw - 73.25rem)/2)); }.about-footer img { width:10rem; }.about-footer p { margin:0; color:#514742; font-size:.75rem; }.about-footer nav { display:flex; flex-wrap:wrap; }.about-footer a { display:inline-flex; min-height:44px; align-items:center; padding:.5rem .75rem; font-weight:700; }
@media(max-width:991px){.about-template-hero,.about-story,.about-shakti,.about-roadmap,.about-offer{grid-template-columns:1fr}.about-character-stage{min-height:34rem}.about-proof-rail{grid-template-columns:repeat(2,1fr)}.about-story{padding-bottom:8rem}.about-photo-stack{min-height:38rem}.choice-grid{grid-template-columns:repeat(2,1fr)}.about-footer{grid-template-columns:1fr}.about-final .footer-rive{width:65%;opacity:.75}.dharmic-about .navbar .menu-wrapper[data-nav-menu-open]{padding:.75rem;background:var(--about-cream)}.dharmic-about .navbar .menu-items{padding:.75rem}.dharmic-about .navbar .nav-link{padding:.85rem 1rem;border-radius:.75rem;background:white;color:var(--about-ink)!important}}
@media(max-width:600px){.about-template-hero{padding-top:4rem}.about-template-copy h1{font-size:clamp(3.5rem,17vw,5.3rem)}.about-character-stage{min-height:25rem;box-shadow:.65rem .65rem 0 var(--about-coral)}.about-note{font-size:.65rem}.note-top{left:2%}.note-bottom{right:2%}.about-proof-rail{grid-template-columns:1fr}.proof-pill{min-height:6.5rem}.about-story h2,.about-section-heading h2,.shakti-copy h2,.roadmap-intro h2,.about-offer h2{font-size:clamp(3rem,14vw,4.5rem)}.about-photo-stack{min-height:31rem}.choice-grid{grid-template-columns:1fr}.roadmap-list li{grid-template-columns:1fr;gap:.35rem}.roadmap-list p{grid-column:1}.about-final{min-height:40rem}.about-final h2{font-size:clamp(3.8rem,17vw,5.7rem)}.about-final .footer-rive{right:-18%;width:90%;height:65%}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}