/*
Theme Name: Shivani — Figma Website
Template: shivani-home
Author: Unstoppable Digital Studio
Description: Figma pages with editable social content, reviews, performances and website enquiries.
Version: 3.0.19
Text Domain: shivani-figma
*/
:root{--ink:#211a12;--paper:#fffdf9;--paper-deep:#faf6f0;--gold:#af8337;--accent:#b88242;--brown:#786a5c;--brown-deep:#65452d;--white:#fffdf9;--serif:Georgia,'Times New Roman',serif;--sans:Inter,Arial,sans-serif;--container:1440px;--gutter:clamp(24px,12.5vw,240px)}
body{font:400 16px/1.21 var(--sans);background:var(--paper)}
h1,h2,h3{font-family:var(--serif);font-weight:400;letter-spacing:0;line-height:normal}
.wrap{width:min(calc(100% - var(--gutter)*2),1440px)}
.section{padding:100px 0}
.sd-skip{position:fixed;top:8px;left:8px;z-index:1000;padding:12px;background:var(--paper);transform:translateY(-150%)}.sd-skip:focus{transform:none}
.btn{min-height:40px;padding:10px 28px;font:500 16px/19px var(--sans);letter-spacing:0;gap:10px;border-color:var(--accent);color:var(--accent);white-space:nowrap}
.btn--filled{background:var(--accent);color:var(--paper)}.btn:hover{background:var(--accent);color:var(--paper);transform:none}
.button-triangle{transform:rotate(90deg);width:auto;height:auto;max-width:16px;max-height:16px}
.announcement{height:40px;min-height:40px;background:var(--ink);color:var(--paper);font:400 10px/12px var(--sans);letter-spacing:2px;padding:0 20px}
.site-header,body:not(.home) .site-header{position:relative;top:auto;height:140px;background:var(--paper);color:var(--ink)}
body.admin-bar .site-header{top:auto}.site-header.is-stuck{position:relative;top:auto;box-shadow:none;animation:none}
.header-inner{width:calc(100% - var(--gutter) - 6.4vw);max-width:1557px;margin-left:var(--gutter);gap:80px;display:flex;height:100%;align-items:center}
.brand{display:flex;align-items:center;flex-shrink:0;gap:20px;margin:0;font:400 30px/34px var(--serif);white-space:nowrap}.brand-lotus{width:63px;height:63px;object-fit:contain;flex-shrink:0}
.nav{gap:52px;width:auto;flex:1;white-space:nowrap}.nav a{font:400 20px/24px var(--sans)}.nav .nav-classes{font-weight:700;color:var(--accent)}.nav .btn{font-size:16px;font-weight:700;line-height:19px;width:171px;padding:10px 22px}.nav-icons{gap:36px;margin-left:0}.icon-link{width:24px;height:24px;flex-shrink:0}.icon-link img{object-fit:contain}.menu-toggle{color:var(--ink)}
.home .hero{height:800px;min-height:0;padding:0;display:flex;align-items:center;background-position:center;background-size:cover;color:var(--paper)}.home .hero::before{display:none}.hero-inner{width:min(calc(100% - var(--gutter)*2),1440px)}.hero-copy{max-width:none;padding:0}.hero h1{font-size:60px;line-height:68px;margin:0 0 20px;letter-spacing:0}.hero-sub{font:400 30px/34px var(--serif);margin:0 0 35px}.hero-rule{display:block;background:none;width:auto;height:auto;margin:0 0 39px;max-width:265px}.hero .btn{height:40px}
.about{background:var(--paper);min-height:800px}.about-grid{grid-template-columns:500px 614px;gap:100px;align-items:center}.about-media{width:500px;height:600px;padding:14px;background:var(--paper-deep);border:1px solid var(--accent);border-radius:10px}.about-media img{width:470px;height:570px;aspect-ratio:auto;border-radius:10px;object-fit:cover}.about-copy{width:614px;max-width:100%}.eyebrow{font:400 16px/19px var(--sans);letter-spacing:0;margin:0 0 10px;color:var(--brown)}.about h2{font:400 60px/68px var(--serif);margin:0 0 20px}.about h2 span{color:var(--accent)}.about-description p{font:400 16px/19px var(--sans);margin:0 0 19px;color:var(--brown)}.about-description p:last-child{margin:0}.artist-facts{display:grid;grid-template-columns:repeat(3,175.43px);gap:14.35px;margin:20px 0 40px}.artist-facts>div{padding:16px;height:91px;background:#f0ede9;border-radius:4px}.artist-facts strong{display:block;font:500 26px/34px 'Playfair Display',Georgia,serif}.artist-facts span{display:block;margin-top:4.5px;font:400 12px/16px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.6px;white-space:nowrap;color:var(--brown)}.about .btn{height:40px}
.voice{height:771px;background:var(--ink);color:var(--paper)}.voice h2{font:400 60px/69px var(--serif);margin:0 0 19px}.voice-intro{font:400 16px/19px var(--sans);color:var(--paper);margin:0 0 60px}.voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px}.voice-disc{width:100%;aspect-ratio:1;border:0;background:none;border-radius:50%;overflow:visible}.voice-disc::after{display:none}.voice-disc>img{width:100%;height:100%;position:static;object-fit:contain;transition:none}.voice-play{position:absolute;inset:0;margin:auto;width:50px;height:50px;padding:0;border:0;background:none;box-shadow:none}.voice-play:hover{box-shadow:none;transform:scale(1.04)}.voice-play .voice-ring{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);max-width:none;width:auto;height:auto}.voice-play .play-glyph{position:relative;width:21px;height:21px;object-fit:contain;margin-left:4px}.voice-play .pause-glyph{display:none}.voice-play.is-playing .play-glyph{display:none}.voice-play.is-playing .pause-glyph{display:block;position:relative;width:24px;height:24px}.voice-title{font:400 30px/35px var(--serif);margin:40px -12px 0;white-space:nowrap}
.stage-section{background:var(--paper)}.stage{min-height:0;height:600px;border:1px solid var(--accent);border-radius:20px;background-position:center;background-size:cover}.stage::after{display:none}.concert-pill,.sound-pill{display:flex;align-items:center;justify-content:center;gap:11px;position:absolute;top:37px;height:40px;padding:10px 28px;font:500 16px/19px var(--sans);letter-spacing:0}.concert-pill{left:95px;background:var(--ink);color:var(--accent);border-radius:27px;white-space:nowrap}.concert-pill img{width:auto;height:auto;max-width:none}.sound-pill{right:89px;width:170px;color:var(--paper);border-radius:27px}.sound-pill img{width:18px;height:18px}
.world{height:716px;border:0;background:var(--paper-deep)}.world-head{display:flex;justify-content:space-between;align-items:flex-start;padding-left:5px;margin:0 0 40px}.world h2,.journal h2{font:400 60px/69px var(--serif);margin:0 0 19px}.world p{font:400 16px/19px var(--sans);margin:0;color:var(--brown)}.world-head .btn{margin-top:14px;height:40px;gap:12px}.instagram-track{gap:10px;overflow:hidden;scroll-snap-type:x mandatory}.instagram-card{min-width:calc((100% - 40px)/5);width:calc((100% - 40px)/5);aspect-ratio:4/5;border:1px solid var(--gold);border-radius:10px;flex-shrink:0}.instagram-card img{border-radius:9px;object-fit:cover}.instagram-arrow{width:50px;height:50px;top:50%;border:0;box-shadow:none;background:none;padding:0}.instagram-arrow img{width:auto;height:auto;max-width:none;display:block}.instagram-prev{left:115px}.instagram-prev img{transform:rotate(180deg) scaleY(-1)}.instagram-next{right:115px}.instagram-arrow[hidden]{display:block;opacity:.65}.instagram-arrow:hover{transform:translateY(-50%)}
.journal{height:700px;background:var(--paper);border:0}.journal-head{align-items:flex-end;margin:0 0 40px;gap:24px}.journal-sub{margin:0;color:var(--brown);font:400 16px/19px var(--sans)}.text-link{display:inline-flex;align-items:center;gap:17px;font:700 16px/19px var(--sans);letter-spacing:3.2px;white-space:nowrap;color:var(--brown)}.text-link img{width:auto;height:auto;max-width:none}.journal-head>.text-link{margin-bottom:10px}.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}.journal-card{min-height:0;border:1px solid var(--accent);border-radius:10px;overflow:hidden;background:var(--paper-deep)}.journal-card:hover{transform:none;box-shadow:none}.journal-cover{height:auto;aspect-ratio:460/249}.journal-card-body{padding:19px 29px 15px;height:139px}.journal-card h3{font:400 20px/23px var(--serif);margin:0 0 10px;white-space:nowrap}.journal-card p{font:400 12px/14px var(--sans);color:var(--brown);margin:0 0 17px;height:43px;overflow:hidden}.journal-card .text-link{font:700 10px/12px var(--sans);letter-spacing:2px;gap:18px}.journal-card .text-link img{width:auto;height:auto}
.reels{height:800px;background:var(--paper-deep)}.reels-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px}.reel-card{border-color:var(--accent);border-radius:10px;aspect-ratio:339/603}.reel-card img{border-radius:9px}
.contact{height:600px;background:var(--ink);color:var(--paper)}.contact-inner{height:400px;border-radius:20px;background:rgba(255,253,249,.05);grid-template-columns:1fr 365px;gap:70px;padding:82px 192px;align-items:center}.contact-copy{text-align:left;white-space:nowrap}.contact-eyebrow{font:600 10px/16px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:2.75px;margin:0 0 15px;color:var(--accent)!important}.contact h2{font:400 60px/69px var(--serif);margin:0 0 6px;white-space:nowrap}.contact-copy>p:not(.contact-eyebrow){font:400 18px/30px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:.18px;margin:0 0 30px;color:rgba(255,253,249,.9)}.contact .btn{height:40px}.contact-details{border:0;padding:0}.contact-details a{height:60px;width:365px;display:flex;gap:20px;margin:0 0 20px;padding:0 27px;border-radius:10px;background:rgba(255,253,249,.05);color:var(--accent);font:400 16px/19px var(--sans)}.contact-details a:last-child{margin-bottom:0}.contact-details img{object-fit:contain;flex-shrink:0}
.site-footer{height:180px;background:var(--ink);padding:0;position:relative;color:var(--paper)}.footer-inner{height:100%;display:flex;gap:100px;align-items:center}.footer-brand{font:400 30px/34px var(--serif)}.footer-center{flex:1}.footer-nav{display:flex;flex-wrap:nowrap;gap:42px;font:400 20px/24px var(--sans)}.copyright{font:400 16px/19px var(--sans);color:var(--paper);margin:17px 0 0}.social{border:0;padding-left:80px;height:100px;display:flex;flex-direction:column;justify-content:center;position:relative}.social-label{font:400 16px/19px var(--sans);letter-spacing:3.2px;white-space:nowrap;margin:0 0 13px}.social-links{gap:40px}.social-links img{width:25px;height:25px;object-fit:contain}.footer-divider{position:absolute;left:0;top:0;transform:rotate(90deg);transform-origin:top left;width:auto;height:auto}.footer-rule{position:absolute;top:0;left:0;width:auto;height:auto;max-width:100%}
.menu-toggle span{display:block;height:2px;width:24px;background:currentColor;margin:5px auto;transition:transform .2s}.menu-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
@media(min-width:1921px){.header-inner{margin-inline:auto}.hero{background-size:1920px 800px!important;background-repeat:no-repeat}}
@media(max-width:1770px){.header-inner{gap:40px}.nav{gap:24px}.nav a{font-size:17px}.nav-icons{gap:18px}.nav .btn{width:auto}.about-grid{grid-template-columns:minmax(0,500px) minmax(0,614px);gap:70px}.about-media{width:100%;height:auto;aspect-ratio:5/6}.about-media img{width:100%;height:100%;aspect-ratio:auto}.about h2{font-size:54px;line-height:1.13}.about-copy{width:auto}.artist-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.artist-facts>div{padding:12px}.artist-facts span{font-size:9px}.desktop-break{display:none}.voice-title{font-size:24px;white-space:normal}.contact-inner{padding:65px 80px;gap:45px}.contact h2{font-size:50px}.contact-copy>p:not(.contact-eyebrow){font-size:15px}.footer-inner{gap:55px}.footer-nav{gap:25px;font-size:16px}.social{padding-left:40px}.social-links{gap:28px}.journal-card h3{font-size:16px;white-space:normal}.journal-card-body{padding:18px;height:auto;min-height:145px}.journal-card p{height:50px}}
@media(max-width:1450px){.header-inner{width:calc(100% - var(--gutter)*2);gap:25px}.brand{font-size:24px;line-height:28px;gap:14px}.brand-lotus{width:50px;height:50px}.nav{gap:18px}.nav a{font-size:14px}.nav-icons{gap:12px}.nav .btn{font-size:12px;padding:10px 14px}.about-grid{gap:50px}.about h2{font-size:44px}.about-description p{font-size:14px;line-height:20px}.voice-grid{gap:30px}.voice-title{font-size:22px}.contact-inner{padding:60px 45px;grid-template-columns:1fr 320px;gap:35px}.contact-details a{width:320px;font-size:14px;padding:0 18px}.contact h2{font-size:42px}.footer-inner{gap:35px}.footer-nav{gap:20px;font-size:14px}.social{padding-left:25px}.social-label{font-size:12px;letter-spacing:2px}.copyright{font-size:13px}}
@media(max-width:1280px){:root{--gutter:40px}.site-header,body:not(.home) .site-header{height:100px}.header-inner{width:calc(100% - var(--gutter)*2)}.menu-toggle{display:block}.nav{display:flex;position:fixed;inset:0;background:var(--paper);padding:110px 24px 40px;flex-direction:column;gap:25px;transform:translateX(100%);z-index:40}.nav.is-open{transform:none}.nav a{font-size:20px}.nav .btn{font-size:16px;padding:10px 28px}.nav-icons{margin:0;gap:28px}.brand{font-size:28px;line-height:32px}.about-grid{grid-template-columns:minmax(0,42%) minmax(0,1fr);gap:45px}.about-media{max-width:none}.about h2{font-size:40px}.about-description p{font-size:14px;line-height:21px}.artist-facts span{white-space:normal}.voice{height:auto;min-height:640px}.voice-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:25px}.voice-title{font-size:20px}.world h2,.journal h2{font-size:50px}.journal-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.journal-card:last-child{grid-column:auto}.reels-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.reels{height:auto}.contact-inner{grid-template-columns:1fr 300px;padding:45px 35px;gap:25px}.contact-details a{width:300px}.contact h2{font-size:36px}.contact-copy{white-space:normal}.contact-copy>p:not(.contact-eyebrow) br{display:none}.footer-inner{display:flex;flex-wrap:wrap;gap:30px}.footer-brand{font-size:24px;line-height:28px}.footer-nav{gap:18px;font-size:14px}.social{grid-column:auto}.social-links{gap:25px}.stage{height:auto;aspect-ratio:12/5}.stage-section{padding:100px 0}.concert-pill{left:35px}.sound-pill{right:35px}}
@media(max-width:800px){:root{--gutter:24px}.section{padding:65px 0}.announcement{height:40px;min-height:40px;font-size:8px;letter-spacing:1px;line-height:13px}.brand{font-size:24px;line-height:28px}.site-header,body:not(.home) .site-header{height:96px}.home .hero{height:650px;background-position:58% center}.hero h1{font-size:48px;line-height:55px}.hero-sub{font-size:25px;line-height:32px;max-width:280px}.hero .btn{font-size:13px;padding:10px 18px}.about{min-height:0}.about-grid{grid-template-columns:1fr;gap:40px}.about-media{width:min(500px,100%);margin:auto}.about-copy{width:100%}.about h2{font-size:46px;line-height:1.13}.about-description p{font-size:16px;line-height:24px}.artist-facts{margin:25px 0 30px}.artist-facts strong{font-size:23px}.artist-facts span{font-size:9px;line-height:13px}.voice{min-height:0}.voice h2{font-size:48px;line-height:55px}.voice-intro{line-height:24px;margin-bottom:40px}.voice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 22px}.voice-title{font-size:23px;line-height:28px;margin:20px 0 0}.stage-section{padding:65px 0}.stage{aspect-ratio:1.7;border-radius:12px;background-position:center}.concert-pill,.sound-pill{top:15px;padding:6px 12px;height:30px;font-size:10px;gap:6px}.concert-pill{left:15px}.sound-pill{right:15px;width:auto}.sound-pill img{width:13px;height:13px}.world{height:auto}.world-head{display:block;padding:0;margin-bottom:30px}.world h2,.journal h2{font-size:46px;line-height:55px}.world p{line-height:23px}.world-head .btn{margin-top:25px;font-size:13px;gap:12px}.instagram-card{min-width:47%;width:47%}.instagram-track{overflow-x:auto}.instagram-prev{left:12px}.instagram-next{right:12px}.journal{height:auto}.journal-head{display:block;margin-bottom:30px}.journal-head>.text-link{margin:24px 0 0;font-size:12px;letter-spacing:2px}.journal-grid{grid-template-columns:1fr;gap:25px}.journal-card h3{font-size:20px}.journal-card-body{padding:22px;min-height:150px}.journal-card p{font-size:14px;line-height:20px;height:auto;margin-bottom:20px}.reels-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.contact{height:auto}.contact-inner{height:auto;grid-template-columns:1fr;padding:35px 22px;gap:35px}.contact h2{font-size:34px;line-height:43px;white-space:normal;margin-bottom:14px}.contact-copy>p:not(.contact-eyebrow){font-size:15px;line-height:26px}.contact-eyebrow{font-size:8px;letter-spacing:1.5px}.contact-details{padding:0;border:0}.contact-details a{width:100%;max-width:none;font-size:12px;gap:12px;padding:0 16px;margin:0 0 12px}.site-footer{height:auto;padding:45px 0}.footer-inner{display:flex;flex-direction:column;gap:30px;text-align:center}.footer-center{width:100%}.footer-nav{justify-content:center;gap:14px;font-size:12px;flex-wrap:wrap}.copyright{font-size:12px;margin-top:20px}.social{height:auto;padding:0;border:0}.social-label{font-size:12px;letter-spacing:2.5px}.social-links{justify-content:center}.footer-divider{display:none}.footer-brand{font:400 26px/30px var(--serif)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.instagram-arrow:disabled{opacity:.7;cursor:default}.voice-play:disabled{cursor:default}.voice-play:disabled:hover{transform:none}
@media(min-width:1771px){.footer-inner{gap:0}.footer-brand{width:465px}.footer-nav{gap:60px}}
.sound-pill{white-space:nowrap}.footer-brand span{font:inherit;letter-spacing:0;text-transform:none}
.sound-pill{padding-inline:20px}.sound-pill img{flex-shrink:0}@media(max-width:800px){.home .hero::before{display:block;background:linear-gradient(90deg,rgba(33,26,18,.7),rgba(33,26,18,.2))}}
@media(min-width:1771px){
.wrap,.hero-inner{width:min(calc(100vw - var(--gutter)*2),1440px);position:relative;left:calc((100vw - 100%)/2)}
.header-inner{position:relative;padding-top:14px;gap:0}
.header-inner>.brand{width:358px;align-items:flex-start}
.nav{position:static;gap:56px}
.nav-icons{position:absolute;left:1202px;top:65px;gap:40px}
.nav-icons .icon-link:nth-child(n+2){width:20px}
.nav .header-contact{position:absolute;left:1386px;top:57px;height:40px}
.about-description{min-height:153px}
.hero .btn{width:278px}.about .btn{width:280px}.world-head .btn{width:275px}.contact .btn{width:172px}
.footer-brand{align-items:flex-start;transform:translateY(-3px)}
.footer-center{transform:translateY(1.5px)}.copyright{margin-top:16px}.footer-divider{top:-3px}
}
/* About — Figma 88:2. Layout is fluid below the 1920px reference. */
.ap-life h1,.ap-life p,.ap-journey h2,.ap-journey h3,.ap-journey p,.ap-moments h2,.ap-moments p,.ap-moments figure,.ap-gurus h2,.ap-gurus p{margin:0}
.ap-banner{height:600px;background:var(--ink);overflow:hidden}.ap-banner img{width:100%;height:100%;object-fit:cover}
.ap-life{background:var(--paper);padding:100px 24px;min-height:840px;display:flex;justify-content:center}.ap-life-inner{width:min(100%,1331px);text-align:center}
.ap-life h1{font:400 60px/normal var(--serif);margin:0 0 19px}.ap-life h1 span{color:var(--accent)}
.ap-biography{font:400 20px/normal var(--sans);color:var(--brown)}.ap-biography p+p{margin-top:24px}
.ap-quote{display:flex;flex-direction:column;justify-content:center;background:var(--paper-deep);color:#1c1c19;font:italic 400 20px/normal var(--sans);width:710px;max-width:100%;min-height:80px;padding:12px 20px;border-radius:10px;margin:40px auto 0}
.ap-journey{background:var(--paper-deep);min-height:653px;padding:121.5px 24px 100px;text-align:center}.ap-journey-inner{max-width:1360px;margin:auto}.ap-journey-heading{font-family:'Plus Jakarta Sans',Arial,sans-serif}
.ap-journey .ap-milestone-label{display:flex;align-items:center;justify-content:center;gap:12px;font:500 12px/18px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:3.36px;color:#8c8276}
.ap-milestone-label::before,.ap-milestone-label::after{content:'';width:40px;height:1px;background:#c8c0b4}.ap-journey h2{font:400 52px/52px 'Cormorant Garamond',Georgia,serif;letter-spacing:-.52px;margin:20px 0 15px}.ap-journey-heading>p:last-child{font-size:15px;line-height:24.38px;color:#716962}
.ap-timeline{list-style:none;padding:0 24px;margin:60px 0 0;display:flex;justify-content:center;gap:32px;position:relative}.ap-timeline::before{content:'';height:1px;background:#ddd6cc;position:absolute;top:28px;left:6%;right:6%}.ap-timeline li{width:201.6px;flex-shrink:0;position:relative;text-align:center}
.ap-timeline-number{display:grid;place-items:center;width:56px;height:56px;margin:0 auto 19px;border-radius:50%;border:1px solid #ddd6cc;background:linear-gradient(#fff,#f7f3ec);box-shadow:0 4px 14px -2px #54453514,0 2px 6px -1px #5445350a;color:#2d2825;font:600 17px/25.5px 'Cormorant Garamond',Georgia,serif;letter-spacing:.425px}
.ap-timeline .ap-timeline-category{font:500 11px/16.5px 'Plus Jakarta Sans',Arial,sans-serif;letter-spacing:2.64px;color:#8f8477;margin-bottom:9px}.ap-timeline h3{font:500 20px/27.5px 'Cormorant Garamond',Georgia,serif;color:#2d2825;white-space:nowrap;text-align:center;margin:0 -21px 10px}.ap-timeline .ap-timeline-description{font:400 13px/21.45px 'Plus Jakarta Sans',Arial,sans-serif;color:#716962}
.ap-moments{background:var(--paper);min-height:1591px;display:flex;align-items:center;padding:100px 0}.ap-moments-heading{text-align:center;margin-bottom:40px}.ap-moments h2{font:400 60px/normal var(--serif);margin:0 0 19px}.ap-moments-heading p{font:400 16px/normal var(--sans);color:var(--brown)}
.ap-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 30px}.ap-moment{border:1px solid var(--accent);border-radius:10px;overflow:hidden;background:var(--paper-deep)}.ap-moment>img{width:100%;height:auto;aspect-ratio:458/327;object-fit:cover}.ap-moment figcaption{border-top:1px solid var(--accent);min-height:59px;padding:10px 8px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;font:400 16px/normal var(--serif);color:var(--ink)}.ap-moment:nth-child(3){border-color:var(--gold)}
.ap-gurus{background:var(--accent);color:var(--paper);height:800px}.ap-gurus-inner{height:100%;position:relative}.ap-guru-copy{width:561px;padding-top:148px}.ap-gurus h2{font:400 60px/normal var(--serif);margin:0 0 18px}.ap-guru-text{font:400 16px/normal var(--sans);margin-left:4px;width:556px;max-width:100%}.ap-guru-text p+p{margin-top:19px}.ap-gurus .ap-guru-quote{display:flex;align-items:center;justify-content:center;width:499px;max-width:100%;min-height:60px;border-radius:10px;background:rgba(250,246,240,.4);font:400 20px/normal var(--sans);margin-top:35px;padding:12px}
.ap-guru-portraits{position:absolute;left:602px;right:0;top:0;height:800px;pointer-events:none}.ap-guru-portrait{position:absolute;border:1px solid var(--gold);border-radius:10px;overflow:hidden}.ap-guru-portrait img{position:absolute;max-width:none;object-fit:fill}.ap-guru-one{left:0;top:209px;width:312px;height:390px}.ap-guru-one img{width:208.89%;height:143.7%;left:-60.47%;top:-6.83%}.ap-guru-two{left:204px;top:91px;width:292px;height:365px}.ap-guru-two img{width:152.89%;height:160.4%;left:-36.21%;top:-12.3%}.ap-guru-three{left:342px;top:355px;width:292px;height:365px;z-index:1}.ap-guru-three img{width:211.82%;height:149.89%;left:-55.76%;top:-16.35%}.ap-guru-four{left:526px;top:150px;width:312px;height:390px}.ap-guru-four img{width:169.96%;height:186.8%;left:-29.8%;top:-10.49%}
@media(max-width:1770px){.ap-life{min-height:0}.ap-biography{font-size:18px;line-height:1.5}.ap-moments{min-height:0}.ap-moment figcaption{font-size:14px;min-height:68px}.ap-gurus{height:auto;min-height:700px}.ap-gurus-inner{display:grid;grid-template-columns:42% 58%;align-items:center;min-height:700px;gap:0}.ap-guru-copy{width:auto;padding:65px 0}.ap-gurus h2{font-size:48px}.ap-guru-text{width:auto;font-size:15px;line-height:1.45;margin:0}.ap-gurus .ap-guru-quote{font-size:17px;margin-top:25px}.ap-guru-portraits{position:relative;left:auto;right:auto;top:auto;height:auto;aspect-ratio:838/800;transform:translateX(20px)}.ap-guru-portrait{width:37.2327%;height:48.75%}.ap-guru-one{left:0;top:26.125%}.ap-guru-two{left:24.3437%;top:11.375%;width:34.8449%;height:45.625%}.ap-guru-three{left:40.8115%;top:44.375%;width:34.8449%;height:45.625%}.ap-guru-four{left:62.7685%;top:18.75%}}
@media(max-width:1280px){.ap-banner{height:auto;aspect-ratio:3.2}.ap-life{padding:80px 40px}.ap-life h1,.ap-moments h2{font-size:48px}.ap-journey{min-height:0;padding:80px 24px}.ap-timeline{gap:25px;padding:0}.ap-timeline li{width:calc((100% - 100px)/5)}.ap-timeline h3{font-size:19px;white-space:normal;min-height:55px;margin-inline:0}.ap-timeline .ap-timeline-description{font-size:12px}.ap-gurus-inner{grid-template-columns:44% 56%;min-height:700px}.ap-gurus h2{font-size:40px}.ap-guru-portraits{transform:translateX(0)}.ap-moment figcaption br{display:none}}
@media(max-width:800px){.ap-banner{height:300px;aspect-ratio:auto}.ap-banner img{object-position:49% center}.ap-life{padding:60px 24px}.ap-life h1{font-size:40px;line-height:1.15;margin-bottom:28px}.ap-biography{font-size:16px;line-height:1.6}.ap-biography p+p{margin-top:24px}.ap-quote{font-size:16px;line-height:1.5;padding:20px;margin-top:30px}.ap-quote br{display:none}.ap-journey{padding:65px 24px}.ap-journey h2{font-size:40px;line-height:1.1}.ap-journey-heading>p:last-child{font-size:14px;line-height:1.6}.ap-timeline{flex-direction:column;gap:32px;margin-top:40px;padding:0;text-align:left}.ap-timeline::before{top:28px;bottom:28px;left:27px;right:auto;width:1px;height:auto}.ap-timeline li{width:100%;padding:0 0 0 80px;min-height:116px;text-align:left}.ap-timeline-number{position:absolute;left:0;top:0;margin:0}.ap-timeline .ap-timeline-category{padding-top:3px;margin-bottom:7px}.ap-timeline h3{font-size:24px;line-height:1.2;min-height:0;margin:0 0 9px;text-align:left}.ap-timeline .ap-timeline-description{font-size:14px;line-height:1.6;max-width:420px}.ap-moments{padding:65px 0}.ap-moments h2{font-size:40px;line-height:1.15;margin-bottom:18px}.ap-moments-heading p{font-size:16px;line-height:1.5}.ap-desktop-break{display:none}.ap-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ap-moment figcaption{font-size:14px;min-height:85px;padding:12px 10px}.ap-gurus-inner{display:flex;flex-direction:column;min-height:0}.ap-guru-copy{width:100%;padding:65px 0 20px}.ap-gurus h2{font-size:42px;line-height:1.14;margin-bottom:25px}.ap-guru-text{font-size:16px;line-height:1.55}.ap-guru-text p+p{margin-top:20px}.ap-gurus .ap-guru-quote{font-size:16px;line-height:1.4;min-height:60px;margin-top:28px}.ap-guru-portraits{width:100%;max-width:650px;height:auto;flex-shrink:0;margin-bottom:30px}}
@media(max-width:540px){.ap-gallery{grid-template-columns:1fr;gap:24px}.ap-moment figcaption{font-size:16px;min-height:70px}.ap-banner{height:260px}.ap-life h1,.ap-moments h2{font-size:36px}.ap-gurus h2{font-size:36px}.ap-moments-heading{margin-bottom:30px}}

@media(min-width:1771px){
.ap-life-inner,.ap-journey-inner{position:relative;left:calc((100vw - 100% - 48px)/2)}
.ap-life h1{margin-bottom:20px}.ap-timeline{margin-top:61.385px}
.ap-moments-inner{transform:translateX(1px)}
.ap-moment figcaption{height:59px;min-height:59px;padding:0 8px;line-height:18px}

.ap-guru-copy{transform:translateX(1px)}.ap-gurus .ap-guru-quote{margin-top:40px}
}

@media(max-width:380px){.header-inner>.brand{font-size:20px;line-height:24px;gap:10px}.header-inner>.brand .brand-lotus{width:44px;height:44px}}

/* Full client-supplied Journal teasers, 2026-10-16: keep cards content-driven. */
.home .journal{height:auto;min-height:700px}
.home .journal-card{display:flex;flex-direction:column}
.home .journal-card-body{height:auto;min-height:156px;flex:1;display:flex;flex-direction:column}
.home .journal-card h3{white-space:normal}
.home .journal-card p{height:auto;overflow:visible}
.home .journal-card .text-link{margin-top:auto}

/* Compact shared header — client review adjustment, 2026-10-16. */
.announcement{height:32px;min-height:32px;letter-spacing:1.5px}
.site-header,body:not(.home) .site-header{height:92px;border-bottom:1px solid rgba(101,69,45,.1)}
.header-inner{width:min(calc(100% - 96px),1440px);max-width:1440px;margin-inline:auto;padding-top:0;gap:36px;justify-content:space-between}
.header-inner>.brand{width:auto;align-items:center;gap:12px;font-size:24px;line-height:27px}
.header-inner>.brand .brand-lotus{width:50px;height:50px}
.site-header .nav{position:static;display:flex;align-items:center;justify-content:flex-end;gap:clamp(16px,1.65vw,30px);min-width:0;flex:1}
.site-header .nav>a{font-size:15px;line-height:22px}
.site-header .nav .nav-classes{font-weight:500}
.site-header .nav-icons{position:static;display:flex;align-items:center;gap:16px;margin:0}
.site-header .nav-icons .icon-link{width:22px;height:22px}
.site-header .nav .header-contact{position:static;width:auto;height:40px;padding:10px 22px;font-size:13px;line-height:18px;font-weight:600}
@media(min-width:1771px){.site-header .nav>a{font-size:16px}.site-header .nav .header-contact{font-size:14px}}
@media(max-width:1280px){
.site-header,body:not(.home) .site-header{height:80px}
.header-inner{width:calc(100% - 64px);gap:20px}
.site-header .nav{position:fixed;inset:0;justify-content:flex-start;align-items:center;gap:24px;padding:110px 24px 40px;overflow-y:auto}
.site-header .nav>a{font-size:20px;line-height:28px}
.site-header .nav .header-contact{font-size:14px;margin-top:4px;flex-shrink:0}
.site-header .nav-icons{gap:24px}
}
@media(max-width:800px){
.announcement{height:32px;min-height:32px;font-size:8px;line-height:12px;letter-spacing:.65px;padding-inline:16px}
.site-header,body:not(.home) .site-header{height:76px}
.header-inner{width:calc(100% - 40px)}
.header-inner>.brand{font-size:21px;line-height:24px;gap:10px}
.header-inner>.brand .brand-lotus{width:42px;height:42px}
.menu-toggle{width:44px;height:44px;flex-shrink:0}
}

/* Shared hero type scale and stable Voice artwork — client refinement 2026-10-16. */
:root{--sd-hero-title:60px;--sd-hero-description:20px;--sd-hero-gap:20px}
.home .hero{height:auto;min-height:620px;padding-block:80px;background-size:cover!important}
.home .hero h1{font:400 var(--sd-hero-title)/1.15 var(--serif);letter-spacing:0;margin:0 0 var(--sd-hero-gap);text-wrap:balance}
.home .hero-sub{font:400 var(--sd-hero-description)/1.65 var(--sans);max-width:760px;margin:0 0 28px}
.home .hero-rule{margin-bottom:28px}
.voice .voice-disc,.voice .voice-disc:hover{transform:none}
.voice .voice-disc>img,.voice .voice-disc:hover>img{transform:none;transition:none}
.voice .voice-play,.voice .voice-play:hover,.voice .voice-play:focus-visible{transform:none;transition:none;box-shadow:none}
.voice .voice-play .voice-ring,.voice .voice-disc:hover .voice-ring{transform:translate(-50%,-50%);transition:none}
.voice .voice-play .play-glyph,.voice .voice-disc:hover .play-glyph,.voice .voice-play .pause-glyph,.voice .voice-disc:hover .pause-glyph{transform:none;transition:none}
@media(max-width:1280px){:root{--sd-hero-title:48px;--sd-hero-description:18px}}
@media(max-width:600px){
:root{--sd-hero-title:36px;--sd-hero-description:16px;--sd-hero-gap:16px}
.home .hero{min-height:540px;padding-block:64px}
.home .hero-sub{margin-bottom:24px}
.home .hero-rule{margin-bottom:24px;max-width:200px}
}

/* Voice audio feedback: keep the four-circle design stable while loading/playing. */
.voice-play[aria-busy=true]{opacity:.7}
.voice-status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.voice-status.is-error{position:static;width:auto;height:auto;clip:auto;overflow:visible;white-space:normal;margin:20px 0 0;font:400 14px/1.6 var(--sans);color:var(--paper)}
.voice.has-audio-error{height:auto}
.voice-play:focus-visible{outline:2px solid var(--paper);outline-offset:5px}

/* Uploaded Reels: compact portrait player, keyboard-safe close and direct Instagram fallback. */
body.reel-modal-open{overflow:hidden}
#reel-modal{z-index:10000;padding:20px;background:rgba(12,9,6,.88);overscroll-behavior:contain}
#reel-modal .modal-panel{width:min(420px,100%);max-height:calc(100dvh - 40px);background:#211a12;border:1px solid rgba(175,131,55,.5);border-radius:12px;overflow:hidden;box-shadow:0 20px 90px #0008}
.reel-modal-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px 10px 18px;color:#fffdf9;font:500 14px/1.4 Inter,sans-serif}
#reel-modal .modal-close{position:static;display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #fff3;border-radius:50%;color:#fffdf9;font:28px/1 Arial,sans-serif;cursor:pointer}
#reel-modal video{display:block;width:100%;height: min(66dvh,660px);max-height:none;object-fit:contain;background:#000}
#reel-modal .modal-link{padding:15px 20px;background:#af8337;color:#fffdf9;font:500 14px/1.4 Inter,sans-serif;text-decoration:none;text-transform:none;letter-spacing:0}
#reel-modal .modal-link:hover{background:#98702f}
#reel-modal :focus-visible{outline:2px solid #fffdf9;outline-offset:-4px}
.reel-video-status{margin:0;padding:10px 18px;color:#fffdf9;font:14px/1.5 Inter,sans-serif}
.reel-video-status[hidden]{display:none}
.concert-pill>img{border-radius:50%;animation:sd-live-pulse 1.5s ease-in-out infinite}
@keyframes sd-live-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(232,48,48,.45)}50%{opacity:.35;box-shadow:0 0 0 5px rgba(232,48,48,0)}}
@media(max-width:480px){#reel-modal{padding:12px}#reel-modal .modal-panel{max-height:calc(100dvh - 24px)}#reel-modal video{height:min(68dvh,660px)}}
@media(prefers-reduced-motion:reduce){.concert-pill>img{animation:none}}
#reel-modal .modal-panel{display:flex;flex-direction:column}#reel-modal .reel-modal-heading,#reel-modal .modal-link{flex-shrink:0}#reel-modal video{flex:1 1 auto;min-height:0}

/* Client feedback 2026-10-27: shared clickable release announcement. */
a.announcement{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;height:32px;min-height:32px;padding:5px 20px;color:#fffdf9;background:#211a12;text-decoration:none;line-height:16px;transition:background-color .2s ease}
.announcement-copy{display:block;min-width:0}
.announcement-copy strong{color:#f3d8a3;font-weight:600}
.announcement-dot{display:block;flex:0 0 7px;width:7px;height:7px;border-radius:50%;background:#efc578;animation:sd-announcement-pulse 1.8s ease-in-out infinite}
.announcement-youtube{display:block;flex:0 0 20px;color:#efc578}
a.announcement:hover{color:#fffdf9;background:#342719}
a.announcement:hover .announcement-copy strong{text-decoration:underline;text-underline-offset:3px}
a.announcement:focus-visible{outline:2px solid #efc578;outline-offset:-3px}
@keyframes sd-announcement-pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(239,197,120,.45)}50%{opacity:.45;box-shadow:0 0 0 5px rgba(239,197,120,0)}}
@media(max-width:600px){a.announcement{height:auto;min-height:40px;padding:6px 14px;gap:8px;font-size:9px;line-height:13px;letter-spacing:.45px;text-align:center}.announcement-youtube{width:18px;height:14px;flex-basis:18px}}
@media(prefers-reduced-motion:reduce){.announcement-dot{animation:none}a.announcement{transition:none}}

/* Reference playback halo, 2026-10-27: animate light, keep artwork/control geometry fixed. */
.voice .voice-disc{position:relative;isolation:isolate}
.voice .voice-disc::before,.voice .voice-disc::after{content:"";display:block;position:absolute;pointer-events:none;border-radius:50%;opacity:0;transition:opacity .3s ease}
.voice .voice-disc::before{inset:-12px;z-index:-1;background:radial-gradient(circle,transparent 58%,rgba(208,166,95,.18) 69%,transparent 77%);filter:blur(5px);transform:scale(.98)}
.voice .voice-disc::after{inset:-3px;z-index:1;width:auto;height:auto;border:1px solid rgba(232,194,126,.68);background:none;box-shadow:0 0 18px 3px rgba(175,131,55,.12);transform:scale(1)}
.voice .voice-disc.is-audio-playing::before{opacity:.75;animation:sd-voice-halo 2.4s ease-in-out infinite}
.voice .voice-disc.is-audio-playing::after{opacity:.8;animation:sd-voice-rim 2.4s ease-in-out infinite}
.voice .voice-disc.is-audio-playing + .voice-title{color:#f0d5a7}
@keyframes sd-voice-halo{0%,100%{opacity:.35;transform:scale(.98)}50%{opacity:.85;transform:scale(1.045)}}
@keyframes sd-voice-rim{0%,100%{opacity:.5;transform:scale(1);box-shadow:0 0 18px 3px rgba(175,131,55,.12)}50%{opacity:.95;transform:scale(1.018);box-shadow:0 0 28px 5px rgba(208,166,95,.24)}}
@media(prefers-reduced-motion:reduce){.voice .voice-disc::before,.voice .voice-disc::after{transition:none}.voice .voice-disc.is-audio-playing::before,.voice .voice-disc.is-audio-playing::after{animation:none;transform:none;opacity:.7}}

/* The same native play button covers the full artwork; visual controls stay centred. */
.voice .voice-play{inset:0;width:100%;height:100%;border-radius:50%;display:grid;place-items:center;cursor:pointer}
.voice .voice-play:disabled{cursor:default}
.voice .voice-play:focus-visible{outline-offset:4px}

/* Mobile-only seamless announcement, travelling from right to left. */
.announcement-track,.announcement-item{display:flex;align-items:center}
.announcement-item{gap:12px}
.announcement-item--repeat{display:none}
@media(max-width:600px){
 a.announcement{height:40px;min-height:40px;padding:0;gap:0;justify-content:flex-start;overflow:hidden}
 .announcement-track{flex:0 0 auto;width:max-content;will-change:transform;animation:sd-announcement-scroll-left 20s linear infinite}
 .announcement-item{flex:0 0 auto;gap:10px;padding-inline:28px;font-size:10px;line-height:16px;letter-spacing:.7px;white-space:nowrap}
 .announcement-item--repeat{display:flex}
 .announcement-copy{flex:0 0 auto;white-space:nowrap}
 a.announcement:focus-visible .announcement-track{animation-play-state:paused}
}
@keyframes sd-announcement-scroll-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(max-width:600px) and (hover:hover){a.announcement:hover .announcement-track{animation-play-state:paused}}
@media(max-width:600px) and (prefers-reduced-motion:reduce){
 a.announcement{height:auto;min-height:40px}
 .announcement-track{width:100%;animation:none;transform:none;will-change:auto}
 .announcement-item{width:100%;justify-content:center;padding:6px 14px;gap:8px;white-space:normal;font-size:9px;line-height:13px;letter-spacing:.45px}
 .announcement-item--repeat{display:none}
 .announcement-copy{flex:1 1 auto;min-width:0;white-space:normal}
}

/* Dynamic Reels: preserve four portrait cards on desktop, browse up to ten. */
.reels{height:auto}
.reels-carousel{position:relative;min-width:0}
.reels-track{display:flex;gap:28px;overflow-x:auto;scroll-snap-type:x mandatory;overscroll-behavior-x:contain;-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:#af8337 #f2ebe1;padding:4px 0 12px}
.reels-track .reel-card{flex:0 0 calc((100% - 84px)/4);min-width:0;scroll-snap-align:start}
.reels-track .reel-card::after{opacity:1;transform:none;border:1px solid #af8337;background:rgba(33,26,18,.72);color:#fffdf9;pointer-events:none}
.reels-track .reel-card:focus-visible{outline:3px solid #af8337;outline-offset:-4px}
.reels-track:focus-visible{outline:2px solid #af8337;outline-offset:5px}
.reels-arrow{top:calc(50% - 4px)}
.reels-prev{left:12px}.reels-next{right:12px}
.reels-prev img{transform:rotate(180deg)}
.reels-arrow:disabled{opacity:.4;cursor:default}
.reels-arrow:focus-visible{outline:2px solid #211a12;outline-offset:3px}
@media(max-width:800px){.reels-track{gap:18px}.reels-track .reel-card{flex-basis:calc((100% - 18px)/2)}.reels-arrow,.reels-arrow img{width:44px;height:44px}.reels-prev{left:8px}.reels-next{right:8px}}
@media(prefers-reduced-motion:reduce){.reels-track .reel-card img,.reels-track .reel-card::after{transition:none}.reels-track .reel-card:hover img{transform:none}}

/* Home portrait, 2026-10-28: reserve clear space for the face above the copy. */
@media(max-width:800px){
 .home .hero{--sd-home-photo-height:620px;--sd-home-copy-start:320px;min-height:var(--sd-home-photo-height);align-items:flex-end;padding:var(--sd-home-copy-start) 0 32px;background-size:auto var(--sd-home-photo-height)!important;background-position:58% top;background-repeat:no-repeat}
 .home .hero::before{display:block;background:linear-gradient(180deg,rgba(33,26,18,0) 30%,rgba(33,26,18,.28) 48%,rgba(33,26,18,.85) 66%,#211a12 100%)}
}
@media(max-width:600px){
 .home .hero{--sd-home-photo-height:540px;--sd-home-copy-start:280px;padding-bottom:28px}
}

/* Keep the homepage facts and journey link inside narrow mobile columns. */
@media(max-width:800px){
 .home .about-grid{grid-template-columns:minmax(0,1fr)}
 .home .about-copy{min-width:0}
 .home .artist-facts{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 .home .artist-facts>div{min-width:0;padding:12px 6px;height:auto;min-height:91px}
 .home .artist-facts strong{font-size:clamp(16px,4.7vw,23px);line-height:1.4}
 .home .artist-facts span{letter-spacing:0;overflow-wrap:anywhere}
 .home .about-copy>.btn{max-width:100%;height:auto;min-height:40px;padding:10px clamp(16px,4vw,28px);white-space:normal;line-height:1.4;text-align:center}
}

@media(min-width:801px) and (max-width:1280px){.home .artist-facts strong{font-size:clamp(18px,2vw,26px)}}

@media(max-width:360px){.home .artist-facts span{font-size:8px}}


/* Native concert player: preserve the complete landscape composition and controls. */
.stage--video{position:relative;width:100%;max-width:100%;min-width:0;height:auto;aspect-ratio:12/5;overflow:hidden;background:#100d09}
.stage--video .concert-video{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;background:#100d09}
.stage--video .concert-pill,.stage--video .sound-pill{z-index:2}
.stage--video .concert-pill{pointer-events:none}
.concert-sound{border:1px solid #e5c99a66;background:#211a12d9;cursor:pointer}
.concert-sound[aria-pressed=true]{color:#edc473}
.concert-sound:focus-visible,.concert-video:focus-visible{outline:3px solid #edc473;outline-offset:-4px}
.concert-nojs{position:absolute;inset:0;display:grid;place-items:center;background:#211a1280;color:#fffdf9}
.concert-nojs a{background:#211a12;padding:12px 20px;text-decoration:underline}
@media(max-width:1280px){.stage--video{height:auto;aspect-ratio:12/5}.stage--video .concert-video{position:absolute;inset:0}}
@media(max-width:800px){.stage--video{aspect-ratio:16/9;min-height:200px}}

@media(max-width:800px){.stage--video .concert-sound{padding:6px 10px}}