:root{--green:#153d32;--accent:#c4a56b;--paper:#faf8f2;--ink:#203c33}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #b58b35;outline-offset:4px}.topline{padding:10px 6%;background:var(--green);color:#eae5d5;font-size:10px;letter-spacing:1.7px;display:flex;justify-content:space-between}header{display:flex;justify-content:space-between;align-items:center;padding:23px 6%;border-bottom:1px solid #d9dfd4;background:var(--paper)}.brand{display:flex;gap:12px;align-items:center;font-weight:bold;font-size:13px;letter-spacing:1px}.brand-icon{font-size:40px;color:#917243;line-height:1}.brand small{display:block;font-size:9px;letter-spacing:6px}nav{display:flex;gap:26px;align-items:center;font-size:12px}.login{border:1px solid #bcc9bd;padding:9px 14px;border-radius:3px}#menu{display:none}.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:630px;padding:65px 6% 55px;gap:6%}.eyebrow{font-size:10px;font-weight:bold;letter-spacing:2.5px;color:#7b765b;margin:0 0 23px}h1,h2{font-family:Georgia,serif;font-weight:normal;line-height:1.08}h1{font-size:clamp(45px,5.3vw,79px);letter-spacing:-2px;margin:25px 0}h1 em{color:#8c713f;font-weight:normal}h2{font-size:43px;margin:0 0 24px;letter-spacing:-1px}.hero-copy>p:not(.eyebrow):not(.hero-foot){max-width:460px;font-size:14px;color:#65736b}.actions{display:flex;align-items:center;gap:26px;margin:30px 0}.button{background:var(--green);color:#fff;padding:14px 23px;display:inline-flex;gap:35px;border-radius:3px;font-size:12px}.text-link{font-size:12px}.hero-foot{font-size:9px;letter-spacing:2px;margin-top:50px;color:#7b806e}.hero-foot i{color:var(--accent);margin:0 12px}.art{position:relative;background:#eae7da;padding:28px 32px 48px;display:flex;align-items:stretch;border-radius:4px}.arch{width:100%;position:relative;overflow:hidden;border-radius:220px 220px 4px 4px;background:var(--green);color:#e3d2a6;min-height:430px;text-align:center;padding:45px 16px 32px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;background-image:repeating-linear-gradient(45deg,transparent,transparent 30px,#c4a56b0c 31px,#c4a56b0c 32px)}.star{position:absolute;top:40px;font-size:45px}.moon{position:absolute;width:180px;height:180px;border:1px solid #c4a56b80;border-radius:50%;top:116px;box-shadow:0 0 0 24px #c4a56b08,0 0 0 48px #c4a56b05}.lines{position:absolute;width:68%;height:300px;top:77px;border:1px solid #c4a56b60;border-bottom:none;border-radius:180px 180px 0 0}.arch p{font-size:28px;position:relative;margin-bottom:12px}.arch small{font-size:10px;letter-spacing:1px;position:relative}.art-label,.art-number{position:absolute;bottom:14px;font-size:8px;letter-spacing:2px}.art-label{left:32px}.art-number{right:32px}.intro{border-top:1px solid #d9dfd4;display:grid;grid-template-columns:1fr 2fr;padding:65px 9%;gap:6%}.intro p{max-width:650px;font-size:14px;color:#667269}.values{display:flex;gap:40px;margin-top:30px;font-size:11px;color:#99804c}.values b{margin-left:13px;color:var(--green)}.programs,.news,.gallery{padding:65px 6%}.programs{background:#eeefe6}.section-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px}.section-head h2{margin:0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{padding:30px;background:var(--paper);border:1px solid #dce0d4;border-radius:4px}.card .number{color:#8e805e;font-size:13px}.card h3{font-family:Georgia,serif;font-size:26px;line-height:1.2;font-weight:normal}.card p{font-size:13px;color:#68746b}.card a,.card button{font-size:12px;border:none;background:none;color:var(--green);cursor:pointer;padding:10px 0;text-align:left}.card img{width:100%;aspect-ratio:1.6;object-fit:cover}.search{display:flex;gap:8px;align-items:center;border-bottom:1px solid #aab5a7}.search input{background:none;border:none;padding:8px;width:180px;font-size:12px}.empty{grid-column:1/-1;padding:32px;border:1px dashed #bdc7b7;color:#68746b;font-size:14px}.gallery{border-top:1px solid #d9dfd4}.gallery img{width:100%;aspect-ratio:1.4;object-fit:cover;border-radius:4px}.gallery figure{margin:0}.gallery figcaption{font-size:12px}.contact{margin:30px 3% 0;padding:65px 6%;background:var(--green);color:var(--paper);border-radius:5px;display:grid;grid-template-columns:1.3fr 1fr;gap:40px}.contact .eyebrow{color:#c4b18a}.contact h2{font-size:52px}.contact p{font-size:13px;color:#d0dbcd}.contact-info{border-left:1px solid #ffffff30;padding-left:45px}.contact-info h3{font-size:17px;font-weight:normal}.pale{background:#e8dcc1;color:var(--green);margin-top:20px}#contact-links a{display:block;margin:8px 0;font-size:13px}footer{display:flex;justify-content:space-between;padding:30px 6%;font-size:10px;color:#727d71}dialog{border:none;border-radius:8px;max-width:760px;width:90%;padding:40px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#10291fbb}dialog>button{float:right;border:none;background:transparent;font-size:24px;cursor:pointer}#detail-body{white-space:pre-wrap}#detail-image{width:100%;max-height:380px;object-fit:cover}#feed-status{font-size:11px;color:#68746b}@media(max-width:900px){nav{gap:14px}.hero{gap:4%;padding-top:40px}.arch p{font-size:22px}.grid{gap:12px}.card{padding:22px}}@media(max-width:700px){.topline{font-size:8px;letter-spacing:.6px}.topline span{display:none}header{padding:16px 6%;position:relative}.brand{font-size:11px}.brand-icon{font-size:33px}#menu{display:block;border:1px solid #b8c4b6;background:transparent;padding:4px 10px}nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);padding:22px;z-index:3;border-bottom:1px solid #ccc}nav.open{display:flex;flex-direction:column;align-items:stretch}.hero{grid-template-columns:1fr;padding:32px 6%;gap:25px}.hero h1{font-size:54px}.hero-foot{margin-top:28px}.art{min-height:390px;padding:20px 25px 40px}.arch{min-height:350px}.moon{top:90px;width:145px;height:145px}.lines{height:230px;top:60px}.star{top:22px}.intro{grid-template-columns:1fr;padding:45px 6%;gap:5px}h2{font-size:34px}.values{gap:18px}.programs,.news,.gallery{padding:42px 6%}.section-head{align-items:flex-start;gap:20px;flex-direction:column}.grid{grid-template-columns:1fr}.contact{grid-template-columns:1fr;padding:38px 7%;gap:18px}.contact h2{font-size:43px}.contact-info{padding-left:0;border-left:none;border-top:1px solid #ffffff30;padding-top:15px}footer{gap:15px;flex-direction:column}.actions{gap:18px}.button{gap:20px}dialog{padding:24px}}
/* Full-width animated portal, adapted to the reference's content flow. */
header{background:white;position:sticky;top:0;z-index:20}.brand-icon{width:46px;height:46px;object-fit:contain}body{background:#fff}.fullhero{position:relative;display:flex;align-items:center;overflow:hidden;min-height:620px;color:white;background:#123e30;padding:70px 9% 110px}.hero-bg{position:absolute;inset:0;background:radial-gradient(ellipse at 80% 15%,#7c986030,transparent 45%),linear-gradient(110deg,#123e30,#275f45);background-size:cover;background-position:center;animation:slowZoom 12s ease-in-out infinite alternate}.hero-bg:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071e16dd,#0c2c2166)}.hero-copy{position:relative;z-index:1;max-width:800px}.fullhero h1{font-family:Arial,sans-serif;font-weight:750;font-size:clamp(38px,4.7vw,69px);line-height:1.17;letter-spacing:-1.7px}.fullhero h1 em{color:#d9c79b;font-style:normal}.fullhero .eyebrow{color:#ded1ac}.fullhero .hero-copy>p:not(.eyebrow):not(.hero-foot){color:#e1e9de;max-width:580px}.fullhero .button{background:#ece1c4;color:#153d32}.slide-control{position:absolute;bottom:45px;left:9%;display:flex;gap:15px;align-items:center;font-size:12px}.slide-control button{background:#ffffff10;border:1px solid #ffffff60;color:white;border-radius:50%;width:34px;height:34px;cursor:pointer}.hero-side{position:absolute;right:45px;top:45%;writing-mode:vertical-rl;font-size:10px;letter-spacing:4px;color:#c5d3b9}.quick-access{display:grid;grid-template-columns:repeat(3,1fr);margin:-1px 6% 0;position:relative;z-index:2;border:1px solid #dce3d6;background:white}.quick-access>a{padding:32px 36px;border-right:1px solid #dce3d6;transition:background .3s,transform .3s}.quick-access>a:hover{background:#f1f4ed;transform:translateY(-5px)}.quick-access span{font-size:9px;letter-spacing:2px;color:#8a805f}.quick-access h3{font-family:Georgia,serif;font-weight:normal;font-size:29px;margin:12px 0}.quick-access p{font-size:12px;color:#697968}.quick-access b{font-size:11px;font-weight:normal}.intro{border-top:0;margin-top:20px}.faq{padding:65px 9%;background:#f2f4ed}.faq details{border-bottom:1px solid #c8d4c0;padding:20px 0}.faq summary{font-size:16px;cursor:pointer}.faq details p{font-size:14px;color:#64725e;white-space:pre-wrap}.gallery .grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:20px}.gallery figure{min-width:calc(33.333% - 15px);scroll-snap-align:start}.gallery figure img{transition:transform .5s}.gallery figure:hover img{transform:scale(1.03)}.gallery .empty{width:100%}.floating-contact,#back-top{position:fixed;right:25px;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;z-index:25;box-shadow:0 6px 25px #123c3330}.floating-contact{bottom:28px;background:var(--green);color:white;font-size:24px}#back-top{bottom:85px;border:1px solid #ccd8c5;background:white;color:var(--green);cursor:pointer;font-size:20px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s ease}.reveal.shown{opacity:1;transform:none}.card{transition:transform .3s,box-shadow .3s}.card:hover{transform:translateY(-5px);box-shadow:0 14px 35px #153d3210}.hero-copy.changing{animation:slideIn .65s ease both}@keyframes slowZoom{from{transform:scale(1)}to{transform:scale(1.065)}}@keyframes slideIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:700px){.fullhero{min-height:570px;padding:50px 7% 100px}.fullhero h1{font-size:39px;letter-spacing:-1px}.hero-side{right:12px;font-size:8px}.quick-access{grid-template-columns:1fr;margin:0 6%}.quick-access>a{padding:23px;border-right:0;border-bottom:1px solid #dce3d6}.quick-access h3{font-size:25px;margin:5px 0}.quick-access p{margin:5px 0}.gallery figure{min-width:85%}.faq{padding:45px 6%}.slide-control{left:7%}.floating-contact,#back-top{right:16px;width:42px;height:42px}#back-top{bottom:80px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}