/* MAXORI Host Urban Website Kit — generated site stylesheet (no external fonts, no external requests).
   Design: split hero, compact fixed bar, numbered ruled sections, rooms as a horizontal list with a price column, film-strip gallery. */
:root{
  --bg:#ffffff; --surface:#ffffff; --sand:#f0f0ec; --ink:#0b0b0c; --muted:#4a4a50; --line:rgba(11,11,12,.18); --rule:#0b0b0c;
  --accent:#ff4d1c; --accent-ink:#0b0b0c; --gold:#c42f05; --gold-soft:#ff4d1c; --focus:#0b0b0c;
  --shadow:6px 6px 0 var(--rule); --shadow-sm:3px 3px 0 var(--rule);
  --r-sm:0; --r-md:0; --r-lg:0;
  --serif:"Inter","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --sans:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
  --mono:ui-monospace,"SFMono-Regular","Cascadia Mono",Consolas,"Liberation Mono",Menlo,monospace;
  --maxw:1320px; --gut:clamp(16px,3.4vw,44px); --hdr:56px;
}
html[data-theme="grafito"]{--bg:#14161a;--surface:#1c1f25;--sand:#1c1f25;--ink:#f4f5ef;--muted:#b4b8c0;--line:rgba(244,245,239,.22);--rule:#f4f5ef;--accent:#e4ff2e;--accent-ink:#14161a;--gold:#e4ff2e;--gold-soft:#e4ff2e;--focus:#e4ff2e}
html[data-theme="cobalto"]{--bg:#f3f5fa;--surface:#ffffff;--sand:#e3e8f6;--ink:#0a1030;--muted:#414c78;--line:rgba(10,16,48,.2);--rule:#0a1030;--accent:#2b45ff;--accent-ink:#ffffff;--gold:#2b45ff;--gold-soft:#2b45ff;--focus:#2b45ff}
html[data-theme="fucsia"]{--bg:#fafafa;--surface:#ffffff;--sand:#f1eef0;--ink:#111111;--muted:#4d4a4c;--line:rgba(17,17,17,.18);--rule:#111111;--accent:#ff2f92;--accent-ink:#111111;--gold:#c70067;--gold-soft:#ff2f92;--focus:#111111}

/* typography chosen in the editor: system fonts only (the default is a modern sans) */
html[data-fh="serif"]{--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-fb="serif"]{--sans:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-fh="georgia"]{--serif:Georgia,"Times New Roman",Times,serif}
html[data-fb="georgia"]{--sans:Georgia,"Times New Roman",Times,serif}
html[data-fh="sans"]{--serif:"Inter","Segoe UI Variable Display","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
html[data-fb="sans"]{--sans:"Inter","Segoe UI Variable Text","Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif}
html[data-fh="humanist"]{--serif:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-fb="humanist"]{--sans:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-fh="wide"]{--serif:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-fb="wide"]{--sans:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-fs="small"]{font-size:14.5px}html[data-fs="large"]{font-size:18px}html[data-fs="xlarge"]{font-size:20px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:1rem;line-height:1.6;-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
h1,h2,h3{font-family:var(--serif);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:0 0 .5em}
h1{font-size:clamp(2.6rem,6.4vw,6rem)} h2{font-size:clamp(1.9rem,4.2vw,3.4rem)} h3{font-size:1.2rem;letter-spacing:-.015em}
p{margin:0 0 1em}
.small{font-size:.92rem}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.ic{width:1.25em;height:1.25em;flex:none}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--gut)}
.skip{position:absolute;left:-999px;top:8px;background:var(--ink);color:var(--bg);padding:10px 16px;z-index:100}
.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--focus);outline-offset:3px}
.eyebrow{display:inline-block;font:600 .74rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:1em}
.lead{font-size:1.18rem;color:var(--muted);max-width:56ch}
.num{font:700 .8rem var(--mono);letter-spacing:.08em;border:2px solid var(--rule);padding:3px 8px;display:inline-block;background:var(--accent);color:var(--accent-ink)}

/* compact fixed bar: brand, numbered links, language switch, one action */
.hdr{position:sticky;top:0;z-index:50;background:var(--bg);border-bottom:2px solid var(--rule)}
.hdr .wrap{display:flex;align-items:stretch;min-height:var(--hdr);max-width:none;padding:0 0 0 var(--gut)}
.brand{font:800 .95rem var(--serif);text-transform:uppercase;letter-spacing:.1em;text-decoration:none;margin-right:auto;display:inline-flex;align-items:center;gap:.7em;padding-right:18px}
.brand::before{content:"";width:14px;height:14px;background:var(--accent);border:2px solid var(--rule);flex:none}
.nav{display:flex;align-items:stretch;counter-reset:nv}
.nav>a:not(.hdr-cta){display:flex;align-items:center;gap:.6em;padding:0 16px;border-left:1px solid var(--line);font:600 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--ink);counter-increment:nv}
.nav>a:not(.hdr-cta)::before{content:counter(nv,decimal-leading-zero);color:var(--gold)}
.nav>a:not(.hdr-cta):hover,.nav>a[aria-current="page"]{background:var(--ink);color:var(--bg)}
.nav>a:not(.hdr-cta):hover::before,.nav>a[aria-current="page"]::before{color:var(--accent)}
.langs{display:flex;align-items:stretch;border-left:2px solid var(--rule)}
.langs a{display:flex;align-items:center;padding:0 9px;font:700 .72rem var(--mono);letter-spacing:.06em;text-decoration:none;color:var(--muted)}
.langs a:hover{color:var(--ink);background:var(--sand)}
.langs a[aria-current="true"]{background:var(--ink);color:var(--bg)}
.hdr-cta{display:flex;align-items:center;gap:.5em;padding:0 20px;border-left:2px solid var(--rule);background:var(--accent);color:var(--accent-ink);font:800 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none}
.hdr-cta:hover{background:var(--ink);color:var(--bg)}
.menu-btn{display:none;align-items:center;background:var(--accent);border:0;border-left:2px solid var(--rule);color:var(--accent-ink);padding:0 18px;cursor:pointer}
.btn{display:inline-flex;align-items:center;gap:.6em;padding:14px 22px;border:2px solid var(--rule);background:var(--accent);color:var(--accent-ink);font:800 .8rem var(--mono);letter-spacing:.08em;text-transform:uppercase;text-decoration:none;cursor:pointer;box-shadow:var(--shadow-sm);transition:transform .12s,box-shadow .12s}
.btn:hover{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--rule)}
.btn.ghost{background:transparent;color:var(--ink)}
.btn.ghost:hover{background:var(--ink);color:var(--bg)}
.btn.light{background:var(--ink);color:var(--bg)}
.btn.sm{padding:10px 14px;font-size:.72rem}
.btn[disabled]{opacity:.5;cursor:not-allowed}

/* hero: text left, photo right */
.hero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);min-height:min(calc(100svh - var(--hdr)),800px);border-bottom:2px solid var(--rule)}
.hero-txt{display:flex;flex-direction:column;justify-content:space-between;gap:36px;padding:clamp(24px,4vw,56px) var(--gut) 0;border-right:2px solid var(--rule);min-width:0}
.hero h1{font-size:clamp(2.8rem,6.6vw,6.4rem);line-height:.92;letter-spacing:-.05em;overflow-wrap:break-word;hyphens:auto;margin:0 0 .3em}
.hero .lead{margin-bottom:1.6em;color:var(--ink);font-size:clamp(1.05rem,1.6vw,1.3rem);max-width:34ch}
.hero .eyebrow{margin-bottom:1.6em}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-ph{position:relative;overflow:hidden;background:var(--sand);min-height:340px}
.hero-ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero-ph .tag{position:absolute;left:0;bottom:0;background:var(--accent);color:var(--accent-ink);border:2px solid var(--rule);border-left:0;border-bottom:0;padding:9px 16px;font:700 .74rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.hero.plain .hero-ph{background:repeating-linear-gradient(135deg,var(--accent) 0 18px,var(--bg) 18px 36px)}
.facts-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:2px solid var(--rule);margin:0 calc(var(--gut) * -1)}
.facts-row>div{padding:14px var(--gut) 16px;border-right:1px solid var(--line);min-width:0}
.facts-row>div:last-child{border-right:0}
.facts-row dt{font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:0 0 4px}
.facts-row dd{margin:0;font:800 1.1rem/1.15 var(--serif);letter-spacing:-.02em}
.gap{margin:16px 0 0}
.notice.nm{margin-top:0}
.p-head .price{margin:10px 0 0}

/* numbered, ruled sections */
.sec{padding:clamp(48px,7vw,96px) 0;border-bottom:2px solid var(--rule)}
.sec.alt{background:var(--sand)}
.sec-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px;margin-bottom:clamp(24px,4vw,44px)}
.sec-head h2{margin:0}
.sec-head .eyebrow{margin:0}
.two{display:grid;gap:clamp(24px,5vw,72px);grid-template-columns:1fr}
@media(min-width:900px){.two{grid-template-columns:1fr 1fr;align-items:start}}
.about-grid{display:grid;gap:clamp(20px,4vw,64px);grid-template-columns:1fr}
@media(min-width:900px){.about-grid{grid-template-columns:5fr 6fr;align-items:start}}
.about-grid h2{font-size:clamp(2rem,4.6vw,3.8rem)}
.about-grid .prose p{font-size:1.12rem;max-width:60ch}
.prose p{max-width:66ch}

/* rooms: horizontal list, a price column on the right */
.rooms{border-top:2px solid var(--rule)}
.card{position:relative;display:grid;grid-template-columns:1fr;border-bottom:1px solid var(--rule);background:var(--bg);transition:background .15s}
.card:hover{background:var(--sand)}
.card .idx{display:none;font:700 .78rem var(--mono);color:var(--gold);letter-spacing:.08em}
.price-line{margin:16px 0 0}
.card .ph{background:var(--sand);overflow:hidden;aspect-ratio:3/2}
.card .ph img{width:100%;height:100%;object-fit:cover}
.card .bd{display:flex;flex-direction:column;gap:8px;padding:18px var(--gut) 8px}
.card h3{margin:0;font-size:clamp(1.5rem,2.6vw,2.2rem);letter-spacing:-.035em}
.card .place{color:var(--muted);font:600 .74rem var(--mono);letter-spacing:.06em;text-transform:uppercase;display:flex;gap:.5em;align-items:center}
.card .sum{color:var(--muted);font-size:1rem;margin:0;max-width:52ch}
.card .spec{padding:8px var(--gut)}
.chips{display:flex;flex-wrap:wrap;gap:6px 18px;color:var(--ink);font:600 .8rem var(--mono)}
.chips span{display:inline-flex;align-items:center;gap:.5em}
.price{font-family:var(--serif);color:var(--ink);display:inline-flex;align-items:baseline;gap:.45em;flex-wrap:wrap}
.price .pl{font:600 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.price .pv{font-weight:800;font-size:2rem;letter-spacing:-.04em;line-height:1}
.price .pn{font:600 .72rem var(--mono);color:var(--muted)}
.card .cost{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px var(--gut) 20px}
.card a.stretch::after{content:"";position:absolute;inset:0}
@media(min-width:960px){
  .card{grid-template-columns:64px 260px minmax(0,1.5fr) minmax(0,.9fr) 220px;align-items:stretch}
  .card .idx{display:block;padding:26px 0 0 var(--gut);align-self:start}
  .card .ph{aspect-ratio:auto;min-height:170px;margin:14px 0}
  .card .bd{padding:24px 28px;justify-content:center}
  .card .spec{border-left:1px solid var(--line);padding:24px 22px;display:flex;align-items:center}
  .card .spec .chips{flex-direction:column;gap:10px}
  .card .cost{border-left:2px solid var(--rule);flex-direction:column;align-items:flex-start;justify-content:center;padding:24px 22px;background:var(--surface)}
  .card:hover .cost{background:var(--accent);color:var(--accent-ink)}
  .card:hover .cost .price,.card:hover .cost .pl,.card:hover .cost .pn{color:var(--accent-ink)}
}

/* neighbourhood: numbered columns separated by rules */
.spots-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr));border-top:2px solid var(--rule);border-left:1px solid var(--line)}
.spots-grid li{border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 0 26px;display:flex;flex-direction:column}
.spots-grid figure{margin:0;aspect-ratio:4/3;overflow:hidden;background:var(--sand);border-bottom:1px solid var(--line)}
.spots-grid figure img{width:100%;height:100%;object-fit:cover}
.spots-grid .sp{padding:18px 20px 0}
.spots-grid .n{font:800 .8rem var(--mono);color:var(--gold);letter-spacing:.1em;display:block;margin-bottom:10px}
.spots-grid h3{font-size:1.4rem;margin:0 0 .4em}
.spots-grid p{color:var(--muted);margin:0 0 .8em}

/* services: spec sheet, two columns of ruled rows */
.svc{display:grid;grid-template-columns:1fr;border-top:2px solid var(--rule)}
@media(min-width:900px){.svc{grid-template-columns:1fr 1fr;column-gap:clamp(24px,5vw,72px)}}
.svc article{display:grid;grid-template-columns:40px minmax(0,1fr);column-gap:14px;padding:18px 0;border-bottom:1px solid var(--line)}
.svc .ic{width:1.6em;height:1.6em;color:var(--gold);grid-row:1/3}
.svc h3{font-size:1.1rem;margin:0 0 .25em}
.svc p{color:var(--muted);margin:0}

/* film strip gallery */
.film{background:var(--ink);color:var(--bg);border-bottom:2px solid var(--rule);padding:clamp(36px,5vw,64px) 0 0}
.film .sec-head{justify-content:space-between;align-items:center}
.film .sec-head .l{display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 22px}
.reel-ctl{display:none;gap:8px}.js .reel-ctl{display:flex}
.reel-ctl button{width:46px;height:46px;border:2px solid var(--bg);background:transparent;color:var(--bg);cursor:pointer;display:grid;place-items:center}
.reel-ctl button:hover{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.film-track{position:relative;padding:30px 0}
.film-track::before,.film-track::after{content:"";position:absolute;left:0;right:0;height:10px;background:repeating-linear-gradient(90deg,var(--bg) 0 12px,transparent 12px 30px);opacity:.85}
.film-track::before{top:10px}.film-track::after{bottom:10px}
.reel{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 var(--gut);scroll-padding:0 var(--gut);scrollbar-width:thin;scrollbar-color:var(--accent) transparent}
.reel button{flex:none;position:relative;height:clamp(210px,30vw,380px);aspect-ratio:3/2;padding:0;border:0;background:#000;cursor:zoom-in;scroll-snap-align:start;overflow:hidden}
.reel button.tall{aspect-ratio:2/3}
.reel img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.reel button:hover img{transform:scale(1.04)}
.reel button::after{content:attr(data-n);position:absolute;left:0;bottom:0;background:var(--accent);color:var(--accent-ink);font:800 .72rem var(--mono);padding:5px 10px;letter-spacing:.08em}
.reel-note{padding:0 var(--gut) 24px;font:600 .72rem var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.75}

/* closing band */
.band{background:var(--accent);color:var(--accent-ink);border-bottom:2px solid var(--rule);padding:clamp(48px,7vw,96px) 0}
.band .wrap{display:grid;gap:28px;grid-template-columns:1fr;align-items:end}
@media(min-width:900px){.band .wrap{grid-template-columns:minmax(0,7fr) minmax(0,4fr)}}
.band h2{color:inherit;font-size:clamp(2.4rem,6vw,5.4rem);line-height:.95;margin:0 0 .3em}
.band p{max-width:46ch;margin:0 0 1em;font-size:1.1rem}
.band .btn{border-color:var(--accent-ink);box-shadow:4px 4px 0 var(--accent-ink)}
.band .btn.light{background:var(--accent-ink);color:var(--accent)}
.band .btn.ghost{background:transparent;color:var(--accent-ink)}
.band .btn.ghost:hover{background:var(--accent-ink);color:var(--accent)}
.band .cta-row{flex-direction:column;align-items:stretch}
.band .cta-row .btn{justify-content:center}

/* faq: title left, questions right */
.faq-grid{display:grid;gap:clamp(20px,4vw,64px);grid-template-columns:1fr}
@media(min-width:900px){.faq-grid{grid-template-columns:4fr 7fr;align-items:start}}
.faq details{border-bottom:1px solid var(--rule);padding:4px 0}
.faq details:first-child{border-top:2px solid var(--rule)}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:18px;align-items:center;padding:16px 0;font-family:var(--serif);font-weight:700;font-size:1.12rem;letter-spacing:-.015em}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";font:700 1.6rem/1 var(--mono);color:var(--gold);transition:transform .2s}
.faq details[open] summary::after{transform:rotate(45deg)}
.faq .a{color:var(--muted);padding:0 0 18px;max-width:70ch}

/* stay page: split head (text left, photo right), details and enquiry, film strip */
.phero{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);border-bottom:2px solid var(--rule);min-height:min(70vh,640px)}
.phero .pcap{display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(20px,3vw,40px) var(--gut);border-right:2px solid var(--rule);min-width:0}
.phero .pshot{position:relative;padding:0;border:0;background:var(--sand);cursor:zoom-in;overflow:hidden;min-height:300px;order:2}
.phero .pshot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.phero.plain{min-height:0;grid-template-columns:1fr}
.phero.plain .pcap{border-right:0;background:var(--sand)}
.crumb{padding:0 0 22px}
.crumb a{display:inline-flex;gap:.4em;align-items:center;color:var(--ink);text-decoration:none;font:600 .74rem var(--mono);letter-spacing:.08em;text-transform:uppercase}
.crumb a:hover{text-decoration:underline}
.p-head{padding-bottom:0}
.p-head h1{font-size:clamp(2.2rem,5vw,4.4rem);margin-bottom:.3em;line-height:.95}
.p-head .chips{margin:6px 0 0}
.layout{display:grid;gap:clamp(28px,5vw,64px);grid-template-columns:1fr;padding:clamp(36px,5vw,64px) 0 clamp(48px,7vw,88px)}
@media(min-width:960px){.layout{grid-template-columns:minmax(0,1fr) 400px;align-items:start}.aside{position:sticky;top:76px}}
.block{margin-bottom:40px;border-top:2px solid var(--rule);padding-top:14px}
.block h2{font-size:1.5rem}
.amen{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}
.amen li{display:flex;align-items:center;gap:.7em;padding:11px 14px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);font-weight:600;font-size:.95rem}
.amen .ic{color:var(--gold)}
.rules{white-space:normal;color:var(--muted)}
.facts{display:grid;gap:8px;color:var(--ink);font:600 .85rem var(--mono)}
.facts span{display:inline-flex;align-items:center;gap:.6em}
.bands{padding:0}

/* form */
.formcard{background:var(--surface);border:2px solid var(--rule);padding:24px;box-shadow:var(--shadow)}
.formcard h2,.formcard h3{font-size:1.4rem}
.formcard .intro{color:var(--muted);font-size:.95rem}
.fld{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}
.fld label{font:700 .7rem var(--mono);letter-spacing:.1em;text-transform:uppercase}
.fld input,.fld select,.fld textarea{font:inherit;color:var(--ink);background:var(--bg);border:2px solid var(--rule);border-radius:0;padding:11px 13px;width:100%}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:3px solid var(--focus);outline-offset:1px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.row2 .fld{min-width:0}
.fld input[type=date]{min-width:0;max-width:100%}
.err{color:#b3261e;font-size:.9rem;margin:-4px 0 12px;min-height:0}
html[data-theme="grafito"] .err{color:#ff8a80}
.warn{background:var(--sand);border:2px solid var(--rule);padding:10px 12px;font-size:.9rem;margin-bottom:14px}
.notice{font-size:.85rem;color:var(--muted);margin:14px 0 0}
.preview{display:none;margin-top:18px;border-top:2px solid var(--rule);padding-top:18px}
.preview.on{display:block}
.preview textarea{min-height:150px}
.nights{font:600 .85rem var(--mono);color:var(--muted);margin:-6px 0 12px}

/* calendar */
.cal{border:2px solid var(--rule);padding:18px;background:var(--surface)}
.cal-nav{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.cal-nav button{background:none;border:2px solid var(--rule);color:var(--ink);width:38px;height:38px;cursor:pointer;display:grid;place-items:center}
.cal-nav button:disabled{opacity:.35;cursor:default}
.months{display:grid;gap:22px;grid-template-columns:1fr}
@media(min-width:620px){.months{grid-template-columns:1fr 1fr}}
.month h3{font-family:var(--serif);font-weight:800;margin:0 0 8px;text-align:center;font-size:1rem}
.grid7{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;text-align:center;font:600 .8rem var(--mono)}
.grid7 .dow{color:var(--muted);font-size:.66rem;text-transform:uppercase;padding:4px 0}
.grid7 .d{padding:8px 0;background:color-mix(in srgb,var(--accent) 22%,transparent)}
.grid7 .d.b{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 40%,transparent) 0 4px,transparent 4px 8px);color:var(--muted);text-decoration:line-through}
.grid7 .d.p{background:none;color:var(--muted)}
.legend{display:flex;gap:18px;margin-top:12px;font-size:.85rem;color:var(--muted)}
.legend i{display:inline-block;width:14px;height:14px;vertical-align:-2px;margin-right:6px;background:color-mix(in srgb,var(--accent) 40%,transparent);border:1px solid var(--rule)}
.legend i.b{background:repeating-linear-gradient(45deg,color-mix(in srgb,var(--muted) 50%,transparent) 0 3px,transparent 3px 6px)}
.cal .upd{font-size:.88rem;color:var(--muted);margin:12px 0 0}

/* contact */
.contact-list{display:grid;gap:0;margin:0 0 26px;padding:0;list-style:none;border-top:2px solid var(--rule)}
.contact-list li{display:flex;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}
.contact-list .ic{color:var(--gold);width:1.5em;height:1.5em}
.contact-list a{text-decoration:none;font-weight:700}
.contact-list a:hover{text-decoration:underline}
.legal h2{font-size:1.4rem;margin-top:1.6em}
.legal dl{display:grid;grid-template-columns:max-content 1fr;gap:6px 22px}
.legal dt{color:var(--muted)}
.legal dd{margin:0}

/* footer */
.ftr{padding:34px 0;font-size:.9rem;border-top:0}
.ftr .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;justify-content:space-between;align-items:center;font-family:var(--mono);font-size:.76rem;letter-spacing:.04em}
.ftr a{color:inherit}

/* lightbox */
.lb{position:fixed;inset:0;background:rgba(8,9,11,.96);z-index:200;display:none;align-items:center;justify-content:center;padding:20px}
.lb.on{display:flex}
.lb figure{margin:0;max-width:min(1200px,100%);max-height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}
.lb img{max-height:80vh;max-width:100%;object-fit:contain}
.lb figcaption{color:#ddd;font:600 .8rem var(--mono);text-align:center}
.lb button{position:absolute;background:#fff;border:2px solid #fff;color:#0b0b0c;width:48px;height:48px;cursor:pointer;display:grid;place-items:center}
.lb button:hover{background:#e4ff2e;border-color:#e4ff2e}
.lb .x{top:16px;right:16px}.lb .pv{left:12px;top:50%}.lb .nx{right:12px;top:50%}
.pick{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px}
.pick .btn{margin:6px}
.nf{min-height:70vh;display:grid;place-items:center;text-align:center}

/* tablet and mobile */
@media(max-width:959px){
  .hero,.phero{grid-template-columns:1fr;min-height:0}
  .hero-txt,.phero .pcap{border-right:0;border-bottom:2px solid var(--rule)}
  .hero-ph{min-height:0;aspect-ratio:4/3}
  .phero .pshot{aspect-ratio:4/3;min-height:0;order:0}
  .phero .pcap{order:1}
  .hero .lead{max-width:none}
}
@media(max-width:860px){
  body{font-size:16px}
  .js .menu-btn{display:inline-flex}
  .js .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--bg);border-bottom:2px solid var(--rule);flex-direction:column;align-items:stretch}
  .js .nav.on{display:flex}
  .nav>a:not(.hdr-cta){padding:16px var(--gut);border-left:0;border-top:1px solid var(--line);font-size:.86rem}
  .langs{border-left:0;border-top:1px solid var(--line);padding:0 calc(var(--gut) - 9px)}
  .langs a{padding:16px 12px}
  .hdr-cta{border-left:0;border-top:2px solid var(--rule);padding:18px var(--gut);justify-content:center}
  .brand{font-size:.86rem;line-height:1.2}
  .facts-row{grid-template-columns:1fr 1fr}
  .facts-row>div:nth-child(2){border-right:0}
  .facts-row>div:nth-child(3){grid-column:1/-1;border-top:1px solid var(--line)}
  .row2{grid-template-columns:1fr 1fr}
  .reel button{height:clamp(190px,56vw,300px)}
}
@media(max-width:420px){.row2{grid-template-columns:1fr}.btn{padding:12px 16px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
@media print{.hdr,.lb,.menu-btn,.cta-row,.reel-ctl{display:none}.hero,.phero{min-height:0}.film{background:#fff;color:#000}}

/* sticky mobile call-to-action on stay pages */
.stickycta{display:none}
.stickycta.off{display:none!important}
@media(max-width:959px){.stickycta{display:flex;position:fixed;left:14px;right:14px;bottom:14px;z-index:60;justify-content:center;box-shadow:var(--shadow)}.has-sticky .ftr{padding-bottom:90px}}

/* anchors must not hide under the sticky bar */
html{scroll-padding-top:70px}
/* demo banner (shown only while the sample contacts are in use) */
.demo-bar{background:#e4ff2e;color:#0b0b0c;border-bottom:2px solid #0b0b0c;padding:9px var(--gut);text-align:center;font:600 .8rem/1.4 var(--mono)}
.demo-note{font-weight:700}
/* per-part styles chosen in the editor (generated): font, relative size, italic, bold */
html[data-s-brand~="f-serif"] .brand{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-brand~="f-georgia"] .brand{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-brand~="f-sans"] .brand{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-brand~="f-humanist"] .brand{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-brand~="f-wide"] .brand{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-brand~="z-s"] .brand{font-size:calc(.95rem * .85)}
html[data-s-brand~="z-l"] .brand{font-size:calc(.95rem * 1.2)}
html[data-s-brand~="z-xl"] .brand{font-size:calc(.95rem * 1.45)}
html[data-s-brand~="i"] .brand{font-style:italic}
html[data-s-brand~="b"] .brand{font-weight:700}
html[data-s-hero~="f-serif"] .hero h1{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-hero~="f-georgia"] .hero h1{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-hero~="f-sans"] .hero h1{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-hero~="f-humanist"] .hero h1{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-hero~="f-wide"] .hero h1{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-hero~="z-s"] .hero h1{font-size:calc(clamp(2.8rem,6.6vw,6.4rem) * .85)}
html[data-s-hero~="z-l"] .hero h1{font-size:calc(clamp(2.8rem,6.6vw,6.4rem) * 1.2)}
html[data-s-hero~="z-xl"] .hero h1{font-size:calc(clamp(2.8rem,6.6vw,6.4rem) * 1.45)}
html[data-s-hero~="i"] .hero h1{font-style:italic}
html[data-s-hero~="b"] .hero h1{font-weight:700}
html[data-s-lead~="f-serif"] .hero .lead{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-lead~="f-georgia"] .hero .lead{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-lead~="f-sans"] .hero .lead{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-lead~="f-humanist"] .hero .lead{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-lead~="f-wide"] .hero .lead{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-lead~="z-s"] .hero .lead{font-size:calc(1.15rem * .85)}
html[data-s-lead~="z-l"] .hero .lead{font-size:calc(1.15rem * 1.2)}
html[data-s-lead~="z-xl"] .hero .lead{font-size:calc(1.15rem * 1.45)}
html[data-s-lead~="i"] .hero .lead{font-style:italic}
html[data-s-lead~="b"] .hero .lead{font-weight:700}
html[data-s-about~="f-serif"] .wrap.two .prose h2{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-about~="f-georgia"] .wrap.two .prose h2{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-about~="f-sans"] .wrap.two .prose h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-about~="f-humanist"] .wrap.two .prose h2{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-about~="f-wide"] .wrap.two .prose h2{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-about~="z-s"] .wrap.two .prose h2{font-size:calc(clamp(2rem,4.6vw,3.8rem) * .85)}
html[data-s-about~="z-l"] .wrap.two .prose h2{font-size:calc(clamp(2rem,4.6vw,3.8rem) * 1.2)}
html[data-s-about~="z-xl"] .wrap.two .prose h2{font-size:calc(clamp(2rem,4.6vw,3.8rem) * 1.45)}
html[data-s-about~="i"] .wrap.two .prose h2{font-style:italic}
html[data-s-about~="b"] .wrap.two .prose h2{font-weight:700}
html[data-s-about~="f-serif"] .wrap.two .prose p{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-about~="f-georgia"] .wrap.two .prose p{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-about~="f-sans"] .wrap.two .prose p{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-about~="f-humanist"] .wrap.two .prose p{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-about~="f-wide"] .wrap.two .prose p{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-about~="z-s"] .wrap.two .prose p{font-size:calc(1.0625rem * .85)}
html[data-s-about~="z-l"] .wrap.two .prose p{font-size:calc(1.0625rem * 1.2)}
html[data-s-about~="z-xl"] .wrap.two .prose p{font-size:calc(1.0625rem * 1.45)}
html[data-s-about~="i"] .wrap.two .prose p{font-style:italic}
html[data-s-about~="b"] .wrap.two .prose p{font-weight:700}
html[data-s-heads~="f-serif"] .sec-head h2{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-heads~="f-georgia"] .sec-head h2{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-heads~="f-sans"] .sec-head h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-heads~="f-humanist"] .sec-head h2{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-heads~="f-wide"] .sec-head h2{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-heads~="z-s"] .sec-head h2{font-size:calc(clamp(1.9rem,4.2vw,3.4rem) * .85)}
html[data-s-heads~="z-l"] .sec-head h2{font-size:calc(clamp(1.9rem,4.2vw,3.4rem) * 1.2)}
html[data-s-heads~="z-xl"] .sec-head h2{font-size:calc(clamp(1.9rem,4.2vw,3.4rem) * 1.45)}
html[data-s-heads~="i"] .sec-head h2{font-style:italic}
html[data-s-heads~="b"] .sec-head h2{font-weight:700}
html[data-s-heads~="f-serif"] .block h2{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-heads~="f-georgia"] .block h2{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-heads~="f-sans"] .block h2{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-heads~="f-humanist"] .block h2{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-heads~="f-wide"] .block h2{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-heads~="z-s"] .block h2{font-size:calc(1.5rem * .85)}
html[data-s-heads~="z-l"] .block h2{font-size:calc(1.5rem * 1.2)}
html[data-s-heads~="z-xl"] .block h2{font-size:calc(1.5rem * 1.45)}
html[data-s-heads~="i"] .block h2{font-style:italic}
html[data-s-heads~="b"] .block h2{font-weight:700}
html[data-s-stays~="f-serif"] .card h3{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-stays~="f-georgia"] .card h3{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-stays~="f-sans"] .card h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-stays~="f-humanist"] .card h3{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-stays~="f-wide"] .card h3{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-stays~="z-s"] .card h3{font-size:calc(clamp(1.5rem,2.6vw,2.2rem) * .85)}
html[data-s-stays~="z-l"] .card h3{font-size:calc(clamp(1.5rem,2.6vw,2.2rem) * 1.2)}
html[data-s-stays~="z-xl"] .card h3{font-size:calc(clamp(1.5rem,2.6vw,2.2rem) * 1.45)}
html[data-s-stays~="i"] .card h3{font-style:italic}
html[data-s-stays~="b"] .card h3{font-weight:700}
html[data-s-stays~="f-serif"] .p-head h1{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-stays~="f-georgia"] .p-head h1{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-stays~="f-sans"] .p-head h1{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-stays~="f-humanist"] .p-head h1{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-stays~="f-wide"] .p-head h1{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-stays~="z-s"] .p-head h1{font-size:calc(clamp(2.2rem,5vw,4.4rem) * .85)}
html[data-s-stays~="z-l"] .p-head h1{font-size:calc(clamp(2.2rem,5vw,4.4rem) * 1.2)}
html[data-s-stays~="z-xl"] .p-head h1{font-size:calc(clamp(2.2rem,5vw,4.4rem) * 1.45)}
html[data-s-stays~="i"] .p-head h1{font-style:italic}
html[data-s-stays~="b"] .p-head h1{font-weight:700}
html[data-s-texts~="f-serif"] .block.prose p{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-texts~="f-georgia"] .block.prose p{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-texts~="f-sans"] .block.prose p{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-texts~="f-humanist"] .block.prose p{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-texts~="f-wide"] .block.prose p{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-texts~="z-s"] .block.prose p{font-size:calc(1.0625rem * .85)}
html[data-s-texts~="z-l"] .block.prose p{font-size:calc(1.0625rem * 1.2)}
html[data-s-texts~="z-xl"] .block.prose p{font-size:calc(1.0625rem * 1.45)}
html[data-s-texts~="i"] .block.prose p{font-style:italic}
html[data-s-texts~="b"] .block.prose p{font-weight:700}
html[data-s-texts~="f-serif"] .rules p{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-texts~="f-georgia"] .rules p{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-texts~="f-sans"] .rules p{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-texts~="f-humanist"] .rules p{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-texts~="f-wide"] .rules p{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-texts~="z-s"] .rules p{font-size:calc(1.0625rem * .85)}
html[data-s-texts~="z-l"] .rules p{font-size:calc(1.0625rem * 1.2)}
html[data-s-texts~="z-xl"] .rules p{font-size:calc(1.0625rem * 1.45)}
html[data-s-texts~="i"] .rules p{font-style:italic}
html[data-s-texts~="b"] .rules p{font-weight:700}
html[data-s-texts~="f-serif"] .card .sum{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-texts~="f-georgia"] .card .sum{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-texts~="f-sans"] .card .sum{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-texts~="f-humanist"] .card .sum{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-texts~="f-wide"] .card .sum{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-texts~="z-s"] .card .sum{font-size:calc(.98rem * .85)}
html[data-s-texts~="z-l"] .card .sum{font-size:calc(.98rem * 1.2)}
html[data-s-texts~="z-xl"] .card .sum{font-size:calc(.98rem * 1.45)}
html[data-s-texts~="i"] .card .sum{font-style:italic}
html[data-s-texts~="b"] .card .sum{font-weight:700}
html[data-s-services~="f-serif"] .svc h3{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-services~="f-georgia"] .svc h3{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-services~="f-sans"] .svc h3{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-services~="f-humanist"] .svc h3{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-services~="f-wide"] .svc h3{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-services~="z-s"] .svc h3{font-size:calc(1.15rem * .85)}
html[data-s-services~="z-l"] .svc h3{font-size:calc(1.15rem * 1.2)}
html[data-s-services~="z-xl"] .svc h3{font-size:calc(1.15rem * 1.45)}
html[data-s-services~="i"] .svc h3{font-style:italic}
html[data-s-services~="b"] .svc h3{font-weight:700}
html[data-s-services~="f-serif"] .svc p{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-services~="f-georgia"] .svc p{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-services~="f-sans"] .svc p{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-services~="f-humanist"] .svc p{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-services~="f-wide"] .svc p{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-services~="z-s"] .svc p{font-size:calc(1.0625rem * .85)}
html[data-s-services~="z-l"] .svc p{font-size:calc(1.0625rem * 1.2)}
html[data-s-services~="z-xl"] .svc p{font-size:calc(1.0625rem * 1.45)}
html[data-s-services~="i"] .svc p{font-style:italic}
html[data-s-services~="b"] .svc p{font-weight:700}
html[data-s-faq~="f-serif"] .faq summary{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-faq~="f-georgia"] .faq summary{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-faq~="f-sans"] .faq summary{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-faq~="f-humanist"] .faq summary{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-faq~="f-wide"] .faq summary{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-faq~="z-s"] .faq summary{font-size:calc(1.12rem * .85)}
html[data-s-faq~="z-l"] .faq summary{font-size:calc(1.12rem * 1.2)}
html[data-s-faq~="z-xl"] .faq summary{font-size:calc(1.12rem * 1.45)}
html[data-s-faq~="i"] .faq summary{font-style:italic}
html[data-s-faq~="b"] .faq summary{font-weight:700}
html[data-s-faq~="f-serif"] .faq .a{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-faq~="f-georgia"] .faq .a{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-faq~="f-sans"] .faq .a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-faq~="f-humanist"] .faq .a{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-faq~="f-wide"] .faq .a{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-faq~="z-s"] .faq .a{font-size:calc(1.0625rem * .85)}
html[data-s-faq~="z-l"] .faq .a{font-size:calc(1.0625rem * 1.2)}
html[data-s-faq~="z-xl"] .faq .a{font-size:calc(1.0625rem * 1.45)}
html[data-s-faq~="i"] .faq .a{font-style:italic}
html[data-s-faq~="b"] .faq .a{font-weight:700}
html[data-s-menu~="f-serif"] .nav a{font-family:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
html[data-s-menu~="f-georgia"] .nav a{font-family:Georgia,"Times New Roman",Times,serif}
html[data-s-menu~="f-sans"] .nav a{font-family:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
html[data-s-menu~="f-humanist"] .nav a{font-family:"Trebuchet MS","Segoe UI",Tahoma,Verdana,sans-serif}
html[data-s-menu~="f-wide"] .nav a{font-family:Verdana,Geneva,"DejaVu Sans",sans-serif}
html[data-s-menu~="z-s"] .nav a{font-size:calc(.74rem * .85)}
html[data-s-menu~="z-l"] .nav a{font-size:calc(.74rem * 1.2)}
html[data-s-menu~="z-xl"] .nav a{font-size:calc(.74rem * 1.45)}
html[data-s-menu~="i"] .nav a{font-style:italic}
html[data-s-menu~="b"] .nav a{font-weight:700}