:root{--pine:#28564f;--deep:#183c36;--mint:#b8cfc0;--cream:#f5eedb;--paper:#fff9e9;--coral:#ce755d;--brass:#b39b61;--wood:#735344;--ink:#273a30;--serif:'DM Serif Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#234941;color:var(--ink);font-family:var(--sans);font-size:14px;-webkit-font-smoothing:antialiased;background-image:radial-gradient(rgba(241,234,208,.06) .7px,transparent .8px);background-size:5px 5px}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button,input{font:inherit}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}svg{width:24px;height:24px;flex-shrink:0}[hidden]{display:none!important}::selection{background:var(--coral);color:var(--paper)}:focus-visible{outline:3px solid var(--coral);outline-offset:5px}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.skip-link{position:fixed;z-index:100;top:10px;left:10px;padding:14px 20px;background:var(--paper);transform:translateY(-160%)}.skip-link:focus{transform:none}.motel{width:calc(100% - 64px);max-width:1510px;margin:30px auto;background:var(--cream);border:1px solid #163a2c;box-shadow:0 15px 70px rgba(0,0,0,.16);overflow:clip}.motel-header{height:108px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:25px;padding:0 38px;background:var(--paper);border-bottom:1px solid rgba(39,58,48,.25);position:relative;z-index:10}.brand{border:0;padding:0;background:none;display:flex;align-items:center;gap:12px;text-align:left;justify-self:start}.brand img{width:40px;height:48px}.brand strong{font-family:var(--serif);font-weight:400;font-size:29px;letter-spacing:-.04em;display:block;line-height:1.1}.brand small{font-size:7px;letter-spacing:.12em;display:block;margin-top:7px}.key-navigation{display:flex;align-items:flex-start;gap:9px;align-self:start;padding-top:14px}.nav-key{border:1px solid #bbaa81;background:#eee0b9;display:flex;align-items:center;justify-content:center;gap:12px;min-width:135px;height:71px;padding:10px 14px 12px;border-radius:7px 7px 27px 27px;box-shadow:0 3px 0 #baa16d;position:relative;font-size:8px;font-weight:700;letter-spacing:.06em;transition:transform .2s,background .2s,color .2s}.nav-key:before{content:'';position:absolute;top:6px;left:calc(50% - 3px);width:6px;height:6px;border:1px solid #bbaa81;background:var(--paper);border-radius:50%}.key-number{font-family:var(--serif);font-size:27px;font-weight:400;border-right:1px solid rgba(39,58,48,.25);padding-right:12px;line-height:1.2}.nav-key.is-active{background:var(--pine);border-color:var(--pine);color:var(--paper);box-shadow:0 4px 0 var(--deep);transform:translateY(4px)}.nav-key.is-active .key-number{border-color:rgba(255,255,255,.25)}.nav-key:hover{transform:translateY(5px)}.header-status{justify-self:end;display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;letter-spacing:.07em}.header-status small{font-size:6px;letter-spacing:.08em;font-weight:400;display:block;margin-top:4px}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px rgba(206,117,93,.12)}.motel-interior{position:relative;background:var(--cream)}
.lobby-view{position:relative;min-height:630px;isolation:isolate;overflow:hidden}.lobby-wall{position:absolute;inset:0;z-index:-3;background:linear-gradient(var(--cream) 0,var(--cream) 70%,#99b7a6 70%,#99b7a6 71%,var(--mint) 71%);background-size:100% 100%}.lobby-wall:after{content:'';position:absolute;top:71%;inset-inline:0;bottom:0;background:repeating-linear-gradient(90deg,transparent,transparent 83px,rgba(40,86,79,.14) 83px,rgba(40,86,79,.14) 84px)}.lobby-layout{display:grid;grid-template-columns:280px minmax(310px,1fr) 230px;gap:30px;padding:44px 45px 0;min-height:630px;position:relative;z-index:1}.welcome-column{padding-top:2px;z-index:2}.road-sign{border:1px solid var(--cream);outline:4px solid var(--pine);background:var(--pine);color:var(--paper);padding:24px 17px 0;text-align:center;border-radius:48% 48% 5px 5px / 15% 15% 5px 5px;box-shadow:6px 8px 0 rgba(40,86,79,.1);position:relative;margin:5px 6px 0}.road-sign:before{content:'';position:absolute;left:50%;top:-10px;width:12px;height:12px;background:var(--brass);border:2px solid var(--cream);border-radius:50%;transform:translateX(-50%)}.road-sign>p{font-size:7px;letter-spacing:.14em;margin:2px 0 8px}.road-sign h1{font-family:var(--serif);font-weight:400;font-style:italic;font-size:90px;letter-spacing:-.07em;line-height:.92;margin:0;text-shadow:2px 2px 0 #173d36}.road-sign h1 span{display:block;font-style:normal;font-size:58px;letter-spacing:-.045em;line-height:1.15}.sign-stars{display:block;color:#d4b780;letter-spacing:.12em;font-size:17px;margin:12px 0 13px}.sign-footer{background:var(--coral);margin:0 -17px -1px;padding:13px 6px;font-size:7px;letter-spacing:.1em;font-weight:700;border-top:1px solid var(--cream)}.welcome-note{padding:25px 6px}.welcome-note h2{font-family:var(--serif);font-weight:400;font-size:29px;line-height:1.18;letter-spacing:-.035em;margin:0 0 16px}.welcome-note h2 em{font-weight:400}.welcome-note p{font-size:11px;line-height:1.65;margin:0 0 20px;opacity:.8}.text-link{border:0;border-bottom:1px solid currentColor;background:transparent;padding:0 0 8px;display:inline-flex;align-items:center;gap:22px;font-size:8px;letter-spacing:.065em;font-weight:700}.text-link span{font-size:19px;line-height:1}.text-link svg{width:17px;height:17px}.text-link:hover{color:var(--coral)}.manager-stage{position:relative;min-height:585px;isolation:isolate;align-self:end}.reception-window{position:absolute;z-index:-2;top:15px;left:2%;right:2%;bottom:95px;border:12px solid #698d7b;border-radius:170px 170px 4px 4px;background:#d9e2cc;box-shadow:inset 0 0 0 3px #375b49,0 0 0 2px #315c4a,4px 5px 0 rgba(37,74,55,.12);overflow:hidden}.window-blinds{position:absolute;inset:5px;background:repeating-linear-gradient(0deg,#d6dccc 0,#d6dccc 18px,#b7c1ac 19px,#f0ecd5 20px,#c2c8b5 22px);opacity:.65}.window-lettering{position:absolute;top:55px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:.18em;color:#5b6f5d}.window-lettering em{font-family:var(--serif);letter-spacing:0;font-size:25px;display:block;margin-top:5px}.ned-shadow{position:absolute;bottom:0;left:15%;width:70%;height:30px;border-radius:50%;background:rgba(35,55,44,.18);filter:blur(12px);z-index:-1}.ned-character{position:absolute;height:109%;width:110%;max-width:none;left:-5%;bottom:-8px;object-fit:contain;object-position:center bottom;z-index:1}.manager-plaque{position:absolute;z-index:3;bottom:20px;left:50%;transform:translateX(-50%) rotate(-2deg);background:#e9d7aa;border:3px double #796847;box-shadow:2px 3px 1px rgba(32,42,26,.14);padding:8px 24px;text-align:center;min-width:175px}.manager-plaque span{display:block;font-size:6px;letter-spacing:.1em}.manager-plaque strong{font-family:var(--serif);font-size:22px;display:block;margin:1px 0;font-weight:400}.desk-column{padding-top:6px;position:relative;z-index:3}.key-rack{border:7px solid #8f7758;border-radius:4px;background:#b69874;box-shadow:0 0 0 1px #624a32,3px 5px 0 rgba(76,57,32,.15),inset 0 0 15px rgba(56,44,18,.15);padding:15px 14px 10px}.rack-top{font-size:6px;letter-spacing:.065em;font-weight:700;color:#fdf0cf;background:#705943;padding:8px 3px;text-align:center;border:1px solid #dcc69b}.rack-hooks{display:grid;grid-template-columns:repeat(3,1fr);gap:15px 15px;padding:18px 7px 12px}.rack-hooks>span{height:53px;border-radius:3px 3px 19px 19px;background:var(--cream);color:var(--pine);font-family:var(--serif);font-size:15px;text-align:center;padding-top:25px;position:relative;box-shadow:2px 3px 0 rgba(32,26,11,.2);transform:rotate(-5deg)}.rack-hooks>span:nth-child(even){transform:rotate(6deg);background:#c56d54;color:var(--cream)}.rack-hooks>span i{position:absolute;left:calc(50% - 5px);top:-5px;width:10px;height:20px;border:2px solid #baaf88;border-radius:6px;box-shadow:0 1px 0 #5f593c}.rack-hooks>.missing-key{background:transparent;box-shadow:none;padding-top:13px;color:#5c4c37;transform:none}.rack-note{display:block;text-align:center;font-size:5px;letter-spacing:.04em;color:#eee0b9}.bell-station{padding:29px 3px 0;text-align:center}.bell-label{font-size:8px;font-weight:700;letter-spacing:.11em;margin:0 0 10px}.desk-bell{border:0;background:transparent;display:block;position:relative;width:146px;height:108px;margin:0 auto 9px}.bell-knob{position:absolute;top:5px;left:64px;width:20px;height:7px;border-radius:50%;background:#8b8267;border:1px solid #5e5847;box-shadow:0 3px 0 #aba38b;transition:transform .12s}.bell-dome{position:absolute;top:18px;left:23px;width:101px;height:49px;border-radius:60px 60px 4px 4px;background:linear-gradient(90deg,#8b836c,#eee5cc 27%,#b9b092 66%,#827c68);border:1px solid #625f51;box-shadow:inset 0 4px 0 rgba(255,255,255,.22);transition:transform .12s}.bell-base{position:absolute;top:63px;left:13px;width:122px;height:13px;border-radius:6px;background:#454e42;border-bottom:4px solid #28372e;box-shadow:0 8px 8px rgba(49,51,33,.14)}.bell-prompt{position:absolute;bottom:1px;left:0;right:0;font-size:6px;letter-spacing:.1em;color:var(--pine)}.desk-bell:hover .bell-dome{transform:translateY(2px)}.desk-bell:active .bell-knob{transform:translateY(7px)}.bell-station>p:last-of-type{font-size:11px;line-height:1.5;max-width:190px;min-height:48px;margin:5px auto 9px;font-style:italic}.bell-log{display:flex;justify-content:center;gap:12px;align-items:center;font-size:6px;letter-spacing:.09em}.bell-log output{font-family:var(--serif);font-size:20px}.lobby-skirt{position:absolute;bottom:0;inset-inline:0;height:8px;background:#809b86;border-top:1px solid var(--pine);z-index:4}
.front-counter{position:relative;z-index:6;background:var(--wood);background-image:repeating-linear-gradient(0deg,transparent,transparent 7px,rgba(33,20,13,.09) 8px,transparent 9px);border-top:10px solid #977156;box-shadow:0 -2px 0 #422c22,inset 0 2px 0 #ba9170;display:grid;grid-template-columns:1fr auto;gap:16px 30px;padding:24px 40px 22px;color:var(--cream)}.counter-motto{display:flex;flex-direction:column;gap:6px;align-self:center}.counter-motto>span{font-size:7px;letter-spacing:.16em;color:#d4b798}.counter-motto strong{font-family:var(--serif);font-weight:400;font-size:24px;letter-spacing:-.025em}.counter-actions{display:flex;align-items:center;gap:9px;align-self:center}.enamel-button{display:inline-flex;align-items:center;justify-content:center;gap:15px;padding:16px 20px;min-height:55px;border:1px solid #203d31;background:var(--pine);color:var(--cream);border-radius:5px;box-shadow:inset 0 0 0 3px rgba(255,255,255,.12),0 3px 0 var(--deep);font-size:10px;font-weight:700;letter-spacing:.03em;transition:transform .18s,background .18s}.enamel-button:hover{transform:translateY(-2px);background:#39665b}.enamel-button svg{width:20px;height:20px}.pump-button{background:var(--cream);color:var(--pine);border:1px solid #ceba91;box-shadow:inset 0 0 0 3px #e3d5b8,0 3px 0 #45392b;min-width:300px}.pump-button:hover{background:var(--paper)}.x-button{min-width:58px;padding:15px;background:#354a3f}.contract-plate{grid-column:1/-1;display:flex;align-items:center;gap:14px;min-height:36px;padding:8px 16px;border:1px solid #a88967;border-radius:3px;background:#624837;color:#e8d6b3;box-shadow:inset 0 1px 2px rgba(0,0,0,.2)}.contract-plate>span{font-size:8px;font-weight:700;letter-spacing:.08em;border-right:1px solid #ac8f6f;padding-right:14px}.contract-plate code{font-family:var(--sans);font-size:10px;letter-spacing:.04em;overflow-wrap:anywhere;min-width:0}.contract-plate code.is-empty{font-size:8px;letter-spacing:.14em;color:#c4b094}.contract-plate button{margin-left:auto;background:none;color:var(--cream);border:0;display:flex;align-items:center;justify-content:center;width:30px;height:30px;flex-shrink:0}.contract-plate button:hover{color:#f9d78f}.contract-plate button svg{width:16px;height:16px}.motel-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 35px;background:var(--deep);color:#b7c9b6;font-size:6px;letter-spacing:.1em}
.rooms-view{min-height:630px;background:linear-gradient(var(--cream) 0,var(--cream) 76%,#dcc7a0 76%);padding:30px 40px 0;overflow:hidden}.eyebrow{font-size:8px;font-weight:700;letter-spacing:.12em;margin:0 0 10px}.rooms-intro{text-align:center;position:relative;z-index:2}.rooms-intro h1{font-family:var(--serif);font-size:44px;letter-spacing:-.035em;line-height:1.1;margin:0;font-weight:400}.rooms-intro h1 em{font-weight:400}.rooms-intro>p:last-child{font-size:11px;margin:10px 0 0;opacity:.7}.room-layout{display:grid;grid-template-columns:220px minmax(260px,1fr) 270px;gap:60px;max-width:1090px;margin:30px auto 0;align-items:center}.room-selector{align-self:start;padding-top:12px}.room-selector-label{font-size:8px;letter-spacing:.1em;font-weight:700;margin:0 0 17px}.room-choice{width:100%;background:#e8dab5;border:1px solid #bda980;padding:13px 14px;display:grid;grid-template-columns:1fr auto;gap:5px;align-items:center;text-align:left;border-radius:8px;margin-bottom:13px;box-shadow:2px 3px 0 #baa98a;transition:background .18s,color .18s,transform .18s}.room-choice>span{font-family:var(--serif);font-size:30px;line-height:1}.room-choice>svg{width:35px;height:20px;transform:rotate(-25deg)}.room-choice>strong{grid-column:1/-1;font-size:7px;letter-spacing:.055em}.room-choice.is-active{background:var(--coral);color:var(--paper);border-color:#a75f4c;box-shadow:2px 3px 0 #97614b;transform:translateX(5px)}.room-choice:hover{transform:translateX(5px)}.little-note{font-family:var(--serif);font-style:italic;font-size:17px;line-height:1.35;margin:23px 0 0;opacity:.75}.door-surround{padding:12px 12px 0;background:#cfb286;border:1px solid #9a825d;position:relative;align-self:end;box-shadow:5px 0 0 #e5d1af;width:100%;max-width:355px;justify-self:center;border-radius:6px 6px 0 0}.room-door{height:444px;position:relative;background:#5f8b77;border:3px solid #365b47;box-shadow:inset 0 0 0 8px #729b82;transition:background .25s}.door-top-panel{position:absolute;left:10%;right:10%;top:25px;height:85px;border:5px ridge #7d9e81}.door-number{position:absolute;top:49px;left:50%;transform:translateX(-50%);background:#e9d6a9;border:3px double #9a7f50;border-radius:50%;font-family:var(--serif);font-size:24px;min-width:79px;line-height:1;text-align:center;padding:10px}.n102,.n103{display:none}.room-door[data-room='102']{background:#b87865;box-shadow:inset 0 0 0 8px #c9987f;border-color:#8f5848}.room-door[data-room='102'] .n101,.room-door[data-room='103'] .n101{display:none}.room-door[data-room='102'] .n102,.room-door[data-room='103'] .n103{display:block}.room-door[data-room='103']{background:#6e8591;box-shadow:inset 0 0 0 8px #90a0a2;border-color:#475f67}.door-louvres{position:absolute;top:130px;left:10%;right:10%;height:120px;background:repeating-linear-gradient(0deg,rgba(0,0,0,.18) 0,rgba(0,0,0,.18) 2px,rgba(255,255,255,.1) 3px,transparent 4px,transparent 15px);border:4px ridge rgba(223,224,185,.4)}.door-handle{position:absolute;right:20px;top:250px;width:17px;height:61px;border:2px solid #635635;border-radius:7px;background:#bca472;box-shadow:2px 3px 0 rgba(0,0,0,.15)}.door-handle:after{content:'';position:absolute;left:-12px;top:13px;width:33px;height:13px;background:linear-gradient(#e8d8a6,#9a8559);border:1px solid #645432;border-radius:6px}.door-hanger{position:absolute;right:13px;top:267px;width:85px;min-height:142px;border-radius:29px 29px 5px 5px;background:var(--paper);border:1px solid #d4c49f;text-align:center;box-shadow:3px 3px 0 rgba(0,0,0,.1);transform:rotate(-10deg);transform-origin:50% 13px;padding:42px 6px 10px;transition:transform .3s}.hanger-hole{position:absolute;top:9px;left:29px;width:27px;height:27px;border-radius:50%;background:#3f624e;box-shadow:inset 1px 1px 3px rgba(0,0,0,.25)}.door-hanger>svg{width:22px;height:22px;color:var(--coral);margin:0 auto 5px}.door-hanger strong{display:block;font-size:9px;letter-spacing:.08em;line-height:1.25}.door-hanger>span:last-child{font-family:var(--serif);font-size:9px;font-style:italic;display:block;margin-top:8px}.room-door[data-room='102'] .door-hanger{transform:rotate(8deg)}.room-door[data-room='103'] .door-hanger{transform:rotate(-18deg)}.door-bottom-panel{position:absolute;bottom:26px;left:10%;right:10%;height:121px;border:5px ridge rgba(223,224,185,.35);pointer-events:none;z-index:0}.door-hanger{z-index:2}.door-mat{position:absolute;bottom:-16px;left:8%;right:8%;background:#967857;color:#3c4837;border:5px double #b99b74;transform:perspective(200px) rotateX(32deg);text-align:center;font-size:8px;letter-spacing:.13em;padding:13px 5px;font-weight:700;z-index:3}.little-overline{display:block;font-size:7px;letter-spacing:.09em;margin-bottom:15px;opacity:.7}.room-details h2{font-family:var(--serif);font-size:35px;font-weight:400;line-height:1.08;letter-spacing:-.02em;margin:0 0 16px;text-transform:none}.room-details>p{font-size:13px;line-height:1.6;min-height:62px;margin:0 0 22px}.room-rate{border-top:1px solid #b8af8f;border-bottom:1px solid #b8af8f;padding:16px 0;margin-bottom:24px;display:flex;flex-direction:column;gap:8px}.room-rate small{font-size:7px;letter-spacing:.13em}.room-rate strong{font-family:var(--serif);font-size:22px;font-weight:400}.room-rate>span{font-size:8px;opacity:.7}.room-details>.enamel-button{font-size:9px;width:100%;justify-content:space-between}
.checkin-view{min-height:630px;display:grid;grid-template-columns:1fr 1.1fr .8fr;gap:40px;align-items:center;padding:50px 45px;background:radial-gradient(rgba(81,111,89,.05) 1px,transparent 1px),var(--cream);background-size:8px 8px}.checkin-heading h1{font-family:var(--serif);font-weight:400;font-size:52px;line-height:1.02;letter-spacing:-.04em;margin:0 0 23px}.checkin-heading h1 em{font-weight:400;color:var(--coral)}.checkin-heading>p:last-child{font-size:12px;line-height:1.8;opacity:.8}.checkin-heading .eyebrow{font-size:7px;max-width:190px;line-height:1.7;margin-bottom:23px}.registration-card{background:var(--paper);padding:25px 25px 19px;border:1px solid #c0ad85;box-shadow:7px 9px 0 rgba(56,64,43,.12);transform:rotate(-3deg);position:relative;max-width:395px;width:100%;justify-self:center}.registration-top{display:flex;align-items:center;gap:10px;border-bottom:3px double #b6ac8a;padding-bottom:18px}.registration-top>svg{color:var(--coral);width:26px;height:26px}.registration-top>div{font-family:var(--serif);font-size:18px;line-height:1.1;letter-spacing:.01em}.registration-top small{display:block;font-family:var(--sans);font-size:5px;letter-spacing:.1em;margin-top:5px}.registration-top>span{font-size:6px;margin-left:auto}.registration-card dl{margin:18px 0}.registration-card dl>div{padding:11px 0 10px;border-bottom:1px solid #dbcfac}.registration-card dt{font-size:6px;letter-spacing:.1em;margin-bottom:6px;opacity:.7}.registration-card dd{font-family:var(--serif);font-style:italic;font-size:19px;margin:0}.registration-bottom{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:20px 0 17px}.sleep-stamp{border:3px double var(--coral);color:var(--coral);font-size:14px;letter-spacing:.075em;font-weight:700;padding:10px 13px;line-height:1.05;transform:rotate(-9deg);text-align:center;opacity:.75}.registration-bottom>div{display:flex;flex-direction:column;gap:3px}.registration-bottom small{font-size:6px;letter-spacing:.07em}.ned-signature{font-family:var(--serif);font-style:italic;font-size:38px;line-height:1.15;border-bottom:1px solid #c0ae86;min-width:75px}.registration-fine{display:block;font-size:5px;letter-spacing:.055em;opacity:.7;border-top:1px solid #e2d9ba;padding-top:10px}.mugshot-card{align-self:center;max-width:250px;justify-self:end}.mugshot-frame{position:relative;padding:9px 9px 32px;background:#e4d2ad;box-shadow:4px 6px 0 rgba(83,68,40,.1);border:1px solid #c2ad87;transform:rotate(5deg);margin:0 7px 25px}.mugshot-frame img{width:100%;aspect-ratio:1;object-fit:cover;filter:saturate(.9)}.photo-label{position:absolute;bottom:11px;left:0;right:0;text-align:center;font-size:7px;letter-spacing:.12em}.mugshot-card>.text-link{font-size:7px;gap:16px}.checkin-ticker{display:grid;grid-template-columns:1fr auto;align-items:center;gap:7px;margin-top:32px;border-top:1px solid #b3ae8b;padding-top:20px}.checkin-ticker>span{grid-column:1/-1;font-size:6px;letter-spacing:.12em}.checkin-ticker>strong{font-family:var(--serif);font-size:48px;line-height:1;font-weight:400;color:var(--pine)}.checkin-ticker>svg{width:53px;height:27px;transform:rotate(-30deg);color:var(--coral)}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%,20px);z-index:100;opacity:0;pointer-events:none;background:var(--paper);color:var(--pine);border:1px solid #b6a579;box-shadow:0 4px 0 rgba(0,0,0,.18);padding:15px 23px;border-radius:4px;max-width:calc(100vw - 35px);width:max-content;font-size:12px;line-height:1.5;transition:transform .2s,opacity .2s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
@media(min-width:1550px){.lobby-layout{grid-template-columns:300px 1fr 260px;gap:45px}.manager-stage{min-height:660px}.lobby-view,.rooms-view,.checkin-view{min-height:704px}.road-sign h1{font-size:105px}.road-sign h1 span{font-size:67px}.welcome-note h2{font-size:32px}.welcome-note{padding-top:35px}.desk-column{padding-top:25px}.key-rack{padding:17px 22px 13px}.rack-hooks{gap:22px}.bell-station{padding-top:38px}.room-layout{margin-top:55px}.checkin-view{gap:60px;padding:70px 65px}.checkin-heading h1{font-size:62px}.registration-card{padding:32px}}
@media(max-width:1200px){.motel{width:calc(100% - 36px);margin:18px auto}.motel-header{padding:0 25px;gap:20px}.brand strong{font-size:26px}.brand img{width:34px}.brand small{font-size:6px}.nav-key{min-width:114px;gap:9px;padding:10px 11px 12px;font-size:7px}.key-number{font-size:23px;padding-right:9px}.header-status{font-size:10px;gap:10px}.lobby-layout{padding:36px 30px 0;grid-template-columns:235px minmax(250px,1fr) 200px;gap:20px;min-height:605px}.manager-stage{min-height:570px}.lobby-view{min-height:605px}.road-sign{padding-left:13px;padding-right:13px}.road-sign>p{font-size:6px}.road-sign h1{font-size:77px}.road-sign h1 span{font-size:51px}.sign-footer{margin-inline:-13px;font-size:6px}.welcome-note h2{font-size:25px}.welcome-note p{font-size:10px}.reception-window{border-width:9px;top:25px;left:0;right:0;bottom:115px}.ned-character{width:122%;left:-11%;height:105%}.manager-plaque{bottom:16px;min-width:150px;padding:7px 17px}.manager-plaque strong{font-size:20px}.key-rack{padding:11px 8px 9px}.rack-hooks{gap:16px 12px;padding:18px 6px 12px}.rack-top{font-size:5px}.rack-note{font-size:4.8px}.bell-station{padding-top:25px}.bell-station>p:last-of-type{font-size:10px}.front-counter{padding:22px 28px 20px;gap:15px 20px}.counter-motto strong{font-size:22px}.pump-button{min-width:276px;font-size:9px;gap:12px}.room-layout{gap:35px;grid-template-columns:190px minmax(245px,1fr) 220px}.rooms-view{padding:30px 35px 0}.room-details h2{font-size:29px}.room-details>p{font-size:12px}.checkin-view{gap:26px;padding:45px 30px}.checkin-heading h1{font-size:43px}.registration-card{padding:21px}.registration-card dd{font-size:17px}.registration-top>div{font-size:15px}.registration-top>span{font-size:5px}.sleep-stamp{font-size:12px;padding:10px}.motel-footer{font-size:5px;gap:20px}}
@media(max-width:960px){.motel-header{height:103px;grid-template-columns:1fr auto;padding:0 25px}.header-status{display:none}.key-navigation{padding-top:13px;gap:8px}.nav-key{min-width:105px;height:68px;font-size:6px;gap:8px}.key-number{font-size:24px;padding-right:7px}.lobby-layout{grid-template-columns:210px 1fr 168px;gap:18px;padding:30px 25px 0}.road-sign h1{font-size:66px}.road-sign h1 span{font-size:44px}.road-sign>p{font-size:5px}.sign-stars{font-size:13px;margin:11px 0}.sign-footer{font-size:5px;padding:11px 4px}.welcome-note{padding-top:26px}.welcome-note h2{font-size:23px}.welcome-note p{font-size:10px}.text-link{font-size:6px;gap:11px}.manager-stage{min-height:550px}.lobby-layout,.lobby-view{min-height:580px}.ned-character{width:151%;left:-25.5%;height:104%}.reception-window{top:33px;bottom:100px}.window-lettering{top:45px;font-size:7px}.window-lettering em{font-size:20px}.key-rack{border-width:5px;padding:10px 5px 8px}.rack-top{font-size:4px;letter-spacing:.02em;padding:7px 1px}.rack-hooks{gap:15px 10px;padding:17px 5px 10px}.rack-hooks>span{height:44px;font-size:12px;padding-top:22px}.rack-note{font-size:4px;letter-spacing:0}.bell-station{padding-top:30px}.bell-label{font-size:7px}.bell-station>p:last-of-type{font-size:9px;min-height:45px}.bell-station .desk-bell{transform:scale(.9);margin-bottom:0}.manager-plaque{min-width:142px;bottom:17px}.manager-plaque strong{font-size:18px}.manager-plaque span{font-size:5px}.counter-motto strong{font-size:21px}.counter-motto>span{font-size:6px}.pump-button{font-size:8px;min-width:235px;padding:15px;gap:10px}.pump-button svg{width:17px;height:17px}.x-button{min-width:48px;padding:14px}.front-counter{padding-inline:24px}.rooms-intro h1{font-size:38px}.rooms-view{padding-inline:25px}.room-layout{grid-template-columns:158px minmax(215px,1fr) 180px;gap:24px;margin-top:35px}.room-selector-label{font-size:7px}.room-choice{padding:12px;font-size:6px}.room-choice>strong{font-size:6px}.little-note{font-size:15px}.room-details h2{font-size:25px}.room-details>p{font-size:11px;margin-bottom:17px}.room-rate strong{font-size:18px}.room-rate>span{font-size:7px;line-height:1.5}.room-details .enamel-button{font-size:8px;padding:14px}.checkin-view{grid-template-columns:1fr 1.15fr;gap:38px;padding:38px 38px}.checkin-heading{align-self:start;padding-top:10px}.checkin-heading h1{font-size:50px}.registration-card{grid-column:2;grid-row:1/3;align-self:center}.mugshot-card{grid-column:1;max-width:195px;justify-self:start;display:grid;grid-template-columns:1fr;gap:0}.mugshot-frame{width:125px;margin:0 0 15px;transform:rotate(-4deg)}.photo-label{font-size:6px}.checkin-ticker{position:absolute;left:202px;bottom:105px;width:112px;margin:0}.checkin-ticker>strong{font-size:33px}.checkin-ticker>svg{width:35px}.checkin-view{position:relative}.motel-footer>span:nth-child(2){display:none}}
@media(max-width:720px){.motel{width:calc(100% - 24px);margin:12px auto}.motel-header{height:auto;min-height:150px;display:flex;flex-wrap:wrap;justify-content:space-between;padding:16px 20px 14px;gap:11px}.brand strong{font-size:28px}.brand img{width:32px;height:39px}.brand small{font-size:6px;margin-top:4px}.key-navigation{order:3;width:100%;padding:0;gap:10px;justify-content:space-between}.nav-key{flex:1;min-width:0;height:57px;border-radius:5px 5px 19px 19px;box-shadow:0 2px 0 #b59f70;gap:10px;font-size:6px;padding:10px 9px 11px}.nav-key:before{width:5px;height:5px;top:5px}.key-number{font-size:24px;padding-right:8px}.nav-key.is-active{transform:translateY(2px);box-shadow:0 2px 0 var(--deep)}.header-status{display:flex;font-size:8px;gap:9px}.header-status small{font-size:4px;margin-top:3px}.status-dot{width:6px;height:6px;box-shadow:0 0 0 3px rgba(206,117,93,.12)}.lobby-layout{grid-template-columns:1fr 1.1fr;gap:0;padding:28px 23px 0;min-height:0}.welcome-column{grid-column:1;grid-row:1;z-index:3}.road-sign{max-width:210px;margin:5px 5px 0;padding:19px 10px 0;outline-width:3px;box-shadow:4px 5px 0 rgba(40,86,79,.1)}.road-sign>p{font-size:4.5px;letter-spacing:.05em;margin-bottom:8px}.road-sign h1{font-size:61px}.road-sign h1 span{font-size:41px}.sign-stars{font-size:11px;margin:9px 0}.sign-footer{margin-inline:-10px;padding:9px 2px;font-size:4.5px;letter-spacing:.05em}.welcome-note{padding:24px 3px 15px}.welcome-note h2{font-size:23px}.welcome-note p{font-size:10px;margin-bottom:15px}.welcome-note .text-link{font-size:6px;gap:5px;line-height:1.6}.welcome-note .text-link span{font-size:17px}.manager-stage{grid-column:2;grid-row:1;min-height:441px;align-self:end;margin:0 -12px 0 0;isolation:auto}.reception-window{top:15px;bottom:63px;left:-4px;right:0;border-width:7px;border-radius:110px 110px 2px 2px;box-shadow:0 0 0 1px #315c4a,3px 3px 0 rgba(37,74,55,.1)}.window-lettering{top:34px;font-size:5px}.window-lettering em{font-size:15px;margin-top:3px}.window-blinds{background-size:auto;opacity:.5}.ned-character{height:103%;width:147%;left:-23.5%;bottom:0}.manager-plaque{bottom:8px;padding:5px 10px;min-width:123px;left:55%}.manager-plaque strong{font-size:17px}.manager-plaque span{font-size:4px}.ned-shadow{bottom:0}.desk-column{grid-column:1/-1;display:flex;align-items:center;gap:30px;padding:27px 0 25px;position:relative}.key-rack{width:38%;max-width:170px;align-self:stretch;padding:10px 8px 8px}.rack-top{font-size:4px}.rack-hooks{gap:12px 8px;padding:16px 4px 9px}.rack-hooks>span{height:41px;padding-top:19px;font-size:12px}.rack-note{font-size:3.5px;line-height:1.5}.bell-station{flex:1;padding:0}.bell-label{font-size:7px;margin-bottom:2px}.desk-bell{height:94px;transform:scale(.86)!important;transform-origin:center top;margin-bottom:-9px!important}.bell-prompt{bottom:-1px}.bell-station>p:last-of-type{font-size:10px;line-height:1.4;min-height:42px;max-width:190px;margin:0 auto 6px}.bell-log{font-size:5px;gap:10px}.bell-log output{font-size:17px}.lobby-view{min-height:0}.lobby-wall{background:linear-gradient(var(--cream) 0,var(--cream) 66%,#99b7a6 66%,#99b7a6 67%,var(--mint) 67%)}.lobby-wall:after{top:67%;background-size:auto}.front-counter{grid-template-columns:1fr;gap:17px;padding:21px 23px 20px;border-top-width:8px}.counter-motto{gap:6px;text-align:center}.counter-motto>span{font-size:6px}.counter-motto strong{font-size:24px}.counter-actions{width:100%;gap:8px}.pump-button{flex:1;min-width:0;font-size:9px;gap:11px;justify-content:space-between;padding:16px 17px;min-height:57px}.pump-button svg{width:20px;height:20px}.x-button{min-width:53px;min-height:57px}.contract-plate{grid-column:1;padding:9px 11px;min-height:35px;gap:11px}.contract-plate>span{font-size:7px;padding-right:11px}.contract-plate code{font-size:8px}.contract-plate code.is-empty{font-size:7px}.motel-footer{padding:16px 23px;font-size:5px;line-height:1.6;align-items:flex-start;gap:23px}.motel-footer>span:first-child{max-width:195px}.motel-footer>span:last-child{text-align:right;white-space:nowrap}.rooms-view{padding:28px 24px 0;min-height:0;background:linear-gradient(var(--cream) 0,var(--cream) 75%,#ddc8a1 75%)}.rooms-intro h1{font-size:34px;max-width:380px;margin:0 auto;line-height:1.12}.rooms-intro>p:last-child{font-size:9px;line-height:1.5;max-width:300px;margin:10px auto 0}.rooms-intro .eyebrow{font-size:7px}.room-layout{grid-template-columns:1fr 1fr;gap:27px 24px;margin-top:25px}.room-selector{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0}.room-selector-label{grid-column:1/-1;text-align:center;margin:0;font-size:6px}.room-choice{padding:12px 9px 11px;margin:0;gap:6px;box-shadow:1px 3px 0 #baa98a;border-radius:6px;text-align:center}.room-choice>span{font-size:26px;grid-column:1/-1}.room-choice>svg{display:none}.room-choice>strong{font-size:5px;letter-spacing:.02em;line-height:1.45;min-height:15px}.room-choice.is-active{transform:translateY(3px);box-shadow:1px 2px 0 #97614b}.room-choice:hover{transform:translateY(3px)}.little-note{display:none}.door-surround{grid-column:1;grid-row:2;padding:7px 7px 0;border-radius:3px 3px 0 0;align-self:end}.room-door{height:370px;border-width:2px;box-shadow:inset 0 0 0 5px #729b82}.door-top-panel{left:9%;right:9%;top:20px;height:68px;border-width:3px}.door-number{top:39px;font-size:18px;min-width:63px;padding:7px;border-width:2px}.door-louvres{top:104px;left:9%;right:9%;height:103px;border-width:3px}.door-handle{top:215px;right:15px;width:13px;height:46px}.door-handle:after{width:28px;left:-9px;height:10px;top:9px}.door-hanger{top:230px;right:5px;width:65px;min-height:120px;border-radius:25px 25px 3px 3px;padding:35px 4px 9px;transform:rotate(-7deg)}.hanger-hole{top:8px;left:22px;width:21px;height:21px}.door-hanger>svg{width:17px;height:17px}.door-hanger strong{font-size:7px}.door-hanger>span:last-child{font-size:7px}.door-bottom-panel{height:92px;bottom:20px;border-width:3px}.door-mat{padding:8px 3px;bottom:-13px;font-size:5px;border-width:4px;letter-spacing:.04em;left:2%;right:2%}.room-details{grid-column:2;grid-row:2;align-self:start;padding-top:8px}.little-overline{font-size:5px;line-height:1.5;letter-spacing:.035em;margin-bottom:12px}.room-details h2{font-size:24px;line-height:1.06;margin-bottom:14px}.room-details>p{font-size:10px;line-height:1.6;min-height:0;margin-bottom:17px}.room-rate{padding:13px 0;margin-bottom:18px;gap:7px}.room-rate small{font-size:5px;letter-spacing:.08em}.room-rate strong{font-size:17px;line-height:1.2}.room-rate>span{font-size:6px;line-height:1.45}.room-details .enamel-button{font-size:7px;gap:7px;padding:12px 9px;min-height:46px;border-radius:4px}.room-details .enamel-button svg{width:15px;height:15px}.checkin-view{grid-template-columns:1fr 1fr;padding:32px 26px 30px;gap:28px 19px;min-height:0}.checkin-heading{grid-column:1/-1;text-align:center;padding:0}.checkin-heading .eyebrow{font-size:6px;max-width:none;margin:0 0 13px}.checkin-heading h1{font-size:43px;line-height:1.05;margin-bottom:16px}.checkin-heading>p:last-child{font-size:11px;line-height:1.7;margin:0}.registration-card{grid-column:1/-1;grid-row:2;width:92%;padding:23px;max-width:330px;transform:rotate(-2deg);margin:2px 0 0}.registration-top>div{font-size:18px}.registration-top>span{font-size:5px}.registration-card dd{font-size:18px}.registration-bottom{margin:17px 0}.sleep-stamp{font-size:13px;padding:11px 13px}.registration-fine{font-size:4.8px}.mugshot-card{grid-column:1/-1;max-width:none;display:grid;grid-template-columns:125px 1fr;gap:7px 26px;justify-self:stretch;align-items:center;margin-top:8px}.mugshot-frame{grid-column:1;grid-row:1/3;width:125px;margin:0;transform:rotate(4deg);padding:7px 7px 25px}.photo-label{font-size:5px;bottom:9px}.mugshot-card>.text-link{grid-column:2;grid-row:2;font-size:6px;gap:10px;align-self:start;justify-self:start;line-height:1.5}.checkin-ticker{position:static;grid-column:2;grid-row:1;width:auto;margin:0;padding-top:0;border:0;align-self:end;gap:7px}.checkin-ticker>span{font-size:5px}.checkin-ticker>strong{font-size:39px}.checkin-ticker>svg{width:35px;height:25px}.toast{font-size:11px;padding:13px 18px}}
@media(max-width:430px){.motel{width:calc(100% - 16px);margin:8px auto}.motel-header{padding:15px 16px 13px;gap:14px;min-height:147px}.brand strong{font-size:26px}.brand img{width:30px;height:36px}.brand{gap:9px}.brand small{font-size:5px}.nav-key{height:55px;gap:7px;font-size:5px;padding:10px 7px 11px}.key-navigation{gap:8px}.key-number{font-size:24px;padding-right:7px}.header-status{font-size:7px;gap:7px}.header-status small{font-size:4px;letter-spacing:.03em}.lobby-layout{padding:25px 18px 0;grid-template-columns:46% 54%;gap:0}.road-sign{margin:4px 4px 0;padding:17px 6px 0;outline-width:3px}.road-sign>p{font-size:3.9px;letter-spacing:.02em;white-space:nowrap}.road-sign h1{font-size:54px}.road-sign h1 span{font-size:36px}.sign-stars{font-size:10px;margin:8px 0}.sign-footer{font-size:3.7px;letter-spacing:.04em;padding:9px 1px;margin-inline:-6px}.welcome-note{padding:24px 0 11px}.welcome-note h2{font-size:22px;margin-bottom:12px;line-height:1.16}.welcome-note p{font-size:9px;line-height:1.6;margin-bottom:12px}.welcome-note .text-link{font-size:5px;gap:5px;letter-spacing:.03em}.welcome-note .text-link span{font-size:15px}.manager-stage{min-height:413px;margin-right:-9px}.reception-window{top:9px;bottom:67px;left:0;right:0;border-width:6px}.ned-character{width:149%;left:-24.5%;height:102%;bottom:0}.manager-plaque{min-width:117px;bottom:7px;left:52%;padding:5px 9px}.manager-plaque strong{font-size:17px}.manager-plaque span{font-size:3.8px}.desk-column{gap:20px;padding:26px 0 22px}.key-rack{width:40%;padding:9px 5px 7px}.rack-top{font-size:3.5px;padding:7px 1px}.rack-hooks{gap:13px 8px;padding:15px 4px 10px}.rack-hooks>span{height:38px;padding-top:18px;font-size:11px}.rack-note{font-size:3.1px;letter-spacing:0}.bell-station>p:last-of-type{font-size:9px;line-height:1.45;max-width:160px;min-height:40px}.bell-station .desk-bell{margin-top:3px;margin-bottom:-12px!important}.bell-label{font-size:6px;letter-spacing:.08em}.bell-log{font-size:5px}.front-counter{padding:20px 18px 17px;gap:15px}.counter-motto strong{font-size:22px}.counter-motto>span{font-size:5px}.pump-button{font-size:8px;padding:15px 12px;gap:9px;min-height:54px}.pump-button svg{width:18px;height:18px}.x-button{min-width:48px;min-height:54px;padding:13px}.x-button svg{width:18px;height:18px}.contract-plate{min-height:34px}.motel-footer{padding:15px 17px;font-size:4px;gap:20px}.rooms-view{padding:28px 18px 0}.rooms-intro h1{font-size:32px}.rooms-intro>p:last-child{font-size:8px;max-width:280px}.room-layout{gap:23px 19px}.room-choice{padding:12px 7px 11px}.room-choice>strong{font-size:4.8px}.room-door{height:368px}.room-details h2{font-size:23px}.room-details>p{font-size:9px}.room-details .enamel-button{font-size:6px;padding:12px 8px}.room-rate strong{font-size:16px}.door-hanger{right:2px}.door-number{font-size:17px;min-width:58px}.checkin-view{padding:28px 20px 28px}.checkin-heading h1{font-size:40px}.checkin-heading .eyebrow{font-size:5px}.registration-card{width:95%;padding:21px}.mugshot-card{grid-template-columns:115px 1fr;gap:7px 25px}.mugshot-frame{width:115px}.mugshot-card>.text-link{font-size:5.5px;gap:9px}}
@media(max-width:355px){.brand strong{font-size:24px}.header-status{font-size:6px}.brand small{font-size:4.5px}.key-number{font-size:21px;padding-right:6px}.nav-key{font-size:4.5px;gap:6px}.lobby-layout{padding-inline:15px}.road-sign h1{font-size:47px}.road-sign h1 span{font-size:31px}.road-sign>p{font-size:3.3px}.welcome-note h2{font-size:20px}.welcome-note p{font-size:8px}.welcome-note .text-link{font-size:4.5px}.sign-footer{font-size:3.3px}.manager-stage{min-height:397px}.manager-plaque{min-width:105px}.manager-plaque strong{font-size:15px}.manager-plaque span{font-size:3.5px}.desk-column{gap:12px}.pump-button{font-size:7px;gap:8px;padding-inline:10px}.counter-motto strong{font-size:20px}.room-layout{gap:22px 15px}.room-details h2{font-size:21px}.room-rate strong{font-size:14px}.room-details>p{font-size:8px}.room-choice>strong{font-size:4.3px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.enamel-button:hover{transform:none}}

/* Final reading sizes and intrinsic image dimensions. */
.mugshot-frame img{height:auto;aspect-ratio:1}
.nav-key{font-size:9px}
.room-choice>strong{font-size:8px}
.pump-button{font-size:11px}
@media(max-width:1200px){.nav-key{font-size:8px}.pump-button{font-size:10px}}
@media(max-width:960px){.nav-key{font-size:7px}.room-choice>strong{font-size:7px}.pump-button{font-size:9px}}
@media(max-width:720px){
.nav-key{font-size:7px}.room-choice>strong{font-size:7px;min-height:22px}
.room-details>p{font-size:11px}.little-overline{font-size:6px}.room-rate small{font-size:7px}.room-rate>span{font-size:8px}.room-details .enamel-button{font-size:8px}
.welcome-note p{font-size:11px}.welcome-note .text-link{font-size:7px;gap:7px}.bell-label{font-size:8px}.bell-station>p:last-of-type{font-size:11px}
.pump-button{font-size:9px}.mugshot-card>.text-link{font-size:8px}
}
@media(max-width:430px){.ned-character{left:-32%}.nav-key{font-size:6.5px}.room-choice>strong{font-size:6px}.welcome-note .text-link{font-size:6px}.welcome-note p{font-size:10px}.bell-station>p:last-of-type{font-size:10px}.room-details .enamel-button{font-size:7px}}