:root{--navy:#092645;--gold:#d9a23f;--cream:#f8f4e9;--ink:#102d50}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font:16px/1.35 Georgia,'Times New Roman',serif}a{color:inherit}h1,h2,h3,p{margin-top:0}.masthead{color:white;background:linear-gradient(90deg,#031c32a6,#04192e15 70%),url('assets/angkor-hero.png') center/cover}.topbar{height:110px;display:flex;align-items:center;gap:25px;padding:8px 3.6%;background:linear-gradient(90deg,#082849e8,#0c2c50b8);position:relative;z-index:3}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;min-width:370px}.logo{display:block;flex:none;width:115px;height:105px;background-image:url('assets/layout-reference.png');background-size:1335px 890px;background-position:-100px -4px;background-repeat:no-repeat}.brand strong{font-size:26px;line-height:1.03;font-weight:normal}.brand small{display:block;text-align:center;color:#e2ad49;font:bold 11px Arial;margin-top:6px;letter-spacing:3px}nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.8vw,26px);flex:1}nav a{font-size:14px;white-space:nowrap;text-decoration:none}nav a:first-child{color:#e8b957;border-bottom:2px solid #e8b957;padding:12px 0}.languages{white-space:nowrap;border-radius:30px;background:#092441b8;padding:10px;font:12px Arial}.hero{height:510px;position:relative}.hero-dancers{position:absolute;bottom:0;left:5%;width:34%;height:100%;object-fit:contain;object-position:center bottom}.hero-copy{position:absolute;left:32%;top:14%;width:42%;text-align:center;text-shadow:0 2px 8px #06192b}.kicker{font:bold 13px Arial;letter-spacing:6px;color:#e6b759}.hero h1{font-weight:400;font-size:clamp(38px,4.4vw,70px);line-height:1.04;margin:18px 0}.rule{width:70px;height:2px;background:#e4b653;margin:16px auto}.hero p{font-size:clamp(14px,1.4vw,20px);margin-bottom:24px}.button{display:inline-block;border-radius:30px;padding:13px 30px;text-decoration:none;font-weight:bold}.gold{background:#d7a13f;color:#fff}.blue{background:#12375c;color:#fff}.intro{position:relative;padding:0 5% 36px;background-color:#f8f4ea;background-image:radial-gradient(ellipse at 50% 100%,#d2bf9860 0%,transparent 55%)}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;top:-38px;margin-bottom:-12px}.card{background:#fffdf7;border-radius:10px;overflow:hidden;box-shadow:0 1px 8px #876d3814}.card-image{width:100%;height:165px;background:#eae2d1}.card-image img{width:100%;height:100%;object-fit:contain;display:block}.art{background-image:url('assets/layout-reference.png');background-repeat:no-repeat;background-size:480% auto}.food{background-position:36% 58%}.culture{background-position:64% 58%}.community{background-position:92% 58%}.card-copy{padding:20px 18px 20px;position:relative}.badge{position:absolute;top:-29px;left:16px;background:#0c355b;color:#e4ad40;border:1px solid #dca744;border-radius:50%;height:50px;width:50px;display:grid;place-items:center;font-size:24px}.card h2{font-size:22px;margin:8px 0}.card p{min-height:53px;color:#435167;margin-bottom:14px}.card a{font-weight:bold;text-decoration:none;font-size:15px}.about{display:grid;grid-template-columns:1.12fr 1.1fr;gap:6%;align-items:center;padding:5px 5% 0}.about h2{font-size:36px;font-weight:normal;text-align:center;margin-bottom:16px}.about h2 span{color:#d9a23f}.about h2 i{display:inline-block;width:45px;border-top:2px solid #d9a23f;vertical-align:middle}.about-main p{line-height:1.5}.about-main{text-align:center}.about-main p{text-align:left}.values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;text-align:center}.values b{width:58px;height:58px;border:2px solid #d9a23f;color:#d9a23f;border-radius:50%;display:grid;place-items:center;font-size:30px;margin:0 auto 10px}.values h3{font-size:15px;margin:0 0 5px}.values p{font-size:14px}.section{padding:30px 6%}.heading{display:flex;align-items:center;justify-content:space-between}.heading h2{font-size:30px;font-weight:normal}.heading h2 span,.events .heading span{color:#cf9a3b}.heading a,.events a{color:#a8741c}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-grid article{background:#fffdf8;border-radius:5px;overflow:hidden}.event-grid img{width:100%;height:145px;object-fit:contain;background:#efe7d9;display:block}.event-copy{display:flex;gap:12px;padding:14px}.event-copy h3{margin:0 0 7px}.event-copy p{font-size:14px}.date{background:#f0dcaf;color:#142b43;text-align:center;padding:8px 12px;height:60px;font-size:22px}.date small{display:block;font:10px Arial}.events>small{display:block;margin-top:12px}.gallery{background:#0b2946;color:white}.gallery h2 span{font-size:20px;color:#e0ab50}.gallery-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.gallery-grid img{width:100%;height:120px;object-fit:contain;background:#173552;border:1px solid #dfbd80}.support{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;background:#e8d6b5;padding:15px 5%}.support article{background:#faf6ed;display:flex;gap:18px;padding:17px;border-radius:5px}.support b{font-size:38px;color:#d3a24c}.support h3{color:#a36f21;margin:0 0 5px}.support p{font-size:14px}footer{background:#061f37;color:#f4f0e7;padding:36px 6% 12px}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px}.footer-brand{display:flex;align-items:center}.footer-brand .logo{width:85px;height:85px;background-size:1080px 720px;background-position:-80px -2px}.footer-brand strong{font-size:19px;font-weight:normal}footer h3{margin-bottom:12px}footer p,footer a{font-size:14px;color:#deddd8}footer a{display:block;text-decoration:none;margin:5px 0}.copyright{border-top:1px solid #a87c3e;margin-top:20px;padding-top:10px;font-size:12px}@media(max-width:1150px){.topbar{height:auto;flex-wrap:wrap}.brand{min-width:300px}nav{order:3;flex-basis:100%;flex-wrap:wrap;padding-bottom:8px}.hero{height:460px}.hero-copy{left:31%;width:60%}}@media(max-width:700px){.topbar{padding:8px 12px}.brand{min-width:0;flex:1}.brand strong{font-size:19px}.logo{width:78px;height:72px;background-size:915px 610px;background-position:-68px -1px}.languages{font-size:10px}.hero{height:510px}.hero-dancers{height:42%;width:70%;left:1%}.hero-copy{top:8%;left:5%;width:90%}.hero h1{font-size:39px}.hero p{font-size:15px}.kicker{font-size:10px;letter-spacing:3px}.cards{grid-template-columns:repeat(2,1fr);gap:8px}.card-image{height:110px}.card-copy{padding:19px 12px 12px}.card h2{font-size:18px}.card p{font-size:13px}.about{grid-template-columns:1fr;gap:24px;padding:12px 0}.values{gap:8px}.event-grid,.support{grid-template-columns:1fr}.gallery-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}nav{gap:12px}nav a{font-size:12px}}@media(max-width:390px){.cards{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}}
.topbar .logo{width:160px;background-position:-96px 0}.brand{min-width:410px}.intro:before,.intro:after{content:"";position:absolute;top:300px;width:95px;height:360px;background:url('assets/ornament.svg') center/contain no-repeat;opacity:.44;pointer-events:none}.intro:before{left:0}.intro:after{right:0;transform:scaleX(-1)}.art{background-size:800% auto}.food{background-position:33.5% 55.8%}.culture{background-position:58% 55.8%}.community{background-position:83.5% 55.8%}@media(max-width:1150px){.brand{min-width:350px}}@media(max-width:700px){.topbar .logo{width:91px;height:72px;background-size:915px 610px;background-position:-66px 0}.brand{min-width:0}}
.topbar .logo{width:125px;height:104px;background-size:1040px 693px;background-position:-75px -3px}.brand{min-width:375px}.footer-brand .logo{width:96px;height:82px;background-size:800px 533px;background-position:-58px -2px}@media(max-width:700px){.topbar .logo{width:91px;height:74px;background-size:750px 500px;background-position:-54px -2px}.brand{min-width:0}}
/* Kopfbereich entsprechend dem freigegebenen Bild ausrichten. */
@media (min-width: 701px) {
  .masthead { background-size: 100% 100%; background-position: center top; }
  .topbar { background: linear-gradient(90deg, rgba(4,27,49,.65), rgba(5,28,51,.46)); }
  .hero { height: clamp(330px, 29vw, 510px); }
  .hero-dancers { top: 12px; bottom: auto; left: 5%; width: 36%; height: auto; object-fit: contain; }
  .hero-copy { top: 16%; }
  .topbar .logo { clip-path: polygon(0 0, 100% 0, 100% 78%, 90% 78%, 90% 96%, 0 96%); }
}
@media (min-width: 701px) {
  .hero-copy { top: 6%; }
  .hero h1 { margin: 10px 0; }
  .hero .rule { margin: 10px auto; }
  .hero p { margin-bottom: 12px; }
  .topbar .logo { clip-path: polygon(0 0, 100% 0, 100% 85%, 80% 85%, 80% 100%, 0 100%); }
}
@media (min-width: 701px) {
  .hero-dancers { top: 45px; width: 39%; mask-image: linear-gradient(to bottom, #000 88%, transparent 100%); }
  .topbar .logo { clip-path: polygon(0 0, 100% 0, 100% 85%, 70% 85%, 70% 100%, 0 100%); }
}
/* Suche und Sprachauswahl im Kopfbereich */
@media(min-width:1151px){.topbar{gap:16px}.topbar nav{justify-content:flex-start;margin-left:-8px;gap:clamp(10px,1.5vw,23px)}}
.languages{min-width:154px;text-align:center;padding-left:16px;padding-right:16px}
.site-search{position:relative;display:flex;align-items:center;flex:none;margin:0;color:#fff}
.search-toggle{background:none;color:inherit;border:0;padding:7px;cursor:pointer;display:grid;place-items:center}
.search-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.site-search input,.search-submit,.search-status{display:none}
.site-search.open input{display:block;position:absolute;right:42px;top:0;width:190px;height:38px;border:1px solid #dfba6e;border-radius:4px;padding:6px 10px;background:#fff;color:#092645;z-index:5}
.site-search.open .search-status:not(:empty){display:block;position:absolute;right:0;top:46px;width:230px;padding:8px;background:#fff;color:#092645;z-index:5;font:13px Arial;border-radius:4px}
@media(max-width:700px){.languages{min-width:130px}.site-search{order:2}.site-search.open input{right:35px;width:150px}}
/* Themenbilder im breiten Verhältnis der freigegebenen Vorlage. */
.card-image{height:auto;aspect-ratio:2.1 / 1;overflow:hidden}
.card-image img{width:100%;height:100%;object-fit:cover;object-position:center top}
/* Tänzerinnen proportional kleiner; Themenkacheln mit hellem Rand. */
@media (min-width: 701px) { .hero-dancers { width: 34%; height: auto; mask-image: none; -webkit-mask-image: none; } }
.card { border: 4px solid #fffdf7; }
.card { border: 0; box-shadow: 0 0 0 4px #fffdf7, 0 1px 8px #876d3814; }
/* Titel und Fließtext der Themenkacheln gemäß der Vorlage. */
.card-copy h2 { font-size: 20px; line-height: 1.2; margin: 8px 0 9px; }
.card-copy p { font-size: 15px; line-height: 1.35; min-height: 3em; margin: 0 0 15px; }
@media(max-width:700px){.card-copy h2{font-size:18px}.card-copy p{font-size:13px}}
/* Helle Säule und die Farben und Themen-Icons aus der Vorlage. */
.masthead { background-image: linear-gradient(90deg, transparent 0%, transparent 7%, #031c32a6 18%, #04192e15 70%), url('assets/angkor-hero.png'); }
@media (min-width:701px){.topbar{background:linear-gradient(90deg, transparent 0%, transparent 7%, rgba(4,27,49,.65) 18%, rgba(5,28,51,.46))}}
.card-copy h2,.card-copy p,.card-copy a,.about h2,.about p,.values h3,.values p{color:#102d50}
.card-copy .badge { background-image:url('assets/layout-reference.png'); background-repeat:no-repeat; background-size:1536px 1024px; border:0; font-size:0; }
.card:nth-child(1) .badge{background-position:-96px -619px}
.card:nth-child(2) .badge{background-position:-452px -619px}
.card:nth-child(3) .badge{background-position:-793px -619px}
.card:nth-child(4) .badge{background-position:-1131px -619px}
/* Ergänzung nur unterhalb des bestehenden Bildes; Original bleibt an Ort und Stelle. */
.hero-dancers-extension{display:none}
@media(min-width:701px){.hero-dancers-extension{display:block;position:absolute;top:45px;left:1%;width:44%;height:auto;mask-image:linear-gradient(to bottom,transparent 58%,#000 79%);-webkit-mask-image:linear-gradient(to bottom,transparent 58%,#000 79%)} }
@media (min-width:701px){.hero-dancers-extension{transform:none;top:60px;mask-image:linear-gradient(to bottom,transparent 58%,#000 79%);-webkit-mask-image:linear-gradient(to bottom,transparent 58%,#000 79%)}}
/* KI-Ergänzung an die unveränderten oberen Bildteile angleichen. */
@media (min-width:701px){.hero-dancers-extension{left:.67%;width:43.36%;top:calc(45px + .36vw)}}
/* Blauer Kopfstreifen läuft links vollständig über die Säule. */
@media (min-width:701px){.topbar{background:linear-gradient(90deg,#092847 0%,#092847 9%,rgba(4,27,49,.65) 18%,rgba(5,28,51,.46))}}
@media (min-width:701px){.topbar .logo{position:relative}.topbar .logo::before{content:"";position:absolute;top:0;left:0;width:3px;height:18px;background:#092847}}
/* Kopfleiste wie im freigegebenen Master; die Säule reicht bis nach oben. */
@media (min-width:701px){
 .topbar{background:linear-gradient(90deg,transparent 0%,transparent 7%,rgba(4,27,49,.57) 18%,rgba(5,28,51,.38))}
 .topbar .logo{width:140px;height:122px;background-size:1200px 800px;background-position:-87px -3px;align-self:flex-start;position:relative;clip-path:polygon(2% 0,100% 0,100% 84%,80% 84%,80% 100%,2% 100%)}
 .topbar .logo::before{display:none}
}
@media(min-width:701px){
 .hero-dancers,.hero-dancers-extension{display:none}
 .master-dancers{display:block;position:absolute;left:5%;top:8px;width:36%;aspect-ratio:470/385;background-image:url('assets/layout-reference.png');background-repeat:no-repeat;background-size:326.81% auto;background-position:7.5% 19.56%;clip-path:polygon(32% 5%, 49% 0%, 57% 13%, 66% 20%, 70% 0%, 77% 0%, 82% 19%, 91% 29%, 88% 39%, 100% 47%, 100% 67%, 90% 72%, 90% 100%, 12% 100%, 0% 80%, 0% 48%, 14% 39%, 17% 30%, 23% 26%, 28% 27%, 29% 15%)}
}
@media(max-width:700px){.master-dancers{display:none}}
@media(min-width:701px){.master-dancers{clip-path:polygon(40% 0%,49% 0%,57% 0%,66% 0%,70% 0%,77% 0%,82% 19%,91% 29%,88% 39%,100% 47%,100% 55%,94% 55%,94% 63%,98% 63%,98% 78%,95% 88%,90% 100%,12% 100%,0% 80%,0% 48%,8% 33%,9% 24%,18% 24%,23% 26%,28% 27%,26% 15%)}}
/* Logo als saubere, freigestellte Form in Kopf- und Fußbereich. */
.logo{clip-path:none;mask-image:radial-gradient(ellipse 38% 44% at 56% 49%,#000 98%,transparent 100%),linear-gradient(#000,#000);mask-size:100% 100%,34% 100%;mask-position:center,left center;mask-repeat:no-repeat;-webkit-mask-image:radial-gradient(ellipse 38% 44% at 56% 49%,#000 98%,transparent 100%),linear-gradient(#000,#000);-webkit-mask-size:100% 100%,34% 100%;-webkit-mask-position:center,left center;-webkit-mask-repeat:no-repeat}
@media(min-width:701px){.topbar .logo{width:158px;height:140px;background-size:1360px 906.67px;background-position:-99px -3px;clip-path:none;align-self:flex-start;z-index:4}.topbar{background:linear-gradient(90deg,transparent 0%,transparent 7%,rgba(4,27,49,.49) 20%,rgba(5,28,51,.34))}}
@media(min-width:701px){.topbar .brand{align-self:flex-start}}
/* Transparenter Kopfbereich nach dem Master; Säule bleibt frei. */
@media(min-width:701px){
 .topbar{background:transparent;isolation:isolate}
 .topbar::before{content:"";position:absolute;inset:0 0 0 7%;background:linear-gradient(to bottom,rgba(4,27,49,.32),rgba(4,27,49,.03));z-index:-1;pointer-events:none}
 .topbar .logo{width:176px;height:156px;background-size:1515px 1010px;background-position:-110px -3px}
}
/* Figur am Logo freistellen: Säule bleibt dahinter sichtbar. */
.topbar .logo{background-image:none;mask:none;-webkit-mask:none;position:relative}
.topbar .logo::after{content:"";position:absolute;inset:0;background-image:url('assets/layout-reference.png');background-size:inherit;background-position:inherit;background-repeat:no-repeat;mask-image:radial-gradient(ellipse 38% 44% at 56% 49%,#000 98%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 38% 44% at 56% 49%,#000 98%,transparent 100%)}
.topbar .logo-figure{position:absolute;inset:0 auto 0 0;width:34%;background-image:url('assets/layout-reference.png');background-size:inherit;background-position:inherit;background-repeat:no-repeat;filter:url(#logo-cutout)}

/* Logo grows towards the pillar and into the collage. */
.topbar .logo { transform: scale(1.15); transform-origin: top right; }

/* Die Krone vollständig zeigen und der Collage etwas Abstand geben. */
@media (min-width:701px){.master-dancers{clip-path:polygon(40% 0%,49% 0%,57% 0%,66% 0%,70% 0%,77% 0%,82% 19%,91% 29%,88% 39%,100% 47%,100% 55%,94% 55%,94% 63%,98% 63%,98% 78%,95% 88%,90% 100%,12% 100%,0% 80%,0% 48%,8% 33%,9% 24%,18% 24%,23% 26%,28% 27%,26% 15%)}}

@media(min-width:701px){.master-dancers .crown-repair{position:absolute;left:-5.5%;top:2%;width:122.6%;height:auto;clip-path:polygon(33% 0%,38% 0%,38% 5%,33% 5%);pointer-events:none}}

/* Bildausschnitte und goldene Symbole nach der freigegebenen Vorlage. */
.card-image.art{background-image:url('assets/themen-master.png');background-size:480.75% auto;background-repeat:no-repeat}
.card-image.food{background-position:36% 58.5%}
.card-image.culture{background-position:63.9% 58.5%}
.card-image.community{background-position:92% 58.5%}
.values b{font-size:0;border:0;background-image:url('assets/themen-master.png');background-size:1605px auto;background-repeat:no-repeat}
.values>div:nth-child(1) b{background-position:-860px -867px}
.values>div:nth-child(2) b{background-position:-1074px -867px}
.values>div:nth-child(3) b{background-position:-1345px -867px}
.card:nth-child(n+2) .badge{top:-40px;left:10px}
/* Blasse Tempel- und Palmenkulisse hinter „Über uns“. */
.about{position:relative;isolation:isolate}.about::before{content:"";position:absolute;inset:0;background:url('assets/ueber-uns-kulisse.png') center bottom / 100% auto no-repeat;mix-blend-mode:multiply;pointer-events:none;z-index:-1}

/* Bereiche unter „Über uns“ im Farbsystem der Vorlage. */
.events.section{position:relative;background:#f8f4ea;color:#102d50;padding:48px 6% 52px}
.events .heading{gap:20px;border-bottom:1px solid #dfc48c;margin-bottom:24px}
.events .heading h2{font-size:36px;line-height:1.12;color:#102d50;margin-bottom:17px}
.events .heading h2 span{color:#d39a38}
.events .heading a{font-weight:bold;color:#102d50;text-decoration:none}
.event-grid{gap:20px;align-items:stretch}
.event-grid article{border:4px solid #fffdf7;border-radius:10px;background:#fffdf7;box-shadow:0 1px 8px #876d3814}
.event-grid img{height:auto;aspect-ratio:2.1 / 1;object-fit:contain;object-position:center;background:#eee7d8;border-radius:6px}
.event-copy{padding:21px 18px;align-items:flex-start;gap:14px;color:#102d50}
.event-copy h3{font-size:20px;line-height:1.2;color:#102d50;margin:0 0 9px}
.event-copy p{font-size:15px;line-height:1.4;color:#102d50;margin:0 0 15px}
.event-copy a{font-size:15px;color:#102d50;text-decoration:none;font-weight:bold}
.date{flex:none;border-radius:4px;background:#f2dfb8;color:#102d50;border:1px solid #e1bb70}
.events>small{color:#46556a;font-size:13px}
.gallery.section{padding:48px 6% 54px;background:#0b2946;color:#fff}
.gallery .heading{border-bottom:1px solid #a87c3e;margin-bottom:24px}
.gallery .heading h2{font-size:36px;line-height:1.2;margin-bottom:17px}
.gallery .heading h2 span{display:block;color:#e0ab50;font-size:16px;font-weight:normal;letter-spacing:.03em;margin-top:7px}
.gallery-grid{gap:10px}
.gallery-grid img{height:auto;aspect-ratio:1 / 1;object-fit:contain;object-position:center;background:#173552;border:2px solid #d9b26a;border-radius:7px}
.support{position:relative;gap:18px;background:#f8f4ea;padding:42px 6%;color:#102d50}
.support article{background:#fffdf7;border:4px solid #fffdf7;border-radius:10px;box-shadow:0 1px 8px #876d3814;padding:20px;align-items:flex-start}
.support b{flex:none;color:#d39a38;font-size:32px;line-height:1;border:1px solid #d9a23f;border-radius:50%;width:52px;height:52px;display:grid;place-items:center}
.support h3{font-size:20px;line-height:1.2;color:#102d50;margin:0 0 8px}
.support p{font-size:15px;line-height:1.4;color:#102d50;margin:0 0 12px}
.support a{font-size:15px;font-weight:bold;color:#102d50;text-decoration:none}
footer{border-top:2px solid #c6943e}
footer h3{color:#e0b55e;font-size:19px}
footer a:hover,.support a:hover,.event-copy a:hover{text-decoration:underline}
@media(max-width:700px){.events.section,.gallery.section{padding:32px 5%}.events .heading h2,.gallery .heading h2{font-size:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.support{padding:28px 5%;gap:12px}.event-grid img{aspect-ratio:2.1 / 1}}
.events.section::before,.events.section::after,.support::before,.support::after{content:"";position:absolute;top:18%;width:60px;height:250px;background:url('assets/ornament.svg') center/contain no-repeat;opacity:.19;pointer-events:none}
.events.section::before,.support::before{left:0}.events.section::after,.support::after{right:0;transform:scaleX(-1)}
.event-grid article:nth-child(-n+2) img{object-fit:cover;object-position:center center}
.gallery-grid img{object-fit:cover;object-position:center top}
.gallery-grid img:nth-child(4),.gallery-grid img:nth-child(5){object-fit:contain}
/* Mehr Abstand zwischen Vereinsnamen und Navigation nach der Vorlage. */
@media(min-width:1151px){.topbar nav{margin-left:clamp(12px,3vw,62px);gap:clamp(8px,1.15vw,23px)}}

/* Helle Seitenornamente aus der freigegebenen Vorlage. */
.intro:before,.intro:after,.events.section::before,.events.section::after,.support::before,.support::after{background-image:url('assets/ornament-master.svg');background-size:contain;background-repeat:no-repeat;opacity:.75;mix-blend-mode:multiply}
.intro:before,.intro:after{top:110px;width:95px;height:340px}
.events.section::before,.events.section::after,.support::before,.support::after{width:72px;height:255px;top:18%}
.legal-page{position:relative;isolation:isolate}
.legal-page::before,.legal-page::after{content:"";position:fixed;top:28%;width:95px;height:340px;background:url('assets/ornament-master.svg') center/contain no-repeat;opacity:.75;mix-blend-mode:multiply;pointer-events:none;z-index:-1}
.legal-page::before{left:0}.legal-page::after{right:0;transform:scaleX(-1)}
@media(max-width:700px){.intro:before,.intro:after,.legal-page::before,.legal-page::after{width:42px;height:150px;opacity:.5}.events.section::before,.events.section::after,.support::before,.support::after{width:36px;height:130px}}
.intro:before,.intro:after{z-index:0}.intro .cards,.intro .about{z-index:1}
.events.section::before,.events.section::after,.support::before,.support::after{z-index:0}.events.section>* , .support>article{position:relative;z-index:1}
/* Ornamente an den Bildrändern sanft in den Hintergrund überblenden. */
.intro:before,.intro:after,.events.section::before,.events.section::after,.support::before,.support::after,.legal-page::before,.legal-page::after{-webkit-mask-image:radial-gradient(ellipse 75% 62% at 50% 50%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 75% 62% at 50% 50%,#000 35%,transparent 100%)}
/* Dekor entsprechend der Vorlage: über die gesamte Modulbreite. */
.about::before{left:-5.56%;right:-5.56%;background-size:100% auto}
.intro:before,.intro:after,.events.section::before,.events.section::after,.support::before,.support::after,.legal-page::before,.legal-page::after{opacity:.85;-webkit-mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-image:linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%)}
@media(max-width:700px){.intro:before,.intro:after,.legal-page::before,.legal-page::after{opacity:.6}}
.intro:before,.intro:after,.events.section::before,.events.section::after,.support::before,.support::after,.legal-page::before,.legal-page::after{-webkit-mask-image:linear-gradient(to right,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
/* Auch auf dunklen Bereichen dezent am Seitenrand fortführen. */
.gallery.section,footer{position:relative;isolation:isolate}
.gallery.section::before,.gallery.section::after,footer::before,footer::after{content:"";position:absolute;top:15%;width:72px;height:255px;background:url('assets/ornament-master.svg') center/contain no-repeat;opacity:.12;mix-blend-mode:screen;pointer-events:none;z-index:0;-webkit-mask-image:linear-gradient(to right,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);-webkit-mask-composite:source-in;mask-image:linear-gradient(to right,#000 60%,transparent 100%),linear-gradient(to bottom,transparent 0%,#000 9%,#000 88%,transparent 100%);mask-composite:intersect}
.gallery.section::before,footer::before{left:0}.gallery.section::after,footer::after{right:0;transform:scaleX(-1)}
.gallery.section>*,footer>*{position:relative;z-index:1}
@media(max-width:700px){.gallery.section::before,.gallery.section::after,footer::before,footer::after{width:36px;height:130px}}
/* Veranstaltungskacheln im Format der vier Hauptthemen. */
.event-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.event-grid article{border:0;box-shadow:0 0 0 4px #fffdf7,0 1px 8px #876d3814;overflow:hidden}
.event-grid img{width:100%;aspect-ratio:2.1 / 1;border-radius:0;object-fit:cover}
.event-grid article:nth-child(3) img{object-fit:contain}
.event-grid article:nth-child(4) img{object-fit:cover;object-position:center 20%}
.event-copy{display:block;position:relative;padding:20px 18px}
.event-copy .badge{position:absolute;top:-29px;left:16px;width:50px;height:50px;border:0;font-size:0;background-image:url('assets/layout-reference.png');background-repeat:no-repeat;background-size:1536px 1024px}
.event-grid article:nth-child(1) .badge{background-position:-96px -619px}
.event-grid article:nth-child(2) .badge{background-position:-452px -619px}
.event-grid article:nth-child(3) .badge{background-position:-793px -619px}
.event-grid article:nth-child(4) .badge{background-position:-1131px -619px}
.event-copy h3{font-size:20px;line-height:1.2;margin:8px 0 9px}
.event-copy p{font-size:15px;line-height:1.35;min-height:3em;margin:0 0 15px}
@media(max-width:900px){.event-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:390px){.event-grid{grid-template-columns:1fr}}
/* Der Veranstaltungsbereich bleibt an den Seiten frei. */
.events.section::before,.events.section::after{display:none}
.intro::before,.intro::after{display:none}
.event-grid article:nth-child(3) img{object-fit:cover;object-position:center 57%}
.event-grid article:nth-child(4) img{object-fit:cover;object-position:center center}
/* Beispieltermine und Tempelsymbol in den Veranstaltungen. */
.events .event-heading-icon{display:inline-block;width:52px;vertical-align:baseline;line-height:0;color:#d39a38}.event-heading-icon svg{display:block;width:100%;height:auto}
.event-copy{display:flex;gap:12px;align-items:flex-start}.event-copy .date{min-width:52px;height:auto;padding:7px 5px;text-align:center;font-size:20px;font-weight:bold;line-height:1.15}.event-copy .date small{font:10px Arial,sans-serif;white-space:nowrap;margin-top:4px}
.event-copy h3{margin-top:0}
.event-grid article:first-child img{object-position:center top}
.event-food-frame{position:relative;overflow:hidden;width:100%;aspect-ratio:2.1 / 1;background:#eee7d8}
.event-grid .event-food-frame img{position:absolute;width:47.619%;height:210%;left:26.19%;top:-55%;max-width:none;transform:rotate(-90deg) scale(1.32);object-fit:cover;object-position:center 62%;aspect-ratio:auto}
.event-grid article:first-child img{object-position:center 55%}
/* Zweispaltiger Block nach der vom Verein ausgewählten Vorlage. */
.tradition-block{display:grid;grid-template-columns:1fr 1fr;background:#f8f4ea;min-height:320px}
.tradition-image{min-height:320px;background:#e8e0d1}
.tradition-copy{position:relative;display:flex;align-items:center;overflow:hidden;padding:36px clamp(32px,5vw,84px);color:#102d50}
.tradition-copy::after{content:"";position:absolute;right:-20px;top:5%;height:90%;width:clamp(110px,20vw,280px);background:url('assets/ornament.svg') center/contain no-repeat;opacity:.2;pointer-events:none}
.tradition-content{position:relative;z-index:1;max-width:560px}
.tradition-kicker{font:700 13px Arial,sans-serif;letter-spacing:.06em;color:#b88632;margin:0 0 8px}
.tradition-content h2{font-size:clamp(28px,2.5vw,42px);line-height:1.07;margin:0 0 16px;color:#102d50}
.tradition-content>p:not(.tradition-kicker){font:15px/1.5 Arial,sans-serif;margin:0 0 20px;color:#263e55}
.tradition-content a{display:inline-flex;align-items:center;gap:14px;padding:12px 23px;background:#e0ad4d;color:#102d50;font:700 14px Arial,sans-serif;text-decoration:none;border-radius:3px}
@media(max-width:700px){.tradition-block{grid-template-columns:1fr}.tradition-image{min-height:190px}.tradition-copy{padding:30px 24px}.tradition-content h2{font-size:30px}}
.tradition-image{position:relative;overflow:hidden}
.tradition-image img{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center top}
/* Impressionen: Ausschnitte und goldene Ränder. */
.gallery-grid .gallery-tile{aspect-ratio:1 / 1;overflow:hidden;border:4px solid #d9b26a;border-radius:7px;background:#173552}
.gallery-grid .gallery-tile img{display:block;width:100%;height:100%;aspect-ratio:auto;border:0;border-radius:0;object-fit:cover;object-position:center;transform-origin:center}
.gallery-grid .gallery-tile[data-gallery-index="1"] img{transform:scale(1.1);object-position:center 60%}
.gallery-grid .gallery-tile[data-gallery-index="2"] img{transform:scale(1.12);object-position:center 31%}
.gallery-grid .gallery-tile[data-gallery-index="3"] img{object-position:center 14%}
.gallery-grid .gallery-tile[data-gallery-index="4"] img{object-position:30% center}
.gallery-grid .gallery-tile[data-gallery-index="6"] img{object-position:center 14%}
.gallery-grid .gallery-tile[data-gallery-index="2"] img{object-position:center top;transform:translateY(10%) scale(1.3)}
.gallery-grid .gallery-tile[data-gallery-index="3"] img,.gallery-grid .gallery-tile[data-gallery-index="6"] img{object-position:center top;transform:translateY(-2%) scale(1.06)}
.gallery-grid .gallery-tile[data-gallery-index="4"] img{object-position:34% center;transform:scale(1.18)}
.tradition-block{margin-bottom:28px}
.tradition-image img{object-position:center 32%}
.tradition-copy::after{background-image:url('assets/tradition-ornament.png');background-position:right center;background-size:contain;right:-12px;top:0;height:100%;opacity:.32}
@media(min-width:1151px){.topbar nav{margin-left:clamp(8px,1vw,20px);gap:clamp(7px,1vw,20px)}}
/* Ta Prohm als Kulisse für die Impressionen. */
.gallery.section{background-image:linear-gradient(90deg,rgba(4,24,42,.75),rgba(4,24,42,.52)),url('assets/impressionen-ta-prohm.png');background-position:center;background-size:cover}
.gallery-grid .gallery-tile[data-gallery-index="2"] img{object-position:center;transform:none}
/* Newsletter in der Breite der Inhalte. */
.newsletter-inline{margin:28px 6% 38px;padding:30px 36px;background:#0b2946;color:#fff;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:8px}
.newsletter-copy{display:flex;align-items:center;gap:18px}.newsletter-icon{display:grid;place-items:center;flex:none;width:54px;height:54px;border:1px solid #d9a23f;border-radius:50%;color:#e0ad4d;font-size:27px}
.newsletter-copy h2{font-size:29px;line-height:1.1;font-weight:normal;margin:0 0 7px}.newsletter-copy p{margin:0;color:#f5eee0;font-size:15px}
.newsletter-form{width:min(100%,470px)}.newsletter-form label{display:block;font:13px Arial,sans-serif;margin:0 0 7px;color:#f5eee0}
.newsletter-controls{display:flex;gap:8px}.newsletter-controls input{flex:1;min-width:0;border:1px solid #d4c19a;background:#fffdf7;color:#102d50;border-radius:4px;padding:12px 14px;font:15px Arial,sans-serif}
.newsletter-controls button{border:0;border-radius:4px;background:#dda849;color:#102d50;font:700 14px Arial,sans-serif;padding:12px 18px;cursor:pointer;white-space:nowrap}
.newsletter-controls button span{margin-left:8px}.newsletter-status{margin:7px 0 0;font:13px Arial,sans-serif;color:#f5eee0}.newsletter-status:empty{display:none}
@media(max-width:700px){.newsletter-inline{margin:24px 5% 30px;padding:24px;display:block}.newsletter-form{margin-top:20px}.newsletter-controls{flex-wrap:wrap}.newsletter-controls input{min-width:180px}.newsletter-copy h2{font-size:26px}}
/* Impressionen kompakter; Galerie-Schaltfläche in Vereinsblau. */
.gallery.section{padding-top:30px;padding-bottom:34px}
.gallery .heading{border-bottom:0;margin-bottom:18px}
.tradition-content a{background:#12375c;color:#fff}
@media(max-width:700px){.gallery.section{padding-top:24px;padding-bottom:26px}}
.gallery.section{background-image:linear-gradient(90deg,rgba(4,24,42,.52),rgba(4,24,42,.28)),url('assets/impressionen-ta-prohm.png')}
.footer-name small{display:block;color:#e0ad4d;font:700 10px Arial,sans-serif;letter-spacing:2px;margin-top:7px;text-align:center}
.footer-social{display:flex;gap:13px;align-items:center;margin-top:16px;color:#e0ad4d}
.footer-social span{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center}
.footer-social svg{width:100%;height:100%}
footer::before,footer::after{display:none}
.footer-brand + p{margin-top:18px}
.gallery-controls{display:flex;gap:9px;align-items:center}
.gallery-controls button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #d9b26a;border-radius:50%;background:#092645b8;color:#f1c876;font-size:21px;cursor:pointer}
.gallery-controls button:hover,.gallery-controls button:focus-visible{background:#d9a23f;color:#092645;outline:none}
.gallery-grid{overflow:hidden}
.gallery-grid .gallery-tile[data-gallery-index="4"] img{transform:translateY(-7%) scale(1.18)}
.gallery-grid .gallery-tile[data-gallery-index="1"] img{transform:translateY(-4%) scale(1.1)}
/* Themen-Icons an die Größe des jeweiligen Bildes anpassen. */
.cards .card{container-type:inline-size}
.cards .card:nth-child(n+2) .badge{left:3.7cqw;top:-13.4cqw;width:16.5cqw;height:16.5cqw;background-size:506.88cqw auto}
.cards .card:nth-child(2) .badge{background-position:-149.16cqw -204.27cqw}
.cards .card:nth-child(3) .badge{background-position:-261.69cqw -204.27cqw}
.cards .card:nth-child(4) .badge{background-position:-373.23cqw -204.27cqw}
@media(min-width:1151px){.topbar nav{margin-left:clamp(14px,1.8vw,36px);gap:clamp(7px,.85vw,18px)}}
.event-grid article{display:flex;flex-direction:column}
.event-grid article>img,.event-grid article>.event-food-frame{flex:none}
.event-grid .event-copy{flex:1;align-items:stretch}
.event-grid .event-copy>div{display:flex;flex:1;flex-direction:column}
.event-grid .event-copy a{margin-top:auto}
/* Eingebettete Symbole in den Bildausschnitten abdecken; einheitliche runde Icons darüber. */
.cards .card-image.art{position:relative}
.cards .card-image.art::after{content:"";position:absolute;left:0;bottom:0;width:20%;height:35%;background-image:url('assets/themen-master.png');background-size:2403.75% auto;background-repeat:no-repeat;pointer-events:none}
.cards .card-image.food::after{background-position:34.1% 62.7%}
.cards .card-image.culture::after{background-position:57.1% 62.7%}
.cards .card-image.community::after{background-position:80.3% 62.7%}
.cards .card:nth-child(n+2) .badge{left:16px;top:-29px;width:50px;height:50px;border-radius:50%;background-size:1536px 1024px}
.cards .card:nth-child(2) .badge{background-position:-452px -619px}
.cards .card:nth-child(3) .badge{background-position:-793px -619px}
.cards .card:nth-child(4) .badge{background-position:-1131px -619px}
.cards .card-image.art::after{-webkit-mask-image:radial-gradient(ellipse 70% 75% at 52% 55%,#000 35%,transparent 100%);mask-image:radial-gradient(ellipse 70% 75% at 52% 55%,#000 35%,transparent 100%)}
/* Die Tänzerinnen der ersten Themenkachel behutsam an den Hintergrund angleichen. */
.cards .card:first-child .card-image{position:relative}
.cards .card:first-child .card-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to bottom,transparent 20%,rgba(5,20,27,.035) 36%,rgba(5,20,27,.11) 65%,rgba(5,20,27,.13) 100%)}
/* Unterseiten im Stil der Startseite. */
.subpage{background:#f8f4ea;color:#102d50}
.subpage-header{background:#092645;color:#fff}
.subpage-header .topbar{background:linear-gradient(90deg,#092645,#17385c)}
.subpage .topbar nav a:first-child{color:#fff;border-bottom:0;padding:12px 0}
.subpage .topbar nav a[aria-current="page"]{color:#e8b957;border-bottom:2px solid #e8b957;padding:12px 0}
.sub-hero{min-height:250px;display:flex;align-items:center;background:linear-gradient(90deg,rgba(3,25,45,.93),rgba(3,25,45,.54)),url('assets/angkor-hero.png') center 42% / cover;color:#fff;padding:42px 8%}
.sub-hero-content{max-width:1050px;width:100%;margin:auto}.sub-hero-content>a{display:inline-block;color:#f2d59a;text-decoration:none;margin-bottom:28px;font-size:14px}
.sub-kicker{color:#e2ad49;letter-spacing:.2em;font:700 11px Arial,sans-serif;margin:0 0 12px}
.sub-hero h1{font-weight:normal;font-size:clamp(36px,4vw,58px);line-height:1.08;margin:0 0 8px}.sub-hero-content>p:last-child{font-size:20px;margin:0}
.sub-content{max-width:1240px;margin:auto;padding:45px 6% 64px;min-height:300px}.sub-content h2{font-size:31px;font-weight:normal;margin:38px 0 20px}.sub-intro{max-width:850px;font-size:19px;line-height:1.55}
.sub-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.sub-card{background:#fffdf7;border:4px solid #fffdf7;box-shadow:0 1px 8px #876d3814;border-radius:10px;padding:22px;display:flex;flex-direction:column}.sub-card h3{font-size:21px;margin:0 0 10px}.sub-card p{line-height:1.45;margin:0 0 20px}.sub-card a{margin-top:auto;color:#102d50;font-weight:bold;text-decoration:none}
.page-note{margin-top:34px;color:#5c6774;font-size:14px}.sub-figure{margin:35px 0 0;max-width:700px}.sub-figure img{display:block;width:100%;height:auto;border-radius:8px}.sub-figure figcaption{font-size:14px;margin-top:8px;color:#5c6774}
.sub-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.sub-gallery img{width:100%;height:250px;object-fit:contain;object-position:center;background:#132e4a;border:4px solid #d9b26a;border-radius:8px}
.contact-panel{margin-top:30px;background:#fffdf7;border-radius:10px;padding:24px;max-width:650px}.contact-panel h2{margin-top:0}.contact-panel p{line-height:1.6}
@media(max-width:900px){.sub-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sub-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.sub-hero{min-height:190px;padding:30px 5%}.sub-content{padding:32px 5% 45px}.sub-grid{grid-template-columns:1fr}.sub-gallery img{height:190px}}
.languages{display:flex;align-items:center;justify-content:center;gap:6px}
.languages button{border:0;background:transparent;color:#fff;cursor:pointer;white-space:nowrap;font:inherit;padding:3px 4px;border-radius:4px}
.languages button[aria-pressed="true"]{color:#edc675}.languages button:focus-visible{outline:2px solid #e0ad4d}
html[lang="km"] body{font-family:Georgia,'Noto Sans Khmer',sans-serif}

/* Shop im Bereich Mitmachen */
@media(min-width:701px){.support{grid-template-columns:repeat(4,minmax(0,1fr))}}
.shop-icon svg{width:27px;height:27px}.shop-icon{animation:shop-glow 3s ease-in-out infinite;transform-origin:center}@keyframes shop-glow{0%,75%,100%{transform:scale(1) rotate(0);box-shadow:0 0 0 0 #d9a23f00}82%{transform:scale(1.08) rotate(-6deg);box-shadow:0 0 0 5px #d9a23f33}89%{transform:scale(1.08) rotate(6deg);box-shadow:0 0 0 7px #d9a23f11}}@media(prefers-reduced-motion:reduce){.shop-icon{animation:none}}

/* Shop-Tasche und einheitliche Linkhöhe im Mitmachen-Bereich. */
.support article>div{display:flex;flex-direction:column;flex:1;min-width:0}.support article>div p{flex:1}.support article>div a{margin-top:auto}
.support .shop-icon{color:#f20d1b;border-color:#f20d1b;animation:none;overflow:hidden}
.shop-icon svg{width:42px;height:42px;animation:shop-bag-pulse 3s ease-in-out infinite;transform-origin:center}
@keyframes shop-bag-pulse{0%,68%,100%{transform:scale(.72)}82%,90%{transform:scale(1)}}
@media(prefers-reduced-motion:reduce){.shop-icon svg{animation:none}}

/* Gründungszusatz im bestehenden Vereins-Schriftzug. */
.brand .founding-suffix,.footer-brand .founding-suffix{font-size:.65em;white-space:nowrap}

/* Member access alongside the existing hero action. */
.hero-actions{display:flex;align-items:stretch;justify-content:center;gap:12px}
.hero-actions .button{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:0 1 auto;padding-left:22px;padding-right:22px;text-align:center}
.hero-actions .hero-member-login{background:#12375c;color:#fff}
.hero-actions .hero-member-login:hover{background:#19466f}
@media(max-width:700px){.hero-actions{gap:9px;flex-wrap:wrap}.hero-actions .button{padding:11px 18px;font-size:14px}}
/* Fill photo tiles without letterboxing; retain the approved white/gold frames. */
.sub-gallery img{display:block;object-fit:cover;object-position:center top}
.sub-gallery img[src$="gallery_people.jpg"]{object-position:center 50%}
.sub-gallery img[src$="gallery_school.jpg"]{object-position:34% bottom}
.sub-gallery img[src$="giant5.jpg"]{object-position:center top}
.sub-gallery img[src$="galerie_original.jpg"]{object-position:center 10%}
/* Expanded photo collection: approved tile frames and existing crops stay intact. */
.gallery-photo{display:block;min-width:0;text-decoration:none}
.gallery-photo:focus-visible{outline:3px solid #fff;outline-offset:3px}
.sub-gallery .gallery-photo{overflow:hidden;border:4px solid #d9b26a;border-radius:8px;background:#132e4a}
.sub-gallery .gallery-photo img{border:0;border-radius:0;height:250px;object-fit:cover;object-position:center top}
.gallery-grid .gallery-photo img{object-position:center top}
.gallery-viewer{width:96vw;max-width:1400px;height:94vh;max-height:94vh;padding:40px 55px 20px;background:#061f37;color:white;border:1px solid #d9b26a;border-radius:10px;overflow:hidden}
.gallery-viewer::backdrop{background:rgba(0,12,25,.9)}
.gallery-viewer figure{margin:0;display:flex;flex-direction:column;height:100%;align-items:center;gap:10px}
.gallery-viewer figure img{min-height:0;max-width:100%;height:calc(100% - 30px);object-fit:contain}
.gallery-viewer figcaption{font:16px Arial;color:#efd39b}
.gallery-viewer button{position:absolute;border:0;border-radius:50%;background:#12375c;color:#fff;font:28px Arial;width:42px;height:42px;cursor:pointer}
.gallery-close{right:8px;top:6px}.gallery-full-prev{left:5px;top:48%}.gallery-full-next{right:5px;top:48%}
@media(max-width:700px){.sub-gallery .gallery-photo img{height:190px}.gallery-viewer{padding:48px 42px 14px}}
/* One continuous row, regardless of the number of original photos. */
.gallery-grid{grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:calc((100% - 50px)/6)}
@media(max-width:700px){.gallery-grid{grid-auto-columns:calc((100% - 10px)/2)}}
.temple-lion-product{display:grid;grid-template-columns:1.35fr 1fr;gap:36px;align-items:center;margin:0 0 44px;padding:24px;background:#fffdf7;border-radius:10px;box-shadow:0 1px 8px #876d3814;color:#12375c}
.temple-lion-product>a{display:block;overflow:hidden;border-radius:7px}
.temple-lion-product img{display:block;width:100%;height:auto}
.temple-lion-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.1;margin:10px 0 16px}
.temple-lion-copy dl{margin:20px 0}.temple-lion-copy dl div{display:flex;gap:12px;padding:7px 0;border-bottom:1px solid #d9b26a55}.temple-lion-copy dt{min-width:110px;font-weight:600}.temple-lion-copy dd{margin:0}.temple-lion-copy .product-price{display:block;font-size:30px;margin:15px 0}.temple-lion-copy .muted{font-size:14px;margin-top:16px}
@media(max-width:850px){.temple-lion-product{grid-template-columns:1fr;gap:22px;padding:18px}}
/* Angkor collage: a little more light and golden warmth, consistently. */
.about::before{filter:brightness(1.035) saturate(1.3)}
.masthead{background-image:linear-gradient(90deg,transparent 0%,transparent 7%,#031c328c 18%,#04192e08 70%),url('assets/angkor-hero.png')}
.sub-hero{background-image:linear-gradient(90deg,rgba(3,25,45,.85),rgba(3,25,45,.40)),url('assets/angkor-hero.png')}
/* Shared image behind menu and page introduction, without a horizontal seam. */
.subpage-masthead{background:linear-gradient(90deg,rgba(3,25,45,.78),rgba(3,25,45,.28)),url('assets/angkor-hero.png') center 42% / 110% auto no-repeat;background-color:#092645}
.subpage-masthead .subpage-header,.subpage-masthead .sub-hero{background:transparent}
.subpage-masthead .topbar{background:linear-gradient(90deg,rgba(8,40,73,.66),rgba(12,44,80,.30))}
@media(max-width:700px){.subpage-masthead{background-size:cover}}