/* R72 Website Factory. EVY V3 ink + the factory signal orange #ff5c3b. The scene is an exploded page: six real layers of one site. */
body[data-evy-factory-r72]{--wf-ink:#100e1d;--wf-ink2:#17152a;--wf-card:#1d1a33;--wf-line:rgba(241,240,246,.12);--wf-text:#f1f0f6;--wf-mut:#b4b1c8;--wf-or:#ff5c3b;--wf-or2:#ff8a6e;background:var(--wf-ink)}
body[data-evy-factory-r72] main.wf{background:var(--wf-ink);color:var(--wf-text);font-family:Bahnschrift,"Segoe UI Variable Display","Segoe UI",-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif}
.wf a{color:inherit}
.wf h1,.wf h2{font-weight:800;letter-spacing:-.03em;margin:0;color:var(--wf-text)}
.wf h1{font-size:clamp(38px,5.4vw,78px);line-height:.98;max-width:13ch}
.wf h1 em{font-style:normal;color:var(--wf-or)}
.wf h2{font-size:clamp(30px,3.8vw,54px);line-height:1}
.wf-kicker{font:700 13px/1.3 ui-monospace,"Cascadia Mono",Consolas,monospace;letter-spacing:.12em;text-transform:uppercase;color:var(--wf-or);margin:0 0 18px}
.wf-lede{color:var(--wf-mut);font-size:clamp(17px,1.4vw,19px);line-height:1.55;max-width:44ch;margin:22px 0 28px}
.wf-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px 22px}
.wf-btn,.wf a.wf-btn{display:inline-flex;align-items:center;min-height:48px;padding:0 22px;border-radius:4px;background:var(--wf-or);color:#16110f;font-weight:800;text-decoration:none}
.wf a.wf-btn:hover{background:var(--wf-or2)}
.wf-link{color:var(--wf-text);font-weight:600;text-underline-offset:4px}
.wf :focus-visible{outline:2px solid var(--wf-or);outline-offset:3px}
.wf-open{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,4vw,64px);align-items:center;max-width:1320px;margin:0 auto;padding:clamp(40px,7vw,104px) clamp(16px,4vw,56px)}
.wf-scene{margin:0}
.wf-stage{position:relative;height:clamp(300px,34vw,470px);perspective:2000px;perspective-origin:50% 30%}
.wf-stack{list-style:none;margin:0;padding:0;position:absolute;left:50%;top:52%;width:min(100%,560px);aspect-ratio:16/10;transform-style:preserve-3d;
 transform:translate(-50%,-50%) rotateX(56deg) rotateZ(-32deg)}
.wf-layer{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.8,.2,1),opacity .5s}
.wf-layer[data-i="0"]{transform:translateZ(0)}.wf-layer[data-i="1"]{transform:translateZ(46px)}.wf-layer[data-i="2"]{transform:translateZ(92px)}
.wf-layer[data-i="3"]{transform:translateZ(138px)}.wf-layer[data-i="4"]{transform:translateZ(184px)}.wf-layer[data-i="5"]{transform:translateZ(230px)}
.wf-sheet{position:absolute;inset:0;border-radius:8px;background:var(--wf-card);border:1px solid var(--wf-line);box-shadow:0 30px 60px rgba(0,0,0,.45);overflow:hidden;opacity:.5;transition:opacity .5s,box-shadow .5s,border-color .5s}
.wf-layer.is-on .wf-sheet{opacity:1;border-color:var(--wf-or);box-shadow:0 0 0 1px var(--wf-or),0 40px 80px rgba(0,0,0,.6)}
.wf-stack[data-active] .wf-layer.is-on{transform:translateZ(var(--lift,300px))}
.wf-layer.is-on[data-i="0"]{--lift:40px}.wf-layer.is-on[data-i="1"]{--lift:110px}.wf-layer.is-on[data-i="2"]{--lift:170px}.wf-layer.is-on[data-i="3"]{--lift:230px}.wf-layer.is-on[data-i="4"]{--lift:290px}.wf-layer.is-on[data-i="5"]{--lift:350px}
.wf-sheet img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}
.wf-brief{padding:6% 7%;display:grid;gap:4%;height:100%;align-content:center}
.wf-brief p{margin:0;font-size:clamp(11px,1.15vw,15px);color:var(--wf-text)}.wf-brief b{display:block;font:700 10px/1.4 ui-monospace,Consolas,monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--wf-or)}
.wf-wire{display:grid;gap:5%;padding:6%;height:100%;align-content:start}
.wf-wire-row{display:block;height:9%;min-height:10px;border:1px dashed rgba(255,92,59,.6);border-radius:3px}.wf-w1{width:72%}.wf-w2{width:86%}
.wf-parts{list-style:none;margin:0;padding:6%;display:flex;flex-wrap:wrap;gap:8px;align-content:center;height:100%}
.wf-parts li{border:1px solid var(--wf-or);color:var(--wf-text);border-radius:999px;padding:6px 12px;font-size:clamp(11px,1.1vw,14px)}
.wf-form{padding:7%;display:grid;gap:8px;align-content:center;height:100%}
.wf-form label{font-weight:700;font-size:14px}
.wf-form input{min-height:44px;border-radius:4px;border:1px solid var(--wf-line);background:var(--wf-ink2);color:var(--wf-text);padding:0 12px;font:inherit}
.wf-form input[aria-invalid="true"]{border-color:var(--wf-or)}
.wf-form button{justify-self:start;min-height:44px;padding:0 18px;border-radius:4px;border:0;background:var(--wf-or);color:#16110f;font-weight:800;font:inherit;font-weight:800;cursor:pointer}
.wf-err{margin:0;min-height:1.4em;color:var(--wf-or2);font-size:14px}.wf-note{margin:0;color:var(--wf-mut);font-size:12px}
.wf-gates{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:0;height:100%;background:var(--wf-line)}
.wf-gates div{background:var(--wf-card);display:grid;align-content:center;padding:8px 12px}
.wf-gates dt{font:600 10px/1.3 ui-monospace,Consolas,monospace;letter-spacing:.08em;text-transform:uppercase;color:var(--wf-mut)}.wf-gates dd{margin:2px 0 0;font-size:clamp(18px,2.2vw,30px);font-weight:800;color:var(--wf-text)}
.wf-steps{display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}
.wf-step{min-height:44px;min-width:44px;padding:0 14px;border-radius:4px;border:1px solid var(--wf-line);background:transparent;color:var(--wf-mut);font:700 14px/1 inherit;font-family:inherit;cursor:pointer}
.wf-step[aria-pressed="true"]{background:var(--wf-or);border-color:var(--wf-or);color:#16110f}
.wf-step:hover{border-color:var(--wf-or);color:var(--wf-text)}.wf-step[aria-pressed="true"]:hover{color:#16110f}
.wf-notes{min-height:9.5em;margin-top:14px}
.wf-note-card h3{margin:0 0 6px;font-size:21px;color:var(--wf-text)}.wf-note-card p{margin:0;color:var(--wf-mut);max-width:58ch}
.wf-scene figcaption{margin-top:12px;font:12px/1.5 ui-monospace,Consolas,monospace;color:var(--wf-mut)}
.wf-noscript{color:var(--wf-mut);padding-left:18px}
.wf-built,.wf-every,.wf-start{max-width:1320px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(16px,4vw,56px);border-top:1px solid var(--wf-line)}
.wf-sub{color:var(--wf-mut);max-width:52ch;margin:14px 0 28px}
.wf-wall{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}
.wf-wall a{display:grid;gap:6px;text-decoration:none;background:var(--wf-card);border:1px solid var(--wf-line);border-radius:8px;overflow:hidden;padding-bottom:14px;height:100%}
.wf-wall a:hover{border-color:var(--wf-or)}.wf-wall img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;object-position:top}
.wf-wall b{padding:4px 14px 0;font-size:18px}.wf-wall span{padding:0 14px;color:var(--wf-mut);font-size:14px}
.wf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--wf-line);margin:28px 0 0;border:1px solid var(--wf-line)}
.wf-grid div{background:var(--wf-ink);padding:22px}.wf-grid dt{font-weight:800;margin-bottom:6px;color:var(--wf-text)}.wf-grid dd{margin:0;color:var(--wf-mut);font-size:15px}
.wf-start p{color:var(--wf-mut);margin:14px 0 26px}
@media (max-width:1020px){.wf-open{grid-template-columns:1fr}.wf-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:640px){
 .wf-stage{height:auto;perspective:none}
 .wf-stack{position:relative;left:auto;top:auto;transform:none;width:100%}
 .wf-layer{transform:none!important;opacity:0;pointer-events:none}.wf-layer.is-on{opacity:1}
 .wf-stack:not([data-active]) .wf-layer[data-i="2"]{opacity:1}
 .wf-grid{grid-template-columns:1fr}.wf-gates{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.wf-layer,.wf-sheet{transition:none}}
/* the 3D stack is a picture: it never takes pointer or keyboard focus; the working demo form lives in the note panel */
.wf-stage,.wf-stack{pointer-events:none}
.wf-note-card .wf-form{padding:14px 0 0;height:auto;max-width:380px}
.wf-form-art{pointer-events:none}
.wf-fake-label{font-weight:700;font-size:13px}.wf-fake-input{display:block;border:1px solid var(--wf-or);border-radius:4px;padding:8px 10px;color:var(--wf-mut);font-size:13px}
.wf-fake-err{color:var(--wf-or2);font-size:12px}.wf-fake-btn{justify-self:start;background:var(--wf-or);color:#16110f;font-weight:800;border-radius:4px;padding:8px 14px;font-size:13px}
/* inactive layers read as clean frames; only the lifted layer shows its content */
.wf-layer:not(.is-on) .wf-sheet{opacity:.55;background:linear-gradient(135deg,#1f1c38,#151327)}
.wf-layer:not(.is-on) .wf-sheet>*{opacity:.06}
.wf-stack:not([data-active]) .wf-layer[data-i="2"] .wf-sheet>*{opacity:1}
/* the chosen layer floats above the whole stack, so nothing translucent covers it */
.wf-stack[data-active] .wf-layer.is-on{transform:translateZ(330px)}
.wf-stack[data-active] .wf-layer.is-on .wf-sheet{opacity:1;background:var(--wf-card)}
.wf-stack{top:60%}.wf-stack[data-active] .wf-layer.is-on{transform:translateZ(290px)}
@media (max-width:640px){.wf-stack{top:auto}.wf-stack[data-active] .wf-layer.is-on{transform:none}}