:root{
--fx4-oak:#b37b47;
--fx4-oakdeep:#8b5a2e;
--fx4-wall:#f7efe0;
--fx4-ink:#25211c;
--fx4-steel:#4f6476;
--fx4-steelpale:#c7d1d9;
--fx4-agenda:#a2402a;
--fx4-manila:#e9d6a3;
--fx4-board:#9c7a4c;
--fx4-rule:#dccdb2;
--fx4-mute:#6a6157
}
html{background-color:var(--fx4-oak)}
body{
margin:0;
color:var(--fx4-ink);
font:400 1.08rem/1.7 "Libre Bodoni",Georgia,"Times New Roman",serif;
background-color:var(--fx4-oak);
background-image:linear-gradient(90deg,rgba(60,34,12,.13) 50%,rgba(255,240,220,.05) 50%),linear-gradient(0deg,rgba(60,34,12,.09) 50%,rgba(0,0,0,0) 50%);
background-size:96px 32px,48px 96px
}
a{color:var(--fx4-steel);text-underline-offset:.18em}
a:hover{color:var(--fx4-agenda)}
.fx4-hall{
width:min(76ch,calc(100% - 2.4rem));
margin:2.2rem auto 3rem;
background:var(--fx4-wall);
border:1px solid var(--fx4-oakdeep);
box-shadow:0 14px 0 -6px rgba(40,22,8,.35),0 2px 18px rgba(30,16,4,.28);
padding:0 0 1.4rem
}
.fx4-door{
display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1.4rem;
background:var(--fx4-steel);color:#f2f4f6;
padding:.75rem 1.6rem;
font-family:Lalezar,Impact,sans-serif;letter-spacing:.04em
}
.fx4-door a{color:#f2f4f6;text-decoration:none;font-size:1.32rem}
.fx4-door a:hover{color:var(--fx4-manila)}
.fx4-sign{font-size:.98rem;color:var(--fx4-steelpale)}
.fx4-body{padding:1.6rem 2.1rem 0}
h1,h2,h3{font-family:Lalezar,Impact,sans-serif;font-weight:400;line-height:1.18;color:var(--fx4-ink)}
h1{font-size:2.55rem;margin:.5rem 0 .4rem}
h2{font-size:1.58rem;margin:2.1rem 0 .55rem;color:var(--fx4-steel)}
h3{font-size:1.22rem;margin:1.5rem 0 .3rem}
.fx4-kicker{display:inline-block;font-family:Lalezar,Impact,sans-serif;font-size:.95rem;letter-spacing:.08em;text-transform:uppercase;color:var(--fx4-agenda);border-bottom:3px double var(--fx4-agenda);padding-bottom:.1rem}
.fx4-lede{font-style:italic;font-size:1.18rem;color:#3b342c;margin:.3rem 0 1.4rem}
.fx4-ring{margin:1.4rem auto 1.8rem;max-width:30rem}
.fx4-ring svg{width:100%;height:auto}
.fx4-ring text{font-family:Lalezar,Impact,sans-serif;font-size:13px;fill:var(--fx4-ink)}
.fx4-ring a:hover rect{fill:var(--fx4-agenda)}
.fx4-ring figcaption{text-align:center;font-size:.92rem;color:var(--fx4-mute);margin-top:.5rem}
.fx4-seats{list-style:none;margin:1rem 0 1.6rem;padding:0;border-top:2px solid var(--fx4-rule)}
.fx4-seats li{padding:.85rem 0 .9rem 2.6rem;border-bottom:1px solid var(--fx4-rule);position:relative}
.fx4-seats li::before{content:attr(data-seat);position:absolute;left:0;top:.85rem;width:1.9rem;height:1.9rem;line-height:1.95rem;text-align:center;border-radius:50%;background:var(--fx4-steel);color:#fff;font-family:Lalezar,Impact,sans-serif;font-size:1rem}
.fx4-seats strong{font-family:Lalezar,Impact,sans-serif;font-weight:400;font-size:1.18rem}
.fx4-seats span{display:block;color:#4a4238;font-size:.98rem}
.fx4-piece{display:grid;grid-template-columns:7.2rem 1fr;gap:0 1.6rem;align-items:start}
.fx4-margin{position:sticky;top:1rem;margin-top:.6rem;padding:.7rem .6rem;border:2px solid var(--fx4-agenda);text-align:center;font-family:Lalezar,Impact,sans-serif;color:var(--fx4-agenda);background:#fbf6ec}
.fx4-margin b{display:block;font-size:2.6rem;font-weight:400;line-height:1}
.fx4-margin small{display:block;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase}
.fx4-text p{margin:0 0 1.05rem}
.fx4-photo{margin:1.3rem 0 1.6rem;background:#fff;padding:.55rem .55rem .4rem;border:1px solid var(--fx4-rule);box-shadow:4px 5px 0 var(--fx4-steelpale)}
.fx4-photo img{display:block;width:100%;height:auto;aspect-ratio:16/9;background:var(--fx4-steelpale)}
.fx4-photo figcaption{font-size:.9rem;color:var(--fx4-mute);padding:.4rem .2rem .1rem}
.fx4-board{margin:2.4rem 0 1.2rem;background:var(--fx4-board);padding:2.1rem 1.1rem 1.1rem;border-radius:10px;position:relative}
.fx4-board::before{content:"";position:absolute;top:-.7rem;left:50%;width:6.5rem;height:1.6rem;margin-left:-3.25rem;background:linear-gradient(#cfd4d8,#8d969d);border-radius:5px 5px 2px 2px;box-shadow:0 2px 0 #5e666c}
.fx4-form{background:#fffdf8;padding:1rem 1.2rem 1.1rem;background-image:repeating-linear-gradient(0deg,rgba(0,0,0,0) 0,rgba(0,0,0,0) 1.95rem,#e4dccb 1.95rem,#e4dccb 2rem)}
.fx4-form h2{margin:.1rem 0 .5rem;font-size:1.3rem;color:var(--fx4-agenda)}
.fx4-form p{margin:0 0 .7rem;font-size:1rem}
.fx4-blank{display:block;border-bottom:1.5px solid var(--fx4-ink);height:1.6rem;margin:.2rem 0 .1rem}
.fx4-next{display:inline-block;margin:1.2rem 0 .4rem;padding:.55rem 1.05rem;background:var(--fx4-steel);color:#fff;text-decoration:none;font-family:Lalezar,Impact,sans-serif;font-size:1.05rem;letter-spacing:.03em;border-radius:3px}
.fx4-next:hover{background:var(--fx4-agenda);color:#fff}
.fx4-short dl{margin:1rem 0 1.4rem}
.fx4-short dt{font-family:Lalezar,Impact,sans-serif;font-size:1.16rem;margin-top:1rem;color:var(--fx4-steel)}
.fx4-short dd{margin:.15rem 0 0 1.4rem}
.fx4-qa h2{font-size:1.24rem;margin:1.5rem 0 .35rem;color:var(--fx4-ink);border-left:5px solid var(--fx4-agenda);padding-left:.6rem}
.fx4-exit{margin:2rem 2.1rem 0;padding-top:1rem;border-top:3px double var(--fx4-oakdeep);font-size:.93rem;color:#4b4339}
.fx4-exit nav{display:flex;flex-wrap:wrap;gap:.4rem 1.2rem;margin-bottom:.7rem;font-family:Lalezar,Impact,sans-serif;font-size:1.02rem}
.fx4-exit address{font-style:normal;margin:0 0 .55rem;line-height:1.55}
.fx4-exit p{margin:0}
@media (max-width:1020px){
.fx4-hall{width:min(76ch,calc(100% - 1.6rem))}
h1{font-size:2.25rem}
}
@media (max-width:600px){
.fx4-body{padding:1.2rem 1.1rem 0}
.fx4-exit{margin:1.6rem 1.1rem 0}
.fx4-piece{grid-template-columns:1fr}
.fx4-margin{position:static;display:flex;align-items:baseline;gap:.6rem;text-align:left;margin:0 0 1rem}
.fx4-margin b{font-size:1.7rem}
.fx4-door{padding:.7rem 1.1rem}
}
@media (max-width:380px){
body{font-size:1rem}
h1{font-size:1.9rem}
.fx4-hall{width:calc(100% - .8rem);margin-top:.8rem}
.fx4-seats li{padding-left:2.3rem}
}