body[data-gate-locked="true"]{overflow:hidden}body[data-gate-locked="true"] #wle-site{visibility:hidden}
.wle-gate{position:fixed;inset:0;z-index:10000;overflow:auto;background:radial-gradient(ellipse at 50% 25%,#454a49 0,#242929 45%,#101616 100%);color:#e1e3e0;display:grid;grid-template-rows:auto 1fr auto;min-height:100dvh;padding:28px clamp(18px,5vw,72px);isolation:isolate}
.wle-gate[hidden]{display:none}.gate-brand{width:190px;height:56px;object-fit:contain;margin:auto;opacity:.86}.gate-stage{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:540px;perspective:1100px}.gate-kicker{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#c3c7c4;margin:16px 0 8px}.gate-title{font-family:Fraunces,Georgia,serif;font-size:clamp(30px,4vw,48px);font-weight:400;margin:0 0 36px;letter-spacing:-.025em;text-align:center}.gate-object{position:relative;width:min(540px,85vw);height:260px;perspective:1000px;filter:drop-shadow(0 35px 24px #0009);flex-shrink:0}.gate-box{position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(7deg);transition:transform 750ms cubic-bezier(.55,0,.3,1),opacity 650ms}.gate-lid,.gate-base{position:absolute;left:0;right:0;background:linear-gradient(115deg,#60625c08,#0005),repeating-linear-gradient(97deg,#9a9a8806 0 1px,transparent 1px 4px),linear-gradient(180deg,#414643,#242a28);border:1px solid #92958a55;box-shadow:inset 0 1px #bdc2b44d,inset 0 -4px 7px #0007;border-radius:4px}
.gate-base{top:93px;height:167px;border-top:3px solid #111716}.gate-base:after{content:'WHITE LABEL ESTATE';position:absolute;bottom:24px;left:0;right:0;text-align:center;font-size:11px;letter-spacing:.28em;color:#c5c8bd80}.gate-lid{top:0;height:94px;transform-origin:50% 0;transform-style:preserve-3d;transition:transform 850ms cubic-bezier(.22,.68,.23,1);z-index:2}.gate-lid:before{content:'';position:absolute;left:-1px;right:-1px;top:-32px;height:32px;background:linear-gradient(160deg,#6d726a,#3f4741);transform-origin:bottom;transform:skewX(-28deg);border:1px solid #979c8866;box-shadow:inset 0 1px #c6cabc66}.gate-lid:after{content:'';position:absolute;width:30px;height:64px;left:calc(50% - 15px);bottom:-26px;background:linear-gradient(90deg,#5f4b40,#ac8b71 45%,#6d5344);border:1px solid #b2957b77;border-radius:4px;box-shadow:0 3px 6px #0008}.gate-hardware{position:absolute;left:50%;top:96px;transform:translateX(-50%);z-index:3;width:240px;height:127px;transition:transform 650ms cubic-bezier(.45,0,.35,1),opacity 500ms;filter:drop-shadow(2px 8px 7px #0008)}
.gate-shackle{position:absolute;left:79px;top:-67px;width:82px;height:85px;border:12px solid #8f9690;border-bottom:0;border-radius:42px 42px 0 0;box-shadow:inset 2px 2px 3px #eef0e66b,3px 0 2px #171e1b;transform-origin:82% 100%;transition:transform 450ms cubic-bezier(.16,1,.3,1)}.gate-lockbody{position:absolute;inset:0;background:linear-gradient(110deg,#5d625c,#2d3530 35%,#454c43 70%,#252d28);border:1px solid #adb29e66;border-radius:13px;box-shadow:inset 0 2px 2px #c1c6b377,inset 0 -5px 7px #0008}.gate-lockbody:before,.gate-lockbody:after{content:'•';position:absolute;top:53px;color:#c1ab8a;font-size:20px;text-shadow:0 1px #000}.gate-lockbody:before{left:10px}.gate-lockbody:after{right:10px}.gate-wheels{display:flex;gap:5px;justify-content:center;position:absolute;top:15px;left:24px;right:24px;padding:0 4px;background:#0b100e;border-radius:5px;box-shadow:0 1px #cbd1b544,inset 0 2px 8px #000}.gate-wheel{height:92px;width:40px;padding:0;border:0;background:linear-gradient(90deg,#6a6c62,#d4d4c3 30%,#aaa99b 60%,#535c50);color:#20271f;overflow:hidden;position:relative;touch-action:none;cursor:ns-resize;font-family:'DM Sans',sans-serif;font-size:26px;font-weight:500;border-radius:3px;user-select:none}.gate-wheel:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(#070d09b3,transparent 34%,transparent 64%,#070d09c9);box-shadow:inset 1px 0 #fff5,inset -1px 0 #0008}.gate-wheel:before{content:'';position:absolute;inset:31px 0;border-block:1px solid #171c1355;z-index:2}.gate-drum{display:flex;flex-direction:column;transform:translateY(-16px);transition:transform 130ms ease-out}.gate-drum span{height:41px;line-height:41px;flex-shrink:0}.gate-wheel:focus-visible{outline:2px solid #dfb493;outline-offset:3px;z-index:4}.gate-controls{width:min(360px,100%);text-align:center;margin-top:28px}.gate-hint{font-size:14px;color:#bac0b9;margin:0 auto 16px}.gate-code-row{display:flex;gap:10px;justify-content:center}.gate-code{width:115px;min-width:0;background:#121b1880;border:1px solid #7c8478;color:#eeeee6;font:20px 'DM Sans',sans-serif;letter-spacing:.18em;text-align:center;border-radius:0;padding:10px;height:48px}.gate-open{border:1px solid #ad8b71;background:#ad8b71;color:#171e1b;padding:10px 24px;min-height:48px;font-size:15px}.gate-code:focus-visible,.gate-open:focus-visible,.gate-relock:focus-visible{outline:3px solid #dbc0a5;outline-offset:4px}.gate-status{font-size:14px;min-height:23px;margin:12px auto 0;color:#e3c0a5}.gate-bottom{font-size:12px;color:#a1a9a2;text-align:center;letter-spacing:.1em;padding-top:20px}.gate-relock{position:fixed;right:16px;bottom:16px;z-index:90;background:#252a2ce8;color:#f7f6f2;border:1px solid #92988c;padding:9px 14px;font-size:13px;min-height:44px;backdrop-filter:blur(10px)}.gate-relock[hidden]{display:none}.wle-gate[data-phase="release"] .gate-shackle,.wle-gate[data-phase="open"] .gate-shackle{transform:translateY(-25px) rotate(-24deg)}.wle-gate[data-phase="open"] .gate-hardware{transform:translate(-50%,100px) rotate(16deg);opacity:0}.wle-gate[data-phase="open"] .gate-lid{transform:rotateX(115deg)}.wle-gate[data-phase="leave"]{pointer-events:none;animation:gate-exit 600ms ease-in forwards}.wle-gate[data-phase="leave"] .gate-box{transform:translateY(60vh) rotateX(25deg);opacity:0}.wle-gate[data-phase="leave"] .gate-title,.wle-gate[data-phase="leave"] .gate-controls,.wle-gate[data-phase="leave"] .gate-brand,.wle-gate[data-phase="leave"] .gate-kicker{opacity:0;transition:opacity 200ms}.wle-gate[data-error="true"] .gate-hardware{animation:gate-resist 240ms ease-in-out}.wle-gate[data-phase="release"] .gate-wheel{box-shadow:inset 0 0 0 1px #c4a485}.wle-gate[data-phase="open"] .gate-controls{opacity:0;transition:opacity 200ms}@keyframes gate-exit{to{background-color:transparent;opacity:0}}@keyframes gate-resist{25%,75%{margin-left:-3px}50%{margin-left:3px}}
@media(max-width:600px){.wle-gate{padding:18px}.gate-stage{min-height:520px}.gate-object{height:230px;width:88vw;max-width:440px}.gate-base{height:137px}.gate-hardware{top:88px;transform:translateX(-50%) scale(.9)}.gate-title{margin-bottom:42px}.gate-controls{margin-top:16px}.gate-brand{width:158px;height:44px}.gate-bottom{padding:12px 0}.gate-relock{right:10px;bottom:10px}}
html[data-wle-motion="off"] .wle-gate *{transition:none!important;animation:none!important}html[data-wle-motion="off"] .wle-gate[data-phase="leave"]{animation:none;opacity:0}
.gate-wheel{text-align:center}.gate-base:after{bottom:14px}.wle-gate[data-phase="leave"] .gate-shackle{transform:translateY(-25px) rotate(-24deg)}.wle-gate[data-phase="leave"] .gate-hardware{transform:translate(-50%,100px) rotate(16deg);opacity:0}.wle-gate[data-phase="leave"] .gate-lid{transform:rotateX(115deg)}
/* V15: interlocking mechanical enclosure. Sequential release / lift / split / unfold. */
.gate-box{transition:transform 1000ms cubic-bezier(.2,.65,.2,1),opacity 850ms}
.gate-cavity{position:absolute;inset:4px 8px 2px;background:repeating-linear-gradient(90deg,#0b1210 0 17px,#24312a 18px 19px);border:12px solid #292e29;box-shadow:inset 0 0 35px 18px #000,0 0 0 1px #a6a89533;border-radius:3px;transition:transform 1s,opacity 700ms}
.gate-base{background:none;border:0;box-shadow:none;transform-style:preserve-3d;overflow:visible}.gate-base:after{display:none}
.gate-tile{position:absolute;width:34%;height:54%;background:repeating-linear-gradient(96deg,#acafa306 0 1px,transparent 1px 4px),linear-gradient(120deg,#454b44,#252c27 70%);border:1px solid #8d95825c;box-shadow:inset 1px 1px #acb5a52b,inset -2px -3px 5px #070c09;transition:transform 1050ms cubic-bezier(.42,0,.16,1),opacity 750ms;transform-style:preserve-3d}
.tile-0{left:0;top:0;border-radius:3px 0 0 0}.tile-1{left:33%;top:0;background-color:#33392f}.tile-2{left:66%;top:0;border-radius:0 3px 0 0}.tile-3{left:0;top:48%;border-radius:0 0 0 3px}.tile-4{left:33%;top:48%}.tile-5{left:66%;top:48%;border-radius:0 0 3px 0}
.gate-tile:after{content:'';position:absolute;left:12px;right:12px;top:10px;height:1px;background:#a7806240}.tile-1:after,.tile-4:after{left:50%;width:1px;top:12px;bottom:12px;height:auto;background:#b995704f}
.gate-lid{transition:transform 1000ms cubic-bezier(.4,0,.15,1);transform-style:preserve-3d}.gate-hardware{transition:transform 900ms cubic-bezier(.4,0,.18,1),opacity 700ms}.gate-shackle{transition:transform 600ms cubic-bezier(.45,0,.2,1)}
.wle-gate.is-released .gate-shackle{transform:translateY(-32px) rotate(-28deg)}
.wle-gate.is-released .gate-controls{opacity:0;pointer-events:none;transition:opacity 400ms}
.wle-gate.is-lifted .gate-lid{transform:translateY(-52px) rotateX(32deg)}
.wle-gate.is-lifted .gate-hardware{transform:translate(-50%,48px) rotate(8deg)}
.wle-gate.is-lifted .tile-1{transform:translateY(-12px) translateZ(12px)}
.wle-gate.is-lifted .tile-4{transform:translateY(22px) translateZ(18px)}
.wle-gate.is-separated .gate-box{transform:rotateX(12deg) rotateY(-8deg)}
.wle-gate.is-separated .gate-lid{transform:translateY(-102px) rotateX(72deg)}
.wle-gate.is-separated .gate-hardware{transform:translate(-50%,110px) rotate(15deg);opacity:0}
.wle-gate.is-separated .tile-0{transform:translate(-38px,-12px) translateZ(30px)}
.wle-gate.is-separated .tile-2{transform:translate(38px,-12px) translateZ(30px)}
.wle-gate.is-separated .tile-3{transform:translate(-38px,24px) translateZ(24px)}
.wle-gate.is-separated .tile-5{transform:translate(38px,24px) translateZ(24px)}
.wle-gate.is-separated .tile-1{transform:translateY(-30px) translateZ(45px)}
.wle-gate.is-separated .tile-4{transform:translateY(58px) translateZ(45px)}
.wle-gate.is-unfolded .tile-0{transform:translate(-85px,-40px) rotateY(-65deg)}
.wle-gate.is-unfolded .tile-2{transform:translate(85px,-40px) rotateY(65deg)}
.wle-gate.is-unfolded .tile-3{transform:translate(-75px,85px) rotateX(-60deg) rotateY(-30deg)}
.wle-gate.is-unfolded .tile-5{transform:translate(75px,85px) rotateX(-60deg) rotateY(30deg)}
.wle-gate.is-unfolded .tile-1{transform:translateY(-75px) rotateX(75deg);opacity:.4}
.wle-gate.is-unfolded .tile-4{transform:translateY(115px) rotateX(-80deg);opacity:.4}
.wle-gate.is-unfolded .gate-lid{transform:translateY(-135px) rotateX(110deg)}
.wle-gate.is-unfolded .gate-cavity{transform:translateZ(-80px) scale(.92);opacity:.3}
.wle-gate[data-phase="leave"]{animation-duration:850ms}.wle-gate[data-phase="leave"] .gate-box{transform:translateZ(220px) scale(1.12);opacity:0}
.gate-relock{position:static;background:transparent;border:0;border-bottom:1px solid #ffffff60;padding:12px 0;backdrop-filter:none;min-height:44px}
@media(max-width:600px){.wle-gate.is-separated .gate-box{transform:scale(.87) rotateX(12deg) rotateY(-8deg)}.wle-gate.is-unfolded .gate-box{transform:scale(.78) rotateX(15deg) rotateY(-8deg)}.wle-gate[data-phase="leave"] .gate-box{transform:scale(.95)} }
html[data-wle-motion="off"] .wle-gate,html[data-wle-motion="off"] .wle-gate *{animation:none!important;transition:none!important}
.wle-gate.is-released .gate-title,.wle-gate.is-released .gate-kicker{opacity:0;transform:translateY(-12px);transition:opacity 450ms,transform 650ms}.wle-gate:not(.is-released) .gate-controls,.wle-gate:not(.is-released) .gate-box,.wle-gate:not(.is-released) .gate-lid,.wle-gate:not(.is-released) .gate-tile,.wle-gate:not(.is-released) .gate-shackle,.wle-gate:not(.is-released) .gate-hardware{transition:none}

/* Original vector mark bridges mechanical opening and the website. */
.gate-signature{position:absolute;left:50%;top:48%;width:min(420px,76vw);transform:translate(-50%,-45%);opacity:0;pointer-events:none;transition:opacity 450ms,transform 850ms cubic-bezier(.2,.65,.2,1)}
.gate-signature-svg{width:100%;height:auto;overflow:visible;display:block}
.gate-signature-mark{stroke-dasharray:1;stroke-dashoffset:1}
.gate-signature-name{opacity:0;transform:translateY(5px)}
.gate-signature-rule{display:block;width:32px;height:1px;background:var(--copper);margin:26px auto 0;transform:scaleX(0)}
.wle-gate.is-signature .gate-box{transform:scale(.4) translateY(-80px);opacity:0;transition:transform 850ms cubic-bezier(.5,0,.2,1),opacity 550ms}
.wle-gate.is-signature .gate-brand,.wle-gate.is-signature .gate-bottom{opacity:0;transition:opacity 350ms}
.wle-gate.is-signature .gate-signature{opacity:1;transform:translate(-50%,-50%)}
.wle-gate.is-signature .gate-signature-mark{animation:signature-draw 850ms cubic-bezier(.45,0,.25,1) 250ms forwards}
.wle-gate.is-signature .gate-signature-name{animation:signature-name 650ms ease-out 900ms forwards}
.wle-gate.is-signature .gate-signature-rule{animation:signature-rule 500ms ease-out 1250ms forwards}
.wle-gate[data-phase="leave"] .gate-signature{opacity:0;transform:translate(-50%,-55%);transition:opacity 500ms,transform 600ms}
.wle-gate[data-phase="leave"]{animation-duration:600ms}
@keyframes signature-draw{to{stroke-dashoffset:0}}
@keyframes signature-name{to{opacity:1;transform:translateY(0)}}
@keyframes signature-rule{to{transform:scaleX(1)}}
html[data-wle-motion="off"] .gate-signature-mark{stroke-dashoffset:0}html[data-wle-motion="off"] .gate-signature-name{opacity:1;transform:none}html[data-wle-motion="off"] .gate-signature-rule{transform:none}

/* Six wheels: full-size hit targets at 320px and above. */
.gate-hardware{width:328px}.gate-shackle{left:calc(50% - 41px)}.gate-wheels{left:18px;right:18px;padding:0;gap:4px}.gate-wheel{flex:1 0 44px;width:auto;min-width:44px}.gate-code{width:176px;letter-spacing:.15em}
@media(max-width:600px){.gate-hardware{width:280px;transform:translateX(-50%)}.gate-wheels{left:3px;right:3px;gap:2px}.gate-wheel{font-size:25px}.gate-lockbody:before,.gate-lockbody:after{display:none}.gate-controls{max-width:320px}.gate-code{width:164px}.gate-title{font-size:30px}}