.hero{--dim: 2.25rem;position:relative;isolation:isolate;overflow:clip}.hero__grid-bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;-webkit-mask-image:linear-gradient(to bottom,#000 30%,transparent 95%);mask-image:linear-gradient(to bottom,#000 30%,transparent 95%)}.hero__grid{display:grid;gap:var(--space-xl);align-items:center}.hero__content{position:relative;max-width:40rem}.hero__heading{margin-block-end:var(--space-md);font-size:calc(clamp(3rem,1rem + 5.6vw,7rem) * var(--heading-scale))}.hero__text{max-width:30rem;margin-block-end:var(--space-lg)}.hero__text p:last-child{margin-block-end:0}.hero__actions{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.hero__actions .button{flex:1 1 auto}.hero__note{display:flex;align-items:center;gap:var(--space-2xs);margin:var(--space-md) 0 0;font-family:var(--font-mono-family);font-size:var(--text-xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-muted)}.hero__note:before{content:"";flex:none;width:.5rem;height:.5rem;background-color:var(--color-accent)}.hero__visual{position:relative;min-width:0}.hero__stage{position:relative;display:block}.hero__figure{position:relative}.hero__figure--dims{padding-block-start:var(--dim);padding-inline-end:var(--dim)}.hero__frame{--media-ratio: 16 / 10;border:var(--border-width) solid var(--color-line-strong);--tick-color: var(--color-accent);overflow:visible}.hero__frame>img,.hero__frame>svg{clip-path:inset(0)}.hero__frame--contain{--media-fit: contain}.hero__frame--contain .hero__image{padding:var(--media-inset, 0%)}.hero__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;fill:currentcolor;opacity:.25}.hero__fig{position:absolute;inset-block-start:0;inset-inline-start:0;z-index:1;max-width:calc(100% - 2rem);padding:.35rem .6rem;border-inline-end:var(--border-width) solid currentcolor;border-block-end:var(--border-width) solid currentcolor;background-color:var(--color-media);font-family:var(--font-mono-family);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);line-height:1.4;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hero__dim{position:absolute;display:grid;place-items:center;color:var(--color-muted);pointer-events:none}.hero__dim:before{content:"";position:absolute;background:linear-gradient(currentcolor,currentcolor) center / 100% 1px no-repeat,linear-gradient(currentcolor,currentcolor) left center / 1px 11px no-repeat,linear-gradient(currentcolor,currentcolor) right center / 1px 11px no-repeat;top:0;right:0;bottom:0;left:0}.hero__dim--x{inset-block-start:0;inset-inline:0 var(--dim);height:var(--dim)}.hero__dim--x:before{inset-block:calc(50% - 6px)}.hero__dim--y{inset-block:var(--dim) 0;inset-inline-end:0;width:var(--dim)}.hero__dim--y:before{inset-inline:calc(50% - 6px);background:linear-gradient(currentcolor,currentcolor) center / 1px 100% no-repeat,linear-gradient(currentcolor,currentcolor) center top / 11px 1px no-repeat,linear-gradient(currentcolor,currentcolor) center bottom / 11px 1px no-repeat}.hero__dim-label{position:relative;padding:.1rem .5rem;background-color:var(--color-background);font-family:var(--font-mono-family);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-ink);white-space:nowrap}.hero__dim--y .hero__dim-label{padding:.5rem .1rem;writing-mode:vertical-rl}.hero__plate{position:relative;z-index:3;margin:calc(var(--space-lg) * -1) var(--space-sm) 0;padding:var(--space-sm);border:var(--border-width) solid var(--color-line-strong);border-radius:var(--radius-card-sm);background-color:var(--color-raised);box-shadow:var(--shadow-hard);color:var(--color-ink)}.hero__plate:before{content:"";position:absolute;inset-block-start:-1px;inset-inline-start:-1px;width:2.5rem;height:2px;background-color:var(--color-accent)}.hero__plate-head{display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:0 var(--space-sm);margin-block-end:var(--space-xs)}.hero__plate-label{grid-column:1 / -1;margin:0 0 var(--space-3xs);font-family:var(--font-mono-family);font-size:var(--text-2xs);letter-spacing:var(--tracking-mono);text-transform:uppercase;color:var(--color-accent-text)}.hero__plate-title{margin:0;font-family:var(--font-heading-family);font-size:1.375rem;font-weight:var(--font-heading-weight);line-height:1.05;text-transform:uppercase;letter-spacing:var(--tracking-heading)}.hero__plate-title a{text-decoration:none}.hero__plate-price{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:0 .5rem;margin:0;font-size:var(--text-lg)}.hero__plate-price .price--compare{font-size:var(--text-sm)}.hero__specs.spec-plate{grid-template-columns:repeat(3,minmax(0,1fr))}.hero__specs .spec-plate__item{padding:var(--space-2xs) var(--space-xs)}.hero__specs .spec-plate__value{font-size:var(--text-base)}.hero__specs .spec-plate__label{white-space:nowrap;letter-spacing:.04em}.hero__specs .difficulty-meter__label{display:none}@media(max-width:389px){.hero{--dim: 1.75rem}.hero__specs .spec-plate__item{padding:var(--space-2xs)}}@media(min-width:750px){.hero__actions .button{flex:0 0 auto}.hero__plate{position:absolute;inset-block-end:calc(var(--space-lg) * -1);inset-inline-start:calc(var(--space-md) * -1);width:min(27rem,78%);margin:0;padding:var(--space-md)}.hero__visual{padding-block-end:var(--space-lg)}}@media(min-width:990px){.hero__grid{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:var(--space-2xl)}.hero__grid-bg{-webkit-mask-image:linear-gradient(to right,transparent 5%,#000 55%);mask-image:linear-gradient(to right,transparent 5%,#000 55%)}.hero__grid--reverse .hero__content{order:2}.hero__grid--reverse .hero__plate{inset-inline-start:auto;inset-inline-end:calc(var(--space-md) * -1 + var(--dim))}.hero__plate{inset-inline-start:calc(var(--space-xl) * -1)}}@media(min-width:750px)and (max-width:989px){.hero__plate{inset-inline-start:var(--space-md)}}@media(prefers-reduced-motion:no-preference){.hero__content>*{animation:rise-in .22s var(--ease-snap) both}.hero__content>:nth-child(2){animation-delay:50ms}.hero__content>:nth-child(3){animation-delay:.1s}.hero__content>:nth-child(4){animation-delay:.15s}.hero__content>:nth-child(5){animation-delay:.2s}.hero__frame>img{animation:wipe-in .26s var(--ease-snap) 80ms both}.hero__dim{animation:fade-in .16s linear .3s both}.hero__plate{animation:fade-in .16s linear .26s both}brick-tilt.hero__stage{transform:perspective(1600px) rotateX(var(--tilt-x, 0deg)) rotateY(var(--tilt-y, 0deg));transform-style:preserve-3d;transition:transform .24s var(--ease-out)}brick-tilt.hero__stage.is-tilting{transition-duration:.12s}brick-tilt.hero__stage .hero__plate{transform:translateZ(40px)}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/section-hero.css.map */