/* ===== Agetha Child design CSS (consolidated from live page content, 2026-09-02) ===== */
img{max-width:100%;height:auto}
.wrap{max-width:1100px;margin:0 auto;padding:0 24px}
.hero{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;min-height:clamp(420px,68vh,780px);background-size:cover;background-position:center;color:#fff}
.hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.42)}
.hero-inner{position:relative;max-width:820px;padding:72px 24px}
.hero h1{margin:0 0 10px;font-size:clamp(30px,5vw,52px);line-height:1.12;color:#fff;letter-spacing:.01em}
.hero h2{margin:0 0 10px;font-size:clamp(26px,4vw,42px);line-height:1.15;color:#fff;letter-spacing:.01em}
.hero p{margin:0 auto 22px;font-size:clamp(15px,2vw,19px);color:#f0e8d5;max-width:660px}
.btn{display:inline-block;background:#d4a017;color:#fff;padding:13px 30px;border-radius:6px;text-decoration:none;font-weight:600;font-size:16px;border:2px solid #d4a017}
.btn:hover{background:#b8890f;border-color:#b8890f}
.btn.ghost{background:transparent;border-color:#fff;color:#fff}
.btn.ghost:hover{background:rgba(255,255,255,.14)}
.btn.dark{background:transparent;border-color:#1d1d1d;color:#1d1d1d}
.btn.dark:hover{background:#1d1d1d;color:#fff}
.btn-row{margin:0}
.block{padding:64px 24px}
.block.alt{background:#f2ecdc}
.block h1{font-size:clamp(26px,3.4vw,38px);margin:0 0 12px}
.block h2{font-size:clamp(22px,2.8vw,30px);margin:0 0 14px}
.block h3{font-size:19px;margin:0 0 10px}
.accent{width:64px;height:3px;background:#d4a017;border:0;margin:0 0 28px}
.center{text-align:center}
.center .accent{margin-left:auto;margin-right:auto}
.block p{margin:0 0 16px;max-width:72ch}
.block p.lead{font-size:18px;color:#444}
.grid{display:grid;gap:28px;align-items:stretch}
.grid-2{grid-template-columns:1fr 1fr}
.grid-3{grid-template-columns:repeat(3,1fr)}
@media(max-width:820px){.grid-2,.grid-3{grid-template-columns:1fr}
.card{background:#fff;border:1px solid #e6dcc3;border-radius:10px;padding:22px;box-shadow:0 4px 14px rgba(0,0,0,.05);display:flex;flex-direction:column;height:100%}
.card img{border-radius:6px;margin-bottom:14px;width:100%;height:230px;object-fit:cover}
.card h3{margin:0 0 8px}
.card p{margin:0;color:#444;font-size:15px;flex-grow:1}
.quote{font-size:clamp(18px,2.4vw,24px);font-style:italic;color:#333;max-width:820px;margin:0 auto;border-left:4px solid #d4a017;padding:8px 0 8px 28px;text-align:left}
.quote cite{display:block;font-style:normal;font-size:15px;color:#666;margin-top:12px}
.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:48px;align-items:center}
.two-col img{border-radius:10px;box-shadow:0 8px 24px rgba(0,0,0,.12)}
@media(max-width:820px){.two-col{grid-template-columns:1fr}
.kicker{text-transform:uppercase;letter-spacing:.14em;font-size:13px;color:#b8890f;font-weight:700;margin:0 0 6px}
.timeline{max-width:1080px;margin:0 auto;position:relative}
.timeline::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;background:#e6dcc3;transform:translateX(-1px)}
.tl-item{background:#fff;border:1px solid #e6dcc3;border-radius:10px;padding:20px 22px;box-shadow:0 4px 14px rgba(0,0,0,.05);width:calc(50% - 34px);margin-bottom:28px;position:relative}
.tl-item::after{content:"";position:absolute;top:30px;width:13px;height:13px;border-radius:50%;background:#d4a017;border:2px solid #fff;box-shadow:0 0 0 2px #d4a017}
.tl-item:nth-child(odd){margin-left:auto}
.tl-item:nth-child(odd)::after{left:-44px}
.tl-item:nth-child(even){margin-right:auto}
.tl-item:nth-child(even)::after{right:-44px}
.tl-item.with-media{display:grid;grid-template-columns:1.15fr 1fr;gap:18px;align-items:start}
@media(max-width:820px){.tl-item.with-media{grid-template-columns:1fr}
.tl-intro{max-width:760px;margin:0 auto 40px;text-align:center}
.tl-intro h2{font-size:clamp(22px,2.8vw,30px);margin:0}
.tl-year{font-weight:800;color:#b8890f;font-size:14px;text-transform:uppercase;letter-spacing:.06em;margin:0 0 4px}
.tl-item h3{margin:0 0 6px;font-size:19px}
.tl-item p{margin:0 0 8px;color:#3a3a3a;font-size:15px}
.tl-media{display:grid;gap:10px;border-radius:8px}
.tl-media.multi{grid-template-columns:1fr 1fr}
.tl-media img{width:100%;border-radius:8px;box-shadow:0 4px 12px rgba(0,0,0,.08);transition:transform .35s ease;position:relative;z-index:1}
.tl-media img:hover{transform:scale(2);z-index:20;box-shadow:0 14px 36px rgba(0,0,0,.28)}
@media(max-width:820px){.timeline::before{left:14px}
.tl-item{width:100%;margin-left:0 !important;margin-right:0 !important;padding-left:52px}
.tl-item::after{left:8px !important;right:auto !important}
.tl-item.tl-reveal{opacity:0;transform:translateY(26px);transition:opacity .55s ease,transform .55s ease}
.tl-item.tl-reveal.tl-in{opacity:1;transform:none}
.page-head{background:#1d1d1d;color:#fff;padding:56px 24px;text-align:center}
.page-head h1{margin:0;font-size:clamp(26px,3.4vw,40px);color:#fff}
.page-head p{color:#d9d2bf;margin:8px 0 0}
.soc{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;text-decoration:none}
.soc:hover{background:#d4a017;color:#1d1d1d}
.fb-embeds iframe{max-width:100%;width:100%}
figure{margin:0}
figure img{border-radius:8px}
hr{width:64px;height:3px;background:#d4a017;border:0;margin:0 0 28px}
a{color:#a07a10}
.contact-list{list-style:none;padding:0;margin:0 0 18px}
.contact-list li{padding:8px 0;border-bottom:1px solid #e6dcc3}
.contact-list b{display:inline-block;min-width:110px;color:#b8890f}
form .field{margin-bottom:14px}
form label{display:block;font-size:14px;font-weight:600;margin-bottom:4px}
form input,form textarea{width:100%;padding:11px 12px;border:1px solid #e6dcc3;border-radius:6px;background:#fff;font:inherit;color:#2b2b2b}
form textarea{min-height:130px}
.note{font-size:13px;color:#666;margin-top:10px}
.lb{position:fixed;inset:0;background:rgba(0,0,0,.88);display:flex;align-items:center;justify-content:center;z-index:9999;opacity:0;pointer-events:none;transition:opacity .2s;cursor:zoom-out}
.lb.open{opacity:1;pointer-events:auto}
.lb img{max-width:94vw;max-height:92vh;border-radius:6px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.lb .lb-x{position:absolute;top:16px;right:26px;color:#fff;font-size:40px;line-height:1;cursor:pointer;user-select:none}
.cf-status{font-size:14px;color:#2b6b2b;margin-top:10px}