/* ============================================================
   ALOKA — shared design system (sub-pages)
   ============================================================ */
:root{
  --air:#F6F4ED;--air-2:#FBFAF5;--ink:#16263A;--ink-soft:#3A4854;
  --gold:#A8884B;--gold-soft:#C7A86A;--ocean:#3E5C6E;--charcoal:#272723;--muted:#827F74;
  --line:#E5E0D3;--line-soft:#EEEAE0;--maxw:1340px;--gutter:clamp(24px,5vw,72px);
  --e1:cubic-bezier(.22,.61,.36,1);--e2:cubic-bezier(.65,.05,.36,1);--reveal:1.15s var(--e1);
}
*{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{font-family:'Montserrat',sans-serif;background:var(--air);color:var(--charcoal);font-weight:300;line-height:1.75;letter-spacing:.004em;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.lock{overflow:hidden;height:100vh}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--gutter)}
::selection{background:var(--ink);color:#fff}
body::before{content:"";position:fixed;inset:0;z-index:1;pointer-events:none;opacity:.035;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* logo */
.logo{height:48px;width:auto;display:block;overflow:visible}
.logo .l-wm{font-family:'Cinzel',serif;font-weight:500;fill:currentColor;letter-spacing:6px}
.logo .l-tg{font-family:'Cinzel',serif;font-weight:500;fill:var(--gold);letter-spacing:7px}
.logo .l-hz{fill:currentColor}
.logo .l-cre{fill:none;stroke:var(--gold);stroke-width:3;stroke-linecap:round}
/* over dark hero/image: full white logo. when scrolled (light): navy + gold */
header .brand .logo .l-tg{fill:currentColor}
header .brand .logo .l-cre{stroke:currentColor}
header.scrolled .brand .logo .l-tg{fill:var(--gold)}
header.scrolled .brand .logo .l-cre{stroke:var(--gold)}

/* reveal */
.r-up{opacity:0;transform:translateY(28px);transition:opacity var(--reveal),transform var(--reveal)}
.r-up.in{opacity:1;transform:none}
.r-mask{clip-path:inset(0 0 100% 0);transition:clip-path 1.25s var(--e1)}
.r-mask.in{clip-path:inset(0 0 0 0)}
.r-mask img{transform:scale(1.12);transition:transform 1.6s var(--e1)}
.r-mask.in img{transform:scale(1)}
.d1{transition-delay:.10s}.d2{transition-delay:.20s}.d3{transition-delay:.30s}.d4{transition-delay:.40s}

/* type */
.eyebrow{display:inline-flex;align-items:center;gap:14px;font-size:10.5px;letter-spacing:.32em;text-transform:uppercase;color:var(--gold);font-weight:500;margin-bottom:26px}
.eyebrow .no{color:var(--ink);opacity:.55;font-weight:400}
.eyebrow .tick{width:26px;height:1px;background:var(--gold);opacity:.6}
h1,h2,h3{font-weight:200;color:var(--ink);letter-spacing:.012em;line-height:1.14}
h2.display{font-size:clamp(29px,3.7vw,50px)}
h2.display .it{font-style:italic;font-weight:200;color:var(--ocean)}
.lead{font-size:clamp(15px,1.2vw,17px);line-height:1.95;color:var(--ink-soft);font-weight:300;max-width:58ch}
.essay p{font-size:15.5px;line-height:2.02;color:var(--charcoal);font-weight:300;margin-bottom:18px}
.readlink{display:inline-flex;align-items:center;gap:13px;margin-top:32px;font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink);font-weight:500}
.readlink .ln{width:32px;height:1px;background:var(--ink);transition:width .5s var(--e1),background .4s}
.readlink:hover{color:var(--gold)}
.readlink:hover .ln{width:56px;background:var(--gold)}
section.block{padding:clamp(78px,10vw,148px) 0}

.horizon{display:flex;align-items:center;justify-content:center;padding:6px 0}
.horizon .hz{height:1px;background:linear-gradient(90deg,transparent,var(--line) 18%,var(--line) 82%,transparent);width:clamp(160px,40vw,520px);position:relative}
.horizon .cre{position:absolute;left:50%;top:-7px;width:14px;height:14px;border:1.4px solid var(--gold);border-bottom-color:transparent;border-right-color:transparent;border-radius:50%;transform:translateX(-50%) rotate(45deg)}

/* header */
header{position:fixed;top:0;left:0;right:0;z-index:140;display:flex;align-items:center;justify-content:space-between;padding:22px var(--gutter);transition:padding .55s var(--e1),background .55s var(--e1),border-color .55s var(--e1);border-bottom:1px solid transparent;color:#fff}
header.scrolled{padding:12px var(--gutter);background:rgba(246,244,237,.9);backdrop-filter:saturate(150%) blur(12px);border-bottom-color:var(--line);color:var(--ink)}
.head-left{display:flex;align-items:center;gap:20px}
.brand .logo{height:50px;transition:height .55s var(--e1)}
header.scrolled .brand .logo{height:38px}
.home-ic{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid currentColor;border-radius:50%;opacity:.7;transition:.4s}
.home-ic:hover{opacity:1;color:var(--gold);border-color:var(--gold)}
.home-ic svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.4}
.head-right{display:flex;align-items:center;gap:38px}
nav.primary{display:flex;gap:38px;align-items:center}
nav.primary a{position:relative;font-size:11.5px;letter-spacing:.2em;text-transform:uppercase;font-weight:400;opacity:.96;padding:6px 0;color:inherit}
nav.primary a::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:currentColor;transition:width .5s var(--e1)}
nav.primary a:hover::after{width:100%}
header.scrolled nav.primary a:hover{color:var(--gold)}
.burger{display:flex;align-items:center;gap:11px;background:none;border:none;cursor:pointer;color:inherit;padding:6px 0}
.burger .bl{font-size:10px;letter-spacing:.26em;text-transform:uppercase;font-weight:500}
.burger .bx{position:relative;width:26px;height:12px}
.burger .bx i{position:absolute;left:0;height:1.4px;width:26px;background:currentColor;transition:transform .5s var(--e1),width .5s var(--e1),top .35s var(--e1)}
.burger .bx i:nth-child(1){top:2px}
.burger .bx i:nth-child(2){top:9px;width:18px}
.burger:hover .bx i:nth-child(2){width:26px}
body.menu-open .burger .bx i:nth-child(1){top:6px;transform:rotate(45deg)}
body.menu-open .burger .bx i:nth-child(2){top:6px;width:26px;transform:rotate(-45deg)}
body.menu-open .burger{color:var(--ink)} body.menu-open header{color:var(--ink)}

/* artistic menu */
.menu{position:fixed;inset:0;z-index:130;background:var(--air);opacity:0;pointer-events:none;transition:opacity .6s var(--e1);overflow-y:auto}
body.menu-open .menu{opacity:1;pointer-events:auto}
.menu-inner{max-width:var(--maxw);margin:0 auto;padding:clamp(108px,13vh,150px) var(--gutter) 70px;display:grid;grid-template-columns:1fr 1.08fr;gap:clamp(40px,6vw,90px)}
.m-eyebrow{font-size:10px;letter-spacing:.3em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:30px}
.m-primary a{display:flex;align-items:baseline;gap:18px;padding:13px 0;border-bottom:1px solid var(--line-soft);transition:padding-left .5s var(--e1)}
.m-primary a:hover{padding-left:14px}
.m-primary a .mi{font-size:11px;color:var(--gold);font-weight:500;letter-spacing:.1em;width:26px}
.m-primary a .mt{font-size:clamp(28px,3.6vw,46px);font-weight:200;color:var(--ink);letter-spacing:.01em;line-height:1.1}
.m-primary a .md{font-size:11px;color:var(--muted);letter-spacing:.04em;margin-left:auto;align-self:center;max-width:30%;text-align:right;font-weight:300}
.m-foot{margin-top:42px;font-size:11px;letter-spacing:.04em;color:var(--muted)}
.m-foot a{color:var(--ink-soft)}
.m-card{display:grid;grid-template-columns:96px 1fr;gap:20px;align-items:center;padding:15px 0;border-top:1px solid var(--line-soft)}
.m-card:last-child{border-bottom:1px solid var(--line-soft)}
.m-card .mc-img{width:96px;height:72px;overflow:hidden;background:#e7e3d8}
.m-card .mc-img img{width:100%;height:100%;object-fit:cover;transition:transform 1s var(--e1)}
.m-card:hover .mc-img img{transform:scale(1.08)}
.m-card .mc-cat{font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
.m-card .mc-t{font-size:18px;font-weight:300;color:var(--ink);margin:5px 0 4px;line-height:1.2}
.m-card .mc-r{font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-soft)}
.m-card>span{display:flex;flex-direction:column}
.m-card .mc-cat,.m-card .mc-t,.m-card .mc-r{display:block}
.m-card:hover .mc-r{color:var(--gold)}
.menu .m-primary a,.menu .m-card,.menu .m-eyebrow,.menu .m-foot{opacity:0;transform:translateY(20px);transition:opacity .7s var(--e1),transform .7s var(--e1)}
body.menu-open .menu .m-primary a,body.menu-open .menu .m-card,body.menu-open .menu .m-eyebrow,body.menu-open .menu .m-foot{opacity:1;transform:none}
body.menu-open .menu .m-card:nth-child(3){transition-delay:.10s}
body.menu-open .menu .m-card:nth-child(4){transition-delay:.16s}
body.menu-open .menu .m-card:nth-child(5){transition-delay:.22s}
body.menu-open .menu .m-card:nth-child(6){transition-delay:.28s}

/* subpage right secondary rail (NGA side-scroll: photo + text) */
.srail{position:fixed;right:0;top:0;height:100vh;z-index:60;display:flex;flex-direction:column;justify-content:center;gap:13px;padding-right:18px;opacity:0;transform:translateX(16px);pointer-events:none;transition:opacity .7s var(--e1),transform .7s var(--e1)}
.srail.show{opacity:1;transform:none;pointer-events:auto}
body.menu-open .srail{opacity:0;pointer-events:none}
.srail .sr-title{font-size:8px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold);font-weight:600;writing-mode:vertical-rl;margin-bottom:16px;align-self:flex-end;margin-right:6px}
.srail a{display:flex;align-items:center;gap:12px;justify-content:flex-end}
.srail .sr-l{font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-soft);text-align:right;max-width:130px;opacity:0;transform:translateX(6px);transition:.42s var(--e1)}
.srail a:hover .sr-l{opacity:1;transform:none;color:var(--ink)}
.srail .sr-i{width:42px;height:42px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line);flex:none;transition:.42s var(--e1)}
.srail .sr-i img{width:100%;height:100%;object-fit:cover;filter:saturate(.9)}
.srail a:hover .sr-i{box-shadow:0 0 0 1px var(--gold);transform:scale(1.08)}

/* breadcrumb */
.crumb{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:30px}
.crumb a:hover{color:var(--gold)}
.crumb span{opacity:.5}

/* sub hero */
.subhero{height:82vh;min-height:560px;position:relative;overflow:hidden;background:#0b1420}
.subhero img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.62}
.subhero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(8,15,24,.42),rgba(8,15,24,.12) 40%,rgba(8,15,24,.5))}
.subhero .sh-in{position:absolute;inset:0;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#fff;padding:0 28px}
.subhero .sh-in .eyebrow2{font-size:10.5px;letter-spacing:.46em;text-transform:uppercase;opacity:.86;margin-bottom:26px}
.subhero .sh-in h1{font-size:clamp(34px,5.4vw,72px);font-weight:200;color:#fff;letter-spacing:.04em;line-height:1.12}
.subhero .sh-in .sh-sub{margin-top:24px;font-size:14px;line-height:1.8;opacity:.85;max-width:60ch;font-weight:300}

/* tiles (country cards) */
.tiles{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.tile{position:relative;aspect-ratio:4/5;overflow:hidden;background:#dcd8cd;display:block}
.tile img{width:100%;height:100%;object-fit:cover;transition:transform 1.5s var(--e1);filter:saturate(.96)}
.tile:hover img{transform:scale(1.07)}
.tile .cap{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px;color:#fff;background:linear-gradient(180deg,transparent 42%,rgba(8,15,24,.74))}
.tile .cap .no{font-size:9px;letter-spacing:.2em;opacity:.7;margin-bottom:6px}
.tile .cap .c{font-size:21px;font-weight:300;letter-spacing:.04em}
.tile .cap .s{font-size:9px;letter-spacing:.22em;text-transform:uppercase;opacity:0;transform:translateY(6px);transition:.45s var(--e1);margin-top:7px}
.tile:hover .cap .s{opacity:.92;transform:none}
.tile.soon::after{content:"Coming Soon";position:absolute;top:15px;left:15px;font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:#fff;background:rgba(22,38,58,.4);backdrop-filter:blur(3px);padding:6px 10px;border:1px solid rgba(255,255,255,.28)}
.tile.soon img{filter:grayscale(.6) brightness(.82)}

/* book video block */
.bookvideo{position:relative;aspect-ratio:16/9;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.bookvideo img{height:84%;width:auto;filter:drop-shadow(0 28px 44px rgba(22,38,58,.20))}
.bookvideo .play{position:absolute;width:72px;height:72px;border-radius:50%;border:1px solid var(--ink);display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.66);transition:.4s}
.bookvideo:hover .play{background:#fff;transform:scale(1.05)}
.bookvideo .play::after{content:"";border-left:15px solid var(--ink);border-top:10px solid transparent;border-bottom:10px solid transparent;margin-left:4px}

/* ww definition */
.ww-def{max-width:780px;margin:0 auto;text-align:center}
.ww-def p{font-family:'Cinzel',serif;font-size:clamp(17px,2vw,22px);line-height:1.6;color:var(--ink-soft);font-weight:400;letter-spacing:.01em}

/* country A–E */
.opener{height:90vh;min-height:600px;position:relative;overflow:hidden}
.opener img{width:100%;height:100%;object-fit:cover}
.opener .q{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(180deg,rgba(8,15,24,.28),rgba(8,15,24,.38));color:#fff;text-align:center}
.opener .q p{font-family:'Cinzel',serif;font-weight:400;font-style:italic;font-size:clamp(22px,3vw,40px);max-width:820px;line-height:1.4;letter-spacing:.01em;padding:0 30px}
.spreads{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.spreads .sp{aspect-ratio:3/2;overflow:hidden;background:#e7e3d8}
.spreads .sp img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s var(--e1)}
.spreads .sp:hover img{transform:scale(1.05)}
.spreads .sp.wide{grid-column:1/-1;aspect-ratio:21/9}
.poetry{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line)}
.poetry .pimg{aspect-ratio:4/5;overflow:hidden}
.poetry .pimg img{width:100%;height:100%;object-fit:cover}
.poetry .ptext{display:flex;flex-direction:column;justify-content:center;padding:clamp(34px,5vw,64px);background:var(--air-2)}
.poetry .verse{font-family:'Cinzel',serif;font-style:italic;font-size:clamp(18px,2vw,24px);line-height:1.7;color:var(--ink);font-weight:400}
.poetry .vmeta{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-top:26px;font-weight:600}
.ce-essay{max-width:900px;margin:0 auto}
.ce-essay .cols{columns:2;column-gap:48px;margin-top:28px}
.ce-essay .cols p{font-size:14px;line-height:1.95;margin-bottom:15px;font-weight:300}
.ce-photo{max-width:430px;margin:44px auto 0}
.ce-photo img{width:100%;height:270px;object-fit:cover}
.ce-photo figcaption{font-size:11px;color:var(--muted);font-style:italic;text-align:center;margin-top:9px}
.dialogue{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:920px;margin:0 auto}
.dialogue .dt{aspect-ratio:4/3;overflow:hidden;background:#e7e3d8;position:relative}
.dialogue .dt img{width:100%;height:100%;object-fit:cover}

/* footer */
footer{background:var(--air-2);border-top:1px solid var(--line);padding:clamp(60px,7vw,98px) 0 40px;color:var(--ink-soft)}
.foot-top{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:48px}
.foot-brand .logo{height:54px;color:var(--ink);margin-bottom:24px}
.foot-brand p{font-size:12.5px;line-height:1.9;color:var(--muted);max-width:32ch}
footer h4{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin-bottom:22px;font-weight:600}
footer ul{list-style:none}
footer li{margin-bottom:12px}
footer li a{font-size:12.5px;color:var(--ink-soft);transition:color .3s}
footer li a:hover{color:var(--gold)}
.subscribe{display:flex;border-bottom:1px solid var(--line);padding-bottom:9px;margin-top:6px;max-width:280px;transition:border-color .4s}
.subscribe:focus-within{border-color:var(--gold)}
.subscribe input{flex:1;border:none;background:none;font-family:inherit;font-size:12.5px;color:var(--ink);outline:none}
.subscribe input::placeholder{color:var(--muted)}
.subscribe button{background:none;border:none;cursor:pointer;font-size:9.5px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);font-weight:600}
.foot-bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;margin-top:clamp(48px,6vw,74px);padding-top:28px;border-top:1px solid var(--line);font-size:11px;color:var(--muted);letter-spacing:.03em}
.foot-bottom .links{display:flex;gap:22px;align-items:center}
.foot-bottom .links a:hover{color:var(--gold)}

@media(max-width:1000px){
  nav.primary{display:none}.srail{display:none}
  .menu-inner{grid-template-columns:1fr;gap:40px}
  .tiles{grid-template-columns:1fr 1fr}
  .poetry{grid-template-columns:1fr}
  .ce-essay .cols{columns:1}
  .dialogue{grid-template-columns:1fr 1fr}
  .foot-top{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
  .tiles{grid-template-columns:1fr}.spreads{grid-template-columns:1fr}.dialogue{grid-template-columns:1fr}
  .foot-top{grid-template-columns:1fr}.burger .bl{display:none}.m-primary a .md{display:none}
}
@media(prefers-reduced-motion:reduce){
  *{animation:none!important}
  .r-up,.r-mask{opacity:1!important;transform:none!important;clip-path:none!important}
  .r-mask img{transform:none!important}
}

/* asymmetric country grid — Australia as wide feature */
.cgrid{grid-template-columns:repeat(3,1fr)}
.cgrid>:first-child{grid-column:1 / -1;aspect-ratio:21/9}
.cgrid>:first-child .cap{padding:clamp(22px,3vw,38px)}
.cgrid>:first-child .cap .c{font-size:clamp(26px,3vw,40px)}
@media(max-width:1000px){.cgrid{grid-template-columns:1fr 1fr}.cgrid>:first-child{grid-column:1/-1;aspect-ratio:16/9}}
@media(max-width:560px){.cgrid{grid-template-columns:1fr}.cgrid>:first-child{aspect-ratio:4/3}}

/* force WHITE logo over hero/subhero (header not scrolled, menu closed) */
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-wm,
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-hz,
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-tg{fill:#fff}
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-cre{stroke:#fff}
/* site credit (adapted for light footer) */
.poweredBy{display:flex;align-items:center;gap:10px;padding:8px 12px;border:1px solid rgba(22,38,58,.14);border-radius:10px;width:fit-content;background:rgba(22,38,58,.03)}
.creditLogo{display:flex;align-items:center;justify-content:center;background:#fff;padding:5px 8px;border-radius:6px;opacity:.72;transition:.35s ease;border:1px solid var(--line)}
.creditLogo:hover{opacity:1;transform:translateY(-2px);box-shadow:0 0 15px rgba(168,136,75,.45)}
.creditLogo img{height:13px;width:auto;display:block}
.divider{width:1px;height:13px;background:rgba(22,38,58,.18)}

/* === header always legible over hero/subhero: white content + top scrim === */
body:not(.menu-open) header:not(.scrolled){color:#fff}
body:not(.menu-open) header:not(.scrolled) nav.primary a,
body:not(.menu-open) header:not(.scrolled) .burger{color:#fff}
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-wm,
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-hz,
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-tg{fill:#fff}
body:not(.menu-open) header:not(.scrolled) .brand .logo .l-cre{stroke:#fff}
body:not(.menu-open) header:not(.scrolled)::before{content:"";position:absolute;top:0;left:0;right:0;height:150px;background:linear-gradient(180deg,rgba(8,15,24,.55),rgba(8,15,24,0));z-index:-1;pointer-events:none}

@keyframes kenBurns{from{transform:scale(1.02)}to{transform:scale(1.13)}}
.subhero .bg{animation:kenBurns 22s ease-out both}
@keyframes hdrIn{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}
header{animation:hdrIn .9s var(--e1) both}

  /* centered logo header (KNMA layout) */
  .head-left{display:flex;align-items:center;gap:clamp(18px,3vw,36px)}
  .brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
  .head-right{display:block;width:30px}
  /* rich footer */
  .foot-grid{display:grid;grid-template-columns:1.25fr 1.5fr .85fr;gap:clamp(34px,4.5vw,60px);padding-bottom:clamp(36px,5vw,60px)}
  .foot-brand .logo{height:54px;color:var(--ink);margin-bottom:22px}
  .foot-brand p{font-size:12.5px;line-height:1.85;color:var(--muted);max-width:34ch;margin-bottom:28px}
  .foot-mini{display:flex;flex-direction:column;gap:16px}
  .foot-mini a{display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:center}
  .foot-mini .fm-img{width:46px;height:46px;border-radius:50%;overflow:hidden;box-shadow:0 0 0 1px var(--line)}
  .foot-mini .fm-img img{width:100%;height:100%;object-fit:cover}
  .foot-mini .fm-t{display:block;font-size:13px;color:var(--ink);font-weight:400}
  .foot-mini .fm-s{display:block;font-size:11px;color:var(--muted)}
  .foot-mini a:hover .fm-t{color:var(--gold)}
  .foot-main{display:flex;flex-direction:column;gap:36px}
  footer h4{font-size:10px;letter-spacing:.24em;text-transform:uppercase;color:var(--ink);margin-bottom:16px;font-weight:600}
  .foot-news .subscribe{max-width:none;border-bottom:1px solid var(--line);display:flex;padding-bottom:9px}
  .foot-news .subscribe input{flex:1;border:none;background:none;font-family:inherit;font-size:13px;color:var(--ink);outline:none}
  .foot-news .subscribe button{background:none;border:none;cursor:pointer;color:var(--gold);font-size:16px}
  .foot-cols{display:grid;grid-template-columns:1fr 1fr;gap:30px}
  footer ul{list-style:none}footer li{margin-bottom:11px}
  footer li a{font-size:12.5px;color:var(--ink-soft);transition:color .3s}footer li a:hover{color:var(--gold)}
  .foot-side{display:flex;flex-direction:column;gap:30px}
  .foot-social{display:flex;gap:12px}
  .foot-social a{width:34px;height:34px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;color:var(--ink-soft);transition:.3s}
  .foot-social a:hover{border-color:var(--gold);color:var(--gold);transform:translateY(-2px)}
  .foot-social svg{width:15px;height:15px;fill:currentColor}
  .fc-mail{font-family:'Cinzel',serif;font-size:16px;color:var(--ink)}
  .fc-sub{font-size:11px;color:var(--muted);margin-top:6px}
  @media(max-width:1000px){.foot-grid{grid-template-columns:1fr;gap:40px}.foot-cols{grid-template-columns:1fr 1fr}.brand .logo{height:44px}}

  /* split header: burger+WW left, logo center, Reflections/About+search right */
  .head-left,.head-right{display:flex;align-items:center;gap:clamp(16px,2.6vw,34px);width:auto}
  .search-ic{background:none;border:none;cursor:pointer;color:inherit;padding:4px;display:flex;align-items:center}
  .search-ic svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}
  .search-ic:hover{color:var(--gold)}
  @media(max-width:1000px){.nav-left,.nav-right{display:none}}