/*
Theme Name: Celebrations Hotel Foundation
Author: Celebrations Hotel Foundation
Description: Foundation landing page with orange strokes, Montserrat, slideshow and a 2027 notebook campaign counter.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: celebrations-foundation
License: GPL v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
:root{--orange:#f88125;--red:#b51e2b;--ink:#31180f;--cream:#fff7ee;--yellow:#ffd088;--muted:#795747}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--cream);color:var(--ink);font-family:Montserrat,Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{touch-action:manipulation}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid var(--red);outline-offset:5px}header{padding:25px 5%;display:flex;align-items:center;justify-content:space-between;background:var(--cream)}.brand{display:flex;gap:12px;align-items:center;font-size:13px;font-weight:800;letter-spacing:.04em;line-height:1.35}.brand small{display:block;letter-spacing:.23em;font-weight:600;font-size:12px;margin-top:4px}.brand-mark{font-weight:900;background:var(--red);color:var(--cream);height:44px;width:44px;display:grid;place-content:center;border-radius:50%;font-size:29px;position:relative;letter-spacing:0}.brand-mark span{position:absolute;right:4px;bottom:2px;font-size:14px;color:var(--yellow)}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--red);color:white;border-radius:8px;padding:15px 24px;font-weight:700;font-size:15px;border:0;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px);background:#8e1722}.button.small{padding:12px 21px}.button.dark{background:var(--ink)}.hero{display:grid;grid-template-columns:1fr 1fr;background:var(--orange);min-height:635px;position:relative;overflow:hidden}.hero-copy{padding:68px 5vw 45px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.13em;display:block;line-height:1.6}h1{font-size:clamp(44px,5.1vw,77px);line-height:1.07;letter-spacing:-.055em;margin:29px 0 24px;font-weight:900}em{font-style:normal;color:var(--red)}.hero p{max-width:445px;font-size:17px;line-height:1.75;margin:0}#slide-content{min-height:295px}.hero-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.text-link{font-weight:700;font-size:14px;border-bottom:1px solid currentColor;padding-bottom:4px}.hero-art{position:relative;margin:30px 30px 105px 0;border-radius:160px 160px 16px 16px;background:#ec6a1a}.hero-art img{width:100%;height:100%;min-height:425px;object-fit:cover;border-radius:inherit;display:block}.art-label{position:absolute;top:28px;right:25px;background:var(--cream);padding:9px 13px;transform:rotate(5deg);font-size:12px;font-weight:700;box-shadow:0 3px 0 #0001}.campaign-card{position:absolute;bottom:-65px;left:-22px;right:28px;background:var(--cream);border-radius:13px;padding:21px 26px;box-shadow:0 10px 35px #63230f22}.card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:11px;font-weight:800;letter-spacing:.04em}.pill{padding:4px 9px;background:#ffe3c2;border-radius:20px;white-space:nowrap}.counter-line{display:flex;gap:17px;align-items:center;margin:9px 0 13px;line-height:1.3}.counter-line strong{font-size:49px;font-weight:900;letter-spacing:-.05em}.counter-line span{font-size:14px;font-weight:600}.counter-line small{font-size:12px;font-weight:500;color:var(--muted)}.progress{height:7px;background:#f0decf;border-radius:8px;overflow:hidden}.progress span{display:block;height:100%;width:0;background:var(--red);transition:width .6s}.card-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:13px;font-size:11px}.card-bottom a{font-weight:800;color:var(--red);font-size:12px}.slide-controls{display:flex;align-items:center;gap:9px;margin-top:35px}.slide-dot{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#80321166;position:relative}.slide-dot:before{content:'';position:absolute;inset:-8px}.slide-dot.active{background:var(--ink);width:27px;border-radius:6px}.pause{background:none;border:0;text-decoration:underline;font-size:12px;padding:6px;margin-left:12px}.slide-controls span{font-size:11px;margin-left:20px;font-weight:700}.ribbon{background:var(--red);color:var(--cream);padding:19px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:12px;font-weight:800;letter-spacing:.05em}.ribbon span:nth-child(even){font-size:24px;color:var(--yellow)}.section{padding:82px 7%}.story{display:grid;grid-template-columns:1.2fr 1fr;gap:70px}h2{font-size:clamp(30px,3.2vw,47px);line-height:1.2;letter-spacing:-.045em;font-weight:800;margin:18px 0 0}.story-copy p{margin:0 0 20px;color:var(--muted);font-size:16px}.story .eyebrow,.campaign .eyebrow{color:var(--red)}.campaign{background:#ffead3}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:65px}.section-heading>p{max-width:350px;color:var(--muted);margin-bottom:4px}.impact-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:42px}.impact-grid article{padding:29px;border-top:3px solid var(--red);background:var(--cream);border-radius:0 0 12px 12px}.number{font-size:14px;font-weight:800;color:var(--red)}h3{font-size:20px;line-height:1.4;margin:16px 0 12px;letter-spacing:-.025em}.impact-grid p{font-size:14px;color:var(--muted);margin:0 0 27px}.impact-grid strong{font-size:24px;font-weight:800}.impact-grid strong span{font-size:12px;font-weight:500;display:block}.donate{background:var(--orange);display:grid;grid-template-columns:1.1fr 1fr;gap:100px}.donate-copy>p{max-width:440px}.amounts{display:flex;gap:12px;margin:27px 0 20px}.amounts button{border:1px solid #883a1366;background:#ffffff24;border-radius:8px;padding:12px 18px;flex:1;font-weight:800;color:var(--ink);font-size:17px}.amounts button small{display:block;font-size:11px;font-weight:500;margin-top:2px}.amounts .selected{background:var(--ink);border-color:var(--ink);color:var(--cream)}.amount-label{display:block;font-size:13px;font-weight:600;margin-bottom:7px}input{max-width:100%;width:100%;border:1px solid #9b4923;border-radius:7px;background:#fff9f0;padding:12px 15px;color:var(--ink);font-weight:600}.estimate{font-size:13px!important;font-weight:600}.bank-card{background:var(--cream);padding:35px;border-radius:14px;align-self:center;box-shadow:0 8px 0 #b9551426}.bank-card .eyebrow{color:var(--red);font-size:11px}.bank-card h3{font-size:24px;margin-top:15px}dl{margin:22px 0}dl>div{padding:11px 0;border-bottom:1px solid #e9daca}dt{font-size:11px;color:var(--muted);margin-bottom:2px}dd{font-size:14px;font-weight:700;margin:0}.copy{float:right;background:#ffe5c9;border:0;border-radius:4px;font-size:12px;padding:3px 10px;color:var(--ink)}.full{width:100%;text-align:center}.bank-note{font-size:12px;color:var(--muted);line-height:1.6}.phone{font-size:13px;font-weight:700}.bank-card #copy-status{font-size:12px;margin:4px 0 0}.closing{text-align:center;background:var(--red);color:var(--cream);padding:65px 20px}.closing .eyebrow{color:var(--yellow)}.closing p{font-size:clamp(28px,3.9vw,55px);font-weight:800;letter-spacing:-.045em;line-height:1.2;margin:20px 0}.closing>span:last-child{font-size:12px}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>a:not(.brand),footer>span{font-size:11px}button:hover{filter:brightness(.95)}
@media(min-width:1450px){header,.hero,.section,.ribbon,footer{padding-left:max(5%,calc((100vw - 1320px)/2));padding-right:max(5%,calc((100vw - 1320px)/2))}.hero{padding:0}.hero-copy{padding-left:max(5vw,calc((100vw - 1320px)/2))}.hero-art{margin-right:max(30px,calc((100vw - 1320px)/2))}}@media(max-width:1000px){nav{gap:20px}.hero-copy{padding-top:48px;padding-right:25px}h1{font-size:52px}.hero-art{margin-top:40px;margin-right:20px}.campaign-card{left:-15px;right:10px;padding:18px}.hero-actions{gap:16px}.hero-actions .text-link{font-size:12px}.hero{min-height:630px}.donate{gap:40px}.section{padding:65px 5%}.story{gap:40px}.impact-grid{gap:15px}.impact-grid article{padding:22px}.amounts button{padding:10px;font-size:15px}footer{flex-wrap:wrap}.ribbon{font-size:10px}.ribbon span:last-child{display:none}}
@media(max-width:700px){header{padding:18px 5%}.brand{font-size:10px;gap:9px}.brand small{font-size:9px}.brand-mark{width:36px;height:36px;font-size:24px}nav>a:not(.button){display:none}.button.small{font-size:12px;padding:10px 14px}.hero{grid-template-columns:1fr}.hero-copy{padding:40px 6% 20px}h1{font-size:52px;margin-top:22px}.hero p{font-size:16px}#slide-content{min-height:270px}.hero-art{margin:15px 6% 110px;height:330px;border-radius:110px 110px 12px 12px}.hero-art img{min-height:0}.campaign-card{left:0;right:0;bottom:-78px}.card-top{font-size:9px}.card-bottom{font-size:10px}.ribbon{justify-content:center;flex-wrap:wrap;gap:12px;padding:16px 5%;font-size:10px}.ribbon span:nth-child(4){display:none}.ribbon span:nth-child(3){font-size:10px}.section{padding:50px 6%}.story,.donate{grid-template-columns:1fr;gap:30px}.section-heading{display:block}.section-heading>p{margin-top:20px;max-width:100%}.impact-grid{grid-template-columns:1fr;gap:16px;margin-top:28px}.impact-grid article{padding:24px}.impact-grid p{margin-bottom:18px}.impact-grid strong span{display:inline;font-size:12px;margin-left:8px}.bank-card{padding:25px}.closing{padding:45px 20px}footer{flex-direction:column;align-items:flex-start;padding:30px 6%;gap:20px}footer>a:not(.brand){overflow-wrap:anywhere}.slide-controls{margin-top:25px}.art-label{font-size:10px;right:15px;top:22px}.hero-actions .button{font-size:14px}.hero-actions .text-link{font-size:12px}h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
:root{--orange-gradient:linear-gradient(130deg,#ffd393 0%,#ffa844 32%,#f88125 68%,#dc521b 100%);--paper-grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180' viewBox='0 0 180 180'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='.13'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23grain)' opacity='.5'/%3E%3C/svg%3E")}
.hero,.donate{background-image:var(--paper-grain),var(--orange-gradient);background-size:180px 180px,cover;background-repeat:repeat,no-repeat}.hero-art{background:transparent;border-radius:0}.hero-art img{object-fit:contain;border-radius:0;height:100%;width:100%;min-height:0;filter:drop-shadow(0 8px 18px #76290918)}#progress-fill{width:9%}.campaign-card{z-index:1}.hero .eyebrow{color:var(--ink)}
/* One shared stroke pattern flows beneath the page; section washes control contrast. */
body{background-image:url('assets/orange-strokes.jpeg');background-size:max(100%,900px) auto;background-position:center top;background-repeat:repeat-y}
header{background:linear-gradient(100deg,rgba(255,247,238,.98),rgba(255,235,212,.94))}
.hero{background-color:transparent;background-image:var(--paper-grain),linear-gradient(110deg,rgba(255,217,165,.95) 0%,rgba(255,189,111,.89) 42%,rgba(248,129,37,.68) 100%);background-size:180px 180px,cover;background-repeat:repeat,no-repeat}
.story{background:linear-gradient(115deg,rgba(255,247,238,.99),rgba(255,247,238,.94))}
.campaign{background:linear-gradient(115deg,rgba(255,234,211,.96),rgba(255,238,220,.91))}
.donate{background-color:transparent;background-image:var(--paper-grain),linear-gradient(120deg,rgba(255,202,139,.92),rgba(250,151,63,.78));background-size:180px 180px,cover;background-repeat:repeat,no-repeat}
.closing{background:linear-gradient(115deg,rgba(181,30,43,.98),rgba(151,25,36,.95))}
footer{background:linear-gradient(110deg,rgba(255,247,238,.99),rgba(255,238,220,.95))}
@media(max-width:700px){.hero{background-image:var(--paper-grain),linear-gradient(180deg,rgba(255,217,165,.96),rgba(255,181,94,.87) 45%,rgba(248,129,37,.7))}.donate{background-image:var(--paper-grain),linear-gradient(180deg,rgba(255,202,139,.94),rgba(250,151,63,.83))}}
/* Compact phone hero: keep the story, illustration and progress together. */
@media(max-width:700px){
 header{padding:12px 5%;min-height:64px}
 .hero{min-height:calc(100svh - 64px);display:flex;flex-direction:column;justify-content:space-between;gap:8px}
 .hero-copy{padding:18px 6% 0}
 .hero .eyebrow{font-size:12px;letter-spacing:.09em}
 .hero h1{font-size:clamp(30px,8.4vw,39px);line-height:1.06;letter-spacing:-.045em;margin:12px 0 10px}
 #slide-content{min-height:0}
 .hero p{font-size:16px;line-height:1.45;max-width:none}
 .hero-actions{margin-top:12px;gap:14px}
 .hero-actions .button{font-size:14px;padding:10px 14px;min-height:42px}
 .hero-actions .text-link{font-size:12px}
 .slide-controls{margin-top:10px;gap:8px;min-height:30px}
 .pause{padding:5px 8px;margin-left:8px}
 .slide-controls>span{margin-left:12px}
 .hero-art{margin:0 6% 18px;height:auto;display:flex;flex-direction:column;gap:8px;flex-shrink:0}
 .hero-art img{height:clamp(115px,20svh,190px);width:100%;object-fit:contain;min-height:0}
 .art-label{display:none}
 .campaign-card{position:static;padding:13px 16px;border-radius:10px;box-shadow:0 5px 18px #63230f18}
 .card-top{font-size:11px;gap:8px;letter-spacing:0;flex-wrap:wrap}
 .pill{font-size:11px;padding:3px 8px}
 .counter-line{margin:7px 0 9px;gap:14px}
 .counter-line strong{font-size:36px}
 .counter-line span{font-size:14px}
 .counter-line small{font-size:12px}
 .card-bottom{margin-top:8px;font-size:11px;align-items:center}
 .card-bottom a{font-size:12px;padding:3px 0}
}
@media(max-width:380px){.hero-actions{gap:12px}.hero-actions .text-link{font-size:11px}.hero-copy{padding-top:14px}.hero-art img{height:clamp(105px,17svh,150px)}}
@media(max-width:700px){
 .hero{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);grid-template-rows:repeat(6,auto);align-content:start;align-items:center;justify-content:normal;gap:14px 12px;padding:22px 6% 20px;min-height:0}
 .hero-copy,#slide-content,.hero-art{display:contents}
 .hero-copy>.eyebrow{grid-column:1 / -1;grid-row:1}
 .hero h1{grid-column:1;grid-row:2;font-size:clamp(26px,7vw,34px);margin:0;line-height:1.08;overflow-wrap:normal}
 .hero-art img{grid-column:2;grid-row:2;height:clamp(135px,38vw,200px);width:100%;object-fit:contain;align-self:center}
 .hero p{grid-column:1 / -1;grid-row:3;margin:0}
 .hero-actions{grid-column:1 / -1;grid-row:4;margin-top:0}
 .slide-controls{grid-column:1 / -1;grid-row:5;margin-top:0}
 .campaign-card{grid-column:1 / -1;grid-row:6;width:100%;margin-top:4px}
}

.skip-link{position:fixed;top:-100px;left:16px;z-index:100000;background:#31180f;color:#fff;padding:12px 20px}.skip-link:focus{top:12px}.wp-content-area{background:rgba(255,247,238,.98)}.wp-content-area img{max-width:100%;height:auto}.wp-content-area h1{font-size:clamp(28px,5vw,46px)}