.process-video{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,340px);align-items:center;gap:clamp(28px,6vw,100px);padding-block:48px;border-top:1px solid var(--line,#d6cec0);border-bottom:1px solid var(--line,#d6cec0);margin-block:48px}.process-video-copy{max-width:560px}.process-video h2{font-size:clamp(30px,3.4vw,46px);line-height:1.15;margin:16px 0 22px}.process-video p{line-height:1.7;margin-top:16px}.process-video .product-video-player{width:100%;max-width:340px;justify-self:center}.product-video-player video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#25231f;border-radius:8px}.product-video-player:focus-within{outline:2px solid #b64b0b;outline-offset:4px}.gallery-main[hidden],.gallery-product-video[hidden],.video-error[hidden]{display:none!important}.gallery-product-video video{aspect-ratio:1;object-fit:contain}.gallery:has(.gallery-video-trigger) .gallery-thumbs{display:flex;overflow-x:auto;overscroll-behavior-inline:contain;padding-bottom:8px}.gallery:has(.gallery-video-trigger) .gallery-thumbs>button{flex:0 0 23%;min-width:44px;min-height:44px}.gallery-video-trigger{position:relative;border:2px solid transparent;border-radius:8px;padding:0;overflow:hidden;aspect-ratio:1;background:#eee7de;cursor:pointer}.gallery-video-trigger img{display:block;width:100%;height:100%;object-fit:contain}.gallery-video-trigger span{position:absolute;inset:auto 6px 6px;background:#29251ee6;color:#fff;border-radius:3px;padding:4px 7px;font:12px/1.3 Arial,sans-serif}.gallery-video-trigger[aria-pressed=true]{border-color:#b64b0b}.gallery-video-trigger:focus-visible{outline:2px solid #b64b0b;outline-offset:3px}.video-error{font-size:14px;line-height:1.5}.video-error a{text-decoration:underline}@media(max-width:700px){.process-video{grid-template-columns:1fr;gap:24px;margin-block:32px;padding-block:30px}.process-video h2{font-size:32px}.process-video .product-video-player{max-width:320px}.gallery:has(.gallery-video-trigger) .gallery-thumbs>button{flex-basis:26%}}

.product-video-player{position:relative}.video-play-button{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:flex;align-items:center;justify-content:center;width:64px;height:64px;min-width:44px;min-height:44px;border:1px solid #fff8;border-radius:50%;padding:0 0 0 4px;background:#f8f5eeeF;color:#3a291d;font-size:26px;cursor:pointer;box-shadow:0 2px 18px #0002}.video-play-button:hover{background:#fff}.video-play-button:focus-visible{outline:3px solid #b64b0b;outline-offset:4px}.video-play-button[hidden]{display:none!important}

/* About: one hero illustration, real process video, then concise text steps. */
.about-page .workshop-content>.visual-note{margin:0 0 28px}.about-page .workshop-content>.process-video{margin-top:0}.making-steps{padding-block:4px 20px}.making-step-number{display:block;color:var(--muted);font-size:12px;letter-spacing:.15em}.making-steps h2{margin:10px 0 12px}@media(max-width:700px){.making-steps{gap:22px}.making-steps article+article{padding-top:22px;border-top:1px solid var(--line)}.making-steps h2{font-size:28px;margin:8px 0 10px}.making-steps p{margin-bottom:0}}