.product-detail-section{position:relative;padding:clamp(60px,8vw,120px) 0 clamp(90px,12vw,180px)}.product-detail-section>.wrap{position:relative}.product-detail-heading{position:relative;z-index:5;display:grid;gap:18px;margin-bottom:clamp(25px,4vw,60px);transform:translate(690px,-335px)}.product-detail-heading h2{margin:0;max-width:10ch;font-size:clamp(46px,7vw,110px);line-height:.88;letter-spacing:-.06em;font-weight:760}.detail-flow-arrow{--flow-arrow-base-color: rgba(40, 40, 40, .2);--flow-arrow-active-color: rgba(40, 40, 40, .72);--flow-arrow-stroke: 1.5px;position:absolute;z-index:8;left:var(--flow-arrow-x);top:var(--flow-arrow-y);width:var(--flow-arrow-width);height:var(--flow-arrow-height);transform:translate(-50%) scale(var(--flow-arrow-scale)) rotate(var(--flow-arrow-rotate));transform-origin:top center;pointer-events:none;overflow:visible}.detail-flow-arrow-svg{display:block;width:100%;height:100%;overflow:visible}.detail-flow-arrow-path{fill:none;stroke:var(--flow-arrow-base-color);stroke-width:var(--flow-arrow-stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.detail-flow-arrow-runner{fill:none;stroke:var(--flow-arrow-active-color);stroke-width:var(--flow-arrow-stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;stroke-dasharray:18 82;stroke-dashoffset:100;opacity:0;animation:detailFlowCurve var(--flow-arrow-speed) cubic-bezier(.22,.61,.36,1) infinite}.detail-flow-arrow-end{overflow:visible}.detail-flow-arrow-chevron{fill:none;stroke:var(--flow-arrow-active-color);stroke-width:var(--flow-arrow-stroke);stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke;transform-box:fill-box;transform-origin:center}.detail-flow-arrow-chevron-main{animation:detailFlowChevronMain var(--flow-arrow-speed) cubic-bezier(.22,.61,.36,1) infinite}.detail-flow-arrow-chevron-secondary{animation:detailFlowChevronSecondary var(--flow-arrow-speed) cubic-bezier(.22,.61,.36,1) infinite}@keyframes detailFlowCurve{0%{stroke-dashoffset:100;opacity:0}10%{opacity:.25}26%{opacity:.72}68%{opacity:.9}88%{opacity:.46}to{stroke-dashoffset:0;opacity:0}}@keyframes detailFlowChevronMain{0%{opacity:.1;transform:translateZ(0)}55%{opacity:.16;transform:translateZ(0)}70%{opacity:.92;transform:translate3d(0,3px,0)}86%{opacity:.72;transform:translate3d(0,9px,0)}to{opacity:0;transform:translate3d(0,15px,0)}}@keyframes detailFlowChevronSecondary{0%{opacity:.04;transform:translateZ(0)}62%{opacity:.1;transform:translateZ(0)}76%{opacity:.56;transform:translate3d(0,3px,0)}90%{opacity:.36;transform:translate3d(0,9px,0)}to{opacity:0;transform:translate3d(0,15px,0)}}.product-detail-canvas{--detail-canvas-height: 1250px;--detail-grid-color: transparent;position:relative;width:100%;height:var(--detail-canvas-height);overflow:visible;background-color:transparent;background-image:linear-gradient(to right,var(--detail-grid-color) 1px,transparent 1px),linear-gradient(to bottom,var(--detail-grid-color) 1px,transparent 1px);background-size:10% 10%}.detail-unit{display:contents}.detail-render{position:absolute;z-index:2;left:var(--image-x);top:var(--image-y);width:var(--image-width);margin:0;transform:rotate(var(--image-rotate));transform-origin:center center;pointer-events:none}.detail-render img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain;background:transparent;border:0;border-radius:0;transform:none}.detail-render:hover img{transform:none}.detail-note{position:absolute;z-index:4;left:var(--note-x);top:var(--note-y);width:var(--note-width);display:grid;gap:18px;padding-top:14px;border-top:1px solid var(--line);background:transparent}.detail-note-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;font-size:9px;line-height:1;letter-spacing:.15em;font-weight:800;text-transform:uppercase;opacity:.62}.detail-note h3{margin:0;max-width:12ch;font-size:clamp(28px,3vw,48px);line-height:.96;letter-spacing:-.05em;font-weight:740}.detail-note p{margin:0;max-width:42ch;color:var(--muted);font-size:16px;line-height:1.55}.detail-note u{text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:6px;text-decoration-skip-ink:auto}.detail-note strong{font-weight:850}.detail-note em{font-style:italic}.detail-note s{text-decoration-line:line-through;text-decoration-thickness:2px}.detail-note-meta span:first-child{color:var(--accent)}@media(max-width:1200px)and (min-width:821px){.product-detail-canvas{--detail-canvas-height: 1050px}.detail-note{min-width:220px}}@media(max-width:820px){.product-detail-section{padding:70px 0 100px}.product-detail-heading{margin-bottom:55px;transform:none}.product-detail-heading h2{font-size:clamp(48px,14vw,82px)}.detail-flow-arrow{display:none}.product-detail-canvas{height:auto;display:grid;gap:80px;background-image:none}.detail-unit{display:grid;gap:28px;order:var(--detail-order)}.detail-render{position:relative;left:auto;top:auto;width:min(92%,620px);justify-self:center;transform:none}.detail-note{position:relative;left:auto;top:auto;width:min(100%,520px);justify-self:start;gap:15px}.detail-note h3{font-size:clamp(32px,9vw,48px)}.detail-note p{font-size:16px}}@media(max-width:520px){.product-detail-canvas{gap:65px}.detail-render,.detail-note{width:100%}}@media(prefers-reduced-motion:reduce){.detail-render{transform:none}.detail-flow-arrow-runner,.detail-flow-arrow-chevron-main,.detail-flow-arrow-chevron-secondary{animation:none}.detail-flow-arrow-runner{display:none}.detail-flow-arrow-chevron-main{opacity:.72}.detail-flow-arrow-chevron-secondary{opacity:.38}}
