:root{--ink:#10362b;--deep:#09281f;--cream:#f6f2e9;--gold:#c6a46b;--pink:#f2b7c1;--line:rgba(16,54,43,.16)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:15px/1.7 'Be Vietnam Pro',sans-serif}.grain{position:fixed;inset:0;z-index:20;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E")}.site-header{height:92px;padding:12px 5.6%;position:absolute;z-index:5;width:100%;display:flex;align-items:center;justify-content:space-between;color:#fff;border-bottom:1px solid rgba(255,255,255,.2)}.site-header.solid{position:relative;background:var(--deep)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:inherit;letter-spacing:.08em;font-size:13px;font-weight:700;line-height:1.1}.brand img{width:60px;height:60px;object-fit:contain;background:#fff;border-radius:50%}.brand small{display:block;font-size:8px;letter-spacing:.12em;font-weight:500;margin-top:6px;opacity:.72}nav{display:flex;align-items:center;gap:29px}nav a{color:inherit;text-decoration:none;font-size:12px;font-weight:600;position:relative}nav a:not(.nav-cta):after{content:'';position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--pink);transition:.3s}nav a:hover:after,nav a.active:after{width:100%}.nav-cta{padding:10px 16px;border:1px solid rgba(255,255,255,.55);border-radius:30px}.nav-cta span{color:var(--pink);font-size:18px;margin-left:6px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:24px}.hero{height:min(800px,100vh);min-height:650px;position:relative;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:url('assets/tay-truc-temple-photo.png') 62% center/cover no-repeat;animation:breathe 14s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,28,21,.9) 0%,rgba(5,28,21,.59) 43%,rgba(5,28,21,.08) 80%),linear-gradient(0deg,rgba(4,24,18,.5),transparent 35%)}.hero-content{z-index:1;position:absolute;top:24%;left:11%;max-width:640px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:700;color:var(--gold)}h1,h2,h3,p{margin-top:0}h1,h2{font-family:'Lora',serif;font-weight:400;line-height:1.04;letter-spacing:-.035em}h1{font-size:clamp(54px,7.1vw,106px);margin:0 0 23px}h1 em,h2 em{color:#3f765b;font-weight:400}.hero h1 em,.page-title h1 em,.visit h2 em{color:#a9d2a9}.hero-copy{max-width:410px;font-size:16px;color:rgba(255,255,255,.82)}.hero-actions{display:flex;align-items:center;gap:27px;margin-top:35px}.button{display:inline-flex;gap:25px;align-items:center;padding:13px 20px;background:var(--gold);border:1px solid var(--gold);border-radius:2px;color:var(--deep);font-weight:700;font-size:12px;text-decoration:none;transition:.25s}.button:hover{transform:translateY(-3px);background:#d8b87e}.button span{font-size:20px}.text-link,.inline-link{color:inherit;text-decoration:none;font-size:12px;font-weight:700}.text-link span,.inline-link span{color:var(--pink);font-size:19px;margin-left:7px}.hero-side{position:absolute;right:4%;bottom:25%;font-family:'Lora';font-size:11px;letter-spacing:.45em;line-height:1.5;writing-mode:vertical-rl}.scroll-cue{position:absolute;bottom:28px;left:5.6%;font-size:9px;letter-spacing:.2em;display:flex;gap:10px;align-items:center}.scroll-cue span{height:1px;width:45px;background:var(--pink)}.section{padding:132px 11%;display:grid;grid-template-columns:16% 50% 1fr;gap:4%}.section-label{font-size:10px;letter-spacing:.16em;text-transform:uppercase;font-weight:700}.section-label span{color:var(--gold);font-size:11px}.section-label p{margin-top:9px}.welcome-copy h2,.history h2,.visit h2,.milestones h2{font-size:clamp(38px,4vw,62px);margin-bottom:28px}.welcome-copy>p:not(.eyebrow){max-width:510px}.inline-link{display:inline-block;margin-top:18px;color:var(--ink)}.quote{border-left:1px solid var(--line);padding:20px 0 0 28px}.quote-mark{font:70px/.5 'Lora';color:var(--gold)}.quote p{font:22px/1.45 'Lora'}.quote small{font-size:9px;letter-spacing:.15em}.section-dark{background:var(--deep);color:#f8f5ed}.history{padding:132px 11%;display:grid;grid-template-columns:42% 1fr;gap:10%}.history-intro>p:not(.eyebrow){max-width:440px;color:rgba(255,255,255,.67);margin-bottom:30px}.button-outline{background:transparent;color:#f8f5ed;border-color:rgba(255,255,255,.38)}.button-outline:hover{background:#f8f5ed;color:var(--deep)}.timeline{border-left:1px solid rgba(255,255,255,.25);padding-left:40px}.timeline article{position:relative;padding:0 0 37px}.timeline article:before{content:'';position:absolute;width:8px;height:8px;border:2px solid var(--pink);background:var(--deep);border-radius:50%;left:-45px;top:8px}.timeline span{font-size:10px;font-weight:700;letter-spacing:.17em;color:var(--gold)}.timeline h3{font:27px 'Lora';margin:8px 0}.timeline p{color:rgba(255,255,255,.62);font-size:13px;max-width:430px}.article-link{display:inline-block;color:var(--pink);font-size:10px;font-weight:700;letter-spacing:.1em;text-decoration:none;text-transform:uppercase}.article-link:hover{color:#fff}.visit{text-align:center;padding:137px 20px;background:linear-gradient(rgba(9,40,31,.91),rgba(9,40,31,.91)),url('assets/tay-truc-temple-photo.png') center/cover}.visit h2{color:#fff}.visit .eyebrow{color:var(--pink)}footer{padding:53px 5.6%;background:#071d16;color:#eee;display:grid;grid-template-columns:1.2fr 1fr 1fr .65fr auto;align-items:center;gap:30px;font-size:11px}footer>p{margin:0;color:rgba(255,255,255,.55)}footer>div{display:flex;gap:20px}footer a{color:#fff;text-decoration:none}footer>small{color:rgba(255,255,255,.4)}.page-title{background:var(--deep);color:#fff;padding:112px 11% 105px;min-height:440px}.page-title h1{margin-bottom:20px}.page-title>p:last-child{max-width:360px;color:rgba(255,255,255,.7)}.story{display:grid;grid-template-columns:27% 1fr;gap:12%;padding:115px 16% 130px}.story aside{font-size:11px;letter-spacing:.15em;text-transform:uppercase}.story aside div{height:130px;width:1px;background:var(--gold);margin:20px 0}.story aside span{color:var(--gold);font:20px/1.4 'Lora';letter-spacing:0;text-transform:none}.prose{max-width:670px}.prose h2{font-size:48px}.prose p{margin-bottom:22px}.milestones{background:#eae4d6;padding:110px 11%;display:grid;grid-template-columns:42% 1fr;gap:8%}.milestones ol{list-style:none;padding:0;margin:0}.milestones li{display:flex;gap:25px;padding:0 0 23px;margin-bottom:23px;border-bottom:1px solid var(--line)}.milestones b{color:var(--gold);font-size:11px}.milestones h3{font:25px 'Lora';margin:0 0 7px}.milestones p{font-size:13px;margin:0}.closing{max-width:830px;text-align:center;margin:0 auto;padding:130px 25px}.closing p{font:38px/1.25 'Lora';color:var(--ink)}.closing span{font-size:10px;letter-spacing:.15em;color:var(--gold);font-weight:700}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:115px 11%}.contact-details h2{font-size:58px}.detail{padding:20px 0;border-top:1px solid var(--line)}.detail span{font-size:10px;font-weight:700;letter-spacing:.16em;color:var(--gold)}.detail p{margin:8px 0 0}.detail a{color:var(--ink)}.contact-form{background:#eae4d6;padding:42px}.contact-form label{display:block;font-size:11px;letter-spacing:.09em;font-weight:700;margin:20px 0}.contact-form input,.contact-form textarea{font:14px 'Be Vietnam Pro';display:block;width:100%;border:0;border-bottom:1px solid #9eaa9f;background:none;padding:12px 0;color:var(--ink);outline:none}.contact-form textarea{height:100px;resize:vertical}.contact-form .button{margin-top:12px}.form-status{margin:12px 0 0;color:var(--ink);font-size:12px}.contact-grid+.visit{margin-top:0}.petals i{position:fixed;z-index:3;top:-40px;width:12px;height:8px;border-radius:100% 0 100% 0;background:var(--pink);opacity:.75;pointer-events:none;animation:fall linear infinite}.petals i:nth-child(3n){background:#ffd4da;width:8px;height:6px}.petals i:nth-child(2n){animation-name:fall2}@keyframes breathe{to{transform:scale(1.06)}}@keyframes fall{to{transform:translate3d(var(--drift),110vh,0) rotate(540deg)}}@keyframes fall2{to{transform:translate3d(calc(var(--drift) * -1),110vh,0) rotate(-500deg)}}
@media(max-width:800px){.site-header{height:74px;padding:8px 6%}.brand img{width:48px;height:48px}.brand{font-size:11px}.menu-toggle{display:block}nav{display:none;position:absolute;top:74px;left:0;width:100%;padding:25px 6%;background:var(--deep);flex-direction:column;align-items:flex-start;gap:18px}nav.open{display:flex}.hero{min-height:680px}.hero-content{left:8%;top:25%;right:8%}.hero-side{display:none}.section,.history,.milestones,.contact-grid{grid-template-columns:1fr;padding:82px 8%;gap:35px}.section-label{display:flex;gap:12px}.quote{padding-left:20px}.timeline{padding-left:28px}.timeline article:before{left:-33px}.story{grid-template-columns:1fr;padding:80px 8%;gap:35px}.story aside{display:flex;gap:20px;align-items:center}.story aside div{height:1px;width:80px;margin:0}.prose h2{font-size:40px}.page-title{padding:90px 8% 75px;min-height:370px}.closing p{font-size:30px}.contact-form{padding:28px}.contact-details h2{font-size:46px}footer{grid-template-columns:1fr;gap:18px;padding:45px 8%}.hero-actions{gap:18px;align-items:flex-start;flex-direction:column}.scroll-cue{left:8%}}
.lang-toggle{border:1px solid rgba(255,255,255,.6);border-radius:20px;padding:5px 9px;background:transparent;color:#fff;font:700 10px 'Be Vietnam Pro',sans-serif;letter-spacing:.09em;cursor:pointer}.lang-toggle:hover{background:rgba(255,255,255,.13)}
.abbot{display:grid;grid-template-columns:minmax(260px,430px) 1fr;align-items:center;gap:10%;padding:105px 16%;background:#eae4d6}.abbot-photo{position:relative}.abbot-photo:before{content:'';position:absolute;inset:-15px 15px 15px -15px;border:1px solid var(--gold);z-index:0}.abbot-photo img{position:relative;z-index:1;display:block;width:100%;aspect-ratio:1/1;object-fit:cover}.abbot-copy h2{font-size:clamp(48px,5.5vw,76px);margin:0 0 22px}.abbot-copy>p:last-child{font:24px 'Lora';color:var(--ink)}
@media(max-width:800px){.abbot{grid-template-columns:1fr;padding:75px 10%;gap:46px}.abbot-photo{max-width:420px}.abbot-copy h2{font-size:54px}}
.contact-person{display:flex;align-items:center;gap:32px;max-width:820px;margin:0 auto;padding:82px 8%;border-bottom:1px solid var(--line)}.contact-person img{width:150px;height:150px;object-fit:cover;border-radius:50%;border:6px solid #eae4d6}.contact-person h2{font-size:48px;margin:0 0 10px}.contact-person>div>p:not(.eyebrow){margin-bottom:20px}.contact-person .button{padding:9px 15px;gap:12px}@media(max-width:560px){.contact-person{align-items:flex-start;padding:60px 10%;gap:22px}.contact-person img{width:105px;height:105px}.contact-person h2{font-size:36px}.contact-person .button{font-size:10px;padding:8px 10px}}.music-frame{position:fixed;width:1px;height:1px;right:0;bottom:0;border:0;opacity:0;pointer-events:none}.music-toggle{position:fixed;right:24px;bottom:24px;z-index:10;border:1px solid rgba(255,255,255,.48);border-radius:24px;padding:10px 15px;background:var(--deep);box-shadow:0 8px 25px rgba(0,0,0,.2);color:#fff;font:600 11px 'Be Vietnam Pro',sans-serif;letter-spacing:.06em;cursor:pointer;transition:.25s}.music-toggle:hover,.music-toggle[aria-pressed="true"]{background:var(--gold);border-color:var(--gold);color:var(--deep)}@media(max-width:560px){.music-toggle{right:15px;bottom:15px}}
.gallery{padding:120px 8%;background:var(--cream)}.gallery-heading{max-width:600px;margin:0 auto 52px;text-align:center}.gallery-heading h2{font-size:clamp(42px,5vw,72px);margin:0 0 20px}.gallery-heading>p:last-child{max-width:420px;margin:0 auto}.gallery-grid{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:16px;max-width:1280px;margin:auto}.gallery-card{position:relative;grid-column:span 4;grid-row:span 3;margin:0;overflow:hidden;background:var(--deep);animation:gallery-rise .85s cubic-bezier(.2,.65,.3,1) both}.gallery-card:nth-child(2){animation-delay:.08s}.gallery-card:nth-child(3){animation-delay:.16s}.gallery-card:nth-child(4){animation-delay:.24s}.gallery-card:nth-child(5){animation-delay:.32s}.gallery-card:nth-child(6){animation-delay:.4s}.gallery-card.gallery-tall{grid-row:span 6}.gallery-card.gallery-wide{grid-column:span 8}.gallery-card img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.65,.3,1),opacity .4s}.gallery-card:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 44%,rgba(6,26,19,.7));pointer-events:none}.gallery-card figcaption{position:absolute;z-index:1;left:16px;bottom:13px;color:#fff;font-size:10px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;transform:translateY(5px);opacity:.85;transition:.35s}.gallery-card:hover img{transform:scale(1.06);opacity:.9}.gallery-card:hover figcaption{transform:translateY(0);opacity:1}@keyframes gallery-rise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@media(max-width:800px){.gallery{padding:85px 8%}.gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:115px;gap:10px}.gallery-card{grid-column:span 1;grid-row:span 2}.gallery-card.gallery-tall{grid-row:span 4}.gallery-card.gallery-wide{grid-column:span 2;grid-row:span 2}}@media(prefers-reduced-motion:reduce){.gallery-card{animation:none}.gallery-card img{transition:none}}