:root { --ink:#263a32; --forest:#173d31; --moss:#537051; --paper:#f6f0e5; --cream:#fffaf1; --sand:#e8c58f; --clay:#be6847; --line:rgba(38,58,50,.16); --serif:"Fraunces", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--paper); color:var(--ink); font-family:"DM Sans", "Noto Sans Devanagari", Arial, sans-serif; line-height:1.5; }
button, input, select { font:inherit; }
button { cursor:pointer; }
a { color:inherit; text-decoration:none; }
.skip-link { position:absolute; left:1rem; top:-3rem; background:var(--ink); color:#fff; padding:.6rem .9rem; z-index:10; }.skip-link:focus { top:1rem; }
.site-header { height:82px; padding:0 clamp(1.25rem,5vw,5.8rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; border-bottom:1px solid var(--line); background:rgba(246,240,229,.94); position:sticky; z-index:5; top:0; backdrop-filter:blur(12px); }
.brand { display:inline-flex; align-items:center; gap:.7rem; letter-spacing:.08em; }.brand-mark { width:2rem; height:2rem; display:grid; place-items:center; border:1px solid var(--ink); border-radius:50%; font-size:.9rem; }.brand strong,.brand small { display:block; line-height:1.1; }.brand strong { font-size:.75rem; letter-spacing:.14em; }.brand small { margin-top:.22rem; color:var(--moss); font-size:.56rem; font-weight:700; letter-spacing:.18em; }
.main-nav { display:flex; align-items:center; gap:1.45rem; margin-left:auto; font-size:.82rem; font-weight:600; }.language-switcher { display:flex; align-items:center; gap:.35rem; color:var(--moss); }.language-symbol { color:var(--clay); font-family:"Noto Sans Devanagari", sans-serif; font-size:.88rem; font-weight:700; }.language-switcher select { border:0; border-bottom:1px solid var(--line); border-radius:0; padding:.2rem 1.1rem .2rem 0; background:transparent; color:var(--ink); font-size:.73rem; font-weight:700; outline-color:var(--clay); }.main-nav a:not(.nav-cta) { transition:color .2s; }.main-nav a:not(.nav-cta):hover { color:var(--clay); }.admin-trigger { border:0; padding:0; background:transparent; color:var(--moss); font-size:.82rem; font-weight:600; }.admin-trigger:hover { color:var(--clay); }.admin-trigger span { margin-left:.25rem; color:var(--clay); }.nav-cta { background:var(--ink); color:#fff; padding:.7rem 1rem; border-radius:2px; }.nav-cta span { margin-left:.4rem; color:var(--sand); }
.menu-toggle { display:none; background:transparent; border:0; width:2.5rem; padding:.4rem; }.menu-toggle span:not(.visually-hidden) { display:block; height:2px; margin:4px; background:var(--ink); }
.section-wrap { max-width:1240px; margin:auto; padding-left:clamp(1.25rem,5vw,5.8rem); padding-right:clamp(1.25rem,5vw,5.8rem); }
.hero { min-height:calc(100vh - 82px); display:grid; grid-template-columns:1.02fr .98fr; overflow:hidden; }.hero-copy { padding:clamp(4.5rem,9vw,8rem) clamp(1.25rem,5vw,5.8rem) 4rem; max-width:700px; margin-left:auto; }.eyebrow,.section-label { display:flex; align-items:center; gap:.7rem; color:var(--moss); font-size:.69rem; font-weight:700; letter-spacing:.14em; }.eyebrow span { display:inline-block; width:24px; height:1px; background:var(--clay); }.hero h1,.intro h2,.directory h2,.library h2,.join h2 { margin:.95rem 0 1.25rem; font-family:var(--serif); font-size:clamp(3.25rem,5.25vw,5.6rem); font-weight:600; letter-spacing:-.055em; line-height:.98; }.hero h1 em,h2 em { color:var(--clay); font-style:italic; font-weight:500; }.hero-text { max-width:515px; color:#51635a; font-size:1rem; }.hero-actions { display:flex; align-items:center; gap:1.75rem; margin-top:2.15rem; }.button { display:inline-flex; align-items:center; justify-content:center; gap:.8rem; border:1px solid transparent; border-radius:2px; padding:.84rem 1.2rem; font-size:.78rem; font-weight:700; letter-spacing:.02em; transition:transform .2s, background .2s; }.button:hover { transform:translateY(-2px); }.button-primary { background:var(--forest); color:#fff; }.button-primary span { color:var(--sand); font-size:1rem; }.button-sand { background:var(--sand); color:var(--ink); }.text-link { font-size:.8rem; font-weight:700; border-bottom:1px solid var(--ink); padding-bottom:2px; }.text-link span { margin-left:.45rem; color:var(--clay); }.hero-note { display:flex; align-items:center; gap:.5rem; margin-top:3.7rem; color:#718077; font-size:.7rem; font-weight:600; }.note-dot { width:7px; height:7px; border-radius:50%; background:#9eb770; }
.hero-art { min-height:560px; position:relative; overflow:hidden; background:#e7c492; }.sun { position:absolute; width:185px; height:185px; top:17%; left:50%; border-radius:50%; background:#f7e3b8; transform:translateX(-50%); }.sun-lines i { position:absolute; left:50%; top:25%; width:1px; height:260px; background:rgba(255,250,241,.48); transform-origin:0 0; }.sun-lines i:nth-child(1){transform:rotate(-67deg)} .sun-lines i:nth-child(2){transform:rotate(-42deg)} .sun-lines i:nth-child(3){transform:rotate(-18deg)} .sun-lines i:nth-child(4){transform:rotate(18deg)} .sun-lines i:nth-child(5){transform:rotate(42deg)}
.hill { position:absolute; border-radius:50% 50% 0 0; bottom:-8%; }.hill-far { left:-10%; width:72%; height:39%; background:#89a17c; }.hill-near { right:-18%; width:90%; height:47%; background:#59765b; }.vihara { position:absolute; width:260px; height:262px; left:50%; bottom:13%; transform:translateX(-50%); }.temple-body { position:absolute; bottom:0; left:58px; width:145px; height:140px; background:#f7e2b8; border:4px solid var(--forest); border-bottom:0; }.roof { position:absolute; left:15px; width:235px; background:var(--forest); clip-path:polygon(50% 0,100% 100%,0 100%); }.roof-back { height:142px; top:48px; opacity:.82; }.roof-front { height:112px; top:75px; background:#254c3b; }.spire { position:absolute; z-index:2; left:119px; top:5px; width:22px; height:77px; background:var(--forest); clip-path:polygon(50% 0,60% 20%,76% 29%,67% 44%,68% 100%,32% 100%,33% 44%,24% 29%,40% 20%); }.doorway { position:absolute; bottom:0; left:52px; width:36px; height:78px; background:var(--forest); border-radius:22px 22px 0 0; }.window { position:absolute; top:49px; width:21px; height:32px; background:var(--forest); border-radius:15px 15px 0 0; }.left-window { left:21px; }.right-window { right:21px; }.lotus { position:absolute; bottom:7%; width:58px; height:30px; }.lotus i { position:absolute; bottom:0; width:24px; height:25px; background:#e99b6d; border-radius:100% 0 100% 0; transform:rotate(45deg); }.lotus i:first-child { left:3px; }.lotus i:nth-child(2) { left:18px; transform:rotate(45deg) scale(1.2); background:#f6c590; }.lotus i:last-child { right:1px; transform:rotate(45deg) scaleX(-1); }.lotus-one { left:14%; }.lotus-two { right:12%; transform:scale(.75); bottom:19%; }.art-caption { position:absolute; left:clamp(1.2rem,4vw,3.5rem); bottom:1.8rem; right:1rem; color:#f8edd7; font-family:var(--serif); font-style:italic; font-size:.86rem; max-width:225px; }
.intro { padding-top:9rem; padding-bottom:9rem; display:grid; grid-template-columns:23% 1fr; }.section-label span { color:var(--clay); }.intro-content { max-width:850px; }.intro h2 { font-size:clamp(2.5rem,4vw,4.25rem); max-width:700px; }.intro-content>p { max-width:690px; color:#5c6d64; font-size:1.02rem; }.principles { display:grid; grid-template-columns:repeat(3,1fr); margin-top:3.6rem; border-top:1px solid var(--line); }.principles>div { padding:1.4rem 1.5rem 0 0; }.principles>div+div { border-left:1px solid var(--line); padding-left:1.5rem; }.principle-icon { color:var(--clay); font-size:1.55rem; }.principles h3 { margin:1.2rem 0 .2rem; font-family:var(--serif); font-size:1.2rem; }.principles p { color:#65746c; font-size:.8rem; }
.path-section { padding:7.5rem 0 7rem; background:var(--forest); color:var(--cream); }.light { color:#bccdb3; }.path-heading { display:flex; justify-content:space-between; align-items:end; margin-top:1.25rem; }.path-heading h2 { margin:0; font-family:var(--serif); font-size:clamp(2.4rem,4vw,4.1rem); letter-spacing:-.045em; line-height:1.02; }.path-heading em { color:var(--sand); font-weight:500; }.path-heading p { margin:0 0 .45rem; width:240px; color:#b7c8bd; font-size:.85rem; }.path-flow { display:flex; align-items:center; margin-top:4.8rem; }.path-step { flex:1; min-height:255px; border-top:1px solid rgba(255,255,255,.22); position:relative; padding-top:1.15rem; }.path-step:not(.state-step) { padding-left:1.7rem; }.step-number { color:#a2b99e; font-size:.66rem; font-weight:700; letter-spacing:.1em; }.path-symbol { display:block; margin-top:2.4rem; color:var(--sand); font-family:var(--serif); font-size:1.65rem; }.path-step h3 { margin:.7rem 0 .25rem; font-family:var(--serif); font-size:1.36rem; font-weight:500; line-height:1.1; }.path-step p { margin:0; color:#b5c7bc; font-size:.72rem; }.flow-line { width:19px; height:1px; background:var(--sand); margin-top:-108px; position:relative; z-index:1; }.flow-line:after { content:""; position:absolute; right:0; top:-3px; width:6px; height:6px; border-top:1px solid var(--sand); border-right:1px solid var(--sand); transform:rotate(45deg); }
.directory { padding-top:9rem; padding-bottom:7.5rem; }.directory-top { display:flex; justify-content:space-between; align-items:end; }.directory h2 { margin-bottom:0; font-size:clamp(2.5rem,4.3vw,4.55rem); }.directory-intro { width:min(355px,35%); padding-bottom:.5rem; }.directory-intro p { color:#617168; font-size:.88rem; }.directory-count { display:block; margin-top:1rem; color:var(--moss); font-size:.72rem; font-weight:700; }.directory-count b { color:var(--clay); font-size:1.2rem; font-family:var(--serif); margin-right:.25rem; }.directory-controls { margin-top:4rem; display:flex; gap:1rem; align-items:center; }.search-box { display:flex; align-items:center; gap:.65rem; width:215px; padding:.7rem .75rem; background:#fffaf0; border:1px solid var(--line); font-size:1.2rem; }.search-box input { min-width:0; width:100%; border:0; background:transparent; outline:0; color:var(--ink); font-size:.75rem; }.region-filter { flex:1; display:flex; gap:.35rem; overflow-x:auto; padding-bottom:3px; }.filter { border:1px solid var(--line); border-radius:99px; background:transparent; padding:.5rem .78rem; white-space:nowrap; color:#5d6c63; font-size:.68rem; font-weight:600; }.filter:hover,.filter.active { border-color:var(--forest); background:var(--forest); color:#fff; }.district-grid { display:grid; grid-template-columns:repeat(4,1fr); margin-top:1.7rem; border-top:1px solid var(--line); border-left:1px solid var(--line); }.district-card { min-height:150px; padding:1.15rem; background:rgba(255,250,241,.45); border-right:1px solid var(--line); border-bottom:1px solid var(--line); text-align:left; position:relative; transition:background .2s, transform .2s; }.district-card:hover { z-index:1; background:#fffaf0; transform:translateY(-3px); box-shadow:0 9px 20px rgba(34,55,44,.08); }.district-card small { display:block; color:var(--moss); font-size:.62rem; font-weight:700; letter-spacing:.08em; }.district-card h3 { margin:.7rem 0 .55rem; font-family:var(--serif); font-size:1.35rem; font-weight:500; line-height:1.1; }.district-card p { margin:0; color:#68776e; font-size:.68rem; }.district-card p strong { color:var(--ink); font-weight:700; }.district-card .card-arrow { position:absolute; right:1rem; bottom:.85rem; color:var(--clay); font-size:1rem; }.empty-state { padding:2rem; text-align:center; color:var(--moss); }.directory-foot { display:flex; justify-content:space-between; margin-top:1.3rem; color:#718077; font-size:.72rem; }
.library { background:#24483a; color:var(--cream); position:relative; overflow:hidden; }.library-curve { position:absolute; top:-60px; left:-5%; width:110%; height:115px; border-radius:0 0 50% 50%; background:var(--paper); }.library-layout { min-height:680px; padding-top:10.5rem; padding-bottom:7rem; display:grid; grid-template-columns:.8fr 1.2fr; gap:5.5rem; align-items:center; }.library h2 { font-size:clamp(2.6rem,4.4vw,4.7rem); }.library-copy>p { max-width:370px; color:#c7d1c6; font-size:.92rem; }.library-copy .button { margin-top:1.8rem; }.book-shelf { display:grid; grid-template-columns:repeat(3,1fr); gap:1.3rem; align-items:end; }.book-card { min-height:313px; padding:1.15rem; display:flex; flex-direction:column; box-shadow:12px 14px 0 rgba(0,0,0,.13); }.book-card span { font-size:.6rem; font-weight:700; letter-spacing:.12em; opacity:.8; }.book-card h3 { margin:2.8rem 0 .55rem; font-family:var(--serif); font-size:1.65rem; font-weight:500; line-height:1.05; }.book-card p { margin:0; font-size:.71rem; }.book-open { margin-top:auto; padding:.85rem 0 0; border:0; border-top:1px solid currentColor; background:transparent; text-align:left; font-size:.66rem; font-weight:700; }.book-open span { float:right; font-size:.9rem; }.book-vinaya { background:#c46e4d; color:#fff8ed; transform:translateY(20px); }.book-sutta { min-height:365px; background:#e8c68b; color:#263a32; }.book-abhidhamma { background:#6e946b; color:#f7f1e4; transform:translateY(10px); }
.lady-sayadaw-library { grid-column:1/-1; display:grid; grid-template-columns:minmax(180px,.78fr) minmax(270px,1.25fr) auto; gap:clamp(1.2rem,3vw,2.5rem); align-items:end; padding:clamp(1.4rem,3vw,2.3rem); background:#f0d69d; color:var(--ink); box-shadow:12px 14px 0 rgba(0,0,0,.13); }.lady-sayadaw-copy>span { color:var(--clay); font-size:.6rem; font-weight:700; letter-spacing:.12em; }.lady-sayadaw-copy h3 { margin:.55rem 0 .75rem; font-family:var(--serif); font-size:clamp(1.8rem,2.8vw,2.65rem); font-weight:500; line-height:.98; }.lady-sayadaw-copy h3 em { color:var(--clay); font-weight:500; }.lady-sayadaw-copy p { margin:0; color:#58665d; font-size:.73rem; }.lady-sayadaw-list { margin:0; padding:0; list-style:none; border-top:1px solid rgba(38,58,50,.2); }.lady-sayadaw-list li { display:grid; grid-template-columns:1.8rem 1fr; gap:.35rem; padding:.66rem 0; border-bottom:1px solid rgba(38,58,50,.2); font-family:var(--serif); font-size:.98rem; line-height:1.15; }.lady-sayadaw-list li>span { color:var(--clay); font-family:var(--sans); font-size:.62rem; font-weight:700; }.lady-sayadaw-list small { display:block; margin-top:.14rem; color:#637168; font-family:var(--sans); font-size:.64rem; }.lady-collection-open { align-self:end; white-space:nowrap; }
.join { padding-top:9rem; padding-bottom:9rem; display:grid; grid-template-columns:1.05fr .7fr; gap:8vw; align-items:start; }.join h2 { font-size:clamp(2.5rem,4vw,4.3rem); }.join-copy>p { max-width:550px; color:#627168; }.contact-row { display:flex; gap:1.3rem; align-items:center; margin-top:2rem; }.contact-row p { margin:0; color:#65756b; font-size:.72rem; }.contact-row strong { color:var(--ink); }.disciple-form { padding:2rem; background:#fffaf0; border:1px solid var(--line); box-shadow:10px 10px 0 #e6daca; }.form-kicker { margin:0; color:var(--clay); font-size:.61rem; font-weight:700; letter-spacing:.1em; }.disciple-form h3 { margin:.7rem 0 0; font-family:var(--serif); font-size:1.85rem; font-weight:500; }.form-help { margin:.25rem 0 1.3rem; color:#68776e; font-size:.75rem; }.disciple-form label { display:block; margin-top:.8rem; color:#526258; font-size:.67rem; font-weight:700; }.disciple-form input,.disciple-form select { display:block; width:100%; margin-top:.3rem; border:1px solid rgba(38,58,50,.25); border-radius:0; padding:.65rem; background:#fffdf6; color:var(--ink); outline-color:var(--clay); font-size:.78rem; }.disciple-form .button { width:100%; margin-top:1.35rem; }.form-message { min-height:1.2em; margin:1rem 0 0; color:var(--moss); font-size:.7rem; font-weight:600; }
.site-footer { padding:2rem clamp(1.25rem,5vw,5.8rem); display:flex; align-items:center; justify-content:space-between; gap:1rem; border-top:1px solid var(--line); color:#6a796f; font-size:.67rem; }.footer-brand { color:var(--ink); }.site-footer p { margin:0; }.district-dialog,.book-dialog { width:min(560px,calc(100% - 2rem)); border:0; padding:0; background:#fffaf0; color:var(--ink); box-shadow:0 25px 80px rgba(15,40,31,.35); }.district-dialog::backdrop,.book-dialog::backdrop { background:rgba(19,47,37,.55); backdrop-filter:blur(3px); }.dialog-close { position:absolute; right:.65rem; top:.65rem; z-index:1; width:2.2rem; height:2.2rem; border:0; border-radius:50%; background:rgba(255,255,255,.75); color:var(--ink); font-size:1.45rem; line-height:1; }.dialog-inner { padding:3.2rem 2.4rem 2.4rem; }.dialog-kicker { color:var(--clay); font-size:.67rem; font-weight:700; letter-spacing:.1em; }.dialog-inner h2 { margin:.5rem 0 1rem; font-family:var(--serif); font-size:2.6rem; font-weight:500; }.leader-box { margin:1.5rem 0; padding:1.2rem; background:#eee1cc; }.leader-box span { display:block; color:#68776e; font-size:.66rem; font-weight:700; letter-spacing:.07em; }.leader-box strong { display:block; margin:.35rem 0; font-family:var(--serif); font-size:1.45rem; font-weight:500; }.leader-box p,.dialog-inner>p { margin:0; color:#56665c; font-size:.83rem; }.disciple-list { border-top:1px solid var(--line); }.disciple-list h3 { margin:1.2rem 0 .5rem; font-family:var(--serif); font-size:1.3rem; font-weight:500; }.disciple-list ul { margin:0; padding:0; list-style:none; }.disciple-list li { display:flex; justify-content:space-between; gap:1rem; padding:.55rem 0; border-bottom:1px solid var(--line); font-size:.75rem; }.disciple-list li span { color:#6d7b71; }.collection-list { padding:0; list-style:none; border-top:1px solid var(--line); }.collection-list li { padding:.75rem 0; border-bottom:1px solid var(--line); font-size:.82rem; }.collection-list li span { float:right; color:var(--moss); font-size:.67rem; font-weight:700; }
.visually-hidden { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
html[lang="hi"] h1,html[lang="hi"] h2,html[lang="hi"] h3,html[lang="hi"] .art-caption,html[lang="mr"] h1,html[lang="mr"] h2,html[lang="mr"] h3,html[lang="mr"] .art-caption { font-family:"Noto Sans Devanagari", var(--serif); letter-spacing:-.035em; }
.admin-dialog { width:min(470px,calc(100% - 2rem)); border:0; padding:0; background:var(--cream); color:var(--ink); box-shadow:0 25px 80px rgba(15,40,31,.35); }.admin-dialog::backdrop { background:rgba(19,47,37,.55); backdrop-filter:blur(3px); }.admin-panel { padding:3.2rem 2.4rem 2rem; }.admin-seal { display:grid; width:2.7rem; height:2.7rem; place-items:center; border-radius:50%; background:var(--forest); color:var(--sand); font-size:1.15rem; }.admin-panel h2 { margin:.85rem 0 .8rem; font-family:var(--serif); font-size:2.55rem; font-weight:500; letter-spacing:-.05em; line-height:1; }.admin-panel h2 em { color:var(--clay); font-weight:500; }.admin-intro { margin:0; color:#607067; font-size:.8rem; }.admin-panel form { margin-top:1.5rem; }.admin-panel form>label { display:block; margin-top:.9rem; color:#526258; font-size:.67rem; font-weight:700; }.admin-panel input[type="email"],.admin-panel input[type="password"] { display:block; width:100%; margin-top:.35rem; border:1px solid rgba(38,58,50,.25); padding:.7rem; background:#fffdf6; color:var(--ink); outline-color:var(--clay); font-size:.78rem; }.admin-options { display:flex; justify-content:space-between; align-items:center; gap:1rem; margin-top:.85rem; font-size:.68rem; }.admin-options a { color:var(--clay); font-weight:700; }.remember { display:flex; align-items:center; gap:.35rem; color:#617168; }.remember input { accent-color:var(--forest); }.admin-panel .button { width:100%; margin-top:1.15rem; }.admin-security { display:flex; align-items:flex-start; gap:.5rem; margin:1.2rem 0 0; padding-top:1rem; border-top:1px solid var(--line); color:#718077; font-size:.65rem; }.admin-security span { color:var(--moss); font-size:1rem; line-height:.8; }
.donation { overflow:hidden; background:#e9c78e; }.donation-layout { padding-top:8rem; padding-bottom:8rem; display:grid; grid-template-columns:minmax(0,1fr) minmax(330px,.72fr); gap:clamp(3rem,8vw,9rem); align-items:center; }.donation h2 { margin:.95rem 0 1.25rem; max-width:670px; font-family:var(--serif); font-size:clamp(2.6rem,4.35vw,4.7rem); font-weight:600; letter-spacing:-.055em; line-height:.98; }.donation-copy>p { max-width:545px; color:#4f5f55; font-size:1rem; }.donation-copy .button { margin-top:1rem; }.donation-note { display:flex; align-items:flex-start; gap:.6rem; margin-top:1.5rem; color:#5d5e4d; font-size:.73rem; font-weight:600; }.donation-note span { color:var(--clay); font-size:.92rem; line-height:1.3; }.donation-card { padding:clamp(1.5rem,3vw,2.45rem); background:var(--cream); box-shadow:13px 14px 0 rgba(38,58,50,.16); }.donation-card-heading { display:flex; align-items:center; gap:.75rem; padding-bottom:1.2rem; border-bottom:1px solid var(--line); }.donation-seal { display:grid; width:2.3rem; height:2.3rem; place-items:center; border:1px solid var(--forest); border-radius:50%; color:var(--clay); }.donation-card-heading p { margin:0; color:var(--moss); font-size:.61rem; font-weight:700; letter-spacing:.11em; }.donation-list { margin:0; padding:0; list-style:none; }.donation-list li { display:grid; grid-template-columns:2rem 1fr; gap:.55rem; padding:1.2rem 0; border-bottom:1px solid var(--line); }.donation-list>li>span { color:var(--clay); font-family:var(--serif); font-size:.82rem; }.donation-list h3 { margin:0; font-family:var(--serif); font-size:1.18rem; font-weight:500; }.donation-list p { margin:.2rem 0 0; color:#66746c; font-size:.74rem; }.upi-payment { margin-top:1.45rem; padding:1.25rem; border:1px solid rgba(23,61,49,.18); background:#f2eadb; text-align:center; }.upi-kicker { display:block; color:var(--clay); font-size:.61rem; font-weight:700; letter-spacing:.12em; }.upi-copy h3 { margin:.35rem 0 .25rem; font-family:var(--serif); font-size:1.45rem; font-weight:500; }.upi-copy p { margin:0 auto 1rem; max-width:290px; color:#5d6c62; font-size:.72rem; }.upi-qr { display:block; width:min(100%,250px); aspect-ratio:1; margin:0 auto; border:7px solid #fff; background:#fff; object-fit:contain; }.upi-id { margin:.85rem 0 0; color:var(--forest); }.upi-id span { display:block; color:var(--moss); font-size:.58rem; font-weight:700; letter-spacing:.1em; }.upi-id strong { display:block; margin-top:.16rem; font-size:.78rem; letter-spacing:.04em; }.donation-card .text-link { display:inline-block; margin-top:1.5rem; }
@media (min-width:701px) and (max-width:1450px) { .main-nav { display:none; position:absolute; top:82px; left:0; right:0; padding:1rem 1.5rem 1.4rem; flex-direction:column; align-items:flex-start; gap:1rem; background:var(--paper); border-bottom:1px solid var(--line); }.main-nav.open { display:flex; }.menu-toggle { display:block; } }
@media (max-width:900px) { .hero { grid-template-columns:1fr; }.hero-copy { max-width:none; padding-bottom:3rem; }.hero-art { min-height:470px; }.intro { grid-template-columns:1fr; gap:2rem; padding-top:6rem; padding-bottom:6rem; }.directory,.join { padding-top:6rem; padding-bottom:6rem; }.library-layout { grid-template-columns:1fr; gap:3rem; padding-top:8.5rem; }.library-copy>p { max-width:500px; }.join { grid-template-columns:1fr; gap:3.8rem; }.district-grid { grid-template-columns:repeat(3,1fr); }.path-flow { display:grid; grid-template-columns:1fr 1fr; gap:2rem; }.path-step { min-height:205px; }.path-step:not(.state-step) { padding-left:0; }.flow-line { display:none; } }
@media (max-width:700px) { .site-header { height:68px; }.main-nav { display:none; position:absolute; top:68px; left:0; right:0; padding:1rem 1.25rem 1.4rem; flex-direction:column; align-items:flex-start; gap:1rem; background:var(--paper); border-bottom:1px solid var(--line); }.main-nav.open { display:flex; }.menu-toggle { display:block; }.hero { min-height:auto; }.hero-copy { padding-top:4rem; }.hero h1 { font-size:clamp(3rem,14vw,4.8rem); }.hero-art { min-height:390px; }.vihara { transform:translateX(-50%) scale(.83); bottom:5%; }.sun { top:10%; }.principles { grid-template-columns:1fr; margin-top:2.5rem; }.principles>div,.principles>div+div { padding:1rem 0; border-left:0; border-bottom:1px solid var(--line); }.path-section { padding:5.5rem 0; }.path-heading,.directory-top,.directory-foot { display:block; }.path-heading p { margin-top:1rem; }.directory-intro { width:auto; margin-top:1.5rem; }.directory-controls { display:block; margin-top:2.5rem; }.search-box { width:100%; }.region-filter { margin-top:.8rem; }.district-grid { grid-template-columns:repeat(2,1fr); }.district-card { min-height:132px; padding:.95rem; }.district-card h3 { font-size:1.15rem; }.book-shelf { gap:.8rem; }.book-card { min-height:235px; padding:.8rem; box-shadow:6px 7px 0 rgba(0,0,0,.13); }.book-sutta { min-height:280px; }.book-card h3 { margin:1.8rem 0 .5rem; font-size:1.25rem; }.book-card p { font-size:.64rem; }.site-footer { display:block; }.site-footer p { margin-top:1rem; }.contact-row { display:block; }.contact-row p { margin-top:1rem; }.dialog-inner { padding:3rem 1.4rem 1.5rem; } }
@media (max-width:420px) { .brand { gap:.45rem; }.brand-mark { width:1.7rem; height:1.7rem; }.brand strong { font-size:.61rem; letter-spacing:.08em; }.brand small { font-size:.46rem; letter-spacing:.1em; }.language-switcher { gap:.18rem; }.language-switcher select { width:66px; padding-right:.15rem; }.language-symbol { font-size:.75rem; } }
@media (max-width:380px) { .book-shelf { grid-template-columns:1fr; }.book-card,.book-sutta { min-height:190px; transform:none; }.book-card h3 { margin:1rem 0 .4rem; }.district-grid { grid-template-columns:1fr; } }
@media (max-width:900px) { .donation-layout { grid-template-columns:1fr; gap:3rem; }.donation-copy>p { max-width:620px; }.donation-card { max-width:580px; } }
@media (max-width:700px) { .donation-layout { padding-top:5.7rem; padding-bottom:5.7rem; gap:2.5rem; }.donation h2 { font-size:clamp(2.65rem,11vw,4rem); }.donation-card { box-shadow:8px 9px 0 rgba(38,58,50,.16); } }
@media (max-width:900px) { .lady-sayadaw-library { grid-template-columns:minmax(200px,.75fr) 1fr; align-items:start; }.lady-collection-open { grid-column:1/-1; justify-self:start; } }
@media (max-width:700px) { .lady-sayadaw-library { grid-template-columns:1fr; padding:1.25rem; box-shadow:7px 8px 0 rgba(0,0,0,.13); }.lady-collection-open { grid-column:auto; } }