@font-face{font-family:'Gabarito';src:url('../fonts/gabarito.woff2') format('woff2');font-weight:400 900;font-display:swap}
@font-face{font-family:'Albert Sans';src:url('../fonts/albert-sans.woff2') format('woff2');font-weight:400 700;font-display:swap}

:root{
  --fu:#6E1A2C;--fu-deep:#561321;--fu-dark:#300A12;--petal:#E8E2D9;
  --ink:#121012;--ink-2:#231F21;--blush:#D6D0C8;--rose:#E7E4DF;--paper:#FFFFFF;--wash:#F1ECE6;
  --body:#3A3537;--muted:#5C5658;--line:#CBC5BE;--on-ink:#F2EEEA;--on-ink-2:#B9B2AD;--line-ink:#3A3436;
  --ease:cubic-bezier(.34,1.56,.64,1);
  --tag:28px 28px 28px 4px;--tag-m:20px 20px 20px 4px;--tag-s:14px 14px 14px 3px;--tag-xs:10px 10px 10px 2px;
  --display:'Gabarito','Trebuchet MS',sans-serif;--text:'Albert Sans','Helvetica Neue',Helvetica,sans-serif;
  --gap:56px;--pad:20px;--bar:0px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:84px}
body{margin:0;background:var(--rose);color:var(--ink);font:400 17px/1.5 var(--text);-webkit-font-smoothing:antialiased;overflow-x:hidden;padding-bottom:calc(var(--bar) + env(safe-area-inset-bottom))}
h1,h2,h3,h4,p,ul,ol,figure,blockquote,dl,dd{margin:0}
ul,ol{padding:0;list-style:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit;color:inherit}
button{cursor:pointer}
a{color:var(--fu-deep)}
a:hover{color:var(--fu-dark)}
:focus-visible{outline:3px solid var(--fu);outline-offset:3px}
[hidden]{display:none!important}
.ho-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ho-lock{overflow:hidden}

/* layout */
.ho-wrap{width:100%;max-width:1240px;margin-inline:auto;padding-inline:var(--pad)}
.ho-sec{position:relative;padding-block:var(--gap)}
.ho-sec--blush{background:var(--blush)}
.ho-sec--ink{background:var(--ink);color:var(--on-ink)}
.ho-sec--tight{padding-block:40px}
.ho-stack{display:flex;flex-direction:column;gap:18px;align-items:flex-start}
.ho-head{display:flex;flex-direction:column;gap:16px;margin-bottom:28px}
.ho-head__t{display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ho-head>p,.ho-lead{color:var(--body);font-size:17px;line-height:1.6;text-wrap:pretty;max-width:56ch}
.ho-sec--ink .ho-head>p,.ho-sec--ink .ho-lead{color:var(--on-ink-2)}
.ho-note{font-size:15px;color:var(--body)}
.ho-sec--ink .ho-note{color:var(--on-ink-2)}
.ho-cols{display:grid;gap:28px}
.ho-acts{display:flex;flex-wrap:wrap;gap:14px}

/* type */
.ho-d{font-family:var(--display)}
.ho-nw{white-space:nowrap}
.ho-h1{font:900 clamp(46px,13.2vw,112px)/.94 var(--display);letter-spacing:-.04em;text-wrap:balance}
.ho-h1--s{font-size:clamp(42px,11.4vw,96px)}
.ho-h2{font:800 clamp(34px,8.6vw,54px)/1.04 var(--display);letter-spacing:-.028em;text-wrap:balance}
.ho-h2--s{font-size:clamp(28px,7vw,40px)}
.ho-h3{font:700 21px/1.2 var(--display)}
.ho-sec--ink .ho-h2{color:#fff}

/* ribbon-end label */
.ho-lab{display:inline-flex;align-items:center;min-height:28px;padding:3px 20px 3px 10px;background:var(--fu);color:#fff;font:700 13.5px/1.2 var(--display);clip-path:polygon(0 0,100% 0,calc(100% - 9px) 50%,100% 100%,0 100%)}
.ho-lab--k{background:var(--ink)}
.ho-lab--p{background:var(--petal);color:var(--ink)}
.ho-lab--soon{background:#C9A24A;color:#121012}
.ho-lab b{font-weight:800;margin-right:.45em}
.ho-lab b::after{content:" ·"}

/* buttons, chips */
.ho-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:54px;padding:6px 22px;border:2px solid var(--ink);border-radius:16px 16px 16px 3px;background:var(--fu);color:#fff;font:700 17px/1.15 var(--display);text-decoration:none;text-align:center;box-shadow:4px 4px 0 var(--ink);transition:transform .18s var(--ease),box-shadow .18s}
.ho-btn:hover{color:#fff;transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.ho-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}
.ho-btn--w,.ho-btn--w:hover{background:var(--paper);color:var(--ink)}
.ho-btn--k,.ho-btn--k:hover{background:var(--ink);color:#fff;box-shadow:4px 4px 0 var(--fu)}
.ho-btn--k:hover{box-shadow:2px 2px 0 var(--fu)}
.ho-btn--o,.ho-btn--o:hover{background:var(--petal);color:var(--ink);border-color:var(--petal);box-shadow:4px 4px 0 var(--fu)}
.ho-btn--o:hover{box-shadow:2px 2px 0 var(--fu)}
.ho-btn--s{min-height:46px;font-size:16px;padding-inline:18px}
.ho-btn--block{width:100%}
.ho-btn[disabled]{opacity:.6}
.ho-chip{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:4px 14px;border:2px solid var(--ink);border-radius:12px 12px 12px 3px;background:var(--paper);color:var(--ink);font:600 15px/1.2 var(--text);text-decoration:none;transition:transform .18s var(--ease),background .15s}
.ho-chip:hover{color:var(--ink);background:var(--wash)}
.ho-chip:active{transform:scale(.96)}
.ho-chip.is-on,.ho-chip[aria-pressed="true"]{background:var(--fu);color:#fff}
.ho-chips{display:flex;flex-wrap:wrap;gap:10px}
.ho-more{display:inline-flex;align-items:center;min-height:44px;font-weight:700;font-size:15px}

/* swatches */
.ho-sws{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.ho-sw{width:46px;height:46px;flex-shrink:0;border-radius:999px;border:2px solid var(--ink);padding:0;background:var(--sw,#ddd);transition:transform .2s var(--ease)}
.ho-sw--other{background:conic-gradient(#D2222D,#E5B92E,#2A3FA8,#6B6F76,#D2222D)}
.ho-sw.is-on,.ho-sw[aria-pressed="true"]{transform:scale(1.1);box-shadow:0 0 0 3px var(--rose),0 0 0 6px var(--fu)}
.ho-dot{display:inline-block;width:16px;height:16px;flex-shrink:0;border-radius:999px;border:2px solid var(--ink);background:var(--sw,#ddd);vertical-align:-2px}
.ho-dot--other{background:conic-gradient(#D2222D,#E5B92E,#2A3FA8,#6B6F76,#D2222D)}

/* ribbon line */
.ho-ribbon{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;overflow:hidden}
.ho-ribbon path{fill:none;stroke:var(--fu);stroke-width:10;stroke-linecap:round;vector-effect:non-scaling-stroke;stroke-dasharray:1;stroke-dashoffset:0}
.ho-js .ho-ribbon path{stroke-dashoffset:1;transition:stroke-dashoffset 2.4s cubic-bezier(.5,0,.2,1) .2s}
.ho-js .ho-ribbon.is-in path{stroke-dashoffset:0}
.ho-sec>.ho-wrap{position:relative}

/* pop */
@keyframes ho-pop{0%{transform:scale(.94)}100%{transform:none}}
.ho-pop{animation:ho-pop .45s var(--ease) both}

/* header */
.ho-top{position:sticky;top:0;z-index:50;background:var(--paper);border-bottom:2px solid var(--ink)}
.ho-top__in{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:64px}
.ho-brand{display:inline-flex;align-items:center;gap:10px;min-height:44px;color:var(--ink);text-decoration:none;font:800 18px/1.1 var(--display);min-width:0}
.ho-brand:hover{color:var(--ink)}
.ho-brand img{display:block;flex:none;height:40px;width:auto;max-width:180px;object-fit:contain;object-position:left center}
/* the footer is ink: the logo sits on a white plate so a dark logo still reads */
.ho-brand--ink img{box-sizing:content-box;height:48px;max-width:220px;padding:7px 12px;border-radius:10px;background:#fff}
.ho-brand svg{flex-shrink:0}
.ho-brand__mark{display:inline-flex;flex:none}
.ho-brand.has-logo .ho-brand__mark,.ho-brand.is-plain .ho-brand__logo{display:none}
.ho-brand.is-plain .ho-brand__mark{display:inline-flex}
.ho-brand span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ho-brand--ink,.ho-brand--ink:hover{color:#fff}
/* in the header an uploaded logo is the brand on its own: the name beside it was squeezed to "T…" by the nav */
.ho-top .ho-brand.has-logo:not(.is-plain) .ho-brand__name,.ho-drawer__head .ho-brand.has-logo:not(.is-plain) .ho-brand__name{display:none}
.ho-nav{display:none}
.ho-nav a,.ho-tel{display:inline-flex;align-items:center;min-height:44px;color:var(--ink);text-decoration:none;font-weight:600;font-size:16px;white-space:nowrap}
.ho-nav a:hover,.ho-tel:hover{color:var(--fu-deep)}
.ho-nav a[aria-current]{box-shadow:inset 0 -4px 0 var(--fu)}
.ho-top__r{display:flex;align-items:center;gap:10px;flex-shrink:0}
.ho-top__r .ho-tel,.ho-top__r .ho-btn--k,.ho-tels{display:none}
.ho-burger{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:46px;height:46px;padding:0 11px;border:2px solid var(--ink);border-radius:12px 12px 12px 3px;background:var(--paper);box-shadow:3px 3px 0 var(--ink)}
.ho-burger i{display:block;height:2px;background:var(--ink);border-radius:2px}
.ho-callbtn{min-height:46px;padding-inline:14px;font-size:15px;box-shadow:3px 3px 0 var(--ink)}
.ho-tels{position:relative}
.ho-tels summary{list-style:none;display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;cursor:pointer;font:700 15px var(--display);color:var(--fu-deep)}
.ho-tels summary::-webkit-details-marker{display:none}
/* more than one phone: the main number is the toggle, an arrow beside it, the rest drop down */
.ho-tels summary.ho-tel{gap:7px;min-width:0;font:inherit;font-weight:600;font-size:16px;color:var(--ink)}
.ho-tels summary.ho-tel:hover{color:var(--fu-deep)}
.ho-tels__caret{flex:none;transition:transform .18s var(--ease)}
.ho-tels[open] .ho-tels__caret{transform:rotate(180deg)}
.ho-tels__box{position:absolute;right:0;top:calc(100% + 8px);min-width:220px;padding:8px 16px;background:var(--paper);border:2px solid var(--ink);border-radius:var(--tag-m);box-shadow:4px 4px 0 var(--ink);display:flex;flex-direction:column}
.ho-calls{position:relative}
.ho-calls summary{list-style:none;cursor:pointer}
.ho-calls summary::-webkit-details-marker{display:none}
.ho-top__r .ho-calls .ho-tel{display:inline-flex}
.ho-dock .ho-calls summary{display:flex}
.ho-dock .ho-tels__box{top:auto;right:auto;left:0;bottom:calc(100% + 12px)}

/* drawer */
.ho-drawer{position:fixed;inset:0;z-index:80;visibility:hidden}
.ho-drawer.is-open{visibility:visible}
.ho-drawer__back{position:absolute;inset:0;border:0;padding:0;background:rgba(18,16,18,.62);opacity:0;transition:opacity .2s}
.ho-drawer__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,380px);background:var(--rose);border-left:2px solid var(--ink);padding:16px 20px calc(24px + env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:6px;overflow-y:auto;transform:translateX(100%);transition:transform .32s cubic-bezier(.3,1.1,.5,1)}
.ho-drawer.is-open .ho-drawer__back{opacity:1}
.ho-drawer.is-open .ho-drawer__panel{transform:none}
.ho-drawer__head{display:flex;align-items:center;justify-content:space-between;padding-bottom:8px}
.ho-drawer__nav a{display:flex;align-items:center;justify-content:space-between;min-height:54px;border-top:1.5px solid var(--line);color:var(--ink);text-decoration:none;font:700 21px var(--display)}
.ho-drawer__nav a[aria-current]{color:var(--fu-deep)}
.ho-drawer__reach{display:flex;flex-direction:column;padding-top:14px;margin-top:auto}
.ho-drawer__reach a{display:flex;align-items:center;min-height:46px;font-weight:600;overflow-wrap:anywhere}
.ho-drawer__reach p{font-size:14px;color:var(--muted)}

/* phone action bar */
.ho-dock{position:fixed;left:0;right:0;bottom:0;z-index:40;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:10px 12px calc(10px + env(safe-area-inset-bottom));background:var(--paper);border-top:2px solid var(--ink)}
.ho-dock{transition:transform .45s cubic-bezier(.2,.7,.2,1)}
.ho-dock.is-away{transform:translateY(110%);pointer-events:none}
.ho-dock .ho-btn{min-height:50px;padding:0 6px;font-size:15px;box-shadow:3px 3px 0 var(--ink)}
:root{--bar:72px}

/* search */
.ho-search{display:flex;flex-direction:column;gap:12px;align-self:stretch;width:100%}
.ho-search__f{position:relative;flex:1;display:flex;align-items:center;height:62px;padding:0 16px;background:var(--paper);border:2px solid var(--ink);border-radius:18px 18px 18px 3px;box-shadow:4px 4px 0 var(--ink);overflow:hidden;min-width:0}
.ho-search__f:focus-within{background:var(--wash);box-shadow:4px 4px 0 var(--fu)}
.ho-search__f input{position:absolute;inset:0;width:100%;height:100%;padding:0 16px;border:0;background:transparent;font-size:18px;outline:0;-webkit-appearance:none;appearance:none}
.ho-search__f input::-webkit-search-cancel-button{-webkit-appearance:none}
.ho-search__hint{pointer-events:none;font-size:17px;color:var(--muted);white-space:nowrap}
.ho-search__hint b{display:inline-block;color:var(--ink);font-weight:600}
.ho-search.is-busy .ho-search__hint{visibility:hidden}
@keyframes ho-focus{0%{filter:blur(9px);opacity:0;letter-spacing:.08em}24%,78%{filter:blur(0);opacity:1;letter-spacing:0}100%{filter:blur(9px);opacity:0;letter-spacing:-.02em}}
.ho-search__hint b.is-pull{animation:ho-focus 3.2s ease both}
.ho-search .ho-btn{min-height:58px}

/* flip card */
.ho-cars{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ho-flip{perspective:1200px;height:424px;min-width:0}
.ho-flip__in{position:relative;height:100%;transition:transform .7s cubic-bezier(.34,1.3,.64,1);transform-style:preserve-3d}
.ho-flip.is-on .ho-flip__in{transform:rotateY(180deg)}
.ho-face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:2px solid var(--ink);border-radius:24px 24px 24px 4px;overflow:hidden;display:flex;flex-direction:column;background:var(--paper)}
.ho-face--b{transform:rotateY(180deg);background:var(--ink);color:var(--on-ink);padding:20px 18px 18px}
.ho-flip:not(.is-on) .ho-face--b,.ho-flip.is-on .ho-face--f{pointer-events:none}
.ho-face__ph{position:relative;display:block;height:218px;flex-shrink:0;background:var(--blush)}
.ho-face__ph img{width:100%;height:100%;object-fit:cover}
.ho-face__ph img.ho-noph{object-fit:contain;padding:44px;opacity:.5}
.ho-face__ph .ho-lab{position:absolute;left:0;top:14px}
.ho-face__b{padding:16px 16px 16px;display:flex;flex-direction:column;gap:8px;flex:1;min-height:0}
.ho-face__b h3 a{color:var(--ink);text-decoration:none}
.ho-face__b h3{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ho-face__meta{display:flex;align-items:center;gap:8px;font-size:15px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-face__foot{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px}
.ho-price{font:800 27px/1 var(--display);letter-spacing:-.02em}
.ho-price s{display:block;font:500 14px/1.2 var(--text);color:var(--muted);letter-spacing:0}
.ho-face--b h3{color:#fff;padding-bottom:10px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ho-row{display:flex;justify-content:space-between;gap:12px;padding:6px 0;border-top:1px solid var(--line-ink);font-size:15px;line-height:1.45}
.ho-row dt{color:var(--on-ink-2);flex-shrink:0}
.ho-row dd{text-align:right;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.ho-row dd.ho-d{font-weight:700;color:var(--petal)}
.ho-face--b .ho-face__foot{gap:10px;padding-top:10px}
.ho-face--b .ho-btn{flex:1;min-height:48px;font-size:16px;padding-inline:10px}
.ho-face--b .ho-chip{min-height:48px}

/* question rows */
.ho-qs{display:flex;flex-direction:column;gap:12px}
.ho-q{background:var(--paper);border:2px solid var(--ink);border-radius:16px 16px 16px 3px}
.ho-q summary{display:flex;align-items:center;gap:12px;min-height:64px;padding:8px 14px;cursor:pointer;list-style:none;font:700 18px/1.2 var(--display)}
.ho-q summary::-webkit-details-marker{display:none}
.ho-q summary::after{content:"+";margin-left:auto;flex-shrink:0;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--petal);border:2px solid var(--ink);border-radius:var(--tag-xs);font:500 24px/1 var(--text)}
.ho-q[open]{box-shadow:4px 4px 0 var(--fu)}
.ho-q[open] summary::after{content:"–";background:var(--fu);color:#fff}
.ho-q p{padding:0 14px 18px;color:var(--body);font-size:16px}

/* cards that are only read */
.ho-card{background:var(--paper);border-radius:24px 24px 24px 4px;padding:22px;display:flex;flex-direction:column;gap:10px}
.ho-card p{color:var(--body);font-size:16px}
.ho-sec--ink .ho-card{background:var(--ink-2)}
.ho-sec--ink .ho-card h3{color:var(--petal)}
.ho-sec--ink .ho-card p{color:var(--on-ink);font-size:15.5px}
.ho-num{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:var(--petal);color:var(--ink);border:2px solid var(--ink);border-radius:12px 12px 12px 3px;font:800 20px var(--display)}
.ho-num--last{background:var(--fu);color:#fff}
.ho-panel{background:var(--paper);border:2px solid var(--ink);border-radius:var(--tag);box-shadow:6px 6px 0 var(--ink);padding:22px 18px}
.ho-arch{border:2px solid var(--ink);border-radius:999px 999px 28px 28px;overflow:hidden;background:var(--blush);box-shadow:6px 6px 0 var(--ink)}
.ho-arch img{width:100%;height:100%;object-fit:cover}
.ho-photo{border-radius:var(--tag);border:2px solid var(--ink);overflow:hidden;background:var(--blush)}
.ho-photo img{width:100%;height:100%;object-fit:cover}

/* page hero */
.ho-hero{position:relative;overflow:hidden;padding-block:36px 56px}
.ho-hero__in{position:relative;display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:center}
.ho-hero__t{display:flex;flex-direction:column;gap:20px;align-items:flex-start;min-width:0}
.ho-hero__t>p{font-size:18px;line-height:1.5;color:var(--body);text-wrap:pretty;max-width:52ch}
.ho-hero__pic{width:min(100%,420px);aspect-ratio:5/5.6;justify-self:center}

/* band at the end of a page */
.ho-cta{background:var(--fu);color:#fff;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding-block:48px}
.ho-cta__in{display:grid;gap:28px;align-items:center}
.ho-cta p{font-size:18px}
.ho-cta p a{color:#fff;font-weight:600}
.ho-cta .ho-btn--k,.ho-cta .ho-btn--k:hover{box-shadow:4px 4px 0 var(--petal)}
.ho-cta__pic{width:min(100%,400px);aspect-ratio:44/30;box-shadow:6px 6px 0 var(--ink)}

/* forms */
.ho-form{background:var(--paper);border:2px solid var(--ink);border-radius:var(--tag);box-shadow:6px 6px 0 var(--ink);padding:22px 18px;display:grid;grid-template-columns:minmax(0,1fr);gap:16px;min-width:0}
.ho-fl{display:flex;flex-direction:column;gap:6px;font-size:15px;font-weight:600;min-width:0;position:relative}
.ho-fl label{font-size:15px;font-weight:600}
.ho-in{width:100%;min-height:56px;padding:0 16px;border:2px solid var(--ink);border-radius:var(--tag-s);background:var(--paper);font-size:17px;font-weight:400;-webkit-appearance:none;appearance:none}
select.ho-in{padding-right:44px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='9'%3E%3Cpath d='M1 1l6 6 6-6' fill='none' stroke='%23221820' stroke-width='2.4' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center}
textarea.ho-in{min-height:120px;padding:14px 16px;resize:vertical}
.ho-in:focus{outline:0;background-color:var(--wash);box-shadow:4px 4px 0 var(--fu)}
.ho-in::placeholder{color:#6E686A}
.ho-form__grp{font:800 22px var(--display);padding-top:6px}
.ho-form__send{display:flex;flex-direction:column;gap:14px;padding-top:6px}
.ho-form__send p{font-size:14px;color:var(--muted)}
.ho-form__full{grid-column:1/-1}
.ho-submit{-webkit-appearance:none;appearance:none}
.ho-photobox{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:120px;padding:16px;border:2px dashed var(--ink);border-radius:var(--tag-s);background:var(--rose);font-weight:500;color:var(--body);text-align:center;font-size:15px}
.ho-photobox input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.cf-tip{position:absolute;top:calc(100% + 6px);left:0;z-index:5;max-width:100%;background:var(--ink);color:#fff;font-size:13px;font-weight:500;padding:8px 12px;border-radius:var(--tag-xs);opacity:0;transform:scale(.94);transform-origin:left top;transition:opacity .15s,transform .2s var(--ease)}
.cf-tip--on{opacity:1;transform:none}
.cf-form-error{grid-column:1/-1;background:var(--wash);border:2px solid var(--fu);color:var(--fu-dark);font-size:15px;font-weight:600;padding:12px 16px;border-radius:var(--tag-s)}
.ho-formside{display:flex;flex-direction:column;gap:18px;align-items:flex-start}

/* tick lists and the ribbon meter */
.ho-ticks{display:flex;flex-direction:column;gap:12px}
.ho-tick{display:flex;align-items:center;gap:14px;min-height:64px;padding:10px 16px;background:var(--paper);border:2px solid var(--ink);border-radius:16px 16px 16px 3px;cursor:pointer}
.ho-tick input{width:26px;height:26px;margin:0;accent-color:var(--fu);flex-shrink:0}
.ho-tick b{display:block;font-size:17px;font-weight:600}
.ho-tick span span{display:block;font-size:15px;color:var(--body)}
.ho-tick:has(input:checked){background:var(--wash)}
.ho-meter{height:22px;width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:var(--tag-xs);overflow:hidden}
.ho-meter span{display:block;height:100%;width:0;background:var(--fu);border-right:2px solid var(--ink);transition:width .5s var(--ease)}
.ho-meter span[style*="width: 0"],.ho-meter span[style*="width:0"]{border-right:0}
.ho-meter__line{font:700 22px var(--display)}

/* steps */
.ho-steps{display:grid;gap:14px;counter-reset:s}
.ho-steps .ho-card{gap:10px}

/* footer */
.ho-foot{background:var(--ink);color:var(--on-ink);padding-block:44px 28px}
.ho-foot a{color:var(--on-ink);text-decoration:none;display:flex;align-items:center;min-height:46px;overflow-wrap:anywhere}
.ho-foot a:hover{color:var(--petal)}
.ho-foot__grid{display:grid;gap:28px}
.ho-foot__col p:first-child{font-size:14px;color:var(--on-ink-2);padding-bottom:4px}
.ho-foot__about{font-size:15px;color:var(--on-ink-2);max-width:300px}
.ho-foot__addr{font-size:15px}
.ho-foot__base{display:flex;flex-direction:column;gap:6px;margin-top:28px;padding-top:14px;border-top:1px solid var(--line-ink);font-size:14px;color:var(--on-ink-2)}
.ho-foot__base nav{display:flex;flex-wrap:wrap;gap:0 22px}
.ho-sub{display:grid;gap:16px;padding-bottom:32px;margin-bottom:32px;border-bottom:1px solid var(--line-ink)}
.ho-sub h2{font:800 26px/1.1 var(--display);color:#fff}
.ho-sub p{font-size:15px;color:var(--on-ink-2)}
.ho-sub form{display:flex;gap:10px}
.ho-sub input{flex:1;min-width:0;min-height:54px;padding:0 16px;border:2px solid var(--petal);border-radius:var(--tag-s);background:var(--ink-2);color:#fff;font-size:17px}
.ho-sub input::placeholder{color:var(--on-ink-2)}
.ho-sub input:focus{outline:0;box-shadow:4px 4px 0 var(--fu)}
.ho-sub__msg{font-weight:600;color:var(--petal)!important}

/* legal + small pages */
.ho-prose{background:var(--paper);border-radius:var(--tag);padding:24px 20px;max-width:860px;overflow-wrap:anywhere}
.ho-prose h2,.ho-prose h3,.ho-prose h4{font:800 24px/1.2 var(--display);margin:28px 0 10px}
.ho-prose h3,.ho-prose h4{font-size:20px}
.ho-prose p,.ho-prose li{color:var(--body);margin-bottom:12px}
.ho-prose ul,.ho-prose ol{padding-left:22px;list-style:revert}
.ho-prose>:first-child{margin-top:0}
.ho-solo{min-height:60vh;display:flex;align-items:center}
.ho-split>*{container-type:inline-size}

@media (min-width:600px){
  :root{--pad:32px}
  .ho-cars{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-search{flex-direction:row}
  .ho-search .ho-btn{min-height:62px;padding-inline:28px}
  .ho-form{grid-template-columns:repeat(2,minmax(0,1fr));padding:30px}
  .ho-form__send{grid-column:1/-1;flex-direction:row;align-items:center;justify-content:space-between}
  .ho-form__grp,.ho-form>input[type=hidden]{grid-column:1/-1}
  .ho-steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-foot__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-foot__base{flex-direction:row;justify-content:space-between;align-items:center}
  .ho-panel{padding:30px 32px}
  .ho-q summary{min-height:72px;padding-inline:22px;font-size:20px}
  .ho-q p{padding:0 80px 22px 22px}
  .ho-prose{padding:40px}
}
@media (min-width:1024px){
  :root{--gap:104px;--pad:40px;--bar:0px}
  body{font-size:17px}
  .ho-dock,.ho-burger,.ho-callbtn,.ho-top__r .ho-calls{display:none}
  .ho-top__in{min-height:80px}
  .ho-brand{font-size:20px}
  .ho-nav{display:flex;gap:16px}
  .ho-top__r{gap:16px}
  .ho-top__r .ho-tel,.ho-top__r .ho-btn--k{display:inline-flex}
  .ho-tels{display:block}
  .ho-head{flex-direction:row;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:40px}
  .ho-head>p{max-width:440px}
  .ho-cars{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ho-cars--4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-flip{height:436px}
  .ho-face__ph{height:226px}
  .ho-hero{padding-block:64px 80px}
  .ho-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,clamp(340px,40%,460px));gap:clamp(36px,4vw,56px)}
  .ho-hero__t>p{font-size:20px}
  .ho-hero__pic{width:100%}
  .ho-cta{padding-block:72px}
  .ho-cta__in{grid-template-columns:minmax(0,1fr) minmax(0,clamp(320px,38%,440px))}
  .ho-steps{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ho-foot{padding-block:64px 36px}
  .ho-foot__grid{grid-template-columns:1.5fr 1fr 1fr 1.3fr;gap:40px}
  .ho-sub{grid-template-columns:minmax(0,1fr) minmax(0,clamp(320px,40%,460px));align-items:center}
  .ho-split{display:grid;grid-template-columns:minmax(0,clamp(300px,34%,400px)) minmax(0,1fr);gap:clamp(40px,5vw,72px);align-items:start}
  .ho-split--r{grid-template-columns:minmax(0,1fr) minmax(0,clamp(340px,42%,480px))}
  .ho-split .ho-head{flex-direction:column;align-items:flex-start;margin-bottom:0}
  .ho-form{padding:36px}
}
@media (min-width:1024px) and (max-width:1279px){
  .ho-top__r .ho-btn--k{display:none}
}
@media (min-width:1280px){
  .ho-nav{gap:26px}
  .ho-cars,.ho-cars--4{grid-template-columns:repeat(4,minmax(0,1fr))}
  .ho-cars--3{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (hover:none){.ho-btn:hover{transform:none;box-shadow:4px 4px 0 var(--ink)}.ho-btn--k:hover,.ho-btn--o:hover{box-shadow:4px 4px 0 var(--fu)}.ho-btn:active{transform:translate(4px,4px);box-shadow:0 0 0 var(--ink)}}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .ho-js .ho-ribbon path{stroke-dashoffset:0}
}

/* ---------- home ---------- */
.ho-ribbon-d{display:none}
.ho-ribbon-m,.ho-ribbon-d{position:absolute;inset:0;pointer-events:none}
.ho-pickby{display:flex;flex-direction:column;gap:12px;align-self:stretch}
.ho-pickby p{font-size:16px}
.ho-pickby p span{font-weight:600;color:var(--body)}
.ho-pick{position:relative;display:flex;flex-direction:column;align-items:center;justify-self:center;width:min(100%,460px)}
.ho-pick__ph{display:block;width:100%;aspect-ratio:1/1}
.ho-pick__ph img{object-position:50% 62%}
.ho-pick__cap{position:relative;margin-top:-30px;width:calc(100% - 28px);background:var(--paper);border:2px solid var(--ink);border-radius:22px 22px 22px 4px;box-shadow:4px 4px 0 var(--fu);padding:12px 14px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 12px}
.ho-pick__cap>div:first-child{display:flex;flex-direction:column;flex:1 1 200px;min-width:0}
.ho-pick__cap>div:first-child a{display:block;font-size:18px;line-height:44px;font-weight:700;color:var(--ink);text-decoration:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-pick__cap>div:first-child span{margin-top:-9px}
.ho-pick__cap>div:first-child span{font-size:14.5px;color:var(--body);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-pick__cap>div:last-child{display:flex;align-items:center;gap:10px;flex-shrink:0;margin-left:auto}
.ho-pick__cap .ho-price{font-size:21px}
.ho-under{display:flex;flex-direction:column;gap:16px;align-items:flex-start;margin-top:26px}
.ho-plan__qs{display:flex;flex-direction:column;gap:16px;align-self:stretch}
.ho-plan__qs>div{display:flex;flex-direction:column;gap:8px}
.ho-plan__qs>div>span{font-size:15px;font-weight:700}
.ho-plan__t{font-size:21px;font-weight:700;padding-bottom:14px}
.ho-plan{counter-reset:plan;container-type:inline-size}
.ho-plan li{counter-increment:plan;display:grid;grid-template-columns:44px minmax(0,1fr);gap:6px 14px;align-items:center;padding:14px 0;border-top:1.5px solid var(--line)}
.ho-plan .ho-num::before{content:counter(plan)}
.ho-plan li div{display:flex;flex-direction:column}
.ho-plan li div b{font:700 19px/1.2 var(--display)}
.ho-plan li div span{font-size:15.5px;color:var(--body)}
.ho-plan .ho-more{grid-column:2}
.ho-split--plan .ho-head{margin-bottom:28px}
.ho-cond__grid{display:grid;gap:12px;align-self:stretch}
.ho-cond__pics{position:relative;margin-top:32px;display:grid;grid-template-columns:1.25fr 1fr;gap:14px;align-items:end}
.ho-cond__pics .ho-arch{aspect-ratio:1/1.05;border-color:var(--petal);box-shadow:none}
.ho-cond__pics .ho-photo{aspect-ratio:1/.85;border-color:var(--petal);box-shadow:5px 5px 0 var(--fu)}
.ho-svcs{display:grid;gap:22px}
.ho-svc{display:flex;flex-direction:column;background:var(--paper);border:2px solid var(--ink);border-radius:var(--tag);overflow:hidden;color:var(--ink);text-decoration:none;box-shadow:6px 6px 0 var(--ink);transition:transform .2s var(--ease),box-shadow .2s}
.ho-svc:hover{color:var(--ink);transform:translate(3px,3px);box-shadow:3px 3px 0 var(--fu)}
.ho-svc img{width:100%;height:190px;object-fit:cover;border-bottom:2px solid var(--ink)}
.ho-svc>span{padding:20px 20px 22px;display:flex;flex-direction:column;gap:8px}
.ho-svc b{font:800 25px/1.1 var(--display)}
.ho-svc span span{font-size:16px;color:var(--body)}
.ho-svc i{font-style:normal;font-size:15px;font-weight:700;color:var(--fu-deep);padding-top:4px}
.ho-seen__head{display:flex;flex-direction:column;gap:14px;align-items:flex-start;margin-bottom:20px}
.ho-seen__list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.ho-seen__i{display:flex;align-items:center;gap:12px;padding:10px;min-height:64px;background:var(--paper);border-radius:16px 16px 16px 3px;color:var(--ink);text-decoration:none;min-width:0}
.ho-seen__i:hover{color:var(--ink);background:var(--wash)}
.ho-seen__i img{width:84px;height:64px;flex-shrink:0;object-fit:cover;border-radius:var(--tag-xs)}
.ho-seen__i>span{display:flex;flex-direction:column;min-width:0}
.ho-seen__i b{font-size:15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ho-seen__i span span{font-size:14px;color:var(--body)}
@media (min-width:600px){
  .ho-seen__list{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-seen__head,.ho-under{flex-direction:row;justify-content:space-between;align-items:flex-end}
  .ho-under{align-items:center}
  .ho-svcs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .ho-ribbon-m{display:none}.ho-ribbon-d{display:block}
  .ho-home .ho-hero__in{grid-template-columns:minmax(0,1fr) minmax(0,clamp(360px,42%,480px))}
  .ho-home .ho-h1{font-size:clamp(76px,6.9vw,100px)}
  .ho-pick__ph{aspect-ratio:5/5.6}
  .ho-pick__cap{margin-top:-60px;padding:16px 20px}
  .ho-pick__cap>div:first-child a{font-size:20px}
  .ho-pick__cap .ho-price{font-size:24px}
  .ho-split--plan{grid-template-columns:minmax(0,1fr) minmax(0,1.3fr)}
  .ho-cond__pics{margin-top:0;display:block;aspect-ratio:480/560}
  .ho-cond__pics .ho-arch{position:absolute;right:0;top:0;width:83.4%;aspect-ratio:1}
  .ho-cond__pics .ho-photo{position:absolute;left:0;bottom:0;width:58.4%;aspect-ratio:280/230}
  .ho-svc img{height:240px}
  .ho-seen__list{grid-template-columns:repeat(5,minmax(0,1fr))}
}

@container (min-width:440px){
  .ho-cond__grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@container (min-width:520px){
  .ho-plan li{grid-template-columns:44px minmax(0,1fr) auto;gap:18px;min-height:88px}
  .ho-plan .ho-more{grid-column:auto;max-width:15em;text-align:right}
}

/* ---------- inventory ---------- */
.ho-inv-hero{padding-bottom:36px}
.ho-inv{padding-top:32px}
.ho-filters{display:grid;gap:18px;margin-bottom:22px}
.ho-filters__g{display:flex;flex-direction:column;gap:8px;min-width:0}
.ho-filters__g>span{font-size:15px;font-weight:700}
.ho-inv__bar{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px;margin-bottom:16px;font-size:21px}
.ho-inv__bar p{font-weight:700}
.ho-inv__none{display:flex;flex-direction:column;gap:14px;align-items:flex-start}
.ho-inv__none p{color:var(--body)}
@media (min-width:1024px){
  .ho-filters{grid-template-columns:minmax(0,1fr) 260px;gap:20px 32px;align-items:end}
  .ho-filters__g:nth-child(2){grid-column:1/-1;grid-row:2}
}

/* ---------- car page ---------- */
.ho-car{padding-block:14px 48px}
.ho-car__in{display:grid;grid-template-columns:minmax(0,1fr);gap:26px;margin-top:6px}
.ho-gal{min-width:0}
.ho-gal__stage{position:relative;border:2px solid var(--ink);border-radius:var(--tag);overflow:hidden;background:var(--blush);box-shadow:6px 6px 0 var(--ink)}
.ho-gal__track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;overscroll-behavior-x:contain}
.ho-gal__track::-webkit-scrollbar{display:none}
.ho-gal__track li{flex:0 0 100%;scroll-snap-align:center;aspect-ratio:4/3}
.ho-gal__track img{width:100%;height:100%;object-fit:cover}
.ho-gal__track img.ho-noph{object-fit:contain;padding:25%;opacity:.5}
.ho-gal__stage .ho-lab{position:absolute;left:0;top:16px}
.ho-gal__prev,.ho-gal__next{position:absolute;top:50%;margin-top:-23px;width:46px;padding:0;font-size:24px;line-height:1;box-shadow:3px 3px 0 var(--ink)}
.ho-gal__prev{left:10px}.ho-gal__next{right:14px}
.ho-gal__n{position:absolute;right:12px;bottom:12px;padding:4px 10px;background:var(--ink);color:#fff;font-size:14px;font-weight:700;border-radius:var(--tag-xs)}
.ho-gal__thumbs{display:flex;gap:8px;overflow-x:auto;padding:14px 6px 6px 2px;scrollbar-width:thin}
.ho-gal__thumbs button{display:block;width:84px;height:64px;padding:0;border:2px solid var(--ink);border-radius:var(--tag-xs);overflow:hidden;background:var(--blush);flex-shrink:0}
.ho-gal__thumbs img{width:100%;height:100%;object-fit:cover}
.ho-gal__thumbs button[aria-current]{box-shadow:3px 3px 0 var(--fu);border-color:var(--fu)}
.ho-gal__track img:not(.ho-noph){cursor:zoom-in}
.ho-gal__full{position:absolute;top:12px;right:12px;width:46px;padding:0;box-shadow:3px 3px 0 var(--ink)}
/* full screen photos: counter and close on top, the picture fitted whole, every photo in a strip below */
.ho-lb{position:fixed;inset:0;z-index:200;height:100vh;height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;gap:10px;padding:max(10px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#0D0B0C;overscroll-behavior:contain}
.ho-lb[hidden]{display:none}
.ho-lb__bar{display:flex;align-items:center;justify-content:space-between;gap:12px}
.ho-lb__c{margin:0;color:var(--on-ink);font-size:15px;font-weight:700;white-space:nowrap}
.ho-lb__x{width:48px;padding:0;font-size:28px;line-height:1;box-shadow:3px 3px 0 var(--fu)}
.ho-lb__stage{position:relative;min-height:0;display:flex;align-items:center;justify-content:center}
.ho-lb__img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;border:2px solid var(--petal);border-radius:var(--tag-s)}
.ho-lb__p,.ho-lb__n{position:absolute;top:50%;width:46px;margin-top:-23px;padding:0;font-size:26px;line-height:1;box-shadow:3px 3px 0 var(--fu)}
.ho-lb__p{left:4px}.ho-lb__n{right:4px}
.ho-lb__thumbs{display:flex;gap:8px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px 6px}
.ho-lb__thumbs::-webkit-scrollbar{display:none}
.ho-lb__thumbs button{flex:none;width:64px;height:48px;padding:0;border:2px solid var(--line-ink);border-radius:var(--tag-xs);overflow:hidden;background:var(--ink-2);opacity:.6;scroll-snap-align:center;transition:opacity .15s}
.ho-lb__thumbs button[aria-current]{opacity:1;border-color:var(--petal);box-shadow:0 0 0 2px var(--fu)}
.ho-lb__thumbs img{display:block;width:100%;height:100%;object-fit:cover}
@media (hover:hover){.ho-lb__thumbs button:hover{opacity:1}}
@media (min-width:768px) and (min-height:560px){
  .ho-lb{gap:16px;padding:16px 24px 18px}
  .ho-lb__stage{padding-inline:70px}
  .ho-lb__p{left:0}.ho-lb__n{right:0}
  .ho-lb__thumbs{justify-content:safe center}
  .ho-lb__thumbs button{width:88px;height:64px}
}
.ho-car__side{display:flex;flex-direction:column;gap:20px;min-width:0}
.ho-car__t{font-size:clamp(32px,8.4vw,48px);line-height:1.02;font-weight:900;letter-spacing:-.03em;text-wrap:balance}
.ho-car__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--body)}
.ho-dot[data-family="White"]{--sw:#FFFFFF}.ho-dot[data-family="Black"]{--sw:#1A1A1C}.ho-dot[data-family="Silver"]{--sw:#C4C7CC}.ho-dot[data-family="Gray"]{--sw:#6B6F76}.ho-dot[data-family="Blue"]{--sw:#2A3FA8}.ho-dot[data-family="Red"]{--sw:#D2222D}.ho-dot[data-family="Brown"]{--sw:#7A5236}.ho-dot[data-family="Orange"]{--sw:#E0701C}.ho-dot[data-family="Yellow"]{--sw:#E5B92E}.ho-dot[data-family="Green"]{--sw:#2F6B45}
.ho-car__buy{display:flex;flex-direction:column;gap:14px}
.ho-car__price{font-size:46px;line-height:1;font-weight:900;letter-spacing:-.03em}
.ho-car__price s{display:block;font:500 16px/1.4 var(--text);color:var(--muted);letter-spacing:0}
.ho-car__acts{display:flex;flex-direction:column;gap:12px}
.ho-car__buy .ho-more{margin-right:10px}
.ho-specs{background:var(--paper);border-radius:var(--tag);padding:8px 20px}
.ho-specs div{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-top:1.5px solid var(--line)}
.ho-specs div:first-child{border-top:0}
.ho-specs dt{color:var(--body);flex-shrink:0}
.ho-specs dd{font-weight:600;text-align:right;overflow-wrap:anywhere}
.ho-about-car{display:flex;flex-direction:column;gap:16px;color:var(--body);max-width:68ch}
.ho-feats{display:grid;gap:8px 24px}
.ho-feats li{position:relative;padding-left:26px;color:var(--ink)}
.ho-feats li::before{content:"";position:absolute;left:0;top:.45em;width:14px;height:8px;border-left:3px solid var(--fu);border-bottom:3px solid var(--fu);transform:rotate(-45deg)}
.ho-ask__pic{width:min(100%,340px);aspect-ratio:1/.9;border-color:var(--petal);box-shadow:6px 6px 0 var(--fu)}
.ho-form--one{color:var(--ink)}
.ho-sec--ink .ho-form{box-shadow:6px 6px 0 var(--fu)}
@media (min-width:600px){
  .ho-form--one{grid-template-columns:minmax(0,1fr)}
  .ho-feats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-car__acts{flex-direction:row;flex-wrap:wrap}
}
@media (min-width:1024px){
  .ho-car{padding-block:20px 88px}
  .ho-car__in{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:44px;align-items:start}
  .ho-car__side{position:sticky;top:100px}
  .ho-car__acts{flex-direction:column}
  .ho-gal__thumbs button{width:96px;height:72px}
  .ho-specs{padding:12px 32px}
}

/* ---------- financing ---------- */
.ho-cols--3{grid-template-columns:minmax(0,1fr);gap:14px}
.ho-calc{display:grid;grid-template-columns:minmax(0,1fr);gap:22px}
.ho-calc__in{display:flex;flex-direction:column;gap:22px}
.ho-calc__l{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:16px}
.ho-calc__l b{font-size:24px;font-weight:800}
.ho-rng{width:100%;height:44px;margin:0;accent-color:var(--fu);cursor:pointer}
.ho-calc__term{display:flex;flex-direction:column;gap:8px}
.ho-calc__term>span{font-size:15px;font-weight:600}
.ho-dollars{display:flex;flex-direction:column;gap:12px;padding-top:18px;border-top:1.5px solid var(--line)}
.ho-dollars p{font-size:16px}
.ho-bar{display:flex;height:40px;border:2px solid var(--ink);border-radius:var(--tag-xs);overflow:hidden;background:var(--petal)}
.ho-bar span{display:block;height:100%;transition:width .5s var(--ease)}
.ho-bar__d{background:var(--ink)}
.ho-bar__l{background:var(--fu)}
.ho-bar__i{background:var(--petal)}
.ho-bar span.ho-bar__l{border-inline:2px solid var(--ink)}
.ho-bar span.ho-bar__i{flex:1}
.ho-bar__key{display:flex;flex-direction:column;gap:6px;font-size:15px}
.ho-bar__key i{display:inline-block;width:14px;height:14px;margin-right:8px;border:2px solid var(--ink);border-radius:4px 4px 4px 1px;vertical-align:-2px}
.ho-calc__out{background:var(--ink);color:var(--on-ink);border-radius:var(--tag);padding:26px 22px;display:flex;flex-direction:column;gap:12px;align-items:flex-start}
.ho-calc__m{font-size:clamp(64px,19vw,92px);line-height:.95;font-weight:900;letter-spacing:-.04em;color:#fff}
.ho-calc__small{font-size:14.5px;color:var(--on-ink-2)}
.ho-calc__out .ho-btn{margin-top:8px;align-self:stretch}
.ho-formside__pic{width:min(100%,360px);aspect-ratio:593/440}
@media (min-width:600px){
  .ho-cols--3{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
  .ho-bar__key{flex-direction:row;flex-wrap:wrap;gap:6px 24px}
}
@media (min-width:1024px){
  .ho-calc{grid-template-columns:minmax(0,1fr) minmax(0,clamp(300px,36%,400px));gap:28px;align-items:stretch}
  .ho-calc__out{padding:36px;justify-content:center}
  .ho-split--form{grid-template-columns:minmax(0,clamp(280px,31%,360px)) minmax(0,1fr);gap:clamp(40px,4.8vw,56px)}
  .ho-split--form .ho-formside{position:sticky;top:110px}
}
.ho-form__send .ho-btn{flex-shrink:0}

/* ---------- shipping ---------- */
.ho-ways{display:grid;gap:20px}
.ho-way{display:flex;flex-direction:column;text-align:left;padding:0;background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:var(--tag);overflow:hidden;box-shadow:6px 6px 0 var(--ink);transition:transform .2s var(--ease),box-shadow .2s}
.ho-way[aria-pressed="true"]{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--fu);background:var(--wash)}
.ho-way img{width:100%;height:180px;object-fit:cover;border-bottom:2px solid var(--ink)}
.ho-way>span{padding:18px 20px 22px;display:flex;flex-direction:column;gap:8px}
.ho-way b{font:800 24px/1.1 var(--display)}
.ho-way span span{font-size:16px;color:var(--body)}
.ho-way i{font-style:normal;font-size:15px;font-weight:700;color:var(--fu-deep)}
.ho-ways__line{margin-top:24px;font-size:17px}
.ho-day{display:grid;gap:0;border-left:8px solid var(--fu);margin-left:6px}
.ho-day li{position:relative;padding:4px 0 26px 24px;display:flex;flex-direction:column;gap:4px}
.ho-day li:last-child{padding-bottom:4px}
.ho-day li::before{content:"";position:absolute;left:-17px;top:4px;width:22px;height:22px;background:var(--petal);border:2px solid var(--ink);border-radius:999px}
.ho-day li:last-child::before{background:var(--fu)}
.ho-day li>span{font-size:15px;font-weight:700;color:var(--fu-deep)}
.ho-day p{color:var(--body);font-size:16px}
.ho-split--r .ho-stack{margin-bottom:26px}

/* ---------- consignment ---------- */
.ho-stands{display:grid;gap:26px;align-items:center}
.ho-stands .ho-photo{border-color:var(--petal);box-shadow:6px 6px 0 var(--fu);aspect-ratio:16/9}

/* ---------- contact ---------- */
.ho-router{padding-bottom:48px}
.ho-router .ho-hero__t{max-width:900px}
.ho-needs .ho-chip{min-height:52px;font:700 16px/1.15 var(--display);padding-inline:16px}
.ho-needs .ho-chip[aria-pressed="true"]{box-shadow:4px 4px 0 var(--ink)}
/* auto-advancing topics: a bar along the foot of the pressed chip fills up to the next switch */
.ho-needs.is-auto .ho-chip{position:relative;overflow:hidden}
.ho-needs.is-auto .ho-chip[aria-pressed="true"]::after{content:"";position:absolute;left:0;bottom:0;height:4px;width:100%;background:currentColor;opacity:.55;transform-origin:left;animation:ho-need-fill var(--need-every,4500ms) linear forwards}
.ho-needs.is-auto:hover .ho-chip[aria-pressed="true"]::after{animation-play-state:paused}
@keyframes ho-need-fill{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.ho-need{align-self:stretch;box-shadow:6px 6px 0 var(--fu);container-type:inline-size}
.ho-need__in{display:grid;gap:18px}
.ho-need__in p{color:var(--body)}
.ho-need__in p.ho-h3{color:var(--ink);font-size:24px;padding-bottom:4px}
.ho-need__in p.ho-need__topic{color:var(--ink);font-weight:600;padding-top:8px}
.ho-reach{display:grid;gap:20px}
.ho-reach__c{align-items:flex-start;gap:8px;padding:26px 22px}
.ho-reach__c .ho-h2{padding:6px 0 4px}
.ho-reach__tel{display:flex;align-items:center;min-height:46px;font-size:27px;font-weight:800;color:var(--ink);text-decoration:none}
.ho-reach__mail,.ho-reach__addr{display:flex;align-items:center;min-height:46px;font-size:17px;font-weight:600;overflow-wrap:anywhere}
.ho-reach__c .ho-btn{margin-top:10px}
.ho-map{align-self:stretch;height:240px;border:2px solid var(--ink);border-radius:var(--tag-m);overflow:hidden;margin-top:6px;background:var(--blush)}
.ho-map>div,.ho-map iframe{width:100%!important;height:100%!important;display:block;border:0}

/* ---------- about ---------- */
.ho-figs{display:grid;gap:14px}
.ho-figs__n{font-size:64px;line-height:1;font-weight:900;letter-spacing:-.03em;color:var(--ink)}
.ho-nos{display:grid;gap:14px}
.ho-no{background:var(--ink);color:var(--on-ink);border-radius:24px 24px 24px 4px;padding:24px;display:flex;flex-direction:column;gap:10px;min-height:170px}
.ho-no span{font-size:44px;line-height:1;font-weight:900;color:var(--petal)}
.ho-no--yes{background:var(--fu);color:#fff;border:2px solid var(--ink);box-shadow:5px 5px 0 var(--ink)}
.ho-no--yes span{color:#fff}
.ho-hand{display:flex;flex-direction:column;gap:14px;align-self:stretch}
.ho-hand li{display:flex;gap:14px;align-items:center;background:var(--ink-2);border-radius:20px 20px 20px 4px;padding:16px 18px}
.ho-hand div{display:flex;flex-direction:column}
.ho-hand b{font:700 20px/1.2 var(--display);color:var(--petal)}
.ho-hand div span{font-size:15.5px}
.ho-hand__pic{width:min(100%,420px);aspect-ratio:1/.95;border-color:var(--petal);box-shadow:6px 6px 0 var(--fu);justify-self:center}
.ho-team{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.ho-team .ho-card{padding:18px}
.ho-team__ph{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border:2px solid var(--ink);border-radius:var(--tag-m)}
.ho-ini{width:72px;height:72px;display:flex;align-items:center;justify-content:center;background:var(--petal);border:2px solid var(--ink);border-radius:var(--tag-m);font-size:26px;font-weight:800}
@media (min-width:600px){
  .ho-ways{grid-template-columns:repeat(3,minmax(0,1fr))}
  .ho-way img{height:220px}
  .ho-day{grid-template-columns:repeat(4,minmax(0,1fr));border-left:0;border-top:8px solid var(--fu);margin:12px 0 0}
  .ho-day li{padding:30px 20px 0 0}
  .ho-day li::before{left:0;top:-17px}
  .ho-reach{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-nos{grid-template-columns:repeat(2,minmax(0,1fr))}
  .ho-team{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:1024px){
  .ho-split--r .ho-stack{margin-bottom:0}
  .ho-stands{grid-template-columns:minmax(0,clamp(360px,48%,560px)) minmax(0,1fr);gap:clamp(40px,5vw,64px)}
  .ho-nos{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
  .ho-no{min-height:250px}
  .ho-reach__c{padding:34px}
  .ho-map{height:300px}
}
@media (min-width:900px){
  .ho-team{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@container (min-width:520px){
  .ho-figs{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@container (min-width:720px){
  .ho-need__in{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:end}
  .ho-need__in .ho-acts{justify-content:flex-end}
}

.ho-ribbon-m--wave{top:auto;bottom:16px;height:150px}

/* ---------- small pages ---------- */
.ho-card .ho-figs__n{font-size:64px;color:var(--ink)}
.ho-low img{object-position:50% 85%}
.ho-legal-hero{padding-bottom:32px}
.ho-legal{padding-top:32px}
.ho-legal__s{padding-top:6px;scroll-margin-top:90px}
.ho-prose h2{font-size:24px}
.ho-thanks .ho-hero__t{max-width:760px}
.ho-thanks__bow{transform-origin:center;animation:ho-pop .6s var(--ease) both}
.ho-bare{padding-bottom:0}
.ho-solo--full{min-height:100dvh;padding-block:40px}
.ho-signin{max-width:480px}
.ho-signin .ho-form{gap:18px}
.ho-thanks{padding-bottom:190px}

@media (max-width:640px){.ho-brand img{height:34px;max-width:130px}}

/* narrow phones: nothing may run past the screen edge */
@media (max-width:1023px){.ho-sub{grid-template-columns:minmax(0,1fr)}}
@media (max-width:389px){
  .ho-search__hint{min-width:0;font-size:15px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
  .ho-search__hint b{display:inline}
}
main{overflow-x:clip}