/* Restaurant sales site */
:root { --night:#142e36; --ink:#142e36; --soft:#49616a; --paper:#fafaf7; --ice:#c4eafe; --rule:#cad4d4; --blue:#075d83; --navy:var(--night); --line:var(--rule); --secondary:var(--soft); background:var(--paper); color:var(--ink); }
[hidden] {display:none!important}
.wrap { width:min(1144px,calc(100% - 96px)); margin-inline:auto; }
h1,h2,h3 { font-family:Inter,Arial,sans-serif; }
h1,.book-view h1 {font:550 clamp(46px,5.7vw,78px)/1.015 Inter,Arial,sans-serif; letter-spacing:-.071em;}
h2 {font-size:clamp(32px,3.8vw,52px);line-height:1.06;font-weight:540;letter-spacing:-.063em}
h3 {font-size:24px;letter-spacing:-.045em;font-weight:580}
.lead,.book-lead {font-size:clamp(16px,1.25vw,19px);line-height:1.53;color:var(--soft);max-width:56ch}
.eyebrow,.mono {font:500 11px/1.5 'IBM Plex Mono',monospace;letter-spacing:.07em}
.eyebrow {text-transform:uppercase;color:#406370;margin:0 0 15px}
.btn,.button,.book-action {border:1px solid transparent;border-radius:6px;min-height:46px;padding:11px 19px;display:inline-flex;align-items:center;justify-content:center;gap:19px;text-decoration:none;font:570 14px/1.4 Inter,Arial,sans-serif;cursor:pointer}
.btn span,.button span,.arrow-link span {display:inline-block;transition:transform .16s ease-out}
.btn:hover span,.button:hover span,.arrow-link:hover span {transform:translateX(3px)}
.dark,.button,.book-action {background:var(--night);color:white}
.dark:hover,.button:hover,.book-action:hover {background:#274b56}
.sky {background:var(--ice);color:var(--night)}
.sky:hover {background:#def4ff}
.outline {background:transparent;color:var(--ink);border-color:#90a2a5}
.outline:hover {background:#eaf1f1}
.btn:disabled {opacity:.42;cursor:default}
.arrow-link,.light-link {font-weight:600;font-size:14px;text-decoration:none;display:inline-flex;align-items:center;gap:13px;padding-block:9px}
.arrow-link:hover,.light-link:hover {text-decoration:underline;text-underline-offset:4px}
.masthead {background:var(--paper);border-bottom:1px solid #d8dfdd}
.masthead-inner {max-width:1144px;width:calc(100% - 96px);height:72px;padding:0;grid-template-columns:1fr auto 1fr}
.primary-nav {gap:29px}
.primary-nav a {color:#263f46;font-weight:540}
.primary-nav a[aria-current] {text-decoration:underline;text-underline-offset:8px}
.header-actions {justify-self:end}
.header-actions .button {min-height:40px;padding:8px 15px}
.opening {background:var(--night);color:white;padding:57px 0 45px}
.intro-center {text-align:center}
.light {color:#b8dfef}
.opening h1 {font-size:clamp(51px,6.25vw,90px);line-height:1.04;letter-spacing:-.072em;color:#f6fbfa}
.opening .lead {color:#ccdadb;max-width:650px;margin:15px auto 0}
.actions {display:flex;align-items:center;gap:25px;justify-content:center;margin-top:22px}
.floor-wrap {margin-top:35px;scroll-margin-top:16px}
.floor {border:1px solid #99b6bc;border-radius:13px;background:#fff;color:var(--ink);overflow:hidden;max-width:1000px;margin:auto}
.room-head {display:flex;justify-content:space-between;align-items:center;gap:12px;padding:13px 23px;background:#fcfcf8;border-bottom:1px solid var(--rule);font-size:13px}
.room-head>div {display:flex;align-items:center;gap:10px}
.dot {width:8px;height:8px;display:inline-block;border-radius:50%;background:#257b60}
.room-address,.sample-label {color:var(--soft)}
.room-body {display:grid;grid-template-columns:1fr 29%}
.plan {padding:17px 24px 13px;background:#e7f2f5}
.plan-title,.table-title {display:flex;align-items:center;justify-content:space-between;gap:8px}
.plan-title h2 {font-weight:600;font-size:21px;letter-spacing:-.05em}
.plan-title .mono {font-size:10px;color:var(--soft)}
.blueprint {border:2px solid #8ca6ac;background:#f6faf9;margin:14px 0 10px;padding:6px 15px 0;position:relative}
.window-line,.wall-line {display:flex;align-items:center;justify-content:center;gap:10px;color:#536f76;font:500 9px/1.4 'IBM Plex Mono',monospace;letter-spacing:.075em;text-transform:uppercase}
.window-line i {height:4px;background:#bedbe3;border:1px solid #91afb7;flex:1}
.table-grid {display:grid;grid-template-columns:repeat(4,1fr);gap:20px 9px;align-items:center;justify-items:center;padding:18px 0}
.place {position:relative;width:54px;height:34px;display:grid;place-items:center;background:#fdfefc;border:1.5px solid #94a9a5;color:#334e51;border-radius:7px;font:600 13px/1 'IBM Plex Mono',monospace;cursor:pointer}
.chair {position:absolute;width:60%;height:5px;background:#e2e9e5;border:1px solid #a3b1ae;border-radius:3px}
.north {top:-7px}.south {bottom:-7px}
.place.seated {background:#bedff1;border-color:#799dae}
.place.seated .chair {background:#bedff1;border-color:#8caeba}
.place.billing {background:#eed8b5;border-color:#b59b75}
.place.billing .chair {background:#eed8b5;border-color:#b59b75}
.place[aria-pressed=true] {background:#214755;color:white;border-color:#214755;outline:2px solid #508da3;outline-offset:2px}
.wall-line {justify-content:space-between;border-top:2px solid #9eafb0;padding:4px 0}
.legend {display:flex;gap:17px;font-size:10px;font-weight:550}
.legend span {display:flex;align-items:center;gap:5px}
.legend span:before {content:'';width:9px;height:9px;border:1px solid #8da5a3;background:white;border-radius:2px}
.legend span:nth-child(2):before {background:#bedff1}.legend span:nth-child(3):before {background:#eed8b5}
.table-detail {border-left:1px solid var(--rule);padding:23px 20px 12px}
.table-detail .eyebrow {font-size:9px;margin-bottom:10px}
.table-title {justify-content:flex-start;flex-wrap:wrap}
.table-title h3 {font-size:27px}.status {border-radius:4px;padding:4px 7px;color:#285367;background:#dbeef7;font-size:10px;font-weight:600}
.status.available {background:#e2ede6;color:#365247}.status.billing {background:#fae5c6;color:#704e22}
.table-zone {color:var(--soft);font-size:12px;margin-top:5px}
.table-detail dl {margin:14px 0 0;display:grid;gap:8px}.table-detail dl>div {padding-top:8px;border-top:1px solid #dce4e2}
.table-detail dt {font-size:10px;color:var(--soft)}.table-detail dd {font-size:13px;font-weight:580;margin:2px 0}
.table-detail .arrow-link {font-size:11px;line-height:1.4;margin-top:5px}
.editorial {display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:8%;padding-block:76px}
.service-photo {margin:0;position:relative}.service-photo img {width:100%;height:310px;display:block;object-fit:cover;object-position:center 45%;border-radius:4px}
.service-photo figcaption {margin-top:8px;color:var(--soft);font-size:11px}
.editorial .lead {margin:20px 0 11px;max-width:40ch}
.closing {display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:48px}
.closing .eyebrow {margin-bottom:9px}.band {background:#dbedf2}
.site-footer {background:#12282f}.footer-inner {max-width:1144px;width:calc(100% - 96px);padding:29px 0;margin:auto}.footer-inner nav {flex-wrap:wrap;gap:21px;margin:4px 0}
.page-title,.product-intro,.pricing-title .wrap,.directory,.error-page {padding-block:59px 39px}
.heading-pair {display:grid;grid-template-columns:1.4fr 1fr;gap:40px;align-items:end}
.page-title .lead,.pricing-title .lead,.error-page .lead {margin-top:17px}
.workbench {background:#dceff6;padding:24px 0 40px;border-block:1px solid #b4cdd4}
.workbench .shift-controls {margin:0 0 17px;gap:3px;background:#fff;border:1px solid #bbccd1;border-radius:8px;padding:4px;width:fit-content}
.workbench .shift-controls button {border:0;border-radius:5px;min-height:37px;background:transparent}
.workbench .shift-controls button[aria-pressed=true] {background:var(--night)}
.shift-display {border:1px solid #aabfc8;background:white}.order-paper h3 {font-family:Inter,sans-serif}.sample-stage {background:#f1f5f4}
.format-area {padding-bottom:70px}
.format-tabs {display:flex;border-bottom:1px solid #b0c6c9;gap:27px}
.format-tabs a {font-size:15px;font-weight:550;text-decoration:none;padding:13px 0;border-bottom:3px solid transparent}
.format-tabs a[aria-current=true] {border-color:var(--ink)}
.format-panel {display:grid;align-items:center;grid-template-columns:1fr .88fr;gap:8%;padding:49px;background:#dceef3}
.format-story .lead {margin:18px 0;max-width:46ch}
.feature-list {list-style:none;margin:0 0 23px;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.feature-list li {font-size:12px;border:1px solid #a5c5d0;border-radius:4px;padding:5px 8px}
.format-sheet {background:#fffcf4;padding:30px 29px 38px;border-top:5px solid #426b76;box-shadow:0 5px 18px #1e414412}
.format-sheet h3 {font-size:32px;margin-top:12px}.sheet-rule {height:1px;background:#99acaa;margin:19px 0 6px}
.sheet-row {display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px dashed #b7c3bb;padding:16px 0;font-size:14px}.sheet-row span {color:var(--soft);text-align:right}
.pricing-title {background:#e5f2f7;border-bottom:1px solid #c2d8dd}.pricing-title .lead {max-width:65ch}
.price-body {padding-block:30px 56px}.plan-cards {display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}
.plan-card {display:flex;align-items:flex-start;flex-direction:column;background:#fff;border:1px solid var(--rule);border-radius:8px;padding:25px}
.plan-card .eyebrow {margin:22px 0 7px;font-size:10px}.plan-card h2 {font-size:34px}.plan-card p:not(.eyebrow) {color:var(--soft);font-size:15px;line-height:1.5;margin:13px 0 25px;max-width:27ch}
.plan-card a {margin-top:auto;justify-content:space-between;width:100%}
.workspace-icon {display:flex;gap:3px;height:25px;align-items:flex-end}.workspace-icon i {width:9px;height:14px;background:#aacfdc}.workspace-icon i:first-child {height:24px;background:#2f5663}.workspace-icon i:nth-child(3) {height:20px}.workspace-icon i:nth-child(4) {height:24px}
.compare {margin-top:45px}.compare h2 {font-size:34px}.compare .eyebrow {margin-bottom:7px}
.comparison {display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;border-block:1px solid #a2b3b5}
.comparison>div {padding:16px 20px}.comparison>div+div {border-left:1px solid var(--rule)}.comparison h3 {font-size:17px}
.comparison ul {padding:0;margin:9px 0 0;list-style:none}.comparison li {font-size:14px;line-height:1.55;padding:3px 0;color:var(--soft)}
.pricing-note {display:flex;align-items:center;gap:10px;margin-top:23px;font-size:14px;flex-wrap:wrap}.pricing-note a {margin-left:auto;font-weight:600}
.book-view {max-width:1144px;width:calc(100% - 96px);padding-inline:0}
.book-layout {grid-template-columns:1fr 1fr;gap:9%;align-items:stretch;padding-block:55px 70px;min-height:0}
.book-intro {background:#dceef3;padding:35px;display:flex;flex-direction:column;align-items:flex-start;border-radius:6px;min-height:420px}
.book-intro h1 {font-size:clamp(38px,4.8vw,68px);max-width:8ch}.book-intro .book-lead {font-size:17px}
.contact-note {margin-top:auto;padding-top:35px;display:grid;gap:8px}.contact-note a {font-size:14px}
.book-card {border:0;background:transparent;min-height:0;padding:5px 0;margin:0;max-width:none}
.book-card h2 {font-size:24px}.book-field {font-size:13px;color:var(--ink);margin-bottom:14px}
.book-field input,.book-field select {height:45px;padding:0 12px;border:1px solid #a8b9ba;border-radius:5px;background:white;color:var(--ink);width:100%;font:400 14px Inter,sans-serif}
.book-consent {font-size:12px;max-width:45ch}.book-action {min-height:45px}
.book-confirm {padding-block:56px 70px;min-height:0}.book-confirm h1 {max-width:19ch}.received-mark {display:grid;place-items:center;width:44px;height:44px;background:#c5e8e0;border-radius:50%;margin-bottom:17px;font-size:22px}
.book-summary {margin:29px 0}.book-summary>div {min-height:56px;align-items:center}.book-value {font-size:17px}
.directory nav {margin:30px 0 25px;border-top:1px solid var(--rule)}
.directory nav a {display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:14px;padding:15px 0;border-bottom:1px solid var(--rule);text-decoration:none}
.directory nav b {font-size:22px;letter-spacing:-.04em;font-weight:560}.directory nav span {font-size:14px;color:var(--soft)}.directory nav i {font-style:normal}
.error-page {min-height:62vh}.error-page .btn {margin-top:25px}
@media(max-width:850px) {
  .wrap,.masthead-inner,.footer-inner,.book-view {width:calc(100% - 48px)}
  .room-body {grid-template-columns:1fr 32%}.format-panel {padding:27px}
  .plan-card {padding:19px}.primary-nav {gap:17px}
}
@media(max-width:780px) {
  .masthead-inner {height:62px}.header-actions .button {min-height:38px}.footer-inner {align-items:flex-start}
}
@media(max-width:700px) {
  .wrap,.masthead-inner,.footer-inner,.book-view {width:calc(100% - 36px)}
  h1 {font-size:clamp(40px,11.4vw,61px)}h2 {font-size:34px}.eyebrow {font-size:10px;margin-bottom:10px}.desktop-only {display:none}
  .opening {padding:35px 0 23px}.opening h1 {font-size:clamp(43px,11.3vw,62px);max-width:11ch;margin:auto}.opening .lead {font-size:15px;max-width:35ch;margin-top:12px}
  .actions {gap:15px;margin-top:18px}.actions .btn {min-height:43px;padding:10px 13px;gap:9px}.light-link {font-size:13px}
  .floor-wrap {margin-top:24px}.floor {border-radius:8px}.room-head {padding:10px 12px;font-size:11px}.room-address {display:none}.sample-label {font-size:8px;letter-spacing:0}
  .room-body {display:block}.plan {padding:12px}.plan-title h2 {font-size:18px}
  .blueprint {padding:5px 7px 0;margin:10px 0 8px}.table-grid {gap:16px 5px;padding:15px 0}.place {width:44px;height:28px;font-size:11px}
  .legend {font-size:9px}.table-detail {padding:13px;border-left:0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr 1fr;align-items:start;column-gap:12px}
  .table-detail .eyebrow {margin:0;grid-column:1/-1}.table-title h3 {font-size:21px}.table-title {margin-top:4px}.table-zone {grid-column:1;margin:3px 0;font-size:10px}
  .table-detail dl {margin:3px 0;grid-column:2;grid-row:2/5;gap:4px}.table-detail dl>div {padding-top:4px}.table-detail dd {font-size:11px}.table-detail dt {font-size:9px}.table-detail .arrow-link {margin:0;grid-column:1;font-size:10px;align-self:end}
  .editorial,.heading-pair,.format-panel,.plan-cards,.book-layout {grid-template-columns:1fr}
  .editorial {gap:21px;padding-block:34px}.service-photo img {height:210px}.editorial .lead {margin:10px 0 3px}
  .closing {align-items:flex-start;flex-direction:column;padding-block:30px}.footer-inner {padding:21px 0;gap:18px}.footer-inner nav {justify-content:flex-end;gap:12px;max-width:195px}.footer-inner nav a {font-size:12px}
  .product-intro,.page-title,.pricing-title .wrap,.directory,.error-page {padding-block:31px 24px}.heading-pair {gap:13px}.workbench {padding-block:15px 22px}
  .format-tabs {gap:13px;justify-content:space-between}.format-tabs a {font-size:12px;line-height:1.3}.format-panel {padding:20px 16px;gap:25px}.format-sheet {padding:19px}.format-area {padding-bottom:35px}
  .price-body {padding-top:16px}.plan-cards {gap:10px}.plan-card {display:grid;grid-template-columns:1fr auto;align-items:start;padding:19px}.workspace-icon {grid-column:2;grid-row:1/3}
  .plan-card .eyebrow {margin:0 0 6px;grid-column:1;grid-row:1}.plan-card h2 {grid-column:1;grid-row:2;font-size:28px}.plan-card p:not(.eyebrow),.plan-card a {grid-column:1/-1}.plan-card p:not(.eyebrow) {max-width:none;margin:7px 0 13px}.plan-card a {min-height:41px}
  .comparison {grid-template-columns:1fr}.comparison>div {padding:11px 0}.comparison>div+div {border-left:0;border-top:1px solid var(--rule)}.pricing-note a {margin-left:0}.compare {margin-top:28px}
  .book-layout {display:grid;gap:21px;padding-block:22px 32px}.book-intro {min-height:0;padding:23px}.book-intro h1 {max-width:none;font-size:39px}.book-intro .book-lead {margin-top:10px;font-size:15px}.contact-note {padding-top:15px;gap:2px}
  .book-card {padding:0 3px}.book-card h2 {margin-bottom:15px}.book-confirm {padding-block:31px 42px}.book-confirm h1 {font-size:41px}.book-summary {margin:23px 0}
  .directory nav a {grid-template-columns:1fr auto;gap:3px}.directory nav span {grid-column:1;grid-row:auto;font-size:12px}.directory nav i {grid-column:2;grid-row:span 2}.directory nav b {font-size:19px}
}
@media(prefers-reduced-motion:reduce) {*,*::before,*::after {animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
body {min-height:100vh;display:flex;flex-direction:column}
body>main {flex:1}
@media(max-width:700px){.shift-display figma-register {aspect-ratio:353/574}}