/* ALP BUHAN — HOLDING PAGE 2.0 · MULTILINGUAL | Canonical brand colors and original images */
:root{--navy:#1E2835;--ivory:#ECE5DC;--gold:#BC9B69;--olive:#5E5F45;--cream:#F5F1E9;--ink:#243140;--line:rgba(30,40,53,.16);font-synthesis:none}
*{box-sizing:border-box}
html{min-width:320px;min-height:100%;background:var(--ivory)}
body{margin:0;min-height:100svh;color:var(--navy);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;display:flex;flex-direction:column}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--olive);outline-offset:5px;border-radius:3px}
.skip{position:absolute;left:14px;top:-80px;padding:12px 20px;z-index:10;background:var(--navy);color:var(--ivory)}.skip:focus{top:15px}
.page{width:min(100%,1600px);margin-inline:auto;min-height:100svh;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(360px,.86fr)}
.left{background:var(--ivory);display:flex;flex-direction:column;min-width:0;padding:36px clamp(28px,5.4vw,96px) 32px clamp(28px,7vw,118px)}
.topline{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:40px}
.topline .role{font-size:10px;font-weight:700;letter-spacing:.18em;color:var(--olive);text-transform:uppercase}
.topline .locale{font-size:11px;color:rgba(30,40,53,.6);letter-spacing:.08em;white-space:nowrap}
.hero{width:100%;max-width:720px;flex:1;display:flex;flex-direction:column;justify-content:center;padding:25px 0 45px}
.brand-image{display:block;width:clamp(230px,29vw,390px);max-width:95%;height:auto;margin:0 0 clamp(10px,3.6vh,36px) -9px;object-fit:contain}
.eyebrow{margin:0 0 17px;display:flex;align-items:center;gap:13px;font-size:11px;color:var(--olive);font-weight:700;letter-spacing:.19em;text-transform:uppercase}
.eyebrow:before{content:"";width:28px;height:1px;background:var(--gold);display:inline-block}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(36px,4.1vw,63px);line-height:1.11;letter-spacing:-.035em;font-weight:400;max-width:660px;margin:0}
h1 em{font-weight:400;font-style:italic;color:var(--olive)}
.intro{font-size:clamp(15px,1.14vw,17px);line-height:1.85;margin:27px 0 0;max-width:520px;color:#49525b}
.rule{width:80px;height:1px;background:var(--gold);margin:34px 0 26px}
.pill{display:inline-flex;align-items:center;gap:10px;align-self:flex-start;border:1px solid rgba(94,95,69,.35);padding:12px 16px;font-size:11px;font-weight:700;letter-spacing:.12em;color:var(--olive);text-transform:uppercase}
.pill:before{content:"";width:7px;height:7px;border-radius:50%;background:var(--olive)}
.footline{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:18px;border-top:1px solid var(--line);padding-top:24px;color:#697076;font-size:11px;letter-spacing:.03em}
.social{display:flex;flex-wrap:wrap;align-items:center;gap:23px}
.social a{display:inline-flex;align-items:center;gap:6px;color:var(--navy);font-size:12px;font-weight:700;border-bottom:1px solid transparent;padding-bottom:2px;transition:border-color .15s}
.social a:hover{border-bottom-color:var(--navy)}
.right{background:var(--navy);color:var(--ivory);position:relative;overflow:hidden;min-width:0;min-height:100%;padding:clamp(38px,5vw,74px);display:flex;flex-direction:column;justify-content:space-between}
.right:before{content:"";position:absolute;width:850px;height:850px;top:50%;right:-560px;transform:translateY(-50%);border:1px solid rgba(188,155,105,.22);border-radius:50%;pointer-events:none}
.right:after{content:"";position:absolute;width:670px;height:670px;top:50%;right:-435px;transform:translateY(-50%);border:1px solid rgba(188,155,105,.18);border-radius:50%;pointer-events:none}
.right .side-top{position:relative;z-index:1;font-size:11px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;color:var(--gold)}
.decorative-grid{position:absolute;inset:0;opacity:.2;pointer-events:none;background-image:linear-gradient(to right,rgba(236,229,220,.08) 1px,transparent 1px),linear-gradient(to bottom,rgba(236,229,220,.08) 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(to left,black,transparent 90%)}
.side-content{position:relative;z-index:1;margin:26px 0 12px;max-width:390px}
.side-number{font-family:Georgia,'Times New Roman',serif;font-size:13px;color:var(--gold);display:block;margin-bottom:19px}
.side-head{font-family:Georgia,'Times New Roman',serif;font-size:clamp(32px,3vw,48px);line-height:1.17;letter-spacing:-.025em;margin:0 0 28px;font-weight:400}
.side-desc{font-size:14px;line-height:1.8;color:rgba(236,229,220,.72);margin:0;max-width:310px}
.pillars{border-top:1px solid rgba(236,229,220,.25);position:relative;z-index:1}
.pillar{display:flex;gap:22px;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid rgba(236,229,220,.25)}
.pillar span{font-size:11px;letter-spacing:.18em;color:var(--gold)}
.pillar strong{font-weight:400;font-size:14px;letter-spacing:.07em;flex:1}
@media (min-width:1600px){.page{box-shadow:0 20px 70px rgba(30,40,53,.08)}}
@media (max-width:970px){.page{grid-template-columns:1fr 42%}.left{padding:26px 34px}.right{padding:40px 28px}.side-head{font-size:34px}.brand-image{width:310px}h1{font-size:43px}}
@media (max-width:690px){.page{display:flex;flex-direction:column}.left{min-height:unset;padding:23px 24px 24px}.topline .locale{font-size:10px}.hero{padding:20px 0 40px}.brand-image{width:clamp(215px,64vw,300px);margin-left:-5px;margin-bottom:13px}.eyebrow{font-size:9px;letter-spacing:.15em}h1{font-size:clamp(36px,9vw,51px)}.intro{font-size:15px;line-height:1.75;margin-top:20px}.rule{margin:27px 0 21px}.footline{padding-top:16px;align-items:flex-start;gap:12px}.right{min-height:410px;padding:34px 24px 32px;gap:50px}.right:before{right:-650px}.right:after{right:-510px}.side-content{margin:0}.side-head{font-size:35px;margin-bottom:15px}.side-desc{font-size:13px}.pillar{padding:13px 0}.pillars{margin-top:10px}}
@media (max-width:370px){.topline .locale{display:none}.right{min-height:440px}.social{gap:15px}.pill{font-size:10px}}
@media (prefers-reduced-motion:reduce){.social a{transition:none}}

/* Accessible language menu shared by every localized route */
.header-tools{display:flex;align-items:center;justify-content:flex-end;gap:16px;min-width:0}
.language-menu{position:relative;z-index:20;flex:0 0 auto}
.language-menu summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 12px;border:1px solid rgba(30,40,53,.22);border-radius:7px;cursor:pointer;background:rgba(255,255,255,.23);color:var(--navy);font:700 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.06em}
.language-menu summary::-webkit-details-marker{display:none}
.language-menu summary:focus-visible,.language-menu a:focus-visible{outline:3px solid var(--olive);outline-offset:3px}
.language-menu[open] summary{border-color:var(--navy)}
.language-list{position:absolute;top:calc(100% + 8px);right:0;min-width:166px;padding:5px;border:1px solid rgba(30,40,53,.14);background:#FBF9F5;border-radius:9px;box-shadow:0 12px 30px rgba(30,40,53,.14);z-index:30}
.language-list a{min-height:40px;display:flex;align-items:center;padding:10px 12px;border-radius:5px;font-size:13px;color:var(--navy)}
.language-list a[aria-current="page"]{background:rgba(94,95,69,.13);font-weight:700}
.language-list a:hover{background:rgba(30,40,53,.07)}
@media(max-width:970px){.header-tools{gap:10px}.topline .locale{font-size:10px}}
@media(max-width:690px){.header-tools{gap:9px}.language-menu summary{padding:0 9px}.language-list{min-width:155px}}
@media(max-width:370px){.topline .locale{display:none}.header-tools{margin-left:auto}}

/* Keep the compact language control prominent without crowding the mobile tagline. */
@media(max-width:690px){.topline .locale{display:none}}