@import"https://fonts.googleapis.com/css2?family=Fredoka:wght@400;500;600;700&family=Plus+Jakarta+Sans:wght@400;500;600;700;800&display=swap";.hoff{--h-brand:#5C3A22;--h-brand-strong:#402715;--h-brand-soft:#E8D8C6;--h-caramel:#C6883F;--h-caramel-soft:#EBD3B0;--h-bg:#ECE3D2;--h-surface:#F7EFE1;--h-paper:#FDF8EE;--h-espresso:#2A1810;--h-fg:#2E1D12;--h-fg-muted:#6A5341;--h-cream:#F6ECDD;--h-line:#D8C7AE;--h-display:"Fredoka", system-ui, sans-serif;--h-body:"Plus Jakarta Sans", system-ui, sans-serif;font-family:var(--h-body);color:var(--h-fg);background:var(--h-bg);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.hoff *{box-sizing:border-box}.hoff h1,.hoff h2,.hoff h3,.hoff h4{font-family:var(--h-display);margin:0;line-height:1.05;font-weight:700}.hoff p{margin:0}.hoff a{color:inherit;text-decoration:none}.hoff img{display:block;max-width:100%}.hoff section{scroll-margin-top:76px}.hoff-btn{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--h-display);font-weight:600;font-size:1rem;padding:.8rem 1.5rem;border-radius:999px;border:2px solid transparent;cursor:pointer;transition:.16s ease;text-decoration:none}.hoff-btn-pri{background:var(--h-brand);color:var(--h-cream)}.hoff-btn-pri:hover{background:var(--h-brand-strong);transform:translateY(-2px)}.hoff-btn-out{background:transparent;border-color:var(--h-brand);color:var(--h-brand)}.hoff-btn-out:hover{background:var(--h-brand);color:var(--h-cream)}.hoff-side{position:fixed;left:0;top:0;bottom:0;width:280px;background:var(--h-espresso);color:var(--h-cream);display:flex;flex-direction:column;padding:26px 24px;z-index:100;overflow-y:auto}.hoff-side-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.hoff-brand{display:flex;align-items:center;gap:12px;color:inherit}.hoff-mark{width:52px;height:52px;border-radius:14px;object-fit:cover;background:var(--h-cream);flex:none;box-shadow:0 6px 16px #00000059}.hoff-name{font-family:var(--h-display);font-weight:700;font-size:1.5rem;line-height:.9;display:flex;flex-direction:column;letter-spacing:.08em}.hoff-name small{font-family:var(--h-body);font-weight:600;font-size:.58rem;letter-spacing:.22em;text-transform:uppercase;color:var(--h-caramel);margin-top:5px}.hoff-burger{display:none;background:none;border:0;color:var(--h-cream);cursor:pointer}.hoff-side-body{flex:1;display:flex;flex-direction:column;min-height:0;margin-top:32px}.hoff-index{display:flex;flex-direction:column;gap:2px;flex:1}.hoff-index a{display:flex;align-items:baseline;gap:13px;padding:12px;border-radius:12px;color:#f6ecdd9e;font-family:var(--h-display);font-weight:600;transition:.16s;position:relative}.hoff-index a i{font-style:normal;font-size:.72rem;letter-spacing:.08em;color:#f6ecdd66;width:20px;flex:none;font-variant-numeric:tabular-nums}.hoff-index a span{font-size:1.12rem}.hoff-index a:hover{color:var(--h-cream);background:#ffffff0d}.hoff-index a.is-active{color:var(--h-cream)}.hoff-index a.is-active i{color:var(--h-caramel)}.hoff-index a.is-active:before{content:"";position:absolute;left:-24px;top:9px;bottom:9px;width:4px;background:var(--h-caramel);border-radius:0 3px 3px 0}.hoff-side-foot{margin-top:auto;display:flex;flex-direction:column;gap:14px;border-top:1px solid rgba(255,255,255,.12);padding-top:20px}.hoff-lang{align-self:flex-start;background:transparent;border:1.5px solid rgba(246,236,221,.4);color:var(--h-cream);border-radius:999px;padding:.4rem .9rem;font-family:var(--h-display);font-weight:600;font-size:.82rem;cursor:pointer;letter-spacing:.05em}.hoff-lang span{color:#f6ecdd73}.hoff-side-socials{display:flex;gap:14px;font-family:var(--h-display);font-weight:600;font-size:.9rem}.hoff-side-socials a{color:var(--h-caramel)}.hoff-side-socials a:hover{color:var(--h-cream)}.hoff-side-note{font-size:.76rem;color:#f6ecdd80;line-height:1.5}.hoff-main{margin-left:280px}.hoff-sec{max-width:1120px;padding:80px clamp(28px,6vw,90px)}.hoff-head{display:flex;gap:22px;align-items:flex-start;margin-bottom:34px;padding-bottom:22px;border-bottom:2px solid var(--h-line)}.hoff-head-n{font-family:var(--h-display);font-weight:700;font-size:2.4rem;color:var(--h-caramel);line-height:1;flex:none}.hoff-kick{font-family:var(--h-display);font-weight:600;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;color:var(--h-fg-muted)}.hoff-head h2{font-family:var(--h-display);font-weight:700;font-size:clamp(1.9rem,3.6vw,2.9rem);line-height:1.02;margin:.3rem 0 0;color:var(--h-brand-strong)}.hoff-sub{color:var(--h-fg-muted);font-size:1.05rem;max-width:58ch;margin-top:.55rem}.hoff-cover{max-width:1120px;padding:clamp(58px,7vh,104px) clamp(28px,6vw,90px) 44px}.hoff-cover-in{max-width:960px}.hoff-dateline{display:flex;flex-wrap:wrap;gap:0 20px;font-family:var(--h-display);font-weight:600;text-transform:uppercase;letter-spacing:.14em;font-size:.74rem;color:var(--h-fg-muted);border-top:2px solid var(--h-brand);border-bottom:2px solid var(--h-brand);padding:10px 0;margin-bottom:30px}.hoff-dateline span{position:relative;padding-right:20px}.hoff-dateline span:after{content:"·";position:absolute;right:6px;color:var(--h-caramel)}.hoff-dateline span:last-child{padding-right:0}.hoff-dateline span:last-child:after{content:""}.hoff-cover-h{font-family:var(--h-display);font-weight:700;font-size:clamp(2.6rem,6vw,5rem);line-height:1;letter-spacing:-.02em;color:var(--h-brand-strong)}.hoff-cover-h em{font-style:normal;color:var(--h-caramel)}.hoff-cover-lead{font-size:clamp(1.08rem,1.7vw,1.32rem);max-width:60ch;color:var(--h-fg-muted);margin:1.3rem 0 1.8rem;line-height:1.5}.hoff-cover-cta{display:flex;gap:.7rem;flex-wrap:wrap}.hoff-cover-plate{margin:46px 0 0;position:relative;border-radius:22px;overflow:hidden;box-shadow:0 30px 60px #2e1d1238}.hoff-cover-plate img{width:100%;height:clamp(260px,42vh,460px);object-fit:cover;object-position:center 38%}.hoff-cover-plate figcaption{position:absolute;left:18px;bottom:18px;background:var(--h-espresso);color:var(--h-cream);font-family:var(--h-display);font-weight:600;font-size:.82rem;padding:.5rem .9rem;border-radius:999px}.hoff-facts{display:grid;grid-template-columns:repeat(4,1fr);margin-top:34px;border-top:2px solid var(--h-line)}.hoff-fact{padding:20px 16px;border-right:1px solid var(--h-line)}.hoff-fact:last-child{border-right:0}.hoff-fact-n{font-family:var(--h-display);font-weight:700;font-size:1.9rem;color:var(--h-brand)}.hoff-fact-l{font-size:.82rem;color:var(--h-fg-muted);margin-top:.2rem}.hoff-shelf-track{display:flex;gap:22px;overflow-x:auto;padding:4px 2px 24px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch}.hoff-shelf-track::-webkit-scrollbar{height:8px}.hoff-shelf-track::-webkit-scrollbar-thumb{background:var(--h-border,#D8C7AE);border-radius:8px}.hoff-plate{flex:0 0 clamp(280px,32vw,360px);scroll-snap-align:start;background:var(--h-paper);border:1px solid var(--h-line);border-radius:20px;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 14px 30px #2e1d1214}.hoff-plate-pic{position:relative;aspect-ratio:3/4;overflow:hidden;background:#fff}.hoff-plate-pic img{width:100%;height:100%;object-fit:cover;object-position:center top}.hoff-plate-badge{position:absolute;left:12px;top:12px;background:var(--h-caramel);color:var(--h-espresso);font-family:var(--h-display);font-weight:700;font-size:.8rem;padding:.3rem .75rem;border-radius:999px;box-shadow:0 5px 12px #2e1d1240}.hoff-plate figcaption{padding:16px 18px}.hoff-plate figcaption h3{font-family:var(--h-display);font-weight:700;font-size:1.14rem;color:var(--h-brand-strong);margin-bottom:.35rem}.hoff-plate figcaption p{font-size:.9rem;color:var(--h-fg-muted);line-height:1.45}.hoff-shelf-end{flex:0 0 clamp(240px,26vw,300px);scroll-snap-align:start;background:var(--h-espresso);color:var(--h-cream);border-radius:20px;padding:28px;display:flex;flex-direction:column;justify-content:center;gap:12px}.hoff-shelf-end span{font-family:var(--h-display);font-weight:700;font-size:2rem;color:var(--h-caramel)}.hoff-shelf-end p{font-size:.95rem;color:#efe2d2}.hoff-feature-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:48px;align-items:start}.hoff-feature-body p{font-size:1.08rem;margin-bottom:1.1rem;color:var(--h-fg);max-width:62ch}.hoff-drop:first-letter{font-family:var(--h-display);font-weight:700;font-size:3.6rem;float:left;line-height:.72;padding:.06em .12em 0 0;color:var(--h-brand)}.hoff-quote{margin:1.6rem 0 0;border-left:4px solid var(--h-caramel);padding:.3rem 0 .3rem 22px;font-family:var(--h-display);font-weight:600;font-size:1.5rem;line-height:1.28;color:var(--h-brand-strong)}.hoff-quote cite{display:block;font-family:var(--h-body);font-style:normal;font-weight:600;font-size:.82rem;color:var(--h-fg-muted);margin-top:.7rem}.hoff-feature-plates{display:flex;flex-direction:column;gap:22px}.hoff-feature-plates figure{margin:0}.hoff-feature-plates figure:nth-child(1){transform:rotate(-1.6deg)}.hoff-feature-plates figure:nth-child(2){transform:rotate(1.6deg);margin-left:12%}.hoff-feature-plates img{width:100%;border-radius:16px;border:6px solid var(--h-paper);box-shadow:0 18px 36px #2e1d122e;aspect-ratio:4/5;object-fit:cover}.hoff-feature-plates figcaption{font-family:var(--h-display);font-weight:600;font-size:.78rem;color:var(--h-fg-muted);margin-top:.5rem;text-align:center}.hoff-ledger{list-style:none;margin:0;padding:0;border-top:2px solid var(--h-line)}.hoff-row{display:grid;grid-template-columns:auto 1fr auto;gap:26px;align-items:center;padding:26px 6px;border-bottom:2px solid var(--h-line);transition:.16s}.hoff-row:hover{background:var(--h-surface)}.hoff-row-n{font-family:var(--h-display);font-weight:700;font-size:1.4rem;color:var(--h-caramel);line-height:1}.hoff-row-k{font-family:var(--h-display);font-weight:600;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem;color:var(--h-brand);background:var(--h-brand-soft);padding:.2rem .6rem;border-radius:999px;display:inline-block;margin-bottom:.5rem}.hoff-row-main h3{font-family:var(--h-display);font-weight:700;font-size:1.3rem;color:var(--h-brand-strong);margin-bottom:.3rem}.hoff-row-main p{font-size:.98rem;color:var(--h-fg-muted);max-width:72ch}.hoff-row-pic{width:110px;height:110px;flex:none;border-radius:14px;overflow:hidden;border:1px solid var(--h-line)}.hoff-row-pic img{width:100%;height:100%;object-fit:cover}.hoff-columns{columns:3;column-gap:16px}.hoff-columns figure{margin:0 0 16px;break-inside:avoid;position:relative;border-radius:14px;overflow:hidden;border:1px solid var(--h-line)}.hoff-columns img{width:100%;transition:transform .5s}.hoff-columns figure:hover img{transform:scale(1.05)}.hoff-columns figcaption{position:absolute;left:10px;bottom:10px;background:#2a1810d1;color:var(--h-cream);font-family:var(--h-display);font-weight:600;font-size:.7rem;padding:.25rem .6rem;border-radius:999px}.hoff-gal-cap{margin-top:24px;max-width:72ch;font-size:1.05rem;color:var(--h-fg-muted)}.hoff-dir-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.hoff-addr{background:var(--h-paper);border:1px solid var(--h-line);border-radius:20px;padding:30px 30px 32px;display:flex;flex-direction:column}.hoff-addr-tag{font-family:var(--h-display);font-weight:700;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--h-caramel)}.hoff-addr h3{font-family:var(--h-display);font-weight:700;font-size:1.9rem;color:var(--h-brand-strong);margin:.3rem 0 .1rem}.hoff-addr-line{color:var(--h-fg-muted);margin-bottom:1.1rem}.hoff-addr-meta{margin:0 0 1.3rem;border-top:1px solid var(--h-line)}.hoff-addr-meta>div{display:flex;justify-content:space-between;gap:16px;padding:.72rem 0;border-bottom:1px solid var(--h-line)}.hoff-addr-meta dt{font-family:var(--h-display);font-weight:600;text-transform:uppercase;letter-spacing:.05em;font-size:.72rem;color:var(--h-fg-muted)}.hoff-addr-meta dd{margin:0;font-size:.95rem;font-weight:500;text-align:right}.hoff-inline{color:var(--h-brand);font-weight:600;text-decoration:underline}.hoff-addr .hoff-btn{margin-top:auto;align-self:flex-start}.hoff-colophon{background:var(--h-espresso);color:#e9dbca;padding:56px clamp(28px,6vw,90px);text-align:center}.hoff-colophon-mark{width:72px;height:72px;border-radius:18px;object-fit:cover;background:var(--h-cream);margin:0 auto 18px;box-shadow:0 10px 24px #00000059}.hoff-colophon-tag{font-family:var(--h-display);font-weight:700;font-size:1.5rem;color:var(--h-cream)}.hoff-colophon-cr{color:#b6a18c;font-size:.86rem;margin-top:1rem;max-width:72ch;margin-inline:auto}.hoff-colophon-disc{color:#8f7c68;font-size:.76rem;margin-top:.6rem;max-width:66ch;margin-inline:auto}@media (max-width:1180px){.hoff-feature-grid{grid-template-columns:1fr;gap:32px}.hoff-feature-plates{flex-direction:row}.hoff-feature-plates figure:nth-child(2){margin-left:0}.hoff-columns{columns:2}}@media (max-width:980px){.hoff-side{flex-direction:row;align-items:center;justify-content:space-between;inset:0 0 auto 0;width:auto;height:64px;padding:10px 18px;overflow:visible}.hoff-burger{display:inline-flex}.hoff-mark{width:40px;height:40px;border-radius:11px}.hoff-name{font-size:1.2rem}.hoff-name small{font-size:.52rem}.hoff-side-body{position:fixed;left:0;right:0;top:64px;margin:0;padding:10px 16px 18px;background:var(--h-espresso);max-height:calc(100vh - 64px);overflow:auto;transform:translateY(-14px);opacity:0;pointer-events:none;transition:.2s;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 30px #0000004d}.hoff-side.is-open .hoff-side-body{transform:none;opacity:1;pointer-events:auto}.hoff-index a.is-active:before{display:none}.hoff-main{margin-left:0;margin-top:64px}.hoff-dir-grid{grid-template-columns:1fr}}@media (max-width:640px){.hoff-sec{padding:56px 22px}.hoff-cover{padding:40px 22px 32px}.hoff-head{gap:14px}.hoff-head-n{font-size:1.8rem}.hoff-facts{grid-template-columns:repeat(2,1fr)}.hoff-fact:nth-child(2){border-right:0}.hoff-fact:nth-child(1),.hoff-fact:nth-child(2){border-bottom:1px solid var(--h-line)}.hoff-feature-plates{flex-direction:column}.hoff-columns{columns:1}.hoff-row{grid-template-columns:auto 1fr;gap:14px}.hoff-row-pic{display:none}}