@import"https://fonts.googleapis.com/css2?family=Anton&family=JetBrains+Mono:wght@500;700&family=Noto+Sans+TC:wght@700;900&family=Noto+Sans+JP:wght@700;900&display=swap";:root{--hp-ink: #111114;--hp-ink-2: #1c1c21;--hp-paper: #f3efe6;--hp-red: #e63b2e;--hp-yellow: #ffc72c;--hp-line: rgba(243, 239, 230, .18);--hp-display: "Anton", "Noto Sans TC", Impact, sans-serif;--hp-mono: "JetBrains Mono", ui-monospace, monospace;--hp-zh: "Noto Sans TC", sans-serif}.hp-ja{--hp-zh: "Noto Sans JP", sans-serif}.header__heading-link .h2,.header__heading .h2{font-family:var(--hp-display);font-size:1.75rem;letter-spacing:.04em;line-height:1}.header__heading-link .h2 .hp-logo-port,.hp-red{color:var(--hp-red)}.announcement-bar{background:var(--hp-ink);color:var(--hp-paper)}.announcement-bar__message{font-family:var(--hp-mono);letter-spacing:.08em;font-size:.75rem}.hp-section{background:var(--hp-ink);color:var(--hp-paper);overflow:hidden;position:relative}.hp-section a{color:inherit}.hp-wrap{max-width:1320px;margin:0 auto;padding:0 1.25rem}.hp-eyebrow{font-family:var(--hp-mono);font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;display:inline-flex;align-items:center;gap:.625rem;color:var(--hp-yellow)}.hp-eyebrow:before{content:"";width:1.5rem;height:2px;background:currentColor}.hp-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 1.75rem;font-family:var(--hp-mono);font-weight:700;font-size:.875rem;letter-spacing:.12em;text-transform:uppercase;text-decoration:none;border:2px solid var(--hp-paper);transition:transform .15s ease,background .15s ease,color .15s ease}.hp-btn--solid{background:var(--hp-red);border-color:var(--hp-red);color:#fff!important}.hp-btn--solid:hover{transform:translate(-3px,-3px);box-shadow:6px 6px 0 var(--hp-yellow)}.hp-btn--ghost{color:var(--hp-paper)}.hp-btn--ghost:hover{background:var(--hp-paper);color:var(--hp-ink)!important}.hp-stripe{height:14px;background:repeating-linear-gradient(-45deg,var(--hp-yellow) 0 14px,var(--hp-ink) 14px 28px)}.hp-zh .hp-display-zh{font-family:var(--hp-zh);font-weight:900}.hp-hero{padding:3.75rem 0 0}.hp-hero__grid{display:grid;grid-template-columns:1.15fr 1fr;gap:2.5rem;align-items:center}.hp-hero__title{font-family:var(--hp-display);font-weight:400;text-transform:uppercase;font-size:clamp(4.5rem,15vw,12.5rem);line-height:.82;letter-spacing:-.01em;margin:1.25rem 0 1.5rem;color:var(--hp-paper)}.hp-hero__title>span{display:block}.hp-hero__title .hp-dot{display:inline;color:var(--hp-red);-webkit-text-stroke:0}.hp-hero__title .hp-outline{color:transparent;-webkit-text-stroke:2px var(--hp-paper)}.hp-hero__title .hp-red{color:var(--hp-red)}.hp-hero__tag{font-family:var(--hp-display);font-size:clamp(1.625rem,3.2vw,2.5rem);line-height:1.1;text-transform:uppercase;margin:0 0 1rem}.hp-zh .hp-hero__tag{font-family:var(--hp-zh);font-weight:900;text-transform:none}.hp-hero__sub{font-size:1rem;line-height:1.7;opacity:.8;max-width:32.5rem;margin:0 0 2rem}.hp-hero__ctas{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.hp-hero__ctas .hp-btn{width:auto;flex:0 0 auto}.hp-hero__visual{position:relative;min-height:35rem}.hp-collage{position:absolute;top:0;right:0;bottom:0;left:0}.hp-collage__item{position:absolute;width:44%;aspect-ratio:1;background:#fff;padding:.625rem;box-shadow:0 1.25rem 2.5rem #00000073;transition:transform .3s ease}.hp-collage__item img{width:100%;height:100%;object-fit:contain;display:block}.hp-collage__item:hover{transform:rotate(0) scale(1.04)!important;z-index:5}.hp-collage__item:nth-child(1){top:0;left:4%;transform:rotate(-6deg)}.hp-collage__item:nth-child(2){top:6%;right:0;transform:rotate(5deg)}.hp-collage__item:nth-child(3){top:38%;left:24%;transform:rotate(-2deg);z-index:2}.hp-collage__item:nth-child(4){bottom:0;left:0;transform:rotate(4deg)}.hp-collage__item:nth-child(5){bottom:4%;right:4%;transform:rotate(-5deg)}.hp-manifest{position:absolute;z-index:4;right:-1rem;top:44%;width:18.75rem;background:var(--hp-paper);color:var(--hp-ink);font-family:var(--hp-mono);font-size:.719rem;padding:1rem 1.125rem;transform:rotate(3deg);box-shadow:0 1rem 1.875rem #00000080}.hp-manifest__head{display:flex;justify-content:space-between;border-bottom:2px solid var(--hp-ink);padding-bottom:.8rem;margin-bottom:.8rem;font-weight:700;letter-spacing:.12em}.hp-manifest__head b{background:var(--hp-red);color:#fff;padding:0 .6rem}.hp-manifest dl{margin:0;display:grid;grid-template-columns:auto 1fr;gap:.4rem .75rem}.hp-manifest dt{opacity:.6;letter-spacing:.1em}.hp-manifest dd{margin:0;font-weight:700}.hp-manifest__barcode{margin-top:.625rem;height:2rem;background:repeating-linear-gradient(90deg,var(--hp-ink) 0 2px,transparent 2px 4px,var(--hp-ink) 4px 7px,transparent 7px 9px,var(--hp-ink) 9px 10px,transparent 10px 13px)}.hp-hero__stats{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--hp-line);margin-top:3.75rem}.hp-hero__stats div{padding:1.5rem 1.25rem;border-right:1px solid var(--hp-line)}.hp-hero__stats div:last-child{border-right:0}.hp-hero__stats strong{display:block;font-family:var(--hp-display);font-size:2.75rem;line-height:1;font-weight:400;color:var(--hp-yellow)}.hp-hero__stats span{font-family:var(--hp-mono);font-size:.719rem;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.hp-zh .hp-hero__stats span{font-family:var(--hp-zh);letter-spacing:.06em;font-size:.812rem}.hp-marquee{background:var(--hp-red);color:#fff;padding:1.125rem 0;overflow:hidden;white-space:nowrap;border-top:3px solid var(--hp-ink);border-bottom:3px solid var(--hp-ink)}.hp-marquee__track{display:inline-flex;animation:hp-scroll 32s linear infinite}.hp-marquee__track span{font-family:var(--hp-display);font-size:2.25rem;text-transform:uppercase;padding:0 1.5rem;display:inline-flex;align-items:center;gap:3rem}.hp-zh .hp-marquee__track span{font-family:var(--hp-zh);font-weight:900;font-size:1.875rem}.hp-marquee__track span:after{content:"";width:.875rem;height:.875rem;background:var(--hp-yellow);transform:rotate(45deg)}@keyframes hp-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.hp-marquee__track{animation:none}}.hp-cats{padding:5rem 0;background:var(--hp-paper);color:var(--hp-ink)}.hp-cats .hp-eyebrow{color:var(--hp-red)}.hp-head{display:flex;justify-content:space-between;align-items:end;gap:1.25rem;margin-bottom:2rem;flex-wrap:wrap}.hp-head h2{font-family:var(--hp-display);font-weight:400;text-transform:uppercase;font-size:clamp(2.75rem,7vw,5.5rem);line-height:.9;margin:.75rem 0 0}.hp-zh .hp-head h2{font-family:var(--hp-zh);font-weight:900}.hp-head p{max-width:25rem;margin:0;font-size:.938rem;line-height:1.7;opacity:.75}.hp-cats__grid{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:15rem;gap:.75rem}.hp-cat{position:relative;display:block;text-decoration:none;background:#fff;border:2px solid var(--hp-ink);overflow:hidden;color:var(--hp-ink)!important}.hp-cat:nth-child(1){grid-column:span 2;grid-row:span 2}.hp-cat img{position:absolute;top:1rem;right:1rem;bottom:4rem;left:1rem;width:calc(100% - 2rem);height:calc(100% - 5rem);object-fit:contain;transition:transform .35s ease}.hp-cat:hover img{transform:scale(1.06) rotate(-2deg)}.hp-cat__label{position:absolute;left:0;right:0;bottom:0;display:flex;justify-content:space-between;align-items:center;padding:.75rem 1rem;background:var(--hp-ink);color:var(--hp-paper)}.hp-cat__label strong{font-family:var(--hp-display);font-weight:400;font-size:1.5rem;text-transform:uppercase;letter-spacing:.02em}.hp-zh .hp-cat__label strong{font-family:var(--hp-zh);font-weight:900;font-size:1.25rem}.hp-cat__label span{font-family:var(--hp-mono);font-size:.75rem;color:var(--hp-yellow)}.hp-cat:hover .hp-cat__label{background:var(--hp-red)}.hp-cat:nth-child(1) .hp-cat__label strong{font-size:2.5rem}.hp-how{padding:5rem 0}.hp-how__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--hp-line)}.hp-step{padding:2rem 1.75rem 2.25rem;border-right:1px solid var(--hp-line);position:relative}.hp-step:last-child{border-right:0}.hp-step__num{font-family:var(--hp-display);font-size:6rem;line-height:.9;color:transparent;-webkit-text-stroke:1.5px var(--hp-yellow)}.hp-step h3{font-family:var(--hp-display);font-weight:400;font-size:1.875rem;text-transform:uppercase;margin:1rem 0 .625rem;color:var(--hp-paper)}.hp-zh .hp-step h3{font-family:var(--hp-zh);font-weight:900;font-size:1.5rem}.hp-step p{margin:0;line-height:1.7;opacity:.75;font-size:.938rem}.hp-rates{margin-top:2rem;display:grid;grid-template-columns:1.2fr repeat(3,1fr);border:1px solid var(--hp-line);font-family:var(--hp-mono)}.hp-rates>div{padding:1.25rem 1.5rem;border-right:1px solid var(--hp-line)}.hp-rates>div:last-child{border-right:0}.hp-rates small{display:block;font-size:.688rem;letter-spacing:.16em;opacity:.6;text-transform:uppercase}.hp-rates b{font-size:1.5rem;color:var(--hp-yellow)}.hp-rates__note{background:var(--hp-red)}.hp-rates__note p{margin:.6rem 0 0;font-size:.781rem;line-height:1.6}.hp-rates__note a{text-decoration:underline}.hp-zh .hp-rates__note p{font-family:var(--hp-zh)}.hp-band{background:var(--hp-paper)}.hp-band .title,.hp-band .collection__title .title{font-family:var(--hp-display);text-transform:uppercase;font-weight:400;font-size:clamp(2.25rem,5vw,4rem);letter-spacing:.01em}@media(max-width:989px){.hp-hero__grid{grid-template-columns:1fr}.hp-hero__visual{min-height:27.5rem}.hp-manifest{right:0;top:auto;bottom:-1rem;width:16.25rem}.hp-hero__stats{grid-template-columns:repeat(2,1fr)}.hp-hero__stats div:nth-child(2){border-right:0}.hp-hero__stats div:nth-child(-n+2){border-bottom:1px solid var(--hp-line)}.hp-cats__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:12.5rem}.hp-how__steps{grid-template-columns:1fr}.hp-step{border-right:0;border-bottom:1px solid var(--hp-line)}.hp-rates{grid-template-columns:repeat(3,1fr)}.hp-rates__note{grid-column:1 / -1;order:2;border-right:0!important}}@media(max-width:599px){.hp-wrap{padding:0 1rem}.hp-hero{padding-top:2rem}.hp-hero__visual{min-height:21.25rem}.hp-manifest{font-size:.625rem;width:13.75rem;padding:.75rem}.hp-hero__stats strong{font-size:2.125rem}.hp-marquee__track span{font-size:1.625rem}.hp-rates>div{padding:1rem .75rem}.hp-rates b{font-size:1.125rem}.hp-step__num{font-size:4.5rem}}.header-logo,.header-logo *{font-family:var(--hp-display)!important;font-weight:400!important;letter-spacing:.04em}.header-logo{font-size:1.9rem!important;text-transform:uppercase}.announcement-bar__text,[class*=announcement] p{font-family:var(--hp-mono);letter-spacing:.12em;font-size:.75rem}.product-card img{object-fit:contain!important;background:#fff}.product-card{--hp-card-border: 1px solid rgba(17,17,20,.12)}.product-card .card-gallery,.product-card [class*=gallery]{background:#fff}.hp-formpage{padding:4rem 0 0}.hp-formpage__head{max-width:47rem;margin-bottom:3rem}.hp-formpage__head h1{font-family:var(--hp-display);font-weight:400;text-transform:uppercase;color:var(--hp-paper);font-size:clamp(3rem,8vw,6rem);line-height:.9;margin:1rem 0 1.5rem}.hp-zh .hp-formpage__head h1{font-family:var(--hp-zh);font-weight:900;font-size:clamp(2.25rem,6vw,4.5rem);line-height:1.15}.hp-formpage__head p{font-size:1rem;line-height:1.8;opacity:.8;margin:0}.hp-formpanel{margin-top:3rem;background:var(--hp-paper);color:var(--hp-ink);border:3px solid var(--hp-ink);box-shadow:10px 10px 0 var(--hp-red);padding:2.5rem;max-width:56rem}.hp-formpanel__title{font-family:var(--hp-display);font-weight:400;text-transform:uppercase;font-size:2.25rem;line-height:1;margin:0 0 .75rem;color:var(--hp-ink)}.hp-zh .hp-formpanel__title{font-family:var(--hp-zh);font-weight:900;font-size:1.75rem}.hp-formpanel__note{font-size:.875rem;line-height:1.7;margin:0 0 1.75rem;opacity:.75}.hp-req{color:var(--hp-red);font-weight:700}.hp-form__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.25rem 1.5rem;margin-bottom:2rem}.hp-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}.hp-field--wide{grid-column:1 / -1}.hp-field label{font-family:var(--hp-mono);font-size:.75rem;font-weight:700;letter-spacing:.08em}.hp-zh .hp-field label{font-family:var(--hp-zh);font-size:.875rem;letter-spacing:.02em}.hp-field input,.hp-field select,.hp-field textarea{width:100%;font:inherit;font-size:1rem;color:var(--hp-ink);background:#fff;border:2px solid var(--hp-ink);border-radius:0;padding:.75rem .875rem;min-height:3rem}.hp-field textarea{resize:vertical;line-height:1.6}.hp-field input:focus,.hp-field select:focus,.hp-field textarea:focus{outline:3px solid var(--hp-yellow);outline-offset:0}.hp-form .hp-btn{cursor:pointer}.hp-form__error{background:#fde8e6;border:2px solid var(--hp-red);padding:1rem;margin-bottom:1.5rem;font-size:.875rem}.hp-form__error ul{margin:0;padding-left:1.25rem}.hp-form__done strong{display:block;font-family:var(--hp-display);font-weight:400;font-size:2rem;text-transform:uppercase;line-height:1.1}.hp-zh .hp-form__done strong{font-family:var(--hp-zh);font-weight:900;font-size:1.5rem}.hp-form__done p{margin:.75rem 0 0;line-height:1.7}@media(max-width:599px){.hp-formpage{padding-top:2.5rem}.hp-formpanel{padding:1.5rem 1rem;box-shadow:6px 6px 0 var(--hp-red)}.hp-form__grid{grid-template-columns:1fr}.hp-form .hp-btn{width:100%;justify-content:center}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/hobbyport.css.map */