.spike-about{--about-yellow: var(--spike-accent, #ffd60a);--about-ink: #111;max-width:1430px;margin-inline:auto;padding:clamp(20px,3vw,44px) clamp(16px,3vw,40px) clamp(48px,6vw,88px);color:var(--about-ink);font-family:var(--font-nav-family, Arial, sans-serif)}.spike-about *,.spike-about *:before,.spike-about *:after{box-sizing:border-box}.spike-about :is(h1,h2,h3,p,figure){margin:0}.spike-about :is(h1,h2,h3){color:inherit;font-family:inherit;text-transform:none}.spike-about img{display:block;width:100%;height:auto}.spike-about a{color:inherit;text-decoration:none}.spike-about a:focus-visible{outline:3px solid currentColor;outline-offset:6px}.spike-about__hero{display:grid;grid-template-columns:1fr 1.02fr;overflow:hidden;border-radius:20px;background:var(--about-ink);color:#fff}.spike-about__intro{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(28px,4.3vw,64px);min-width:0}.spike-about .spike-about__eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:12px;font-size:12px;font-weight:750;line-height:1.5;letter-spacing:.12em;text-transform:uppercase}.spike-about .spike-about__title{width:100%;margin-bottom:28px;font-size:clamp(46px,5.3vw,76px);font-weight:800;line-height:.98;letter-spacing:-.05em}.spike-about__title span{display:block}.spike-about .spike-about__logo{width:100%;max-width:420px;height:auto;margin-top:16px}.spike-about .spike-about__lead{max-width:36ch;font-size:clamp(17px,1.45vw,20px);line-height:1.6;font-weight:600;color:#e5e5e5}.spike-about__hero-photo{position:relative;min-width:0}.spike-about .spike-about__hero-photo img{height:100%;object-fit:cover;object-position:50% 50%}.spike-about__photo-note{position:absolute;inset:auto 18px 18px;display:flex;justify-content:space-between;gap:16px;padding:12px 16px;background:var(--about-yellow);color:var(--about-ink);font-size:11px;font-weight:800;letter-spacing:.08em}.spike-about__story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(32px,6vw,88px);padding-block:clamp(48px,6vw,88px);scroll-margin-top:130px}.spike-about .spike-about__heading{margin-block:20px 24px;font-size:clamp(30px,3.5vw,48px);font-weight:800;line-height:1.08;letter-spacing:-.035em;text-wrap:balance}.spike-about__heading em{display:block;font-weight:450;font-style:normal}.spike-about .spike-about__body{max-width:55ch;font-size:16px;font-weight:500;line-height:1.75;color:#484848}.spike-about__body p+p{margin-top:16px}.spike-about__body strong{color:var(--about-ink);font-weight:750}.spike-about__community{min-width:0;background:#f3f3ef;border-radius:16px;overflow:hidden}.spike-about__community-header{padding:18px 24px;font-size:12px;font-weight:800;letter-spacing:.09em}.spike-about__community figcaption{padding:24px}.spike-about__community figcaption strong{font-size:21px;line-height:1.25;font-weight:800}.spike-about__community figcaption p{margin-top:12px;font-size:14px;font-weight:500;line-height:1.7;color:#484848}.spike-about__concept{padding:clamp(28px,4.5vw,64px);border-radius:20px;background:#111;color:#fff}.spike-about__concept .spike-about__heading{margin-block:0 40px}.spike-about__concept .spike-about__heading em{color:var(--about-yellow)}.spike-about__principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,56px)}.spike-about .spike-about__principle h3{font-size:22px;line-height:1.2;font-weight:750;letter-spacing:-.015em;margin-bottom:12px}.spike-about__principle p{font-size:15px;font-weight:500;line-height:1.7;color:#d4d4d4}.spike-about__visit{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:clamp(32px,5vw,72px);padding-top:clamp(48px,6vw,88px)}.spike-about .spike-about__store-photo{aspect-ratio:1.2;object-fit:cover;border-radius:16px}.spike-about .spike-about__address{margin-top:20px;font-size:16px;font-weight:800}.spike-about .spike-about__button{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;min-height:52px;max-width:100%;margin-top:24px;padding:14px 24px;border:2px solid var(--about-ink);border-radius:12px;background:var(--about-ink);color:#fff;font-size:14px;line-height:1.5;font-weight:800;transition:background-color .16s,color .16s}.spike-about__button svg{flex:0 0 24px;width:24px;height:24px}.spike-about .spike-about__button:focus-visible{outline-color:var(--about-ink)}.spike-about .spike-about__button:hover{background:var(--about-yellow);color:var(--about-ink)}@media(max-width:989px){.spike-about__intro{padding:32px 28px}.spike-about .spike-about__title{font-size:clamp(40px,5.5vw,54px)}.spike-about__story{gap:32px}.spike-about__principles{gap:24px}}@media(max-width:699px){.spike-about__hero,.spike-about__story,.spike-about__visit{grid-template-columns:1fr}.spike-about__hero{border-radius:16px}.spike-about__intro{padding:32px 24px}.spike-about .spike-about__title{font-size:clamp(41px,8.5vw,59px)}.spike-about .spike-about__logo{max-width:320px}.spike-about .spike-about__lead{font-size:17px;max-width:42ch}.spike-about .spike-about__eyebrow{font-size:11px;letter-spacing:.08em}.spike-about__hero-photo{aspect-ratio:1.65}.spike-about__photo-note{inset:auto 12px 12px;padding:9px 10px;font-size:10px;letter-spacing:.03em;gap:8px}.spike-about .spike-about__heading{font-size:clamp(30px,6.5vw,40px)}.spike-about__concept{padding:28px 24px;border-radius:16px}.spike-about__principles{grid-template-columns:1fr;gap:28px}.spike-about .spike-about__principle h3{font-size:21px;margin-bottom:10px}.spike-about .spike-about__store-photo{aspect-ratio:1.4}.spike-about__visit{gap:28px}}@media(prefers-reduced-motion:reduce){.spike-about .spike-about__button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/spike-about.css.map */