/* WOMIER SK61 HE / large isolated components and attached Hungarian callouts. */
#wm-landing.wm-scroll-v7 #wm-sk61-layers{position:relative;background:#15130f;color:#f0ece5;border-top:1px solid #d3ae7533;overflow-anchor:none;scroll-margin-top:calc(var(--wm-shell-offset,0px) + var(--wm-f-nav-height,66px))}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-pin{position:relative;display:flex;flex-direction:column;padding:20px 32px 14px;background:radial-gradient(ellipse at 38% 30%,#5c452126,transparent 58%),linear-gradient(135deg,#1c1913,#10100e)}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:0 3% 12px;border-bottom:1px solid #d3ae751b;flex-shrink:0}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading h3{margin-top:5px;font-size:clamp(32px,3.1vw,46px);line-height:1.08}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading>p{display:flex;align-items:center;gap:25px;color:#b4aa9a;font-size:10px;line-height:1.6}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading>p>span{font-size:24px;color:#d3ae75}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-canvas{position:relative;height:470px;min-height:0;isolation:isolate}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-watermark{position:absolute;bottom:9%;left:6%;font-size:clamp(70px,12vw,180px);font-weight:600;line-height:1;letter-spacing:-.08em;color:#d3ae7507;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-fallback{max-width:520px;margin:20px auto}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-fallback>img{width:100%;height:auto}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-diagram{display:none;width:100%;height:100%;overflow:visible}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout{display:none;position:absolute;z-index:3;width:220px;pointer-events:none;padding-left:14px;border-left:1px solid #d3ae7577}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout>span{display:block;font-size:9px;color:#d3ae75;letter-spacing:.15em;margin-bottom:9px;font-variant-numeric:tabular-nums}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout h4{font-size:clamp(21px,2.1vw,30px);line-height:1.13;font-weight:400;letter-spacing:-.035em;color:#f5e6cf}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout p{margin-top:11px;font-size:11px;line-height:1.75;color:#bdb4a7}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece{transform-origin:0 0;will-change:transform,opacity;transition:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece[data-wm-p-current]{filter:drop-shadow(0 0 1.5px #d3ae7560) drop-shadow(0 14px 18px #0005)}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-manual .wm-p-piece{transition:transform .55s cubic-bezier(.2,.75,.25,1),opacity .35s ease}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-manual .wm-p-callout{transition:opacity .16s ease}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-label-wait .wm-p-callout,#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-label-wait .wm-p-connector{opacity:0!important}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-connector path{fill:none;stroke:#d3ae75;stroke-width:1;vector-effect:non-scaling-stroke}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-connector circle{fill:#e8c48f}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-footer{position:relative;z-index:4;flex-shrink:0;padding:0 3%}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-progress{height:1px;background:#d3ae7526;margin:3px 0 12px;overflow:hidden}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-progress>i{display:block;width:100%;height:100%;background:#d3ae75;transform-origin:left;transform:scaleX(var(--wm-p-progress,.05))}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-toolbar{display:none;align-items:center;justify-content:center;gap:22px;min-height:44px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-instruction{font-size:9px;color:#9e9485}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls{display:flex;gap:5px;list-style:none;margin:0;padding:0;overflow-x:auto;scrollbar-width:none;overscroll-behavior-x:contain}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls::-webkit-scrollbar{display:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls li{flex:0 0 auto;list-style:none;margin:0;padding:0}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button{position:relative;display:grid;place-items:center;width:44px;height:44px;border:1px solid #d3ae752d;border-radius:50%;background:transparent;color:#9e9485;font-size:10px;line-height:1;transition:border-color .2s,color .2s,background .2s}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button:hover{color:#f3d4a3;border-color:#d3ae75}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button[aria-pressed="true"]{color:#16130e;background:#d3ae75;border-color:#d3ae75}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button>b{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-resume{display:block;min-height:36px;max-width:150px;padding:5px 0;border:0;background:transparent;color:#d3ae75;font-size:9px;line-height:1.5;text-align:left}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-resume>span{margin-left:10px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-resume[hidden]{display:block;visibility:hidden;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-bottom{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-top:9px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-bottom>small{font-size:8px;color:#867d70;line-height:1.6;max-width:260px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text{font-size:9px;color:#b3aa9c;text-align:right;max-width:65%}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text summary{display:inline-block;cursor:pointer;min-height:26px;text-decoration:underline;text-underline-offset:3px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text ol{text-align:left;margin:7px 0 0;padding:12px 18px 4px 28px;columns:2;gap:25px;line-height:1.7;background:#18150f;border:1px solid #d3ae7533;max-height:140px;overflow-y:auto}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text li{margin-bottom:8px;break-inside:avoid}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-fallback{display:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-diagram,#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-callout{display:block}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-toolbar{display:flex}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){height:285svh;min-height:2000px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static) .wm-p-pin{position:sticky;top:calc(var(--wm-shell-offset,0px) + var(--wm-f-nav-height,66px));height:calc(100svh - var(--wm-shell-offset,0px) - var(--wm-f-nav-height,66px))}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static) .wm-p-canvas{flex:1;height:auto;min-height:0}
#wm-landing.wm-scroll-v7 #wm-sk61-layers:not(.wm-p-ready) .wm-p-canvas{height:auto;min-height:0}
@media(max-width:1050px) and (min-width:701px){
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-pin{padding-inline:15px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout h4{font-size:21px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout p{font-size:10px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-instruction{display:none}
}
@media(max-width:700px){
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-pin{padding:16px 10px 12px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading{align-items:flex-start;gap:15px;padding:0 10px 11px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading .wm-kicker{font-size:8px;letter-spacing:.09em}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading h3{font-size:31px;max-width:200px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading>p{max-width:97px;font-size:8px;gap:8px;padding-top:5px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading>p>span{font-size:21px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-canvas{height:460px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-watermark{bottom:12%;left:2%;font-size:60px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout{padding:0 10px 0 40px;border-left:0;width:calc(100% - 28px);min-height:24px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout>span{position:absolute;left:0;top:5px;margin:0;font-size:8px;letter-spacing:.05em}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout h4{font-size:19px;line-height:1.15;letter-spacing:-.025em}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout p{display:none}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-footer{padding:0 4px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-toolbar{gap:0;justify-content:flex-start;flex-wrap:wrap}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls{max-width:100%;margin:0 auto;gap:5px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button{width:44px;height:44px;font-size:10px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-instruction{display:none}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-resume{width:100%;max-width:none;min-height:29px;margin-top:3px;font-size:9px;text-align:center}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-bottom{gap:12px;margin-top:2px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-bottom>small{font-size:7px;max-width:160px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text{font-size:8px;max-width:48%}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text[open]{position:absolute;bottom:30px;right:4px;max-width:95%;width:95%;z-index:8}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-text ol{columns:1;max-height:190px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){height:280svh;min-height:1800px}
}
@media(prefers-reduced-motion:reduce){
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece{will-change:auto;transition:none!important}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls button{transition:none}
}

/* Every component is registered to the same four corners of the case opening. */
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-parts{display:none;position:absolute;inset:0;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-parts{display:block}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-world{position:absolute;left:0;top:0;width:1440px;height:470px;transform-origin:0 0;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece,#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-case-lip{position:absolute;left:0;top:0;transform-origin:0 0 0;backface-visibility:hidden;transition:none!important}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-case-lip{z-index:30;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-cutout{position:absolute;inset:0;overflow:hidden}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-cutout>img{position:absolute;display:block;width:887px;height:1774px;max-width:none;object-fit:fill}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-diagram{position:absolute;inset:0;z-index:2;pointer-events:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-callout{transition:none!important}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-complete .wm-p-piece{filter:none}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls [data-wm-p-assembled]{border-style:dashed;font-size:17px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-controls [data-wm-p-assembled][aria-pressed="true"]{border-style:solid}

/* Preserve the assembly tempo and leave almost half a viewport for the final view. */
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){height:335svh;min-height:2300px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece,
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-piece[data-wm-p-current],
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-complete .wm-p-piece{filter:drop-shadow(0 0 calc(1.5px * var(--wm-p-lift,0)) rgb(211 174 117 / calc(.38 * var(--wm-p-lift,0)))) drop-shadow(0 calc(14px * var(--wm-p-lift,0)) calc(18px * var(--wm-p-lift,0)) rgb(0 0 0 / calc(.33 * var(--wm-p-lift,0))))}
@media(max-width:700px){
 #wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){min-height:2150px}
}

/* A genuine, uncropped SK61 HE photo replaces the illustration only after assembly. */
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){height:385svh;min-height:2650px}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-photo{display:none;position:absolute;inset:0;z-index:1;margin:0;padding:18px 0 28px;background:#030303;opacity:0;pointer-events:none;overflow:hidden;box-sizing:border-box;align-items:center;justify-content:center}
#wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready .wm-p-photo{display:flex}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-photo>img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 10%,#000 90%,transparent)}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-heading{position:relative;z-index:3}
#wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-canvas{z-index:2}
@media(max-width:700px){
 #wm-landing.wm-scroll-v7 #wm-sk61-layers.wm-p-ready:not(.wm-p-static){min-height:2450px}
 #wm-landing.wm-scroll-v7 #wm-sk61-layers .wm-p-photo{padding:85px 0 90px}
}