@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&display=swap');
:root{--cream:#fff8e6;--ink:#172f36;--blue:#193c3a;--red:#b94326;--gold:#c89439;--display:'Barlow Condensed','Be Vietnam Pro',sans-serif}
html{background:#142c29;scroll-padding-top:25px}body{max-width:1240px;margin:52px auto;background:var(--cream);border:1px solid #fff8dfb3;border-radius:18px;box-shadow:0 35px 100px #0008;font-size:13px;position:relative}html:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(#122b29e8,#0a2526c9),url('assets/journey-art.png') center/cover;z-index:-1}body:after{content:'';position:absolute;inset:0;pointer-events:none;border-radius:18px;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23695229' opacity='.3' filter='url(%23n)' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:10}
header{background:transparent;border:0;height:110px;padding:10px 6%}nav{font-size:11px;gap:28px}nav a:hover{color:var(--red)}.logo{width:132px;height:77px}.logo img{width:236px;left:-52px;top:-130px}.button{background:var(--red);border-radius:0;font-size:11px;letter-spacing:.3px;padding:14px 23px}.button:hover{background:var(--blue)}header .button{border:1px solid #b6a278;background:transparent;color:var(--ink);padding:9px 17px}.eyebrow{font-size:9px;color:#8c713f;letter-spacing:2px}h2{font:700 clamp(44px,5vw,68px)/1.03 var(--display);letter-spacing:-1px}h2 em{display:inline-block;font:italic 600 .76em/1.2 'Playfair Display',Georgia,serif;color:var(--red);margin-top:8px}h3{font-family:var(--display);font-weight:600;font-size:31px}section{padding:85px 10%;position:relative}.progress{left:max(12px,calc((100vw - 1240px)/2 + 23px));font-size:9px;gap:17px}.progress span{display:none}.progress a{color:#807b64}.progress a.active{color:#c16123}
.hero{height:900px;padding:0;isolation:isolate;background:var(--cream);overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.8px;padding:10px 0 20px;border-top:1px solid #cbb88d88;margin:0 6%}.hero>.eyebrow{position:absolute;top:80px;width:100%;z-index:4}.hero h1{margin:0;position:absolute;inset:112px 0 auto;z-index:2;line-height:1}.hero-intro{display:block;font:600 23px/1.2 var(--display);letter-spacing:8px;margin-bottom:5px}.hero-word{display:block;font:800 clamp(100px,16vw,205px)/1.05 var(--display);letter-spacing:-5px;color:#c57c19;white-space:nowrap}.hero-script{font:italic 600 42px 'Playfair Display',Georgia,serif;display:block;margin-top:-7px;color:#9f3a25;position:relative;z-index:3}.hero-art{position:absolute;inset:175px 0 0;margin:0;padding:0;z-index:1;overflow:hidden}.hero-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 70%;mask-image:linear-gradient(transparent,#000 19%);filter:saturate(.88)}.hero:after{content:'';position:absolute;left:0;right:0;bottom:0;height:230px;background:linear-gradient(transparent,#102d2bf0);z-index:1;pointer-events:none}.round-seal{position:absolute;right:7%;top:430px;z-index:4;display:flex;flex-direction:column;justify-content:center;align-items:center;width:116px;height:116px;border:1px solid #fff0c8;border-radius:50%;color:#fff4d7;background:#23453be8;transform:rotate(12deg);box-shadow:0 0 0 6px #fff4d71a;transition:transform .3s}.round-seal span{font-size:7px;letter-spacing:1.4px}.round-seal b{font-size:33px;font-weight:400;line-height:1.5}.round-seal:hover{transform:rotate(0)}.hero-bottom{position:absolute;bottom:32px;left:6%;right:6%;z-index:3;color:#fff5dc;padding:0;align-items:end}.hero-bottom p{font-size:11px;line-height:1.7}.hero-bottom .button{background:#f4e7c6;color:#183c38}.hero .verse{position:absolute;bottom:110px;left:0;width:100%;z-index:3;color:#fff6d9;font:600 34px/1.2 var(--display);margin:0;text-shadow:0 2px 16px #123d2b}.hero .verse span{font-size:8px;letter-spacing:2px}
.mission{border:0;grid-template-columns:1fr 1fr;gap:80px;align-items:center;padding-top:115px;padding-bottom:115px}.mission:before{content:'✦';position:absolute;left:5%;top:90px;font-size:26px;color:var(--gold)}.story-copy .lead{font-size:16px;font-weight:500;line-height:1.6}.story-copy>p:not(.lead){font-size:12px}.text-link{display:inline-block;font-size:11px;margin-top:12px;border-bottom:1px solid var(--red);color:var(--red)}.story-image{margin:0;position:relative;transform:rotate(3deg);padding:13px 13px 18px;background:#fffdf5;box-shadow:0 13px 35px #4a3c2720}.story-image>img{width:100%;height:380px;object-fit:cover;object-position:52% 80%;border-radius:120px 120px 0 0}.story-image figcaption{padding-top:15px;text-align:center}.story-image figcaption span{display:block;font-size:7px;letter-spacing:1.5px}.story-image figcaption i{font:italic 15px/2 Georgia,serif}.story-stamp{position:absolute;left:-35px;top:60px;width:100px;height:100px;border:2px solid #a44828;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#a44828;background:#fbefcf;font:700 10px/1.8 var(--display);text-align:center;transform:rotate(-15deg);box-shadow:inset 0 0 0 4px #fbefcf,inset 0 0 0 5px #a44828}
.section-head{align-items:end}.section-head h2{font-size:72px}.section-head>p{font-size:11px;padding-bottom:8px}.cards{gap:0;border-top:1px solid #c9b98f}.cards details{background:transparent!important;color:var(--ink)!important;border-top:0!important;padding:30px 24px 10px;border-right:1px solid #c9b98f}.cards details:first-child{padding-left:0}.cards details:last-child{border:0;padding-right:0}.cards .number{font:600 37px var(--display);opacity:1;color:#b6a27b}.cards .card-icon{font-size:34px;color:var(--red)}.cards h3{font-size:29px;margin-top:20px;min-height:70px}.cards .tag{font-size:8px;letter-spacing:1px}.cards p{font-size:12px;line-height:1.9}.cards a{font-size:11px;border-color:var(--red)}#ministries{padding-top:35px;padding-bottom:90px}
.art-interlude{margin:10px 0 0;height:455px;position:relative;overflow:hidden;background:#173b33}.art-interlude img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 85%;filter:brightness(.55) saturate(.75)}.art-interlude div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff2ca;text-align:center}.art-interlude span{font-size:9px;letter-spacing:3px}.art-interlude strong{font:800 clamp(65px,10vw,135px)/1 var(--display);margin-top:20px;letter-spacing:-2px}.art-interlude em{font:italic 600 34px 'Playfair Display',serif;margin-top:10px}
.map-section{background:transparent;padding-top:95px}.map-section>h2{font-size:70px}.map-layout{gap:35px}.map-art{position:relative}.map-art:before{content:'VIỆT NAM';position:absolute;top:15px;left:5px;font:600 14px var(--display);letter-spacing:4px;color:#b29a66}.map-art svg{filter:drop-shadow(9px 12px 0 #ddc99944)}.land{fill:#193c3a}.region-panel h3{font-size:39px}.region-tabs button{border-radius:0;font-size:10px;padding:8px 11px}.region-tabs{gap:5px}.region-row{padding:18px 0}.region-panel .button{margin-top:15px}.map-art small{font-size:9px}
.connect{margin:30px 6% 80px;padding:60px 5%;background:#eeddb8;gap:60px;align-items:start;border:1px solid #c5ad79;outline:1px solid #c5ad79;outline-offset:7px}.connect h2{font-size:55px}.connect>div>p{font-size:12px}.connect form{box-shadow:none;background:transparent;border:0;padding:0}.connect input:not([type=checkbox]),.connect textarea{background:#fff8e66b;border-color:#b8a47b;border-radius:0;font-size:12px}.connect .note{font-size:9px}.prayer{font-size:11px}footer{background:#163c35;border-radius:0 0 17px 17px;position:relative;padding:55px 8% 25px;color:#ecdfbb;font-size:11px;gap:30px}footer strong{font:600 33px var(--display)}footer .footer-faith{font-size:11px}footer small{font-size:9px}
@media(min-width:1450px){body{margin-top:70px;margin-bottom:70px}}@media(max-width:1300px){body{margin:25px 30px}.progress{left:42px}.hero{height:830px}.hero-word{font-size:16vw}.hero-art{top:165px}.hero-script{font-size:36px}}@media(max-width:900px){body{margin:15px}.progress{display:none}.mission{gap:40px;padding:70px 7%}.story-image>img{height:330px}.hero{height:750px}.hero-word{font-size:17vw}.hero-intro{font-size:19px}.hero-art{top:150px}.hero h1{top:110px}.hero-script{font-size:30px}.round-seal{top:370px}.section-head h2,.map-section>h2{font-size:56px}.connect{gap:35px}.cards details{padding:25px 15px}.cards h3{font-size:26px}.eyebrow{letter-spacing:1.4px}}@media(max-width:800px){.mission{grid-template-columns:1fr 1fr}.map-layout{grid-template-columns:1fr 1fr;gap:20px}.connect{grid-template-columns:1fr}.cards{grid-template-columns:repeat(3,1fr)}.hero-bottom{flex-direction:row;text-align:left}.section-head{display:flex}h2{font-size:44px}.story-image>img{height:310px}.story-stamp{width:80px;height:80px;left:-20px;font-size:8px}.art-interlude{height:330px}.art-interlude em{font-size:26px}.region-panel h3{font-size:30px}.region-panel .button{font-size:10px;padding:12px}.region-row p{font-size:11px}.hero-topline{font-size:6px;letter-spacing:1px}}
@media(max-width:600px){body{margin:8px;border-radius:12px}header{height:90px;padding:5px 6%}header .button{font-size:9px;padding:8px 11px}.hero{height:700px}.hero-topline{padding:5px 0 14px;gap:10px}.hero>.eyebrow{top:58px;font-size:7px}.hero h1{top:90px}.hero-intro{font-size:17px;letter-spacing:5px}.hero-word{font-size:19vw;letter-spacing:-2px;line-height:1.2}.hero-script{font-size:27px;margin-top:0}.hero-art{top:145px}.hero-art img{object-position:51% 70%;mask-image:linear-gradient(transparent,#000 15%)}.round-seal{width:85px;height:85px;top:315px;right:6%}.round-seal span{font-size:5px}.round-seal b{font-size:25px}.hero .verse{bottom:125px;font-size:29px}.hero-bottom{bottom:25px;align-items:center;gap:10px}.hero-bottom p{font-size:9px;max-width:52%}.hero-bottom .button{font-size:9px;padding:12px 13px;gap:10px}.mission{grid-template-columns:1fr;gap:40px;padding:65px 9%}.mission:before{display:none}.story-image{margin:0 12px}.story-image>img{height:340px}.story-copy h2{font-size:48px}.section-head{display:block}.section-head h2,.map-section>h2{font-size:49px}.section-head>p{display:none}#ministries{padding:30px 9% 60px}.cards{grid-template-columns:1fr}.cards details{border-right:0;border-bottom:1px solid #c9b98f;padding:25px 0!important}.cards h3{min-height:0;margin:8px 0;font-size:31px}.cards p{margin:18px 0}.cards .card-icon{font-size:28px}.cards .number{font-size:30px}.art-interlude{height:310px}.art-interlude strong{font-size:65px}.art-interlude em{font-size:21px}.map-section{padding:60px 8%}.map-layout{grid-template-columns:1fr;gap:30px}.map-art svg{max-height:400px}.map-section>h2{font-size:46px}.connect{margin:15px 7% 55px;padding:35px 7%;gap:30px}.connect h2{font-size:43px}.connect label{font-size:11px}.connect input:not([type=checkbox]),.connect textarea{font-size:16px}.connect .button{font-size:10px}footer{padding:40px 9% 25px;grid-template-columns:1fr 1fr}footer strong{font-size:29px}.hero-topline span:last-child{text-align:right}}