/* ============================================
   刷々 sassa — style.css  (Concept C「灯」)
   夜の店内・灯りの巡るデザイン
   Shippori Mincho × Spectral
   ============================================ */
@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&family=Spectral:ital,wght@0,200;0,300;0,400;1,300;1,400&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

:root{
  --bg:#140c0f; --bg2:#1c1216;
  --paper:#e8e0da; --ink:#e8e0da; --mid:#9a8d88; --faint:#6a5c58;
  --line:rgba(232,224,218,.14);
  --warm:rgba(255,196,130,1);
  --jp:'Shippori Mincho',serif; --en:'Spectral',Georgia,serif;
  --transition:.35s ease;
  --ease:cubic-bezier(.2,.7,.2,1);
}
html{font-size:15px;-webkit-text-size-adjust:100%;scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--jp);font-weight:400;
  line-height:2;letter-spacing:.06em;-webkit-font-smoothing:antialiased;overflow-x:hidden;}
img{display:block;width:100%;height:auto;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;}
::selection{background:rgba(255,196,130,.25);}

/* 灯は使わず、静かな夜の余韻のみ。写真は通常の明るさ。 */

/* ============ Nav ============ */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;
  justify-content:space-between;align-items:center;padding:1.6rem 2.2rem;
  transition:background var(--transition),border-color var(--transition),padding var(--transition);
  border-bottom:1px solid transparent;}
.nav.solid{background:rgba(20,12,15,.88);backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);border-bottom-color:var(--line);padding:1.1rem 2.2rem;}
.logo{font-family:var(--jp);font-weight:500;font-size:1.2rem;letter-spacing:.22em;color:var(--paper);}
.logo span{font-family:var(--en);font-style:italic;font-size:.88rem;letter-spacing:.14em;
  color:var(--mid);margin-left:.6em;}
.nav-links{display:flex;gap:2.2rem;align-items:center;}
.nav-links a{font-family:var(--en);font-size:.82rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--paper);opacity:.72;transition:opacity var(--transition);}
.nav-links a:hover,.nav-links a.active{opacity:1;}

.nav-toggle{display:none;flex-direction:column;gap:5px;cursor:pointer;
  background:none;border:none;padding:4px;z-index:101;}
.nav-toggle span{display:block;width:24px;height:1px;background:var(--paper);
  transition:transform var(--transition),opacity var(--transition);}
.nav-toggle.open span:nth-child(1){transform:translateY(6px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-6px) rotate(-45deg);}
.nav-drawer{display:none;position:fixed;inset:0;z-index:99;background:var(--bg);
  flex-direction:column;justify-content:center;align-items:center;gap:2.6rem;}
.nav-drawer.open{display:flex;}
.nav-drawer a{font-family:var(--jp);font-size:1.4rem;letter-spacing:.3em;color:var(--paper);}
.nav-drawer a span{font-family:var(--en);font-style:italic;font-size:.76rem;
  letter-spacing:.18em;color:var(--mid);margin-left:.7em;}

/* ============ Hero (home) ============ */
.hero{position:relative;height:100svh;min-height:600px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;}
.hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.hero::after{content:"";position:absolute;inset:0;
  background:radial-gradient(52% 40% at 50% 50%, rgba(20,12,15,.52), transparent 72%),
  radial-gradient(90% 80% at 50% 45%, transparent 30%, rgba(20,12,15,.55) 100%),
  linear-gradient(to bottom, rgba(20,12,15,.35), transparent 30%, transparent 60%, rgba(20,12,15,.85));}
.hero-copy{position:relative;z-index:10;text-align:center;padding:0 1.5rem;
  text-shadow:0 2px 44px rgba(0,0,0,.8),0 1px 10px rgba(0,0,0,.45);}
.hero-title{font-family:var(--jp);font-weight:400;font-size:clamp(3.2rem,10vw,6.4rem);
  letter-spacing:.3em;text-indent:.3em;color:var(--paper);line-height:1.2;
  opacity:0;filter:blur(14px);transform:translateY(.25em);
  animation:lampIn 2s .35s var(--ease) forwards;}
.hero-title .en{display:block;font-family:var(--en);font-style:italic;font-weight:300;
  font-size:clamp(.95rem,2.4vw,1.2rem);letter-spacing:.4em;text-indent:.4em;
  color:var(--mid);margin-top:1.2em;}
.hero-tagline{margin-top:2.4rem;font-family:var(--jp);font-size:.9rem;
  letter-spacing:.2em;line-height:2.4;color:var(--paper);
  opacity:0;animation:lampFadeIn 1.8s 1.4s ease forwards;}
.hero-tagline .en2{display:block;font-family:var(--en);font-style:italic;font-weight:300;
  font-size:.76rem;letter-spacing:.12em;color:var(--mid);margin-top:.8em;}
.lamp-hint{position:absolute;bottom:5rem;left:50%;transform:translateX(-50%);z-index:10;
  font-family:var(--en);font-size:.6rem;letter-spacing:.3em;color:var(--mid);
  white-space:nowrap;opacity:0;animation:lampFadeIn 1.8s 2.5s ease forwards;}
.scroll-hint{position:absolute;bottom:2rem;left:50%;z-index:10;width:1px;height:52px;
  overflow:hidden;color:transparent;background:linear-gradient(var(--mid),transparent);
  animation:drop 2.4s ease-in-out infinite;}
@keyframes drop{0%{transform:scaleY(0);transform-origin:top}
  45%{transform:scaleY(1);transform-origin:top}
  55%{transform:scaleY(1);transform-origin:bottom}
  100%{transform:scaleY(0);transform-origin:bottom}}
@keyframes lampIn{to{opacity:1;filter:blur(0);transform:none}}
@keyframes lampFadeIn{to{opacity:1}}

/* ============ Page hero (sub pages) ============ */
.page-hero{position:relative;height:72vh;min-height:440px;overflow:hidden;
  display:flex;align-items:center;justify-content:center;}
.page-hero img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.page-hero::after{content:"";position:absolute;inset:0;
  background:radial-gradient(54% 42% at 50% 50%, rgba(20,12,15,.55), transparent 72%),
  radial-gradient(90% 80% at 50% 45%, transparent 30%, rgba(20,12,15,.5) 100%),
  linear-gradient(to bottom, rgba(20,12,15,.4), transparent 35%, rgba(20,12,15,.85));}
.page-hero-copy{position:relative;z-index:10;text-align:center;padding:0 1.5rem;
  text-shadow:0 2px 44px rgba(0,0,0,.8),0 1px 10px rgba(0,0,0,.45);}
.page-hero .num{font-family:var(--en);font-style:italic;font-size:.72rem;
  letter-spacing:.4em;color:var(--mid);margin-bottom:1.6rem;
  opacity:0;animation:lampFadeIn 1.4s .4s ease forwards;}
.page-hero h1{font-family:var(--jp);font-weight:400;font-size:clamp(2.2rem,7vw,3.6rem);
  letter-spacing:.3em;text-indent:.3em;color:var(--paper);line-height:1.2;
  opacity:0;filter:blur(10px);transform:translateY(.2em);
  animation:lampIn 1.7s .5s var(--ease) forwards;}
.page-hero h1 .en{display:block;font-family:var(--en);font-style:italic;font-weight:300;
  font-size:clamp(.85rem,2.2vw,1.05rem);letter-spacing:.34em;text-indent:.34em;
  color:var(--mid);margin-top:1em;}

/* ============ Statement (home) ============ */
.statement{padding:24vh 8vw;text-align:center;}
.statement .mark{font-family:var(--jp);writing-mode:vertical-rl;margin:0 auto 4rem;
  font-size:.95rem;letter-spacing:.6em;color:var(--mid);height:9em;}
.statement p{font-size:clamp(1.05rem,2.4vw,1.4rem);line-height:2.6;
  letter-spacing:.12em;max-width:34em;margin:0 auto;}
.statement p.en{font-family:var(--en);font-weight:300;font-size:.82rem;
  letter-spacing:.05em;line-height:2.2;color:var(--mid);margin-top:2.6rem;max-width:44em;}

/* ============ Band (full-bleed photo) ============ */
.band{position:relative;height:62vh;min-height:340px;overflow:hidden;}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.band::after{content:"";position:absolute;inset:0;background:rgba(20,12,15,.3);}
.band-cap{position:absolute;inset:0;z-index:5;display:flex;align-items:center;
  justify-content:center;text-align:center;padding:0 1.5rem;
  font-family:var(--en);font-style:italic;font-weight:300;
  font-size:clamp(1rem,2.8vw,1.5rem);letter-spacing:.4em;text-indent:.4em;
  color:var(--paper);text-shadow:0 2px 30px rgba(0,0,0,.6);}

/* ============ Split (photo × text) ============ */
.split{display:grid;grid-template-columns:1fr 1fr;gap:7vw;align-items:center;
  padding:16vh 8vw;}
.split .ph{position:relative;aspect-ratio:3/4;overflow:hidden;}
.split .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}
.split .txt{max-width:30em;}
.split.rev .txt{justify-self:end;}
.num{font-family:var(--en);font-style:italic;font-size:.72rem;letter-spacing:.4em;
  color:var(--mid);margin-bottom:2.2rem;}
.split h2{font-family:var(--jp);font-weight:400;font-size:clamp(1.5rem,3.4vw,2rem);
  letter-spacing:.24em;line-height:1.8;margin-bottom:.6rem;}
.h-en{font-family:var(--en);font-style:italic;font-weight:300;font-size:.82rem;
  letter-spacing:.16em;color:var(--mid);margin-bottom:2.2rem;}
.split p{font-size:.95rem;line-height:2.5;letter-spacing:.1em;}
.split .p-en{font-family:var(--en);font-weight:300;font-size:.8rem;
  letter-spacing:.04em;line-height:2.1;color:var(--mid);margin-top:1.4rem;}
.lnk{display:inline-block;margin-top:2.6rem;font-family:var(--en);font-size:.78rem;
  letter-spacing:.28em;text-transform:uppercase;color:var(--paper);
  border-bottom:1px solid var(--line);padding-bottom:.5em;
  transition:border-color var(--transition),color var(--transition);}
.lnk:hover{border-color:rgba(255,196,130,.5);color:var(--warm);}

/* ============ Index links (home) ============ */
.index-links{border-top:1px solid var(--line);}
.index-link{display:flex;justify-content:space-between;align-items:center;
  padding:2.6rem 8vw;border-bottom:1px solid var(--line);
  transition:background var(--transition);}
.index-link:hover{background:var(--bg2);}
.index-link .l{font-family:var(--jp);font-size:1.05rem;letter-spacing:.24em;}
.index-link .l span{font-family:var(--en);font-style:italic;font-size:.74rem;
  letter-spacing:.2em;color:var(--mid);margin-left:1em;}
.index-link .r{font-family:var(--en);font-weight:300;font-size:.78rem;
  letter-spacing:.14em;color:var(--mid);transition:color var(--transition);}
.index-link:hover .r{color:var(--warm);}

/* ============ Sections (sub pages) ============ */
.section{padding:16vh 8vw;}
.section.narrow{max-width:56em;margin:0 auto;}
.label{font-family:var(--en);font-style:italic;font-size:.72rem;letter-spacing:.4em;
  text-transform:uppercase;color:var(--mid);margin-bottom:3rem;}
.section h2{font-family:var(--jp);font-weight:400;font-size:clamp(1.4rem,3.2vw,1.9rem);
  letter-spacing:.2em;line-height:2;margin-bottom:2.4rem;}
.lead-jp{font-size:clamp(.98rem,2.2vw,1.15rem);line-height:2.6;letter-spacing:.1em;}
.lead-en{font-family:var(--en);font-weight:300;font-size:.84rem;letter-spacing:.04em;
  line-height:2.2;color:var(--mid);margin-top:2.2rem;}

/* info list */
.info-list{border-top:1px solid var(--line);}
.info-row{display:grid;grid-template-columns:160px 1fr;gap:2rem;
  padding:1.9rem 0;border-bottom:1px solid var(--line);}
.info-row .key{font-family:var(--en);font-style:italic;font-weight:300;
  font-size:.78rem;letter-spacing:.2em;color:var(--mid);padding-top:.3em;}
.info-row .val{font-family:var(--en);font-weight:300;font-size:.82rem;
  letter-spacing:.04em;line-height:2.1;color:var(--mid);}
.info-row .val .jp{font-family:var(--jp);font-size:.95rem;letter-spacing:.1em;
  color:var(--paper);}

/* tags */
.tag-list{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:3rem;}
.tag{font-family:var(--en);font-weight:300;font-size:.7rem;letter-spacing:.22em;
  text-transform:uppercase;color:var(--mid);border:1px solid var(--line);
  padding:.55em 1.3em;border-radius:99px;transition:border-color var(--transition),color var(--transition);}
.tag:hover{border-color:rgba(255,196,130,.4);color:var(--paper);}

/* notice */
.notice{border:1px solid var(--line);padding:2.4rem 2.2rem;margin-top:2rem;}
.notice h3{font-family:var(--jp);font-weight:500;font-size:1rem;
  letter-spacing:.2em;margin-bottom:1.2rem;}
.notice p{font-size:.9rem;line-height:2.3;letter-spacing:.08em;}
.notice p.en,.notice .en{font-family:var(--en);font-weight:300;font-size:.78rem;
  letter-spacing:.04em;line-height:2;color:var(--mid);margin-top:1.2rem;}

/* triple */
.triple{display:grid;grid-template-columns:repeat(3,1fr);gap:1.2rem;padding:0 8vw 4vh;}
.triple .ph{position:relative;aspect-ratio:3/4;overflow:hidden;}
.triple .ph img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}

/* map — 横長パノラマ・モノクロ表示 */
.map{margin-top:3rem;aspect-ratio:21/8;border:1px solid var(--line);}
.map iframe{width:100%;height:100%;border:0;display:block;
  filter:grayscale(1) contrast(.95) brightness(.95);}
@media(max-width:720px){.map{aspect-ratio:16/10;}}

/* link rows (info) */
.link-block{border-top:1px solid var(--line);}
.link-row{display:flex;align-items:center;gap:1.6rem;padding:1.8rem .4rem;
  border-bottom:1px solid var(--line);transition:background var(--transition);}
.link-row:hover{background:var(--bg2);}
.link-row .ic{width:20px;height:20px;flex:0 0 auto;color:var(--mid);}
.link-row .lb{font-family:var(--en);font-weight:300;font-size:.92rem;
  letter-spacing:.1em;color:var(--paper);}
.link-row .lb .jp{font-family:var(--jp);font-size:.76rem;letter-spacing:.12em;
  color:var(--mid);margin-top:.3em;}
.link-row .ar{margin-left:auto;font-family:var(--en);color:var(--mid);
  transition:color var(--transition),transform var(--transition);}
.link-row:hover .ar{color:var(--warm);transform:translateX(4px);}

/* ============ CTA ============ */
.cta{padding:20vh 8vw;text-align:center;border-top:1px solid var(--line);}
.cta h3{font-family:var(--jp);font-weight:400;font-size:clamp(1.3rem,3.2vw,1.8rem);
  letter-spacing:.26em;line-height:2;}
.cta .sub{font-family:var(--en);font-style:italic;font-weight:300;font-size:.84rem;
  letter-spacing:.12em;color:var(--mid);margin-top:1.4rem;}
.btn{display:inline-block;margin:2.8rem .5rem 0;font-family:var(--en);
  font-weight:300;font-size:.78rem;letter-spacing:.24em;text-transform:uppercase;
  color:var(--paper);border:1px solid var(--line);padding:1.05em 2.4em;
  transition:border-color var(--transition),color var(--transition),background var(--transition);}
.btn:hover{border-color:rgba(255,196,130,.5);color:var(--warm);}
.btn.fill{background:rgba(255,196,130,.1);border-color:rgba(255,196,130,.38);color:var(--paper);}
.btn.fill:hover{background:rgba(255,196,130,.18);color:#fff;}

/* ============ Footer ============ */
.foot{padding:14vh 8vw 9vh;border-top:1px solid var(--line);text-align:center;}
.foot .fn{font-family:var(--jp);font-weight:400;font-size:1.4rem;
  letter-spacing:.4em;text-indent:.4em;color:var(--paper);}
.foot .fn span{display:block;font-family:var(--en);font-style:italic;font-size:.76rem;
  letter-spacing:.3em;text-indent:.3em;color:var(--mid);margin-top:.9em;}
.foot .addr{font-family:var(--en);font-weight:300;font-size:.72rem;
  letter-spacing:.14em;color:var(--faint);margin-top:2.2rem;}
.foot .flinks{display:flex;gap:2rem;justify-content:center;margin-top:2.4rem;flex-wrap:wrap;}
.foot .flinks a{font-family:var(--en);font-size:.7rem;letter-spacing:.24em;
  text-transform:uppercase;color:var(--mid);transition:color var(--transition);}
.foot .flinks a:hover{color:var(--paper);}
.foot .copy{font-family:var(--en);font-weight:300;font-size:.62rem;
  letter-spacing:.14em;color:var(--faint);margin-top:2.6rem;}

/* ============ Fade-in reveal ============ */
.fade{opacity:0;transform:translateY(26px);
  transition:opacity 1.1s ease,transform 1.1s var(--ease);}
.fade.in{opacity:1;transform:none;}

/* ============ Responsive ============ */
@media(max-width:900px){
  .info-row{grid-template-columns:120px 1fr;gap:1.2rem;}
}
@media(max-width:720px){
  .nav-links{display:none;}
  .nav-toggle{display:flex;}
  .nav{padding:1.3rem 1.5rem;}
  .nav.solid{padding:1rem 1.5rem;}
  .split,.split.rev{grid-template-columns:1fr;gap:10vw;padding:14vh 7vw;}
  .split.rev .txt{order:0;justify-self:start;}
  .triple{grid-template-columns:1fr;padding:0 7vw 4vh;}
  .triple .ph{aspect-ratio:16/11;}
  .statement{padding:18vh 7vw;}
  .section{padding:12vh 7vw;}
  .band{height:52vh;}
  .index-link{padding:2rem 7vw;}
  .info-row{grid-template-columns:1fr;gap:.5rem;padding:1.5rem 0;}
  .hero{min-height:560px;}
  .lamp-hint{bottom:2.6rem;}
  .scroll-hint{display:none;}
  .foot{padding:12vh 7vw 8vh;}
}
@media(max-width:400px){html{font-size:14px;}}

/* ============ Reduced motion ============ */
@media(prefers-reduced-motion:reduce){
  .hero img,.page-hero img,.band img,.split .ph img,.triple .ph img{filter:none;transition:none;}
  .hero-title,.hero-tagline,.lamp-hint,.page-hero .num,.page-hero h1{
    animation:none;opacity:1;filter:none;transform:none;}
  .scroll-hint{animation:none;}
  .fade{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}

/* ============================================
   灯 — the lamp (script.js の LAMP_ENABLED で切替)
   body.lamp-on が付いた時だけ有効になる層。
   ============================================ */
.lamp-hint{display:none;}
body.lamp-on .lamp-hint{display:block;}

body.lamp-on #lamp{position:fixed;inset:0;z-index:90;pointer-events:none;mix-blend-mode:screen;
  background:radial-gradient(min(46vw,460px) at var(--lx,50%) var(--ly,40%),
    rgba(255,196,130,.15), rgba(255,170,110,.05) 45%, transparent 70%);
  animation:lampBreathe 4.6s ease-in-out infinite;}
@keyframes lampBreathe{0%,100%{opacity:.85}50%{opacity:1}}
body.lamp-on.page-util #lamp{
  background:radial-gradient(min(38vw,380px) at var(--lx,50%) var(--ly,40%),
    rgba(255,196,130,.09), transparent 62%);}

body.lamp-on #grain{position:fixed;inset:-50%;z-index:95;pointer-events:none;opacity:.045;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grainShift 1.4s steps(3) infinite;}
@keyframes grainShift{0%{transform:translate(0,0)}33%{transform:translate(-2%,1%)}
  66%{transform:translate(1%,-2%)}100%{transform:translate(0,0)}}

/* 灯ON時のみ：写真は暗がりに眠り、灯りが近づくと目を覚ます */
body.lamp-on .hero img,body.lamp-on .page-hero img,body.lamp-on .band img,
body.lamp-on .split .ph img,body.lamp-on .triple .ph img{
  filter:brightness(.66) saturate(.92);transition:filter 1.2s ease;}
body.lamp-on .hero img.lit,body.lamp-on .page-hero img.lit,body.lamp-on .band img.lit,
body.lamp-on .split .ph img.lit,body.lamp-on .triple .ph img.lit{
  filter:brightness(1) saturate(1);}
body.lamp-on.page-util .hero img,body.lamp-on.page-util .page-hero img,
body.lamp-on.page-util .band img,body.lamp-on.page-util .split .ph img,
body.lamp-on.page-util .triple .ph img{filter:brightness(.82) saturate(.96);}
body.lamp-on.page-util .band img.lit,body.lamp-on.page-util .page-hero img.lit{filter:none;}

@media(prefers-reduced-motion:reduce){
  body.lamp-on #lamp,body.lamp-on #grain{display:none;}
  body.lamp-on .hero img,body.lamp-on .page-hero img,body.lamp-on .band img,
  body.lamp-on .split .ph img,body.lamp-on .triple .ph img{filter:none;transition:none;}
}
/* ============================================
   予約導線の強化（案B）— style.css の末尾に追記
   ============================================ */
/* ナビ常時の予約リンク：琥珀のアクセント */
.nav-reserve{color:#ffc482!important;opacity:1!important;
  border:1px solid rgba(255,196,130,.4);padding:.4em 1.1em;border-radius:99px;
  transition:background .35s ease,border-color .35s ease;}
.nav-reserve:hover{background:rgba(255,196,130,.12);border-color:rgba(255,196,130,.7);}
.nav.solid .nav-reserve{padding:.35em 1em;}

/* フッター内の Reserve は枠を外し、他のリンクと揃える */
.foot .flinks .nav-reserve{border:none;padding:0;border-radius:0;
  color:#ffc482!important;letter-spacing:.24em;text-transform:uppercase;font-size:.7rem;}
.foot .flinks .nav-reserve:hover{background:none;color:#fff!important;}
/* モバイルドロワーの予約リンク */
.drawer-reserve{color:#ffc482!important;}
.drawer-reserve span{color:rgba(255,196,130,.6)!important;}

/* Stayブロックの「ご予約」補助リンク */
.lnk-reserve{margin-left:1.6rem;color:#ffc482;border-bottom-color:rgba(255,196,130,.4);}
.lnk-reserve:hover{color:#ffc482;border-bottom-color:rgba(255,196,130,.7);}

/* 最下部CTA：予約を主役に */
.btn-lg{font-size:.9rem;padding:1.3em 3.2em;letter-spacing:.28em;}
.cta-note{font-family:'Spectral',Georgia,serif;font-weight:300;font-size:.78rem;
  letter-spacing:.06em;color:#9a8d88;margin-top:1.6rem;}
.cta-note a{color:#e8e0da;border-bottom:1px solid rgba(232,224,218,.14);padding-bottom:.1em;
  transition:color .35s ease,border-color .35s ease;}
.cta-note a:hover{color:#ffc482;border-color:rgba(255,196,130,.5);}
.cta-sub{display:flex;gap:1.2rem;justify-content:center;flex-wrap:wrap;
  margin:3.4rem auto 0;padding-top:2.6rem;border-top:1px solid rgba(232,224,218,.14);max-width:30em;}
.btn-sm{margin-top:0;font-size:.72rem;padding:.85em 1.8em;letter-spacing:.2em;}

@media(max-width:720px){
  .nav-reserve{display:inline-block!important;}
  .lnk-reserve{margin-left:0;margin-top:1rem;display:inline-block;}
  .btn-lg{padding:1.2em 2.4em;}
}