@font-face{font-family:"OM Chivo";src:url("fonts/chivo-variable.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
:root{--ink:#11201b;--paper:#f0eee4;--muted:#c8cec2;--gutter:clamp(20px,3vw,48px);--mark-height:25vw;color-scheme:dark}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:#172520;color:var(--paper)}
body{font:400 15px/1.6 "OM Chivo",sans-serif;background:url("landscape-poster.png") center/cover fixed #172520}
button,a{-webkit-tap-highlight-color:rgba(212,226,207,.15)}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}
button{font:inherit;color:inherit;border:0;background:none;cursor:pointer;padding:10px 0;min-height:44px}
:focus-visible{outline:1px solid #d9e8d0;outline-offset:5px}
#landscape{position:fixed;inset:0;width:100%;height:100%;display:block;pointer-events:none}
.reading-shade{position:fixed;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent 42%,rgba(10,21,16,.08) 55%,rgba(10,21,16,.65) 80%,rgba(10,21,16,.94) 100%)}
.page{position:relative;min-height:100vh;min-height:100svh;padding:calc(var(--gutter) + env(safe-area-inset-top,0px)) var(--gutter) calc(12px + env(safe-area-inset-bottom,0px));display:flex;flex-direction:column}
#wordmark{height:var(--mark-height);flex:none;position:relative}
.copy-layout{display:flex;justify-content:space-between;align-items:flex-end;gap:36px;margin-top:auto;padding-top:70px}
.intro{position:relative;max-width:560px;isolation:isolate}
.intro p{font-size:clamp(17px,1.45vw,21px);line-height:1.45;margin:0 0 17px}
.contact{display:inline-block;font-size:clamp(14px,1.15vw,16px);line-height:24px;min-height:44px;padding:10px 0;color:#d2dfcf}
.contact span{display:inline-block;margin-left:8px}
.local{font-size:clamp(12px,.95vw,14px);line-height:1.8;min-width:280px;text-align:right;padding-bottom:10px}
.location{margin:0 0 11px;text-transform:uppercase;letter-spacing:.035em;color:var(--paper)}
.location time{font-size:.9em;margin-left:12px;color:var(--muted);font-variant-numeric:tabular-nums}
dl{margin:0;color:var(--muted)}dl>div{display:flex;justify-content:flex-end;gap:20px}dt,dd{margin:0}dd{color:var(--paper);font-variant-numeric:tabular-nums;min-width:105px}
[hidden]{display:none!important}
.page-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:10px;font-size:11px;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)}
.page-footer button:last-child{margin-left:auto}
@media(max-width:450px){.page-footer{gap:8px;font-size:10px}.page-footer button{white-space:nowrap}}
.intro,.local{animation:copy-in 1.2s ease both}@keyframes copy-in{from{opacity:0}to{opacity:1}}
dialog{width:min(600px,calc(100% - 32px));max-height:calc(100svh - 40px);padding:28px;border:1px solid rgba(212,226,207,.2);background:rgba(16,30,24,.97);color:var(--paper);box-shadow:0 20px 90px #0008;font-size:15px}
dialog::backdrop{background:rgba(9,17,14,.6);backdrop-filter:blur(6px)}
.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}h2{font:500 20px/1.4 "OM Chivo",sans-serif;margin:0}.dialog-header button{font-size:13px;white-space:nowrap}
dialog p{color:var(--muted);line-height:1.7;margin:0 0 22px}dialog ul{list-style:none;margin:0;padding:0}dialog li+li{margin-top:22px}dialog li span{display:block;color:var(--muted);font-size:13px;line-height:1.7;margin-top:4px}
@media(max-width:699px) and (orientation:portrait){
  :root{--mark-height:min(65svh,calc(100svh - 260px));--mark-width:calc(var(--mark-height) * .26);--readings-width:clamp(170px,calc(100svh - var(--mark-height) - 80px - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px)),280px)}
  .page{padding-top:calc(26px + env(safe-area-inset-top,0px))}
  #wordmark{position:absolute;left:var(--gutter);top:calc(100svh - var(--gutter) - env(safe-area-inset-bottom,0px) - var(--mark-height));width:calc(100% - 2 * var(--gutter))}
  .copy-layout{display:contents}
  .intro{position:absolute;left:calc(var(--gutter) + var(--mark-width) + 28px);right:auto;top:calc(100svh - var(--gutter) - env(safe-area-inset-bottom,0px));width:var(--mark-height);margin-top:0;max-width:none;transform:rotate(-90deg);transform-origin:0 0}
  .intro::before{content:"";position:absolute;z-index:-1;inset:-28px -20px;background:rgba(10,21,16,.66);filter:blur(22px);pointer-events:none}
  .intro p{font-size:17px;line-height:1.5;margin-bottom:8px;max-width:none}.contact{font-size:13px;overflow-wrap:anywhere}.desktop-break{display:none}
  .local{position:absolute;left:var(--gutter);top:calc(var(--gutter) + env(safe-area-inset-top,0px) + var(--readings-width));width:var(--readings-width);min-width:0;margin:0;padding:0;font-size:11px;text-align:left;transform:rotate(-90deg);transform-origin:0 0;isolation:isolate}
  .local::before{content:"";position:absolute;z-index:-1;inset:-14px -10px;background:rgba(10,21,16,.48);filter:blur(12px);pointer-events:none}
  .location{margin-bottom:10px;display:flex;justify-content:space-between}.location time{margin-left:10px}
  dl>div{justify-content:space-between;gap:14px}dd{text-align:right;min-width:0}
  .page-footer{position:absolute;left:calc(100% - var(--gutter) - 44px);top:calc(100svh - var(--gutter) - env(safe-area-inset-bottom,0px));width:calc(100svh - 2 * var(--gutter) - env(safe-area-inset-top,0px) - env(safe-area-inset-bottom,0px));height:44px;margin:0;font-size:11px;transform:rotate(-90deg);transform-origin:0 0;isolation:isolate}
  .page-footer::before{content:"";position:absolute;z-index:-1;inset:-6px -14px;background:rgba(10,21,16,.48);filter:blur(12px);pointer-events:none}
  dialog{position:fixed;left:50%;top:50%;right:auto;bottom:auto;width:calc(100svh - 40px);max-width:none;max-height:calc(100vw - 40px);margin:0;padding:22px;transform:translate(-50%,-50%) rotate(-90deg);transform-origin:center}
  .reading-shade{background:linear-gradient(90deg,transparent 34%,rgba(10,21,16,.08) 47%,rgba(10,21,16,.6) 76%,rgba(10,21,16,.88) 100%)}
}
@media(max-height:600px) and (orientation:landscape){
  :root{--gutter:20px}.page{padding-top:20px;padding-bottom:4px}.copy-layout{padding-top:22px;gap:20px}.intro p{font-size:15px;line-height:1.5;margin-bottom:0}.contact{font-size:12px;padding:4px 0;min-height:34px}.local{font-size:11px;min-width:225px;padding-bottom:3px;line-height:1.65}.location{margin-bottom:4px}.location time{margin-left:5px}.page-footer{margin-top:0;font-size:10px}.page-footer button{padding:4px 0;min-height:32px}dl>div{gap:12px}dd{min-width:88px}
}
@media(prefers-reduced-motion:reduce){.intro,.local{animation:none}*{scroll-behavior:auto}}
@media(max-width:360px){.page-footer{font-size:10px;gap:6px}}