@layer theme,base,tokens,surfaces;@layer components{@media (prefers-reduced-motion:no-preference){[data-reveal]{opacity:0;transition:opacity var(--duration-reveal) var(--ease-out), transform var(--duration-reveal) var(--ease-out);transform:translateY(20px)}[data-reveal][data-revealed=true]{opacity:1;transform:none}}.detail-section-head{margin-bottom:var(--spacing-8);align-items:flex-start}.detail-sheet{border:1px solid var(--border-hairline);border-radius:var(--radius-sm);background:var(--surface-raised);padding:clamp(var(--spacing-6), 3vw, var(--spacing-8))}.detail-glyph{width:1.5rem;height:1.5rem;color:var(--text-primary)}.detail-rule{padding-top:var(--spacing-8);border-top:1px solid var(--border-hairline);position:relative}.detail-rule:before{content:"";background:var(--accent);width:2.5rem;height:2px;position:absolute;top:-1px;left:0}.detail-hero{position:relative;overflow:hidden}.detail-hero[data-hero-mode=photo],.detail-hero[data-hero-mode=motif]{align-items:center;min-height:min(64vh,40rem);display:flex}.detail-hero-shell{z-index:1;width:100%;position:relative}.detail-hero-backdrop{z-index:0;position:absolute;inset:0;overflow:hidden}.detail-hero-photo{object-fit:cover;object-position:50% 50%;width:100%;height:116%;position:absolute;inset:-8% 0}.detail-hero-photo[data-crop=low]{object-position:50% 64%}.detail-hero-photo[data-crop=high]{object-position:50% 42%}.detail-hero-scrim{background:linear-gradient(90deg,oklch(20.5% .012 255/.92) 0%,oklch(20.5% .012 255/.78) 42%,oklch(20.5% .012 255/.42) 68%,oklch(20.5% .012 255/.14) 88%,#0000 100%),linear-gradient(#0000 30%,oklch(20.5% .012 255/.12) 58%,oklch(20.5% .012 255/.6) 100%),oklch(20.5% .012 255/.82) linear-gradient(oklch(20.5% .012 255/.3) 0%,#0000 22%);position:absolute;inset:0}@media (width>=48rem){.detail-hero-scrim{background-color:#0000}}.detail-hero-motif{z-index:0;pointer-events:none;background-image:repeating-linear-gradient(122deg, transparent 0, transparent 19px, var(--rib-tint) 30px, transparent 41px, transparent 60px);position:absolute;inset:0;overflow:hidden;mask-image:linear-gradient(90deg,#0000 38%,#000)}.detail-hero .detail-hero-motif{--rib-tint:oklch(100% 0 0/.05)}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.detail-hero-photo{animation:linear both detail-hero-parallax view();animation-range:cover}}}@keyframes detail-hero-parallax{0%{transform:translateY(-4%)}to{transform:translateY(4%)}}.detail-hero-inner{align-items:flex-start;gap:var(--spacing-6);flex-direction:column;max-width:52rem;display:flex}.detail-hero[data-hero-mode=photo] .detail-hero-head .text-h1,.detail-hero[data-hero-mode=motif] .detail-hero-head .text-h1{font-size:var(--text-display);letter-spacing:-.02em;text-wrap:balance;line-height:1.04}.detail-hero-tagline{color:var(--text-secondary);max-width:44ch}.detail-hero-facts{align-items:center;gap:var(--spacing-2) var(--spacing-4);width:100%;margin:0;margin-top:clamp(var(--spacing-8), 4vw, var(--spacing-12));padding:0;padding-top:var(--spacing-6);border-top:1px solid var(--border-hairline);flex-wrap:wrap;list-style:none;display:flex}.detail-hero-fact{color:var(--text-primary)}.detail-hero-fact:not(:last-child):after{content:"·";margin-left:var(--spacing-4);color:var(--text-secondary)}.detail-overview-inner{align-items:flex-start;gap:var(--spacing-8);flex-direction:column;display:flex}.detail-overview-body{color:var(--text-secondary)}.detail-uses{gap:var(--spacing-4);flex-direction:column;display:flex}.detail-uses-label{font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.detail-uses-list{gap:var(--spacing-8);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.detail-use{align-items:center;gap:var(--spacing-3);display:flex}.detail-use-label{font-size:var(--text-body-s);color:var(--text-secondary)}.detail-spec-grid{grid-template-columns:1fr;display:grid}.detail-spec-row{justify-content:space-between;align-items:baseline;gap:var(--spacing-6);padding:var(--spacing-3) 0;border-bottom:1px solid var(--border-hairline);display:flex}.detail-spec-label{color:var(--text-secondary)}.detail-spec-value{color:var(--text-primary);text-align:right}.detail-spec-materials{margin-top:var(--spacing-8)}.detail-spec-sublabel{font-size:var(--text-eyebrow);letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);font-weight:600}.detail-spec-materials-list{gap:var(--spacing-2);margin-top:var(--spacing-3);color:var(--text-primary);flex-direction:column;padding:0;list-style:none;display:flex}@media (width>=48rem){.detail-spec-grid{column-gap:var(--spacing-12);grid-template-columns:repeat(2,1fr)}}.detail-tables-stack{display:block}.detail-tables-note{margin-top:var(--spacing-4);color:var(--text-secondary)}.detail-tables-foot{margin-top:var(--spacing-6)}.detail-depths{gap:var(--spacing-3);flex-wrap:wrap;margin:0;padding:0;list-style:none;display:flex}.detail-depth{padding:var(--spacing-2) var(--spacing-4);border:1px solid var(--border-hairline);border-radius:var(--radius-pill);background:var(--surface-raised);color:var(--text-primary)}.detail-range-list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.detail-range-row{gap:var(--spacing-1);padding:var(--spacing-4) 0;border-bottom:1px solid var(--border-hairline);flex-direction:column;display:flex}.detail-range-row:last-child{border-bottom:0}.detail-range-spec{color:var(--text-primary)}.detail-range-app{color:var(--text-secondary)}@media (width>=48rem){.detail-range-row{gap:var(--spacing-8);flex-direction:row;align-items:baseline}.detail-range-spec{flex:0 0 16rem}}.detail-fastener-note-inner{gap:var(--spacing-6);flex-direction:column;display:flex}.detail-fastener-note-copy{gap:var(--spacing-3);flex-direction:column;display:flex}.detail-fastener-note-actions{gap:var(--spacing-6);flex-wrap:wrap;display:flex}@media (width>=48rem){.detail-fastener-note-inner{justify-content:space-between;align-items:center;gap:var(--spacing-12);flex-direction:row}}.detail-estimate-inner{align-items:flex-start;gap:var(--spacing-8);flex-direction:column;display:flex}.detail-estimate-copy{gap:var(--spacing-3);flex-direction:column;max-width:52ch;display:flex}.detail-estimate-head{color:var(--text-primary)}@media (width>=48rem){.detail-estimate-inner{justify-content:space-between;align-items:center;gap:var(--spacing-16);flex-direction:row}}.detail-related-grid{gap:var(--spacing-6);grid-template-columns:1fr;margin:0;padding:0;list-style:none;display:grid}@media (width>=48rem){.detail-related-grid{grid-template-columns:repeat(2,1fr)}}@media (width>=64rem){.detail-related-grid{grid-template-columns:repeat(3,1fr)}}.section-shell.detail-cta{background-color:var(--surface-raised);position:relative}.detail-cta-motif{pointer-events:none;background-image:repeating-linear-gradient(122deg,#0000 0 19px,oklch(100% 0 0/.04) 30px,#0000 41px 60px);position:absolute;inset:0;mask-image:linear-gradient(90deg,#0000 38%,#000)}.detail-cta-inner{align-items:flex-start;gap:var(--spacing-8);text-align:start;flex-direction:column;max-width:44rem;display:flex;position:relative}.detail-cta-head .text-h2{font-size:var(--text-h1);letter-spacing:-.02em}.detail-cta-head .heading-supporting{max-width:48ch}.detail-cta-actions{gap:var(--spacing-4);flex-wrap:wrap;display:flex}}@layer utilities;.detail-cta{padding-block:clamp(3.5rem,7vw,6rem)}.detail-fastener-note,.detail-estimate{padding-block:clamp(1.5rem,3vw,3rem)}