/* Technical gallery only. The source photographs are unchanged. */
#method .photo-gallery-layout{display:block;grid-template-columns:none}
#method .method-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 20px}
#method .step{display:flex;align-items:center;justify-content:space-between;gap:8px;min-width:0;min-height:100px;margin:0;padding:16px;border:1px solid #ac8caa66;border-radius:20px;background:linear-gradient(150deg,#61465e55,#211721);color:#f5ece8;box-shadow:inset 0 1px 0 #ffffff18;font-size:15px;line-height:1.4;text-align:left;transition:background .25s,border-color .25s,transform .25s}
#method .step b{font:inherit;display:block}
#method .step b span{display:block;margin-bottom:8px;font-size:13px;color:#ddbbd2}
#method .step[aria-selected="true"]{background:linear-gradient(130deg,#ecdcd9,#c6a5bb);color:#29182a;border-color:#f1dfeb;box-shadow:0 8px 28px #160c2244,inset 0 1px 0 #ffffffaa}
#method .step[aria-selected="true"] b span{color:#66445e}
#method .step:hover{border-color:#e9c4df;transform:translateY(-2px)}
#method .step:focus-visible{outline:3px solid #efd8e9;outline-offset:3px}
#method #methodMedia{--gallery-photo:url('media/practical-technique/work-position.png');display:block;position:relative;isolation:isolate;height:650px;min-height:650px;max-height:none;aspect-ratio:auto;padding:0;overflow:hidden;border:1px solid #bea3b844;border-radius:32px;background:#241c25}
#method #methodMedia:before{content:'';position:absolute;inset:-25px;z-index:0;background-image:var(--gallery-photo);background-size:cover;background-position:center;filter:blur(24px);opacity:.5;pointer-events:none}
#method #methodMedia:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,#211522fa 0%,#211522e8 27%,#21152285 47%,transparent 70%);pointer-events:none}
#method #methodMedia .media-state{position:absolute!important;inset:0 0 0 38%!important;width:auto!important;height:100%!important;z-index:1;margin:0;padding:0;background:transparent;overflow:hidden;border-radius:0}
#method #methodMedia .media-state[hidden]{display:none!important}
#method #methodMedia .media-state a{display:block;width:100%;height:100%}
#method #methodMedia .media-state img{display:block!important;position:static!important;width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important;transform:none!important;filter:none!important;border-radius:0}
#method #methodMedia .gallery-outgoing{z-index:1;pointer-events:none}
#method #methodMedia .gallery-copy{position:absolute;z-index:3;left:5%;bottom:9%;width:39%;max-width:500px;padding:0;margin:0;color:#fff5f0;background:none;border:0;box-shadow:none}
#method #visualText{font-family:Georgia,serif;font-size:clamp(30px,3.1vw,47px);font-weight:400;line-height:1.08;letter-spacing:-.025em;margin:0 0 24px;color:#fff5f0;overflow-wrap:anywhere}
#method #methodDescription{position:static;display:block;min-height:0;margin:0;padding:0;border:0;background:none;color:#f1e4ec;font-size:18px;line-height:1.6;font-family:inherit}
#method #mediaCaption{display:block;margin-top:24px;color:#dbb9d0;font-size:14px;letter-spacing:.15em}
@media(max-width:900px){#method .method-tabs{display:flex;overflow-x:auto;overscroll-behavior-x:contain;gap:10px;padding:4px 4px 12px;scrollbar-width:thin}#method .step{flex:0 0 220px;min-height:96px}#method #methodMedia{height:640px;min-height:640px}#method #methodMedia .gallery-copy{width:44%}#method #visualText{font-size:33px}}
@media(max-width:600px){
 #method .step{flex-basis:calc(100% - 48px);max-width:280px;min-height:90px;padding:14px 16px;font-size:16px;border-radius:18px}
 #method #methodMedia{height:740px;min-height:740px;border-radius:24px;max-width:100%;width:100%}
 #method #methodMedia .media-state{inset:0 0 auto 0!important;width:100%!important;height:65%!important}
 #method #methodMedia:after{background:linear-gradient(0deg,#211522 0%,#211522fa 23%,#211522b8 40%,transparent 65%)}
 #method #methodMedia .gallery-copy{left:22px;right:22px;bottom:28px;width:auto;max-width:none}
 #method #visualText{font-size:30px;line-height:1.12;margin-bottom:16px}
 #method #methodDescription{font-size:17px;line-height:1.55}
 #method #mediaCaption{margin-top:16px}
}
@media(prefers-reduced-motion:reduce){#method .step{transition:none}#method .step:hover{transform:none}}
/* Readability correction: a compact frosted plum surface, not a full-photo overlay. */
#method #methodMedia .gallery-copy{box-sizing:border-box;left:3.5%;bottom:6%;width:43%;max-width:540px;padding:28px;background:rgba(37,19,38,.88);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid #ead0e536;border-radius:24px;box-shadow:0 16px 40px #10091535}
#method #visualText{font-size:clamp(29px,2.9vw,43px);color:#fff9f4}
#method #methodDescription{color:#fff4fa}
#method .method-tabs{touch-action:pan-x pan-y;-webkit-overflow-scrolling:touch}
@media(max-width:900px){#method #methodMedia .gallery-copy{width:48%;padding:24px}}
@media(max-width:600px){#method #methodMedia .gallery-copy{left:14px;right:14px;bottom:18px;width:auto;padding:21px;border-radius:21px}#method #visualText{font-size:28px}#method #methodDescription{font-size:17px}}