/* London Odds Room — an editorial field guide. */
:root{--night:#102f29;--plum:#143e35;--plum-2:#21594c;--violet:#86b8aa;--violet-ink:#286353;--cream:#efeee6;--paper:#faf9f4;--ink:#203b33;--muted:#596860;--amber:#edc78d;--amber-2:#f9dbad;--amber-ink:#243b32;--rose:#ff8497;--line:rgba(32,59,51,.19);--r:3px;--r-sm:3px;--shadow:0 8px 24px -16px #102f2960;--serif:Georgia,"Times New Roman",serif;--top:80px}
body{font-size:1rem}h1,h2,h3{letter-spacing:-.045em}h1{line-height:1.05}h2{line-height:1.14}h3{letter-spacing:-.025em}.wrap{width:min(1320px,100% - 64px)}.eyebrow{font-size:.7rem;letter-spacing:.18em;font-weight:700}.btn{border-radius:3px;font-size:.9rem;min-height:48px;padding:.85em 1.3em}.btn-sm{min-height:40px}.btn-amber{background:var(--amber)}.btn-ghost{color:var(--ink);border-color:var(--ink)}.btn-ghost:hover{background:var(--ink);color:#fff}.edition{background:var(--plum);color:#f5f3e9;font-size:.68rem;letter-spacing:.055em}.edition-in{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:33px}.edition a{text-decoration:none}.top,.night-top .top,.night-top .top.is-stuck,.night-top .top.is-open{position:sticky;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line);backdrop-filter:none}.top-in{gap:18px}.brand{font-family:var(--sans);font-size:1.05rem;font-weight:700;letter-spacing:-.045em}.brand>span{display:grid;gap:4px}.brand em,.top .brand em,.night-top .top .brand em{font-size:.86rem;color:var(--violet-ink);font-family:var(--serif);font-style:normal;letter-spacing:.09em;font-weight:400}.glyph{width:39px;height:39px;color:var(--plum)}.nav{gap:13px}.nav li a{font-size:.82rem;padding:9px;border-radius:3px}.nav-side{gap:10px}.nav-compare{font-size:.8rem;text-underline-offset:5px}.nav .btn{font-size:.8rem;padding:.6em .8em}.lang,.night-top .top .lang{border-color:var(--line);border-radius:3px;font-size:.78rem}.night-top .nav li a:hover{background:var(--cream)}.night-top .nav li a[aria-current]{background:var(--plum);color:#fff}.menu-btn{border-radius:3px}.hero{display:block;min-height:0;background:var(--paper);color:var(--ink);overflow:visible;padding:0 0 32px}.hero-in{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:64px 0 0;align-items:start}.hero-copy{grid-column:1;grid-row:1;min-height:490px;padding:0 20px 24px 0}.hero h1{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.03;max-width:14ch}.hero h1 em{color:var(--violet-ink);font-style:italic}.hero .eyebrow{color:var(--violet-ink)}.hero-lead{font-size:1.02rem;color:var(--muted);max-width:54ch;line-height:1.8}.hero-cta{margin-top:25px;gap:10px}.hero-bg{left:calc(50% + 20px);right:max(32px,calc((100vw - 1320px)/2));top:64px;height:490px;z-index:0;border-radius:3px;overflow:hidden}.hero-bg img{object-position:50% 50%}.hero-bg:after{background:linear-gradient(0deg,#102f2980,transparent 50%)}.hero-credit{position:relative;margin:20px auto 0;text-align:right;width:min(1320px,100% - 64px);color:var(--muted);bottom:auto;right:auto;font-size:.65rem}.board{grid-row:2;grid-column:1/-1;background:var(--plum);border:0;border-radius:3px;box-shadow:none;backdrop-filter:none;color:#fff;display:grid;grid-template-columns:1fr 1.1fr 1.3fr;column-gap:34px;padding:24px 30px;align-items:center}.board-clock{grid-column:1;grid-row:1/3;display:grid;gap:8px;justify-content:start;border:0;padding:0}.board-clock b{font-family:var(--sans);font-weight:500;font-size:2.6rem;letter-spacing:-.06em}.board-live{grid-column:2;grid-row:1;font-size:1.45rem;margin:0!important}.board-sub{grid-column:2;grid-row:2;font-size:.85rem}.board-go{grid-column:3;grid-row:1/3;margin:0}.board-go label{font-size:.73rem}.board-row select{min-height:44px;font-size:.9rem}.route-guide{border-block:1px solid var(--line);padding:44px 0;background:var(--cream)}.route-guide>.wrap{display:grid;grid-template-columns:1fr 1fr;gap:60px}.route-guide h2{font-size:2rem;max-width:20ch}.route-guide p:not(.eyebrow){color:var(--muted);font-size:.9rem;margin:0}.route-guide nav{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.route-guide nav a{display:grid;grid-template-columns:22px 1fr 16px;gap:8px;align-items:center;text-decoration:none;border-bottom:1px solid var(--line);font-size:.85rem;padding:16px 0}.route-guide nav span{font-size:.66rem;color:var(--muted)}.route-guide nav b{font-size:1.2rem}.band{padding:76px 0}.head{max-width:850px;margin-bottom:32px}.head h2{font-size:clamp(2rem,3.3vw,3rem)}.head p:not(.eyebrow){font-size:1rem}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.city-grid li:nth-child(1){grid-column:auto;grid-row:auto}.city-grid li{border-bottom:1px solid var(--line)}.city-tile{display:grid;grid-template-columns:110px 1fr;align-items:center;gap:18px;min-height:124px;background:none;color:var(--ink);border-radius:0;overflow:visible;padding:18px 0}.city-tile picture{position:relative;inset:auto;width:110px;height:86px;z-index:auto;overflow:hidden;border-radius:2px}.city-tile img{position:static;width:100%;height:100%;z-index:auto}.city-tile:after{content:none}.city-tile-text{position:static;gap:7px}.city-tile-text b,.city-grid li:nth-child(1) .city-tile-text b{font-family:var(--sans);font-weight:600;font-size:1.05rem;letter-spacing:-.025em}.city-tile-text span{color:var(--muted);font-size:.8rem}.city-tile-text i{font-size:.68rem;margin-top:0;padding:1px 6px;border-radius:2px;background:var(--cream)}.city-tile-text i.is-open{background:#e0eee4;color:#22513b}.city-search{display:flex;align-items:center;flex-wrap:wrap;gap:14px;margin:0 0 14px;padding:14px 0;border-block:1px solid var(--line)}.city-search label{font-size:.8rem;font-weight:600}.city-search input{font:inherit;font-size:.9rem;padding:10px 12px;border:1px solid var(--line);background:#fff;border-radius:2px;max-width:100%;min-height:44px}.city-search output{font-size:.8rem;color:var(--muted)}.band-night{background:var(--night)}.chart{border-radius:3px;background:#ffffff05;padding:26px}.lg-doors:before,.chart-doors{fill:#86b8aa33;background:#86b8aa33}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.card{border:1px solid var(--line);border-top:3px solid var(--plum);padding:26px 28px;box-shadow:none;border-radius:3px}.card-name{font-size:1.8rem}.card:hover{box-shadow:var(--shadow)}.badges li,.status,.chip span{border-radius:3px}.badges .b-stay{background:#e4ede7;color:#275442;border-color:#bfd0c4}.ring-fg{stroke:#957035}.steps{gap:0}.steps li{border-radius:0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent}.steps li+li{border-left:1px solid var(--line)}.steps-n{background:none;color:var(--violet-ink);border-radius:0;place-items:start;font-family:var(--sans);font-size:2.5rem;font-weight:300;height:56px}.steps h3{font-size:1.5rem}.stayband-pics{gap:12px}.stayband-pics img,.stayband-pics picture:first-child img{aspect-ratio:4/3}.stayband-pics{grid-template-columns:1fr}.stayband-pics picture+picture{max-width:75%;justify-self:end;margin-top:-46px;border:7px solid var(--cream)}.pagehead{background:var(--cream);padding:48px 0 38px;border-bottom:1px solid var(--line)}.pagehead h1{font-size:clamp(2.5rem,5vw,4.4rem)}.crumbs{font-size:.75rem;margin-bottom:20px}.lead{font-size:1.1rem}.venue-head{background:var(--plum)}.venue-head-in{padding:44px 0 48px;min-height:370px;display:flex;flex-direction:column;justify-content:center}.venue-head-in>*{max-width:58%}.venue-bg{left:64%;z-index:-1}.venue-bg:after{background:linear-gradient(90deg,var(--plum),transparent 35%)}.venue-head h1{font-size:clamp(2.4rem,4.5vw,4.1rem)}.venue-grid{grid-template-columns:330px minmax(0,1fr);gap:56px}.venue-main{grid-column:2;grid-row:1}.venue-side{grid-column:1;grid-row:1}.panel{border:1px solid var(--line);border-top:3px solid var(--plum);background:var(--cream)}.panel h2{letter-spacing:-.02em}.planner{border:1px solid var(--line);border-top:3px solid var(--plum);padding:28px}.faq{gap:0}.faq details{background:none;border-bottom:1px solid var(--line);border-radius:0;padding:0 4px}.faq summary{padding:22px 34px 22px 0}.contents{display:flex;flex-wrap:wrap;gap:10px 22px;padding-block:22px;border-bottom:1px solid var(--line);font-size:.8rem}.contents b{color:var(--violet-ink)}.prose{line-height:1.85}.prose h2{padding-top:8px}.prose .callout{border-color:var(--plum)}.care{background:#e6ebe1;color:var(--ink);border-top:1px solid var(--line)}.care-in{padding-block:28px;gap:32px}.care-age b{border-radius:3px;border-color:var(--plum)}.care-age span{color:var(--plum)}.care-text,.care-text a{color:var(--ink)}.foot{background:var(--night)}.foot .glyph{color:var(--amber)}.foot .brand em{color:var(--amber)}.foot-grid{grid-template-columns:1.3fr repeat(4,1fr);gap:24px}.foot h2{font-size:.7rem}.foot li{font-size:.85rem}.foot-legal{font-size:.8rem}.gate{background:var(--paper);color:var(--ink)}.gate-bg{inset:0 0 0 57%;z-index:-1}.gate-bg:after{background:linear-gradient(90deg,var(--paper),transparent 30%)}.gate-in{justify-items:start;text-align:left;gap:16px;padding:60px 0;min-height:700px}.gate-in>*{max-width:52%}.gate .lead{color:var(--muted);margin:0}.gate h1{font-size:clamp(3rem,5vw,5rem);line-height:1;max-width:8ch}.gate-doors{display:grid;grid-template-columns:1fr;width:100%;gap:12px;margin:12px 0 0}.gate-door{background:var(--plum);border:0;padding:20px 24px;grid-template-columns:95px 1fr;align-items:center;gap:20px}.gate-door b{font-size:1.3rem}.gate-door span{font-size:.8rem}.gate-facts{justify-content:start;font-size:.8rem;gap:8px 20px;margin:0}.gate .care{background:#e6ebe1}.gate .brand{font-size:1.1rem}.gate .brand em{color:var(--plum)}
@media(min-width:761px) and (max-width:1140px){.hero-copy{min-height:520px}.hero-bg{height:520px}.hero h1{font-size:3.1rem}.city-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:1140px){.night-top .nav{background:var(--paper)}.hero-in{grid-template-columns:1fr 1fr;gap:24px}.board{column-gap:22px}.venue-grid{grid-template-columns:280px minmax(0,1fr);gap:28px}.foot-grid{grid-template-columns:repeat(4,1fr)}.foot-brand{grid-column:1/-1}.nav-compare{padding:12px}.gate-in>*{max-width:60%}.gate-bg{left:62%}}
@media(max-width:900px){.board{grid-template-columns:1fr 1fr}.board-go{grid-column:1/-1;grid-row:3;margin-top:22px}.route-guide>.wrap{gap:28px}.route-guide nav{grid-template-columns:1fr}.venue-grid{grid-template-columns:1fr}.venue-main{grid-column:1;grid-row:2}.venue-side{grid-column:1;grid-row:1;grid-template-columns:1fr 1fr}.venue-side .panel{min-width:0}.steps li:nth-child(3){border-left:0}.hero-copy{padding-right:0}}
@media(max-width:760px){:root{--top:72px}.wrap{width:calc(100% - 36px)}.edition-in{justify-content:center;min-height:30px}.edition-in>span{display:none}.edition a{font-size:.62rem}.hero{display:flex;padding-bottom:24px}.hero-in{display:contents}.hero-copy{order:1;width:calc(100% - 36px);margin:32px auto 0;min-height:0;padding:0}.hero h1{font-size:clamp(2.5rem,9.5vw,3.8rem);max-width:18ch}.hero-lead{font-size:.95rem}.hero-bg{order:2;position:relative;inset:auto;height:240px;width:calc(100% - 36px);margin:26px auto 0;flex:none}.hero-credit{order:3;width:calc(100% - 36px);margin:8px auto 16px;font-size:.6rem;padding:0}.board{order:4;width:calc(100% - 36px);margin:auto;display:grid;padding:20px;gap:6px 14px}.board-live{font-size:1.15rem}.board-clock b{font-size:2.1rem}.board-sub{font-size:.76rem}.board-go{margin-top:15px}.route-guide{padding:30px 0}.route-guide>.wrap{grid-template-columns:1fr;gap:14px}.route-guide nav{grid-template-columns:1fr 1fr;gap:0 18px}.route-guide nav a{font-size:.8rem}.route-guide h2{font-size:1.8rem;max-width:none}.band{padding:48px 0}.city-grid{grid-template-columns:1fr;gap:0}.city-tile{min-height:110px;grid-template-columns:100px 1fr;padding:12px 0}.city-tile picture{width:100px;height:80px}.city-grid li:nth-child(1) .city-tile-text b{font-size:1.05rem}.cards{grid-template-columns:1fr}.card{padding:23px}.steps li+li{border-left:0;border-top:0}.venue-head-in{padding:30px 0;min-height:0}.venue-head-in>*{max-width:100%}.venue-bg{left:0;opacity:.16}.venue-bg:after{background:var(--plum);opacity:.4}.venue-side{grid-template-columns:1fr}.venue-grid{gap:26px}.pagehead{padding:28px 0}.contents{gap:10px 16px}.contents b{width:100%}.foot-grid{grid-template-columns:1fr 1fr}.foot{padding:42px 0 28px}.care-in{gap:16px}.gate-bg{inset:0;opacity:.08}.gate-bg:after{background:var(--paper);opacity:.5}.gate-in{min-height:0;padding:40px 0;gap:18px}.gate-in>*{max-width:100%}.gate h1{font-size:3.8rem;max-width:8ch}.gate-door{grid-template-columns:80px 1fr}.gate-facts{color:var(--muted)}.city-search input{width:100%}.city-search{gap:8px}.planner{padding:18px}.stayband-pics picture+picture{margin-top:-25px}}
@media print{.edition,.route-guide,.contents,.city-search{display:none!important}.hero-copy,.venue-head-in>*{max-width:100%}.venue-grid{display:block}.venue-side{break-inside:avoid}.board{display:none}.hero h1,.hero-lead,.venue-head .lead{color:#000!important}}
/* Keep photographic panels above their parent backgrounds. */
.venue-bg,.gate-bg{z-index:0}.venue-head-in,.gate-in,.gate>.care{position:relative;z-index:1}.gate-facts{color:var(--muted)}
@media(min-width:761px){.venue-head .lead{max-width:58%}}