.craftsmanship-story,.craftsmanship-story *{box-sizing:border-box}.craftsmanship-story img,.craftsmanship-story button{display:block}.craftsmanship-story button{color:inherit;font:inherit}.craftsmanship-story{--craftsmanship-background: #17110e;--craftsmanship-background-deep: #0d0a08;--craftsmanship-text: #f1f0eb;--craftsmanship-muted: #9da3a3;--craftsmanship-faint: rgba(241, 240, 235, .16);--craftsmanship-line: rgba(241, 240, 235, .26);--craftsmanship-accent: #d4d9d6;--craftsmanship-gutter: clamp(1.25rem, 4vw, 4.5rem);display:block;position:relative;padding:4vh 0;isolation:isolate;overflow:visible;background:linear-gradient(180deg,var(--craftsmanship-background-deep) 0%,var(--craftsmanship-background) 9rem,var(--craftsmanship-background) calc(100% - 9rem),var(--craftsmanship-background-deep) 100%);color:var(--craftsmanship-text)}.story-panel{position:relative;width:calc(100% - 6vw);max-width:1680px;height:clamp(560px,64vh,720px);min-height:0;margin-inline:auto;overflow:clip;border-radius:22px;background:radial-gradient(circle at 54% 46%,rgba(161,104,57,.15),transparent 34%),linear-gradient(120deg,var(--craftsmanship-background-deep) 0%,color-mix(in srgb,var(--craftsmanship-background) 82%,#2c1b11) 52%,#0c0908 100%);--final-ui-opacity: 1}.story-image.is-reveal-target{transition:clip-path .65s cubic-bezier(.2,.72,.16,1)}.story-metal-glow,.story-grain,.story-grazing-light,.story-vignette,.story-header,.story-layout,.story-scroll-hint{position:absolute}.story-metal-glow{z-index:0;top:12%;left:50%;width:min(70vw,70rem);height:72%;pointer-events:none;background:linear-gradient(105deg,transparent 26%,rgba(217,164,105,.08) 51%,transparent 70%);filter:blur(4rem);opacity:.8;transform:translate(-50%) rotate(-4deg)}.story-grain{z-index:12;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.085;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.26'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.story-grazing-light{z-index:7;top:7%;bottom:7%;left:-31%;width:24%;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(241,247,244,.22) 48%,transparent);filter:blur(1.25rem);mix-blend-mode:screen;transform:translate3d(var(--grazing-x, -24vw),0,0) skew(-14deg);will-change:transform,opacity}.story-vignette{z-index:6;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(5,7,8,.54),transparent 29%,transparent 79%,rgba(5,7,8,.48)),linear-gradient(0deg,rgba(5,7,8,.4),transparent 28%,transparent 74%,rgba(5,7,8,.3))}.story-panel:before,.story-panel:after{position:absolute;right:0;left:0;z-index:1;height:15%;content:"";pointer-events:none}.story-panel:before{top:0;background:linear-gradient(180deg,rgba(13,10,8,.78),transparent)}.story-panel:after{bottom:0;background:linear-gradient(0deg,rgba(13,10,8,.86),transparent)}.story-header{z-index:20;top:clamp(1.15rem,3.5vh,2.5rem);right:var(--craftsmanship-gutter);left:var(--craftsmanship-gutter);display:flex;align-items:center;justify-content:space-between;color:var(--craftsmanship-muted);font-size:11px;font-weight:600;letter-spacing:.17em;line-height:1.2;text-transform:uppercase}.story-eyebrow,.story-counter,.story-copy-kicker,.story-stage-index,.story-progress-title,.story-scroll-hint,.detail-kicker{margin:0}.story-counter{color:var(--craftsmanship-text);font-variant-numeric:tabular-nums}.story-counter span:first-child{display:inline-block;min-width:1.25em;color:var(--craftsmanship-accent)}.story-layout{z-index:10;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:minmax(15rem,26vw) minmax(0,1fr) minmax(10rem,15vw);gap:clamp(1rem,2.7vw,3.5rem);padding:clamp(1rem,2.5vh,2rem) var(--craftsmanship-gutter) clamp(.75rem,1.5vh,1.25rem)}.story-copy{grid-column:1;align-self:center;width:min(100%,27rem);opacity:var(--final-ui-opacity);transition:opacity .35s ease}.story-copy-kicker{margin-bottom:clamp(1rem,2.5vh,1.75rem);color:var(--craftsmanship-muted);font-size:11px;font-weight:600;letter-spacing:.17em;line-height:1.4;text-transform:uppercase}.story-copy-panels{position:relative;min-height:clamp(14rem,26vh,20rem)}.story-copy-panel{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;transform:translate3d(0,.8rem,0);transition:opacity .3s ease,transform .4s cubic-bezier(.2,.7,.2,1);pointer-events:none}.story-copy-panel.is-active{opacity:1;transform:translateZ(0);pointer-events:auto}.story-stage-index{margin-bottom:clamp(.8rem,1.8vh,1.25rem);color:var(--craftsmanship-accent);font-size:12px;font-variant-numeric:tabular-nums;letter-spacing:.13em}.story-copy-panel h2{max-width:10ch;margin:0;color:var(--craftsmanship-text);font-family:Georgia,Times New Roman,serif;font-size:clamp(56px,4.5vw,72px);font-weight:400;letter-spacing:-.06em;line-height:.91}.story-description{max-width:22rem;margin:clamp(1.1rem,2.6vh,1.8rem) 0 0;color:var(--craftsmanship-muted);font-size:18px;line-height:1.55}.story-description>*{margin:0}.story-depth-note{display:grid;grid-template-columns:2.2rem minmax(4.8rem,auto) 1fr;gap:.55rem;align-items:center;max-width:21rem;margin-top:clamp(1.2rem,2.8vh,2rem);padding-top:.7rem;border-top:1px solid var(--craftsmanship-faint);color:var(--craftsmanship-muted);font-size:12px;letter-spacing:.07em;line-height:1.3;text-transform:uppercase}.story-depth-note strong{color:var(--craftsmanship-text);font-size:13px;font-weight:500;letter-spacing:.03em;text-align:right}.story-depth-rule{position:relative;display:block;width:1.8rem;height:1px;background:var(--craftsmanship-accent)}.story-depth-rule:after{position:absolute;top:-.18rem;right:0;width:.38rem;height:.38rem;border-right:1px solid var(--craftsmanship-accent);border-bottom:1px solid var(--craftsmanship-accent);content:"";transform:rotate(45deg)}.story-depth-rule--down{background:linear-gradient(90deg,var(--craftsmanship-accent) 0 47%,transparent 47% 58%,var(--craftsmanship-accent) 58% 100%)}.story-depth-rule--down:after{top:auto;right:auto;bottom:-.2rem;left:.85rem;border-right:1px solid var(--craftsmanship-accent);border-bottom:0;border-left:1px solid var(--craftsmanship-accent);transform:rotate(-45deg)}.story-copy-panel[data-copy-panel="3"] .story-stage-index{display:none}.story-copy-panel[data-copy-panel="3"] h2{max-width:11ch;font-size:clamp(56px,4.5vw,72px)}.story-visual{position:relative;grid-column:2;min-width:0;min-height:0;overflow:visible}.visual-stage{position:absolute;top:50%;left:50%;width:clamp(440px,38vw,580px);height:min(54svh,580px);aspect-ratio:auto;overflow:clip;cursor:default;transform:translate3d(-50%,-50%,0)}.visual-stage.is-magnifier-enabled{cursor:crosshair}@supports (height: 100dvh){.visual-stage{height:min(54dvh,580px)}}.image-layer,.story-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.story-image{margin:0;overflow:clip;border-radius:1.25rem;opacity:0;clip-path:circle(0% at 50% 50%);background:repeating-linear-gradient(105deg,rgba(255,255,255,.04) 0 1px,transparent 1px 8px),linear-gradient(125deg,#a8aeaa,#eef0eb 47%,#727c7b);box-shadow:0 2rem 5rem #0000004d,inset 0 0 2.5rem #ffffff14;transform:none;will-change:opacity,clip-path}.story-image[data-image-layer="0"]{opacity:1;clip-path:none}.story-image:before,.story-image:after{position:absolute;top:0;right:0;bottom:0;left:0;content:"";pointer-events:none}.story-image:before{z-index:2;border:1px solid rgba(255,255,255,.2);border-radius:inherit}.story-image:after{z-index:3;background:linear-gradient(115deg,transparent 18%,rgba(255,255,255,.14) 48%,transparent 67%);mix-blend-mode:screen;opacity:.48}.story-image-media,.story-image-fallback{position:relative;z-index:1;width:100%;height:100%;object-fit:contain;object-position:var(--story-image-position, 50% 50%)}.story-image-media,.stage-image{display:block;opacity:1;visibility:visible;transition:none}.story-image[data-image-state=loaded] .story-image-media{opacity:1}.story-image-fallback{position:absolute;top:0;right:0;bottom:0;left:0;display:block;padding:16%;opacity:.2}.story-image[data-image-state=loaded] .story-image-fallback{opacity:0}.story-image--final{border-radius:0;background:transparent;box-shadow:none}.story-image--final:before{display:none}.story-image--final:after{top:3%;right:3%;bottom:3%;left:3%;background:linear-gradient(90deg,rgba(10,13,14,.08),transparent 20%,transparent 77%,rgba(10,13,14,.1)),linear-gradient(0deg,rgba(10,13,14,.12),transparent 25%,transparent 77%,rgba(10,13,14,.06));opacity:.72;mix-blend-mode:multiply}.story-image--final .story-image-media{object-fit:cover;filter:saturate(.92) contrast(1.04) brightness(.9)}.detail-focus{position:absolute;z-index:14;top:0;right:auto;bottom:auto;left:0;width:160px;opacity:0;pointer-events:none;transform:translate3d(-80px,-80px,0);transition:opacity .12s ease;will-change:transform,opacity}.detail-focus--etching{top:0}.detail-lens{position:relative;width:100%;aspect-ratio:1;overflow:clip;border:1px solid rgba(241,240,235,.68);border-radius:50%;background:#b6bbb7;background-repeat:no-repeat;background-position:0 0;background-size:0 0;box-shadow:0 1.25rem 2.5rem #00000052,0 0 0 .35rem #f1f0eb0f}.detail-lens>.detail-image{visibility:hidden;opacity:0}.detail-lens:before{position:absolute;z-index:3;top:0;right:0;bottom:0;left:0;border:.35rem solid rgba(8,11,12,.2);border-radius:inherit;content:"";pointer-events:none}.detail-image{width:225%;height:225%;object-fit:cover;object-position:var(--detail-image-position, 50% 52%);transform:translate(-28%,-29%)}.detail-focus--reverse .detail-image{--detail-image-position: 52% 44%;transform:translate(-28%,-22%)}.detail-crosshair{position:absolute;z-index:4;top:50%;left:50%;width:1.8rem;height:1.8rem;border:1px solid rgba(241,240,235,.64);border-radius:50%;transform:translate(-50%,-50%)}.detail-crosshair:before,.detail-crosshair:after{position:absolute;top:50%;left:50%;background:#f1f0eba3;content:"";transform:translate(-50%,-50%)}.detail-crosshair:before{width:.45rem;height:1px}.detail-crosshair:after{width:1px;height:.45rem}.detail-copy{display:grid;gap:.25rem;margin-top:.6rem;padding-left:.2rem;color:var(--craftsmanship-muted);font-size:13px;letter-spacing:.1em;line-height:1.3;text-transform:uppercase}.detail-copy strong{color:var(--craftsmanship-text);font-size:14px;font-weight:500}.story-progress{grid-column:3;align-self:center;display:grid;gap:.65rem;width:100%;opacity:var(--final-ui-opacity);transition:opacity .35s ease}.story-progress-title{margin-bottom:.25rem;color:var(--craftsmanship-muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.story-progress button{position:relative;display:grid;grid-template-columns:1.35rem 1fr;gap:.55rem;align-items:center;width:100%;min-width:0;padding:.38rem 0;border:0;border-bottom:1px solid transparent;background:transparent;color:var(--craftsmanship-muted);cursor:pointer;font-size:14px;letter-spacing:.07em;line-height:1.2;text-align:left;text-transform:uppercase;transition:color .2s ease,border-color .2s ease}.story-progress button:before{width:.38rem;height:.38rem;border:1px solid currentColor;border-radius:50%;content:"";transition:background .2s ease,transform .2s ease}.story-progress button[aria-current=true]{border-color:#f1f0eb61;color:var(--craftsmanship-text)}.story-progress button[aria-current=true]:before{background:currentColor;transform:scale(1.3)}.story-progress-number{color:var(--craftsmanship-accent);font-size:12px;font-variant-numeric:tabular-nums}.story-scroll-hint{z-index:20;right:var(--craftsmanship-gutter);bottom:clamp(1.1rem,3vh,2.25rem);display:flex;align-items:center;gap:.65rem;color:var(--craftsmanship-muted);font-size:11px;letter-spacing:.14em;text-transform:uppercase}.story-scroll-line{position:relative;width:2.2rem;height:1px;overflow:clip;background:var(--craftsmanship-line)}.story-scroll-line:after{position:absolute;top:0;left:0;width:.65rem;height:1px;background:var(--craftsmanship-text);content:"";animation:craftsmanship-scroll-hint 2.4s ease-in-out infinite}@keyframes craftsmanship-scroll-hint{0%{transform:translate(-.65rem)}60%,to{transform:translate(2.2rem)}}@media(max-height:48rem)and (min-width:701px){.story-layout{grid-template-columns:minmax(13rem,25vw) minmax(0,1fr) minmax(8.5rem,14vw);gap:1.2rem;padding-top:1.5rem;padding-bottom:1rem}.story-copy-panel h2{font-size:clamp(56px,4.5vw,72px)}.story-copy-panels{min-height:11rem}.story-description{margin-top:.85rem}.story-depth-note{margin-top:1rem}.story-progress{gap:.35rem}.story-progress button{padding:.24rem 0}}@media(max-width:700px){.craftsmanship-story{--craftsmanship-gutter: 1.25rem;padding:0}.story-panel{width:100%;max-width:none;height:auto;min-height:0;margin-inline:0;overflow:visible;border-radius:0;padding:5.5rem var(--craftsmanship-gutter) 3rem}.story-header{top:1.4rem;right:var(--craftsmanship-gutter);left:var(--craftsmanship-gutter)}.story-layout{position:relative;inset:auto;display:flex;flex-direction:column;gap:0;padding:0}.story-copy{order:1;width:100%}.story-copy-kicker{margin-bottom:2rem}.story-copy-panels{display:grid;min-height:0;gap:3.75rem}.story-copy-panel,.story-copy-panel.is-active{position:relative;inset:auto;opacity:1;transform:none;pointer-events:auto}.story-copy-panel h2{max-width:12ch;font-size:clamp(2.5rem,12vw,4.2rem)}.story-description{max-width:27rem;margin-top:1.25rem;font-size:clamp(.86rem,4.2vw,1.05rem)}.story-depth-note{grid-template-columns:2.2rem minmax(5rem,auto) 1fr;margin-top:1.7rem}.story-visual{order:2;min-height:0;margin-top:3.25rem}.visual-stage{position:relative;top:auto;left:auto;width:100%;height:auto;aspect-ratio:auto;overflow:visible;display:grid;gap:3.75rem;transform:none;cursor:auto}.visual-stage.is-magnifier-enabled{cursor:auto}.story-image{position:relative;inset:auto;width:100%;height:min(78vw,26rem);aspect-ratio:auto;opacity:1!important;visibility:visible!important;clip-path:none!important;transform:none!important;will-change:auto}.story-image--final{inset:auto;width:100%;height:auto;aspect-ratio:1}.detail-focus{display:none}.story-progress{order:3;display:flex;justify-content:space-between;gap:.5rem;margin-top:3rem}.story-progress-title{display:none}.story-progress button{display:block;width:auto;padding:.4rem;border:0;font-size:0}.story-progress button:before{display:block;width:.5rem;height:.5rem}.story-progress-number,.story-progress-label{display:none}.story-scroll-hint{position:relative;right:auto;bottom:auto;order:4;margin-top:2rem}.story-grazing-light{display:none}}@media(prefers-reduced-motion:reduce){.story-scroll-line:after{animation:none}.story-copy-panel,.story-image-media,.story-progress button,.story-progress button:before{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/11/assets/section-craftsmanship-story.css.map */