@font-face{font-family:'ST Marketing Inter';src:url('/assets/runtime/dd8a4575be9806105ac3decd02805cd2782fe7c05abb02c582316bc436ce03ae/font.woff2') format('woff2');font-weight:100 900;font-display:swap}
@font-face{font-family:'ST Marketing Inter Tight';src:url('/assets/runtime/5560c4c7446f576b8a567562187674c4603b4697dd82e91f73b73c87aea3b5f5/font.woff2') format('woff2');font-weight:600;font-display:swap}
/* Hōbi photographic aside. Original supplied photo and official app icon.
   Action coral is slightly deeper to keep the requested white medium label accessible. */
.st-hobi{--hobi-brand:#c85540;--hobi-action:#c3513d;--hobi-white:#fff;position:relative;isolation:isolate;overflow:hidden;background:#29271c;color:var(--hobi-white);font-family:'ST Marketing Inter',Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased}
.st-hobi *{box-sizing:border-box}
.st-hobi__photo{position:absolute;z-index:-2;inset:0;width:112%;max-width:none;height:100%;object-fit:cover;object-position:50% 45%;display:block}
.st-hobi::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(21,23,17,.88) 0%,rgba(21,23,17,.76) 30%,rgba(21,23,17,.18) 54%,transparent 75%)}
.st-hobi__inner{width:min(100% - 128px,1312px);min-height:568px;margin-inline:auto;display:flex;align-items:center;padding-block:48px}
.st-hobi__copy{width:650px;max-width:52%}
.st-hobi__eyebrow{font-size:var(--hobi-eyebrow-size);line-height:1.5;font-weight:400;letter-spacing:-.01em;margin:0 0 var(--hobi-eyebrow-gap)}
.st-hobi__title{--hobi-eyebrow-size:14px;--hobi-eyebrow-gap:8px;font-size:clamp(30px,2.7vw,36px);display:flex;align-items:center;gap:18px}
/* Two 1.05em title lines plus the eyebrow line and its gap. */
.st-hobi__app-icon{--hobi-icon-size:calc(2.1em + var(--hobi-eyebrow-size) * 1.5 + var(--hobi-eyebrow-gap));display:block;flex:none;width:var(--hobi-icon-size);height:var(--hobi-icon-size);object-fit:contain}
.st-hobi h2{font-family:'ST Marketing Inter Tight',Inter,Arial,sans-serif;font-size:inherit;font-weight:600;letter-spacing:-.05em;line-height:1.05;margin:0}
.st-hobi h2 span{white-space:nowrap}
/* Matches the homepage section introduction scale. */
.st-hobi__description{max-width:420px;font-size:18px;line-height:1.55;letter-spacing:-.015em;font-weight:400;margin:24px 0 0;text-wrap:pretty}
.st-hobi__cta{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:0 24px;min-height:52px;border:0;color:var(--hobi-white);background:var(--hobi-action);border-radius:999px;text-decoration:none;font-size:16px;font-weight:500;line-height:1.4;margin-top:28px;touch-action:manipulation;transition:background 160ms ease}
.st-hobi__cta:hover{background:#b54633}
.st-hobi__cta:focus-visible{outline:2px solid var(--hobi-white);outline-offset:5px}
.st-hobi__cta .st-arrow-up-right{transform:none}
.st-hobi__note{font-size:12px;line-height:1.5;margin:18px 0 0}
@media(min-width:1800px){.st-hobi__photo{object-position:50% 45%}.st-hobi__inner{min-height:628px}}
@media(max-width:1100px) and (min-width:701px){.st-hobi__inner{width:calc(100% - 64px);min-height:508px;padding-block:40px}.st-hobi__copy{max-width:58%}.st-hobi__title{font-size:clamp(26px,3.4vw,30px);gap:14px}.st-hobi__description{font-size:16px;max-width:345px}.st-hobi__photo{width:122%;object-position:50% 24%}.st-hobi::before{background:linear-gradient(90deg,rgba(21,23,17,.9),rgba(21,23,17,.76) 35%,rgba(21,23,17,.08) 68%,transparent 82%)}}
@media(max-width:700px){.st-hobi__photo{width:100%;height:520px;object-position:61% 50%;mask-image:linear-gradient(#000 72%,transparent);-webkit-mask-image:linear-gradient(#000 72%,transparent)}.st-hobi::before{background:linear-gradient(0deg,rgba(21,23,17,.98),rgba(21,23,17,.90) 30%,rgba(21,23,17,.32) 52%,transparent 72%)}.st-hobi__inner{width:calc(100% - 48px);min-height:708px;padding:320px 0 38px;align-items:flex-end}.st-hobi__copy{width:100%;max-width:460px}.st-hobi__title{--hobi-eyebrow-size:12px;--hobi-eyebrow-gap:6px;font-size:clamp(20px,5.6vw,24px);gap:12px}.st-hobi h2{line-height:1.05;letter-spacing:-.045em}.st-hobi__description{font-size:16px;margin-top:18px;max-width:420px}.st-hobi__cta{min-height:48px;margin-top:22px}.st-hobi__note{font-size:11px;margin-top:16px}}
@media(max-width:360px){.st-hobi__inner{width:calc(100% - 40px);padding-top:290px}.st-hobi__title{font-size:20px;gap:12px}.st-hobi__photo{object-position:60% 50%}}
@media(prefers-reduced-motion:reduce){.st-hobi__cta{transition:none}}