/* Theme Name: NMCC — Living Hope
Version: 1.0.0
Description: A custom responsive foundation for New Millennium Christian Center.
Text Domain: nmcc
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Libre+Caslon+Display&display=swap');
:root{--paper:#f8f5ee;--ink:#142d36;--navy:#0b2a44;--gold:#b79153;--muted:#5c6769;--line:#d8d6cc;--serif:'Libre Caslon Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.7}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b48037;outline-offset:6px}.skip{position:fixed;top:-100px;left:20px;z-index:100;background:var(--ink);color:white;padding:12px}.skip:focus{top:12px}.preview-note{background:var(--ink);color:#eadbc3;font-size:10px;letter-spacing:.16em;text-align:center;padding:8px 20px}.preview-note span{letter-spacing:.04em;margin-left:18px;color:#e0e4e2}header{display:flex;align-items:center;justify-content:space-between;padding:25px 5%;border-bottom:1px solid var(--line);gap:30px}.brand{display:flex;align-items:center;gap:12px;font-size:32px;font-weight:600;line-height:1;letter-spacing:.03em}.brand small{display:block;font-size:7px;letter-spacing:.13em;margin-top:8px}.mark{font-size:48px;font-weight:400;color:var(--gold)}nav{display:flex;align-items:center;gap:30px;font-size:13px}nav a:hover,.text-link:hover{color:#8d642f}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;background:var(--ink);color:var(--paper);padding:16px 25px;font-size:13px;font-weight:500;border:1px solid var(--ink);transition:background .2s}.button:hover{background:#284752;color:white}.button span{font-size:19px}.button.small{padding:10px 18px}.menu-toggle{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;min-height:680px}.hero-copy{padding:76px 8% 30px 9%;display:flex;flex-direction:column;align-items:flex-start}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.18em;line-height:1.6;margin:0 0 28px}.eyebrow i{display:inline-block;width:6px;height:6px;border-radius:100%;background:var(--gold);margin-right:9px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:400}h1,h2{font-family:var(--serif);line-height:1.02;letter-spacing:-.035em}h1{font-size:clamp(58px,5.6vw,88px);margin-bottom:30px}em{font-weight:400;color:#9b713e}h1 em,h2 em{font-style:italic}.intro{max-width:380px;color:var(--muted);font-size:16px;margin-bottom:33px}.actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-size:13px;font-weight:500;display:inline-flex;align-items:center;gap:24px;border-bottom:1px solid #a6aca8;padding-bottom:6px}.hero-bottom{width:100%;display:flex;justify-content:space-between;gap:20px;margin-top:auto;padding-top:74px;font-size:8px;letter-spacing:.13em}.hero-bottom a{display:flex;gap:20px}.art{overflow:hidden;position:relative;background:radial-gradient(ellipse at 52% 30%,#bca783,#625d4d 55%,#333d39);min-height:680px}.art-grain{position:absolute;inset:0;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='.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.7' d='M0 0h180v180H0z'/%3E%3C/svg%3E");z-index:4;pointer-events:none}.halo{position:absolute;width:650px;height:650px;border:1px solid #ffffff12;border-radius:50%;left:50%;top:45%;transform:translate(-50%,-50%);box-shadow:0 0 0 45px #ffffff04,0 0 0 90px #ffffff03}.arch{position:absolute;border-radius:240px 240px 0 0}.arch-back{width:76%;height:95%;left:12%;top:10%;border:1px solid #dcc7a252;box-shadow:inset 15px 0 25px #0002,12px 4px 40px #0003}.arch-front{width:58%;height:83%;left:21%;top:21%;background:linear-gradient(110deg,#ede1c1,#c6ae7c 35%,#656753 100%);box-shadow:-16px -8px 0 #ffffff08,-24px -13px 0 #0000000d,15px 0 38px #0005;overflow:hidden}.cross{position:absolute;left:50%;top:19%;height:32%;width:2px;background:#fdf1c3;box-shadow:0 0 18px 5px #fff3c748}.cross:after{content:'';position:absolute;top:28%;width:80px;height:2px;background:#fdf1c3;left:-39px;box-shadow:0 0 18px 5px #fff3c730}.light{position:absolute;bottom:-12%;left:-65%;width:200%;height:70%;background:linear-gradient(145deg,transparent 30%,#fff3cd66 31%,#fff3cd00 65%);transform:rotate(15deg)}.steps{position:absolute;bottom:0;width:100%;height:130px;background:repeating-linear-gradient(0deg,#3d453d 0,#5b6051 1px,#6a6d58 31px,#474d40 32px);transform:perspective(280px) rotateX(35deg);transform-origin:bottom}.art-caption{position:absolute;bottom:26px;left:30px;right:30px;display:flex;justify-content:space-between;color:#fff9e5;font-size:8px;line-height:1.7;letter-spacing:.14em;z-index:5}.section{padding:100px 7%}.welcome{border-bottom:1px solid var(--line)}.welcome-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:9%}h2{font-size:clamp(42px,4.3vw,65px);margin-bottom:24px}.welcome-grid h2{max-width:620px}.large-copy{font-size:21px;line-height:1.6}p{color:var(--muted)}.welcome .eyebrow{color:var(--muted)}.welcome-grid .text-link{margin-top:14px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:flex-end;margin-bottom:40px}.section-heading p:last-child{font-size:13px}.next-grid{display:grid;grid-template-columns:repeat(3,1fr)}.next-item{padding:25px 30px 35px;position:relative;display:block;border-top:1px solid var(--line);border-right:1px solid var(--line)}.next-item:first-child{padding-left:0}.next-item:last-child{border-right:0}.number{font-size:9px;letter-spacing:.12em;color:var(--muted)}.line-art{height:100px;margin:38px 0 25px;position:relative;width:100px;color:var(--gold)}.sun{border:1px solid var(--gold);border-radius:100%}.sun:after,.sun:before{content:'';position:absolute;inset:14px;border:1px solid var(--gold);border-radius:100%}.sun:after{inset:30px}.circles:before,.circles:after{content:'';position:absolute;width:70px;height:90px;border:1px solid var(--gold);border-radius:50px}.circles:after{left:35px}.branches{font-size:108px;line-height:1}.next-item h3{font-family:var(--serif);font-size:33px;margin-bottom:14px}.next-item p{font-size:14px;max-width:240px}.round-arrow{display:inline-flex;align-items:center;justify-content:center;width:35px;height:35px;border:1px solid var(--line);border-radius:50%;margin-top:15px}.next-item:hover .round-arrow{background:var(--ink);color:white}.watch{background:var(--ink);color:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.watch-art{min-height:360px;position:relative;background:linear-gradient(135deg,#87917c,#394e48 55%,#233a3b);overflow:hidden;display:flex;align-items:center;padding:40px}.watch-word{font-family:var(--serif);font-size:100px;line-height:.85;z-index:1;color:#f5edda}.watch-word em{color:#d8be89}.open-book{position:absolute;right:-50px;width:250px;height:400px;border:1px solid #d6c49660;transform:rotate(28deg);box-shadow:0 0 0 15px #d6c49608,0 0 0 30px #d6c49608,0 0 0 45px #d6c49608}.watch-copy p{color:#c5ceca;max-width:380px}.watch-copy em{color:#d8be89}.connection-note{font-size:12px;line-height:1.8;border-top:1px solid #8c968f55;padding-top:18px;margin-top:25px;color:var(--muted)}.watch .connection-note{color:#cad2cc}.status-dot{width:5px;height:5px;background:#c6ac79;display:inline-block;margin-right:8px;border-radius:50%}.visit{display:grid;grid-template-columns:1fr 1fr;gap:10%;align-items:center}.visit>div>p:not(.eyebrow){max-width:440px}.faq details{border-top:1px solid var(--line);padding:23px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:15px}summary::-webkit-details-marker{display:none}summary span{color:#956e38;font-size:22px}.faq details[open] summary span{transform:rotate(45deg)}.faq p{font-size:14px;max-width:380px;margin:18px 0 5px}.community{text-align:center;border-top:1px solid var(--line);background:#efeee6}.community>p{max-width:560px;margin-left:auto;margin-right:auto}.community-strip{display:flex;justify-content:center;gap:60px;border-top:1px solid #c6c9be;border-bottom:1px solid #c6c9be;padding:27px 0;margin:45px 0 25px;font-size:12px;letter-spacing:.17em}.muted{font-size:12px}.giving{background:#e6dbc4;display:grid;grid-template-columns:1.6fr 1fr;gap:70px;align-items:center}.giving p:not(.eyebrow){max-width:480px}.giving-symbol{font-size:240px;line-height:1;text-align:center;color:#9c7948}.giving-badge{display:inline-flex;align-items:center;gap:25px;border:1px solid #b3a384;padding:12px 18px;font-size:10px;letter-spacing:.08em;margin-top:15px}footer{padding:55px 7% 25px;background:var(--ink);color:var(--paper)}footer .brand{font-size:36px}footer p{color:#bac6c4;font-size:12px;margin-top:25px}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding-top:25px;margin-top:40px;font-size:10px;color:#bac6c4}.coming{min-height:100vh;display:grid;grid-template-columns:1.1fr 1fr}.coming .hero-copy{justify-content:center;padding:9%}.coming .brand{margin-bottom:70px}.coming h1{font-size:clamp(60px,6vw,90px)}.coming .art{min-height:100vh}.coming .eyebrow{margin-bottom:25px}.coming .hero-bottom{margin-top:80px;padding-top:0}.coming .intro{max-width:420px}.coming .launch-label{display:inline-block;padding:10px 18px;border:1px solid #bebcaa;font-size:10px;letter-spacing:.15em}.coming .hero-bottom{font-size:11px}
@media(min-width:1600px){header,.section,footer{padding-left:max(7%,calc((100vw - 1400px)/2));padding-right:max(7%,calc((100vw - 1400px)/2))}.hero-copy{padding-left:max(9%,calc((100vw - 1400px)/2))}}
@media(max-width:1000px){nav{gap:18px}.hero-copy{padding-top:60px}.hero{min-height:610px}.art{min-height:610px}.hero h1{font-size:62px}.actions{gap:20px}.hero-bottom{font-size:7px}.section{padding:75px 6%}.watch-word{font-size:85px}.giving-symbol{font-size:190px}.community-strip{gap:35px}}
@media(max-width:760px){.preview-note span{display:block;margin:2px 0 0;font-size:9px}header{padding:18px 6%;position:relative}.brand{font-size:27px}.brand small{font-size:6px}.mark{font-size:40px}.menu-toggle{display:flex;gap:14px;border:1px solid var(--line);background:transparent;padding:8px 13px;font-size:12px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:24px 6%;border-bottom:1px solid var(--line);z-index:10;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{display:flex;flex-direction:column}.hero-copy{padding:55px 6% 28px}.hero h1{font-size:66px;line-height:1.02}.eyebrow{font-size:9px;margin-bottom:24px}.intro{font-size:15px}.hero-bottom{margin-top:45px;padding-top:0;font-size:7px}.art{min-height:470px}.hero .art{margin:0 6% 35px}.arch-front{height:88%;top:16%;width:55%;left:22.5%}.arch-back{height:95%;top:6%}.art-caption{font-size:7px}.cross{height:37%}.section{padding:65px 6%}.welcome-grid,.watch,.visit,.giving{grid-template-columns:1fr;gap:35px}.welcome-grid h2{font-size:46px}h2{font-size:48px}.large-copy{font-size:19px}.section-heading{align-items:start;flex-direction:column;gap:0}.next-grid{grid-template-columns:1fr}.next-item,.next-item:first-child{padding:28px 0;border-right:0;display:grid;grid-template-columns:1fr 85px;column-gap:20px}.next-item .number,.next-item h3,.next-item p{grid-column:1}.next-item .line-art{grid-column:2;grid-row:1/5;width:70px;height:70px;align-self:center;margin:0}.line-art.circles:before,.line-art.circles:after{width:48px;height:65px}.line-art.circles:after{left:22px}.line-art.branches{font-size:80px}.next-item h3{margin:20px 0 10px}.next-item p{margin-bottom:0}.round-arrow{grid-column:1}.watch-art{min-height:300px}.watch-word{font-size:100px}.visit{gap:40px}.community-strip{gap:20px;flex-wrap:wrap;font-size:9px}.giving-symbol{display:none}.footer-bottom{flex-wrap:wrap;gap:15px;font-size:9px}.coming{display:flex;flex-direction:column}.coming .hero-copy{padding:40px 7% 60px;min-height:70vh}.coming .brand{margin-bottom:60px}.coming h1{font-size:67px}.coming .art{min-height:430px}.coming .hero-bottom{margin-top:50px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}