.slot.one i{inline-size:46%}
.i{inline-size:18px;block-size:18px;flex:none;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:var(--s3);min-block-size:56px;padding-inline:var(--s6);border-radius:var(--r);border:0;font:700 var(--fs-body)/1 var(--sans);text-decoration:none;white-space:nowrap;cursor:pointer;
  transition:background-color var(--t) var(--ease),border-color var(--t) var(--ease),box-shadow var(--t) var(--ease),transform var(--t) var(--ease),color var(--t) var(--ease)}
.btn .i{inline-size:18px;block-size:18px;transition:transform var(--t) var(--ease)}
.btn-primary{background:var(--navy);color:var(--ground);box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--navy-deep);box-shadow:var(--shadow-md);transform:translateY(-1px)}
.btn-primary:active{transform:translateY(0);box-shadow:var(--shadow-sm);background:var(--navy)}
.btn-secondary{border:1px solid var(--line-2);color:var(--ink);background:transparent}
.btn-secondary:hover{border-color:var(--navy);background:var(--ground-2)}
.btn-secondary:active{background:var(--tint)}
.hero{--hero-foot:var(--s8);--hero-row:388px;background:var(--ground-2);border-block-end:1px solid var(--line);padding-block:var(--s6) var(--hero-foot)}
@media (min-width:1024px){.hero-grid{min-block-size:var(--hero-row)}}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;align-items:center;gap:var(--s2);font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-2)}
.crumbs a{text-decoration:none;color:var(--ink-2);border-radius:var(--r-sm);transition:color var(--t) var(--ease)}
.crumbs a:hover{color:var(--navy)}
.crumbs .i{inline-size:12px;block-size:12px;color:var(--ink-3)}
.crumbs [aria-current]{color:var(--ink);font-weight:600}
.hero-grid{--art-floor:360px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center;margin-block-start:var(--s5)}
.hero-text{grid-column:1/span 7;min-inline-size:0}
h1{margin:0;font:var(--w-display-2) var(--fs-display-2)/var(--lh-display-2) var(--display);text-wrap:balance}
.hero .sentence{margin:var(--s5) 0 0;max-inline-size:48ch}
.art{grid-column:8/span 5;position:relative;align-self:end;block-size:calc(100% + var(--hero-foot));min-block-size:var(--art-floor);max-block-size:460px;margin-block-end:calc(-1 * var(--hero-foot))}
.art img{position:absolute;inset:0;inline-size:100%;block-size:100%;object-fit:contain;object-position:50% 100%}
.c-list{list-style:none;margin:var(--s7) 0 0;padding:0;padding-inline-start:var(--s5);display:grid;position:relative;max-inline-size:var(--measure)}
.c-list::before{content:"";position:absolute;inset-block:var(--s1);inset-inline-start:0;inline-size:1px;background:var(--gold)}
.c-item{display:grid;grid-template-columns:18px minmax(0,1fr);column-gap:var(--s4);align-content:center;min-block-size:56px}
.c-item>.i{grid-column:1;grid-row:1;align-self:center;color:var(--gold-deep)}
.c-v{grid-column:2;grid-row:1;justify-self:start;min-inline-size:0}
.c-h{grid-column:2;grid-row:2}
.c-h i{inline-size:12em}
.c-item a{position:relative;color:var(--ink);text-decoration:none;border-radius:var(--r-sm);transition:color var(--t) var(--ease)}
.c-item a::after{content:"";position:absolute;inset-inline:0;inset-block:min(0px,calc(50% - 22px))}
.c-item a:hover,.c-item a:focus-visible{color:var(--navy)}
.c-item a:hover .slot i,.c-item a:focus-visible .slot i{background:var(--mid)}
.c-tel{display:block;font:var(--w-display-3) var(--fs-display-3)/var(--lh-display-3) var(--display)}
.c-tel .slot i{inline-size:6.5em}
.c-text{display:inline-block;font:400 var(--fs-body)/var(--lh-body) var(--sans)}
.c-mail{display:block}
.c-mail .slot i{inline-size:11em}
.c-addr{display:flex;align-items:center;gap:var(--s5);justify-self:stretch}
.c-addr>.slot{flex:0 1 16em}
.c-addr>.slot i{inline-size:100%}
.c-item .c-nav{display:inline-block;min-inline-size:44px;text-align:center;font:var(--w-label) var(--fs-label)/var(--lh-label) var(--sans);text-decoration:underline;text-decoration-color:var(--line-2);text-underline-offset:.2em;white-space:nowrap}
.hours{margin-block-start:var(--s9);max-inline-size:var(--measure)}
.hours h2,.ask-area h2{margin:0;font:var(--w-display-3) var(--fs-display-3)/var(--lh-display-3) var(--display);text-wrap:balance}
.h-table{inline-size:100%;margin-block-start:var(--s5);border-collapse:collapse;table-layout:fixed}
.h-table th,.h-table td{padding-block:var(--s4);padding-inline:0 var(--s5);text-align:start;vertical-align:top;font:400 var(--fs-body)/var(--lh-body) var(--sans)}
.h-table th{inline-size:50%;font-weight:600}
.h-table tr+tr>*{border-block-start:1px solid var(--line)}
.h-table .slot i{inline-size:70%}
.ask-area{margin-block-start:var(--s9);max-inline-size:var(--measure)}
.lead-ask{margin:var(--s5) 0 0;display:grid}
.ask{display:flex;align-items:center;gap:var(--s3);min-block-size:64px;padding-inline:var(--s5) var(--s2);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--ground-2);box-shadow:var(--shadow-sm);color:var(--ink-2);
  transition:border-color var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.ask:hover{border-color:var(--navy)}
.ask:focus-within{border-color:var(--navy);box-shadow:var(--focus)}
.ask>.i{inline-size:22px;block-size:22px;color:var(--gold-deep)}
.ask input{flex:1;min-inline-size:0;border:0;background:none;outline:none;font:400 var(--fs-lead)/1.2 var(--sans);color:var(--ink)}
.ask input::placeholder{color:var(--ink-2);opacity:1}
.ask input:focus-visible{box-shadow:none}
.send{flex:none;display:inline-flex;align-items:center;justify-content:center;inline-size:48px;block-size:48px;border:0;border-radius:50%;background:var(--navy);color:var(--ground);cursor:pointer;box-shadow:var(--shadow-sm);
  transition:background-color var(--t) var(--ease),transform var(--t) var(--ease),box-shadow var(--t) var(--ease)}
.send:hover{background:var(--navy-deep);transform:translateY(-1px);box-shadow:var(--shadow-md)}
.send:active{transform:none;box-shadow:var(--shadow-sm);background:var(--navy)}
.send .i{inline-size:20px;block-size:20px;stroke-width:2;transition:transform var(--t) var(--ease)}
.send:hover .i{transform:translateX(-2px)}
.chips{display:flex;flex-wrap:wrap;gap:var(--s2);margin-block:var(--s3) 0}
.chip{display:inline-flex;align-items:center;gap:var(--s2);min-block-size:36px;padding-inline:var(--s4);border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--ground-2);color:var(--ink);font:var(--w-label) var(--fs-label)/1 var(--sans);white-space:nowrap;cursor:pointer;
  transition:border-color var(--t) var(--ease),background-color var(--t) var(--ease),color var(--t) var(--ease)}
.chip:hover{border-color:var(--navy);color:var(--navy)}
.chip[aria-pressed="true"]{background:var(--navy);color:var(--ground);border-color:var(--navy)}
@media (prefers-reduced-motion:reduce){
  .btn,.btn .i,.chip,.ask,.send,.send .i,.crumbs a,.c-item a{transition:none}
  .btn-primary:hover,.send:hover,.send:hover .i{transform:none}
}
@media (max-width:1023px){
  .hero-grid{--art-floor:280px;grid-template-columns:minmax(0,3fr) minmax(0,2fr)}
  .hero-text{grid-column:1}
  .art{grid-column:2}
}
@media (max-width:767px){
  .hero{padding-block:var(--s5) var(--s7)}
  .hero-grid{display:flex;flex-direction:column;align-items:stretch;margin-block-start:var(--s4)}
  .hero-text{display:contents}
  .hero-text>*{order:3}
  .hero h1{order:1}
  .hero .sentence{order:2;margin-block-start:var(--s4)}
  .art{order:2;align-self:stretch;block-size:clamp(180px,52vw,240px);min-block-size:0;max-block-size:none;margin-block:var(--s5) 0}
  .art img{object-position:50% 50%}
  .c-list{margin-block-start:var(--s5)}
  .h-table tr{display:grid;padding-block:var(--s4)}
  .h-table tr+tr{border-block-start:1px solid var(--line)}
  .h-table tr+tr>*{border-block-start:0}
  .h-table th,.h-table td{display:block;inline-size:auto;padding:0}
  .ask{min-block-size:60px;padding-inline:var(--s4) var(--s2)}
  .ask>.i{inline-size:20px;block-size:20px}
  .send{inline-size:44px;block-size:44px}
  .chip{min-block-size:40px}
  .crumbs a{position:relative}
  .crumbs a::after{content:"";position:absolute;inset:min(0px,calc(50% - 22px))}
}
.hero p.sentence{font:400 var(--fs-lead)/var(--lh-lead) var(--sans);color:var(--ink);text-wrap:pretty}
.c-h:not(.slot){font:400 var(--fs-small)/var(--lh-small) var(--sans);color:var(--ink-2)}
