.reference-card-visual{--rcv-accent: #1f5fd1;--rcv-accent-deep: #123e8f;--rcv-soft: #dbeafe;--rcv-wash: #eff6ff;--rcv-line: #a7c8f5;--rcv-ink: #0f172a;--rcv-scene-height: 88px;--rcv-primary-box: 68px;--rcv-secondary-box: 42px;--rcv-primary-content-size: 62px;--rcv-support-content-size: 38px;--rcv-context-content-size: 38px;--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 18%;--rcv-support-y: 54%;--rcv-context-x: 82%;--rcv-context-y: 46%;--rcv-path-rotate: 0deg;position:relative;isolation:isolate;display:grid;width:100%;min-width:0;min-height:108px;padding:.55rem .75rem;place-items:center;overflow:hidden;border:1px solid var(--rcv-line);border-radius:14px;color:var(--rcv-ink);background:linear-gradient(132deg, rgba(255, 255, 255, 0.97), rgba(255, 255, 255, 0.42)),var(--rcv-wash);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.82),0 12px 28px -25px rgba(15,23,42,.85);pointer-events:none}.reference-card-visual::before,.reference-card-visual::after{content:"";position:absolute;z-index:-1;border-radius:999px;pointer-events:none}.reference-card-visual::before{width:150px;height:150px;right:-76px;top:-86px;border:22px solid var(--rcv-soft);opacity:.78}.reference-card-visual::after{width:84px;height:84px;left:-54px;bottom:-60px;border:18px solid var(--rcv-soft);opacity:.42}.reference-card-visual__texture{position:absolute;inset:0;z-index:-1;opacity:.24;background-image:radial-gradient(var(--rcv-line) 0.78px, transparent 0.78px);background-position:4px 4px;background-size:13px 13px}.reference-card-visual__scene{position:relative;width:min(100%,330px);height:var(--rcv-scene-height);min-width:0}.reference-card-visual__connector{position:absolute;left:13%;right:13%;top:50%;z-index:0;height:2px;border-radius:999px;background:linear-gradient(90deg, transparent, var(--rcv-line) 10%, var(--rcv-accent) 50%, var(--rcv-line) 90%, transparent);opacity:.72;transform:rotate(var(--rcv-path-rotate));transform-origin:center}.reference-card-visual__connector::before{content:"";position:absolute;inset:-11px 8% auto;height:20px;border-top:1px dashed color-mix(in srgb, var(--rcv-accent) 42%, transparent);border-radius:50%;opacity:.7}.reference-card-visual__connector i{position:absolute;top:50%;width:7px;height:7px;border:1.5px solid var(--rcv-accent);border-radius:50%;background:var(--rcv-wash);transform:translate(-50%, -50%)}.reference-card-visual__connector i:nth-child(1){left:8%}.reference-card-visual__connector i:nth-child(2){left:50%}.reference-card-visual__connector i:nth-child(3){left:92%}.reference-card-visual__icon{position:absolute;z-index:2;display:inline-grid;place-items:center;overflow:visible;border:1px solid color-mix(in srgb, var(--rcv-accent) 26%, #d8e1ef);background:linear-gradient(145deg, rgba(255, 255, 255, 0.98), rgba(237, 244, 255, 0.92));box-shadow:0 13px 24px -18px rgba(15,23,42,.95),inset 0 1px 0 hsla(0,0%,100%,.88);transform:translate(-50%, -50%)}.reference-card-visual__icon--primary{left:var(--rcv-primary-x);top:var(--rcv-primary-y);width:var(--rcv-primary-box);height:var(--rcv-primary-box);border-radius:19px}.reference-card-visual__icon--support,.reference-card-visual__icon--context{width:var(--rcv-secondary-box);height:var(--rcv-secondary-box);border-radius:13px}.reference-card-visual__icon--support{left:var(--rcv-support-x);top:var(--rcv-support-y)}.reference-card-visual__icon--context{left:var(--rcv-context-x);top:var(--rcv-context-y)}.reference-card-visual__icon--support::after,.reference-card-visual__icon--context::after{content:"";position:absolute;z-index:-1;width:12px;height:12px;border:3px solid var(--rcv-soft);border-radius:50%}.reference-card-visual__icon--support::after{left:-6px;bottom:-6px}.reference-card-visual__icon--context::after{right:-6px;top:-6px}.reference-card-visual--landing{--rcv-scene-height: 108px;--rcv-primary-box: 78px;--rcv-secondary-box: 48px;--rcv-primary-content-size: 70px;--rcv-support-content-size: 43px;--rcv-context-content-size: 43px;min-height:132px}.reference-card-visual--page{--rcv-scene-height: 132px;--rcv-primary-box: 92px;--rcv-secondary-box: 56px;--rcv-primary-content-size: 82px;--rcv-support-content-size: 50px;--rcv-context-content-size: 50px;max-width:760px;min-height:158px;margin:0 auto clamp(1.5rem,4vw,2.25rem);padding-inline:clamp(.85rem,4vw,1.5rem)}.reference-card-visual--page .reference-card-visual__scene{width:min(100%,430px)}.reference-card-visual--compact{--rcv-scene-height: 68px;--rcv-primary-box: 52px;--rcv-secondary-box: 32px;--rcv-primary-content-size: 47px;--rcv-support-content-size: 29px;--rcv-context-content-size: 29px;min-height:84px;padding:.35rem .5rem;border-radius:12px}.reference-card-visual--micro{--rcv-scene-height: 48px;--rcv-primary-box: 28px;--rcv-secondary-box: 16px;--rcv-primary-content-size: 26px;--rcv-support-content-size: 14px;--rcv-context-content-size: 14px;--rcv-support-x: 12.5%;--rcv-context-x: 87.5%;width:78px;min-width:78px;min-height:58px;padding:.22rem;border-radius:10px}.reference-card-visual--micro .reference-card-visual__scene{width:68px}.reference-card-visual--micro .reference-card-visual__icon--primary{border-radius:9px}.reference-card-visual--micro .reference-card-visual__icon--support,.reference-card-visual--micro .reference-card-visual__icon--context{border-radius:6px}.reference-card-visual--micro .reference-card-visual__connector{left:5%;right:5%}.reference-card-visual--micro .reference-card-visual__connector i{width:4px;height:4px;border-width:1px}.reference-card-visual--micro .reference-card-visual__icon--support::after,.reference-card-visual--micro .reference-card-visual__icon--context::after{display:none}.reference-card-visual--composition-library,.reference-card-visual--composition-terms,.reference-card-visual--composition-cards{--rcv-primary-x: 34%;--rcv-primary-y: 52%;--rcv-support-x: 71%;--rcv-support-y: 31%;--rcv-context-x: 77%;--rcv-context-y: 72%;--rcv-path-rotate: -7deg}.reference-card-visual--composition-material,.reference-card-visual--composition-layers{--rcv-primary-x: 49%;--rcv-primary-y: 52%;--rcv-support-x: 18%;--rcv-support-y: 69%;--rcv-context-x: 80%;--rcv-context-y: 29%;--rcv-path-rotate: -10deg}.reference-card-visual--composition-material .reference-card-visual__icon--primary,.reference-card-visual--composition-layers .reference-card-visual__icon--primary{border-radius:14px 22px 14px 22px}.reference-card-visual--composition-profile,.reference-card-visual--composition-line{--rcv-primary-x: 50%;--rcv-primary-y: 55%;--rcv-support-x: 18%;--rcv-support-y: 34%;--rcv-context-x: 82%;--rcv-context-y: 67%;--rcv-path-rotate: 8deg}.reference-card-visual--composition-compare{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 17%;--rcv-support-y: 50%;--rcv-context-x: 83%;--rcv-context-y: 50%}.reference-card-visual--composition-fit,.reference-card-visual--composition-rings{--rcv-primary-x: 67%;--rcv-primary-y: 53%;--rcv-support-x: 23%;--rcv-support-y: 29%;--rcv-context-x: 25%;--rcv-context-y: 73%;--rcv-path-rotate: 9deg}.reference-card-visual--composition-mechanism,.reference-card-visual--composition-pivot{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 21%;--rcv-support-y: 27%;--rcv-context-x: 79%;--rcv-context-y: 73%;--rcv-path-rotate: 14deg}.reference-card-visual--composition-mechanism .reference-card-visual__connector::before,.reference-card-visual--composition-pivot .reference-card-visual__connector::before{inset:-24px 22% auto;height:47px;border:1px dashed color-mix(in srgb, var(--rcv-accent) 45%, transparent);border-radius:50%}.reference-card-visual--composition-surface,.reference-card-visual--composition-swatches{--rcv-primary-x: 46%;--rcv-primary-y: 52%;--rcv-support-x: 17%;--rcv-support-y: 42%;--rcv-context-x: 80%;--rcv-context-y: 57%;--rcv-path-rotate: 4deg}.reference-card-visual--composition-observe,.reference-card-visual--composition-inspect{--rcv-primary-x: 47%;--rcv-primary-y: 54%;--rcv-support-x: 18%;--rcv-support-y: 29%;--rcv-context-x: 80%;--rcv-context-y: 68%;--rcv-path-rotate: 10deg}.reference-card-visual--composition-pattern,.reference-card-visual--composition-strands{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 17%;--rcv-support-y: 57%;--rcv-context-x: 83%;--rcv-context-y: 43%;--rcv-path-rotate: -4deg}.reference-card-visual--composition-pattern .reference-card-visual__connector,.reference-card-visual--composition-strands .reference-card-visual__connector{background:repeating-linear-gradient(90deg, transparent 0 5px, var(--rcv-accent) 5px 8px);opacity:.42}.reference-card-visual--composition-measure{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 14%;--rcv-support-y: 50%;--rcv-context-x: 86%;--rcv-context-y: 50%}.reference-card-visual--composition-measure .reference-card-visual__connector::before{inset:-7px 0 auto;height:14px;border:1px solid color-mix(in srgb, var(--rcv-accent) 34%, transparent);border-block:0;border-radius:0}.reference-card-visual--composition-motion,.reference-card-visual--composition-route{--rcv-primary-x: 38%;--rcv-primary-y: 57%;--rcv-support-x: 15%;--rcv-support-y: 72%;--rcv-context-x: 81%;--rcv-context-y: 31%;--rcv-path-rotate: -13deg}.reference-card-visual--composition-process,.reference-card-visual--composition-steps,.reference-card-visual--composition-origin{--rcv-primary-x: 50%;--rcv-primary-y: 51%;--rcv-support-x: 17%;--rcv-support-y: 70%;--rcv-context-x: 82%;--rcv-context-y: 29%;--rcv-path-rotate: -12deg}.reference-card-visual--composition-care,.reference-card-visual--composition-service,.reference-card-visual--composition-verify{--rcv-primary-x: 48%;--rcv-primary-y: 50%;--rcv-support-x: 17%;--rcv-support-y: 31%;--rcv-context-x: 81%;--rcv-context-y: 70%;--rcv-path-rotate: 11deg}.reference-card-visual--composition-timeline{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 15%;--rcv-support-y: 50%;--rcv-context-x: 85%;--rcv-context-y: 50%}.reference-card-visual--composition-timeline .reference-card-visual__connector{height:3px;background:repeating-linear-gradient(90deg, var(--rcv-accent) 0 8px, transparent 8px 14px)}.reference-card-visual--micro{--rcv-primary-x: 50%;--rcv-primary-y: 50%;--rcv-support-x: 12.5%;--rcv-support-y: 50%;--rcv-context-x: 87.5%;--rcv-context-y: 50%;--rcv-path-rotate: 0deg}.reference-card-visual--tone-slate,.reference-card-visual--tone-graphite{--rcv-accent: #475569;--rcv-accent-deep: #334155;--rcv-soft: #e2e8f0;--rcv-wash: #f8fafc;--rcv-line: #cbd5e1}.reference-card-visual--tone-indigo{--rcv-accent: #4f46e5;--rcv-accent-deep: #3730a3;--rcv-soft: #e0e7ff;--rcv-wash: #eef2ff;--rcv-line: #c7d2fe}.reference-card-visual--tone-teal,.reference-card-visual--tone-green{--rcv-accent: #0f766e;--rcv-accent-deep: #115e59;--rcv-soft: #ccfbf1;--rcv-wash: #f0fdfa;--rcv-line: #99f6e4}.reference-card-visual--tone-cyan{--rcv-accent: #0369a1;--rcv-accent-deep: #075985;--rcv-soft: #cffafe;--rcv-wash: #ecfeff;--rcv-line: #a5f3fc}.reference-card-visual--tone-amber,.reference-card-visual--tone-gold,.reference-card-visual--tone-copper{--rcv-accent: #a16207;--rcv-accent-deep: #854d0e;--rcv-soft: #fef3c7;--rcv-wash: #fffbeb;--rcv-line: #fde68a}.reference-card-visual--tone-violet,.reference-card-visual--tone-aubergine,.reference-card-visual--tone-spectrum{--rcv-accent: #7c3aed;--rcv-accent-deep: #5b21b6;--rcv-soft: #ede9fe;--rcv-wash: #f5f3ff;--rcv-line: #ddd6fe}.reference-card-visual-note{display:flex;align-items:flex-start;gap:.55rem;width:min(100%,880px);margin:0 0 1rem;padding:.7rem .85rem;border:1px solid var(--border-color);border-radius:10px;color:var(--ink-muted);background:var(--surface);font-size:.8rem;line-height:1.45}.reference-card-visual-note i{flex:0 0 auto;margin-top:.16rem;color:var(--accent)}.reference-category-card{position:relative}.reference-category-card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), 0.16)}.reference-category-card__link{display:inline-flex;align-items:center;min-height:44px}.reference-category-card__link::before{content:"";position:absolute;inset:0;border-radius:16px}.reference-category-card__link::after{content:"→";margin-left:.4rem;transition:transform .2s ease}.reference-category-card:hover .reference-category-card__link::after,.reference-category-card:focus-within .reference-category-card__link::after{transform:translateX(3px)}.blade-type-card:focus-within,.edge-type-card:focus-within,.handle-card:focus-within,.tooth-card:focus-within,.finish-card:focus-within,.tension-card:focus-within,.steel-card:focus-within,.hair-type-card:focus-within,.hair-detail-card:focus-within,.dd-card:focus-within,.size-detail-card:focus-within,.category-card:focus-within,.reference-card:focus-within,.quick-reference__card:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--primary-color-rgb), 0.16)}:root[dark] .reference-card-visual{--rcv-soft: rgba(106, 169, 224, 0.14);--rcv-wash: var(--surface-sunk);--rcv-line: var(--border-color);--rcv-ink: var(--ink);color:var(--ink);border-color:var(--border-color);background:linear-gradient(132deg, rgba(29, 33, 40, 0.98), rgba(25, 29, 35, 0.9)),var(--surface-sunk);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.03),0 12px 28px -25px rgba(0,0,0,.9)}:root[dark] .reference-card-visual__icon{border-color:var(--border-color);background:linear-gradient(145deg, rgba(45, 51, 61, 0.98), rgba(28, 33, 41, 0.96))}:root[dark] .reference-card-visual__connector i{background:var(--surface-sunk)}:root[dark] .reference-card-visual-note{background:var(--surface)}@media(max-width: 560px){.reference-card-visual{--rcv-scene-height: 76px;--rcv-primary-box: 58px;--rcv-secondary-box: 36px;--rcv-primary-content-size: 52px;--rcv-support-content-size: 32px;--rcv-context-content-size: 32px;min-height:94px;padding:.42rem .55rem}.reference-card-visual--landing{--rcv-scene-height: 90px;--rcv-primary-box: 66px;--rcv-secondary-box: 40px;--rcv-primary-content-size: 59px;--rcv-support-content-size: 36px;--rcv-context-content-size: 36px;min-height:108px}.reference-card-visual--page{--rcv-scene-height: 104px;--rcv-primary-box: 74px;--rcv-secondary-box: 44px;--rcv-primary-content-size: 66px;--rcv-support-content-size: 39px;--rcv-context-content-size: 39px;min-height:124px;margin-bottom:1.4rem}.reference-card-visual--compact{--rcv-scene-height: 64px;--rcv-primary-box: 48px;--rcv-secondary-box: 30px;--rcv-primary-content-size: 43px;--rcv-support-content-size: 27px;--rcv-context-content-size: 27px;min-height:80px}.reference-card-visual--micro{--rcv-scene-height: 46px;--rcv-primary-box: 26px;--rcv-secondary-box: 14px;--rcv-primary-content-size: 24px;--rcv-support-content-size: 12px;--rcv-context-content-size: 12px;width:66px;min-width:66px;min-height:56px}.reference-card-visual--micro .reference-card-visual__scene{width:58px}}@media(hover: none){.reference-category-card:hover,.blade-type-card:hover,.edge-type-card:hover,.handle-card:hover,.finish-card:hover,.tension-card:hover,.steel-card:hover,.reference-card:hover,.quick-reference__card:hover{transform:none}}@media(prefers-reduced-motion: reduce){.reference-category-card,.blade-type-card,.edge-type-card,.handle-card,.finish-card,.tension-card,.steel-card,.reference-card,.quick-reference__card{transition:none}.reference-category-card:hover,.blade-type-card:hover,.edge-type-card:hover,.handle-card:hover,.finish-card:hover,.tension-card:hover,.steel-card:hover,.reference-card:hover,.quick-reference__card:hover{transform:none}.reference-category-card__link::after{transition:none}}@media print{.reference-card-visual,.reference-card-visual-note{display:none !important}}/*# sourceMappingURL=reference-card-visuals.css.map */