:root{--ink:#1d2431;--paper:#ebe6dc;--brick:#a34131;--blue:#8bb2c4;--mustard:#d9aa3c;--cream:#f8f3e7;--line:#837e73;--max:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Arial Narrow",Arial,sans-serif;line-height:1.5}body{background-image:linear-gradient(#1d243108 1px,transparent 1px);background-size:100% 36px}a{color:inherit}button,input,select,textarea{font:inherit}.skip{position:fixed;top:-4rem;left:1rem;z-index:70;background:var(--mustard);padding:.8rem}.skip:focus{top:1rem}body>header{height:74px;padding:0 max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;border-bottom:4px solid var(--ink);background:var(--paper);position:relative;z-index:10}.brand{display:flex;align-items:center;gap:.7rem;text-decoration:none;font-family:Georgia,serif;font-size:1.2rem}.brand span{display:grid;place-items:center;width:2.4rem;height:2.4rem;background:var(--brick);color:white;font:700 .65rem Arial}.brand b{font-weight:500}header>p{font-size:.62rem;letter-spacing:.15em}#directory-button{justify-self:end;border:1px solid;background:transparent;padding:.6rem;cursor:pointer}#floor-nav{position:fixed;right:1rem;top:100px;z-index:25;display:grid;background:var(--ink);color:white;box-shadow:10px 10px 0 #0002}#floor-nav a{width:84px;height:84px;display:grid;place-items:center;text-decoration:none;border-bottom:1px solid #ffffff33;transition:.2s}#floor-nav b{color:var(--mustard);font:400 1.4rem Georgia}#floor-nav span{font-size:.58rem;letter-spacing:.1em}.hero{max-width:var(--max);margin:auto;min-height:880px;display:grid;grid-template-columns:.8fr 1.2fr auto;gap:5rem;padding:0 7rem 0 1.5rem;position:relative}.marquee{grid-column:1/-1;margin:0 -7rem 0 -1.5rem;background:var(--mustard);height:42px;display:flex;align-items:center;overflow:hidden}.marquee span{white-space:nowrap;letter-spacing:.18em;font-size:.62rem;animation:marquee 14s linear infinite}@keyframes marquee{to{transform:translateX(60vw)}}.hero-copy{align-self:center}.floor-label{font-size:.62rem;letter-spacing:.16em;font-weight:800;color:#7a342a}.hero h1,.floor h2,.contact h2{font:400 clamp(3.4rem,6vw,6.5rem)/.9 Georgia,serif;letter-spacing:-.055em}.hero h1{margin:.6rem 0 1.5rem}.hero-copy>p:not(.floor-label){max-width:43ch;color:#5f5b56}.hero-copy>a{display:flex;justify-content:space-between;text-decoration:none;border:1px solid;padding:1rem;margin-top:2rem}.tower{align-self:end;width:510px;box-shadow:18px 0 0 #1d2431;position:relative}.tower>div:not(.roof){height:104px;border:5px solid var(--ink);border-bottom:0;display:grid;grid-template-columns:65px 1fr 1fr 1fr;align-items:center;padding:.5rem;background:var(--cream)}.tower .roof{height:65px;background:var(--brick);color:white;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);display:grid;place-items:center;font-weight:800;letter-spacing:.2em}.tower span{font:2.4rem Georgia;color:#8e887d}.tower i{height:60px;border:1px solid #9f998e;background:repeating-linear-gradient(#cfcbc0 0 4px,#f5f0e5 5px 10px)}.tower .lobby{background:var(--blue)!important;grid-template-columns:1fr!important;text-align:center;border-bottom:5px solid var(--ink)!important}.tower .lobby small{display:block}.side-note{writing-mode:vertical-rl;align-self:center;font-size:.65rem;letter-spacing:.13em}.floor{min-height:760px;display:grid;grid-template-columns:220px 1fr;padding-right:max(1.5rem,calc((100% - var(--max))/2 + 7rem));border-top:5px solid var(--ink)}.floor>aside{padding:5rem 1.5rem;background:var(--brick);color:white;display:flex;flex-direction:column}.floor>aside span{font:5rem Georgia;color:var(--mustard)}.floor>aside b{margin-top:auto}.floor>aside p{font-size:.75rem}.floor>div{padding:6rem 4rem}.floor h2{margin:.5rem 0 3rem;max-width:14ch}.shelves{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid}.shelves article{min-height:200px;padding:1.5rem;border-right:1px solid;display:flex;flex-direction:column;justify-content:space-between;background:repeating-linear-gradient(90deg,transparent 0 18px,#1d24310e 19px 20px)}.shelves article:last-child{border:0}.shelves span{font-size:.8rem}.control{background:var(--blue)}.control>aside{background:var(--ink)}.version-room{display:grid;grid-template-columns:.55fr 1.45fr;border:1px solid}.version-buttons{display:grid}.version-buttons button{border:0;border-bottom:1px solid;background:transparent;padding:1rem;text-align:left;cursor:pointer}.version-buttons button.active{background:var(--ink);color:white}.version-room article{background:var(--cream);padding:2rem}.version-room h3{font:400 2.5rem Georgia}.version-room dl{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.version-room dt{font-size:.6rem}.version-room dd{margin:.4rem 0;font-weight:800}.sign{background:var(--cream)}.sign>aside{background:var(--mustard);color:var(--ink)}.sign ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr)}.sign li{min-height:260px;padding:1.5rem;border:1px solid;margin-right:-1px}.sign li>b{font:2rem Georgia}.sign li p{margin-top:9rem}.note{border-left:5px solid var(--brick);padding:1rem;background:#a3413111}.retain{background:#c8c3b8}.retain>aside{background:#53646a}.retention-dial{display:grid;grid-template-columns:.6fr 1.4fr;border:1px solid;padding:2rem;gap:3rem}.retention-dial label{font-size:.65rem}.retention-dial select{display:block;width:100%;padding:1rem;margin:.5rem 0 1rem;background:var(--cream);border:1px solid}.retention-dial button{width:100%;padding:1rem;background:var(--brick);color:white;border:0;cursor:pointer}.lifecycle{display:flex;flex-direction:column}.lifecycle span{padding:1rem;border-left:8px solid #999;opacity:.45}.lifecycle span.active{border-color:var(--mustard);opacity:1;background:var(--cream)}.lifecycle p{margin-top:auto}.contact{padding:7rem max(1.5rem,calc((100% - var(--max))/2 + 7rem)) 7rem max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1fr;gap:5rem;background:var(--brick);color:white}.contact .floor-label{color:#ffcf65}.contact h2{margin:.5rem 0}.contact form{display:grid;gap:1rem}.contact label{font-size:.65rem}.contact input,.contact select,.contact textarea{display:block;width:100%;padding:1rem;margin-top:.3rem;background:#ffffff14;border:1px solid white;color:white}.contact select option{color:#111}.contact textarea{min-height:100px}.contact button{padding:1rem;background:var(--mustard);border:0;cursor:pointer}#form-status{margin:0}footer{padding:2.5rem max(1.5rem,calc((100% - var(--max))/2));display:grid;grid-template-columns:1fr 1.5fr 1fr auto;gap:2rem;font-size:.75rem;align-items:center}footer address{font-style:normal}:focus-visible{outline:3px solid var(--mustard);outline-offset:3px}@media(max-width:850px){body>header{grid-template-columns:1fr auto}header>p{display:none}#floor-nav{top:auto;left:0;right:0;bottom:0;display:flex;transform:translateY(100%);transition:.2s}#floor-nav.open{transform:none}#floor-nav a{flex:1;height:65px}.hero{grid-template-columns:1fr;padding:0 1.5rem 5rem;gap:2rem}.marquee{margin:0 -1.5rem}.tower{width:min(510px,90vw);justify-self:center}.side-note{display:none}.floor{grid-template-columns:100px 1fr;padding-right:0}.floor>aside{padding:3rem .8rem}.floor>aside span{font-size:3rem}.floor>aside b{writing-mode:vertical-rl}.floor>div{padding:5rem 2rem}.contact{padding:6rem 1.5rem;grid-template-columns:1fr}footer{grid-template-columns:1fr 1fr;padding-bottom:5rem}}@media(max-width:560px){.hero{min-height:auto}.hero h1,.floor h2,.contact h2{font-size:3.45rem}.tower>div:not(.roof){height:82px}.floor{grid-template-columns:1fr}.floor>aside{padding:1rem;flex-direction:row;align-items:center;gap:1rem}.floor>aside b{writing-mode:horizontal-tb;margin:0}.floor>aside p{margin-left:auto}.floor>div{padding:4rem 1rem}.shelves,.version-room,.retention-dial{grid-template-columns:1fr}.shelves article{min-height:130px;border-right:0;border-bottom:1px solid}.version-room dl{grid-template-columns:1fr}.sign ol{grid-template-columns:1fr}.sign li{min-height:170px}.sign li p{margin-top:4rem}.retention-dial{gap:1rem}.contact,footer{grid-template-columns:1fr}.tower{box-shadow:8px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.marquee span{animation:none}*,*::before,*::after{transition-duration:.01ms!important}}
@media(max-width:560px){.hero{min-width:0}.hero>*{min-width:0}.tower{width:100%}}
