[data-sig="woodwork-dovetail"]{height:215dvh;padding:0 24px}[data-sig="woodwork-dovetail"] .dovetail-stage{position:sticky;top:0;height:100dvh;display:flex;flex-direction:column;padding-top:22px;padding-bottom:24px}[data-sig="woodwork-dovetail"] .hero-heading{text-align:center;padding:14px 24px 26px;flex:none}[data-sig="woodwork-dovetail"] .hero-heading h1{font-size:clamp(42px,5.3vw,78px);line-height:1.1;margin:10px 0 12px}[data-sig="woodwork-dovetail"] .hero-heading p{margin-inline:auto;font-size:14px}[data-sig="woodwork-dovetail"] .hero-heading p:first-child{color:var(--muted);font-size:13px}[data-sig="woodwork-dovetail"] .hero-heading .button{margin-top:18px;background:transparent;color:var(--ink);padding:8px 24px;min-height:42px;font-size:14px}[data-sig="woodwork-dovetail"] .hero-scene{position:relative;flex:1;min-height:240px;overflow:hidden;background:var(--surface-secondary)}[data-sig="woodwork-dovetail"] .hero-frame{position:absolute;inset:0;overflow:hidden}[data-sig="woodwork-dovetail"] .hero-frame picture{width:100%;height:100%}[data-sig="woodwork-dovetail"] .joint{transform:scale(1.06)}[data-sig="woodwork-dovetail"] .joint picture{clip-path:polygon(0 0,52% 0,52% 100%,0 100%)}[data-sig="woodwork-dovetail"] .tail-board{position:absolute;inset:0;background-image:url('../../img/joint.webp');background-size:cover;background-position:center;clip-path:polygon(52% 0,100% 0,100% 100%,52% 100%);transform:translateY(-18px);filter:drop-shadow(-3px 4px 3px rgba(32,20,10,.2))}[data-sig="woodwork-dovetail"] .scene-caption{position:absolute;bottom:0;left:0;right:0;padding:16px 24px;background:var(--surface);display:flex;justify-content:space-between;font-size:13px;gap:16px}[data-sig="woodwork-dovetail"] .scene-step{color:var(--muted);font-variant-numeric:tabular-nums}
@media(max-width:800px){[data-sig="woodwork-dovetail"]{padding:0 12px;height:175dvh}[data-sig="woodwork-dovetail"] .dovetail-stage{padding:12px 0;height:100dvh}[data-sig="woodwork-dovetail"] .hero-heading{padding:14px 12px 24px}[data-sig="woodwork-dovetail"] .hero-heading h1{font-size:44px;max-width:340px;margin:12px auto}[data-sig="woodwork-dovetail"] .hero-heading p{font-size:14px;max-width:31ch}[data-sig="woodwork-dovetail"] .hero-scene{min-height:200px}[data-sig="woodwork-dovetail"] .scene-caption{padding:12px;font-size:11px;gap:8px}[data-sig="woodwork-dovetail"] .tail-board{background-image:url('../../img/joint-480.webp')}[data-sig="woodwork-dovetail"] .hero-frame img{object-position:center}}
@media(prefers-reduced-motion:reduce){[data-sig="woodwork-dovetail"]{height:auto}[data-sig="woodwork-dovetail"] .dovetail-stage{position:relative;height:calc(100dvh - var(--header))}[data-sig="woodwork-dovetail"] .hero-frame.joint,[data-sig="woodwork-dovetail"] .hero-frame.box{display:none}}