/* Logo plates remain a still composition until the progressive controller starts. */
.logo-playground{position:relative;padding:59px 6.25% calc(95px + env(safe-area-inset-bottom));background:var(--paper);color:var(--ink);overflow:hidden}.logo-playground-filters{position:absolute;overflow:hidden;pointer-events:none}.logo-playground-intro{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,.8fr);gap:5%;align-items:end;margin-bottom:48px}.logo-playground-intro>div{min-width:0}.logo-playground .eyebrow{font-size:14px;line-height:1.6;letter-spacing:.075em;font-weight:800;margin:0 0 28px}.logo-playground-title{font-family:BarlowWorkshop,Impact,'Arial Narrow',sans-serif;font-size:clamp(86px,9.7vw,158px);font-weight:900;line-height:.88;letter-spacing:-.018em;text-transform:uppercase;margin:0;max-width:15ch}.logo-playground-title em{display:inline-block;position:relative;font-family:Georgia,'Times New Roman',serif;font-size:.54em;font-style:italic;font-weight:700;letter-spacing:-.075em;text-transform:none;line-height:1.1;color:var(--green);transform:rotate(-7deg);margin-left:.06em;margin-top:.08em;padding-right:.08em}.logo-playground-copy{padding-bottom:3px}.logo-playground-copy p{font-size:18px;line-height:1.7;max-width:33ch;margin-bottom:22px}.logo-playground-copy .logo-playground-roots{font-size:26px;font-weight:800;line-height:1.2;letter-spacing:-.035em;margin-bottom:21px}.logo-playground-actions{display:flex;flex-direction:column;align-items:flex-start;gap:18px}.logo-playground-actions .button{min-height:54px;font-size:16px;line-height:1.4;white-space:normal;padding:15px 20px;gap:24px;max-width:100%}.logo-playground-actions .text-link{font-size:17px;line-height:1.5;min-height:44px;display:inline-flex;align-items:center;gap:30px}.logo-playground-estimate{display:inline-block;font-size:15px;line-height:1.65;color:var(--muted);text-decoration:underline;text-underline-offset:4px;padding:10px 0;min-height:44px;margin-top:12px;max-width:33ch}.logo-playground-estimate:hover{color:var(--green)}
.logo-playground-topline{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px 30px;margin:0 0 18px;padding-top:24px;border-top:1px solid var(--line)}.logo-playground-topline>p{font-size:21px;line-height:1.5;letter-spacing:-.02em;margin:0}.logo-playground-topline>p strong{font-weight:800}.logo-playground-topline>span{max-width:37ch;font-size:13px;font-weight:750;line-height:1.6;letter-spacing:.055em;color:var(--muted);text-align:right}.logo-physics-stage{position:relative;width:100%;height:clamp(360px,56svh,580px);padding:0;overflow:hidden;isolation:isolate;background:#e7e2d0;border:1px solid #899a7a;border-radius:5px;touch-action:pan-y;box-shadow:6px 6px 0 var(--surface);contain:layout paint}.logo-stage-grid{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#74815d12 1px,transparent 1px),linear-gradient(90deg,#74815d12 1px,transparent 1px);background-size:40px 40px}.logo-stage-grid:before,.logo-stage-grid:after{content:'+';position:absolute;font-size:28px;font-weight:400;line-height:1;color:#57704d6b;top:15px}.logo-stage-grid:before{left:15px}.logo-stage-grid:after{right:15px}.logo-stage-coordinate{position:absolute;top:25px;font-size:12px;line-height:1.5;font-weight:800;letter-spacing:.06em;color:#4c6345;pointer-events:none;user-select:none}.logo-stage-coordinate--left{left:46px}.logo-stage-coordinate--right{right:46px}.logo-stage-floor{position:absolute;inset:auto 0 0;padding:15px 20px;border-top:1px solid #7e8d6c40;background:#dae0c570;font-size:12px;font-weight:750;line-height:1.6;letter-spacing:.1em;color:#55704b;text-align:center;pointer-events:none;user-select:none;z-index:-1}
.logo-plate{position:absolute;left:var(--rest-x,50%);top:var(--rest-y,50%);transform:translate(-50%,-50%) rotate(var(--rest-angle,0deg));width:clamp(170px,20vw,260px);aspect-ratio:2.5;border:1px solid #152e1f;border-radius:3px;background:#fff;padding:6px;display:grid;place-items:center;box-shadow:3px 5px 0 #152d2730,0 4px 12px #1a35241a;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;will-change:transform;line-height:1;transition:box-shadow .15s;z-index:1}.logo-plate img{display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;user-select:none;-webkit-user-drag:none}.logo-plate--inverse{background:#008e51}.logo-plate--inverse img{filter:url(#finuf-logo-playground-inverse)}.logo-plate:active,.logo-plate[aria-pressed=true],.logo-plate.is-grabbed{cursor:grabbing}.logo-plate:focus-visible{outline:4px solid var(--orange);outline-offset:5px;box-shadow:0 0 0 9px #fff9,3px 6px 0 #193a2640;z-index:5}.logo-plate[disabled]{opacity:1;cursor:default}.logo-plate:nth-of-type(1){--rest-x:16%;--rest-y:24%;--rest-angle:-12deg}.logo-plate:nth-of-type(2){--rest-x:43%;--rest-y:18%;--rest-angle:9deg}.logo-plate:nth-of-type(3){--rest-x:71%;--rest-y:25%;--rest-angle:-8deg}.logo-plate:nth-of-type(4){--rest-x:85%;--rest-y:51%;--rest-angle:13deg}.logo-plate:nth-of-type(5){--rest-x:58%;--rest-y:49%;--rest-angle:-7deg}.logo-plate:nth-of-type(6){--rest-x:28%;--rest-y:53%;--rest-angle:10deg}.logo-plate:nth-of-type(7){--rest-x:14%;--rest-y:81%;--rest-angle:-6deg}.logo-plate:nth-of-type(8){--rest-x:45%;--rest-y:82%;--rest-angle:5deg}.logo-plate:nth-of-type(9){--rest-x:70%;--rest-y:81%;--rest-angle:-10deg}.logo-plate:nth-of-type(10){--rest-x:87%;--rest-y:84%;--rest-angle:8deg}
.logo-playground-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px 35px;flex-wrap:wrap;margin-top:25px}.logo-playground-controls{display:flex;gap:12px;flex-wrap:wrap}.logo-playground-controls button{display:inline-flex;align-items:center;justify-content:space-between;gap:20px;min-height:48px;padding:12px 17px;background:var(--card);color:var(--ink);border:1px solid var(--line);border-radius:3px;box-shadow:0 3px 0 var(--line);font-size:15px;font-weight:800;line-height:1.45}.logo-playground-controls button>span{font-size:20px;line-height:1}.logo-playground-controls button[aria-pressed=true]{background:var(--green);color:var(--paper);border-color:var(--green)}.logo-playground-controls button:focus-visible,.logo-playground a:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.logo-playground-toolbar>p{font-size:15px;line-height:1.65;color:var(--muted);margin:0;max-width:51ch}.logo-playground-help{font-size:14px;line-height:1.8;color:var(--muted);margin:25px 0 0;max-width:88ch}.logo-playground-help kbd{font-family:inherit;font-weight:700;padding:2px 6px;border:1px solid var(--line);border-radius:3px;background:var(--card);white-space:nowrap}.logo-playground-static-note{font-size:16px;line-height:1.75;color:var(--muted);margin-top:18px}
html[data-lights=off] .logo-physics-stage{background:#10291c;border-color:#70886a;box-shadow:6px 6px 0 #06190f}html[data-lights=off] .logo-stage-grid{background-image:linear-gradient(#b8d49b0f 1px,transparent 1px),linear-gradient(90deg,#b8d49b0f 1px,transparent 1px)}html[data-lights=off] .logo-stage-coordinate{color:#a6c28e}html[data-lights=off] .logo-stage-grid:before,html[data-lights=off] .logo-stage-grid:after{color:#a4cc8270}html[data-lights=off] .logo-stage-floor{background:#203b2759;border-color:#92b97d38;color:#a5c58e}html[data-lights=off] .logo-plate{border-color:#172f21;box-shadow:4px 6px 0 #0005,0 0 20px #aee28812}html[data-lights=off] .logo-plate:focus-visible{outline-color:#f0df8b;box-shadow:0 0 0 8px #09291cdd,0 0 25px #e9ed8950}html[data-lights=off] .logo-playground-controls button[aria-pressed=true]{background:#c6e88e;color:#18351e;border-color:#e1f2b9}
@media(min-width:1700px){.logo-playground{padding-inline:max(6.25%,calc((100vw - 1530px)/2))}.logo-playground-intro{grid-template-columns:minmax(0,1.7fr) minmax(0,.7fr)}}
@media(max-width:1100px){.logo-playground{padding-top:48px}.logo-playground-intro{grid-template-columns:1fr;gap:29px;margin-bottom:32px}.logo-playground-title{font-size:clamp(87px,12.5vw,140px);max-width:16ch}.logo-playground-copy{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.2fr);gap:0 6%;align-items:start}.logo-playground-copy .logo-playground-roots{font-size:25px}.logo-playground-copy>p:not(.logo-playground-roots){max-width:45ch}.logo-playground-actions{grid-column:2;grid-row:2;flex-direction:row;flex-wrap:wrap;gap:12px 25px;align-items:center}.logo-playground-estimate{grid-column:2;max-width:none;margin-top:13px}.logo-playground-topline>span{font-size:12px}.logo-plate{width:clamp(170px,24vw,240px)}}
@media(max-width:700px){.logo-playground{padding:37px 5% calc(110px + env(safe-area-inset-bottom))}.logo-playground-intro{gap:28px;margin-bottom:29px}.logo-playground .eyebrow{font-size:13px;letter-spacing:.055em;line-height:1.6;margin-bottom:25px;max-width:35ch}.logo-playground-title{font-size:clamp(63px,12.9vw,92px);line-height:.92;letter-spacing:-.018em;max-width:16ch}.logo-playground-title em{font-size:.57em;margin-top:.16em}.logo-playground-copy{display:block}.logo-playground-copy .logo-playground-roots{font-size:22px;line-height:1.3;margin-bottom:14px}.logo-playground-roots br{display:none}.logo-playground-copy>p:not(.logo-playground-roots){font-size:18px;max-width:40ch;margin-bottom:22px}.logo-playground-actions{gap:12px 23px}.logo-playground-actions .button{font-size:16px;padding:14px 17px;gap:16px;min-height:54px}.logo-playground-actions .text-link{font-size:17px}.logo-playground-estimate{font-size:15px;max-width:36ch;margin-top:10px}.logo-playground-topline{padding-top:23px;gap:10px;margin-bottom:15px}.logo-playground-topline>p{font-size:20px;line-height:1.5;max-width:26ch}.logo-playground-topline>p strong{display:block}.logo-playground-topline>span{font-size:12px;line-height:1.65;text-align:left;max-width:40ch}.logo-physics-stage{height:clamp(360px,56svh,480px);border-radius:3px;box-shadow:4px 4px 0 var(--surface)}.logo-stage-coordinate{font-size:10px;letter-spacing:.04em;top:20px}.logo-stage-coordinate--left{left:31px}.logo-stage-coordinate--right{right:15px}.logo-stage-grid:before{left:10px;top:15px;font-size:23px}.logo-stage-grid:after{display:none}.logo-stage-floor{font-size:10px;letter-spacing:.07em;padding:12px}.logo-plate{width:clamp(125px,35vw,205px);padding:4px;border-radius:2px;box-shadow:2px 4px 0 #15362430}.logo-plate:not([data-physics-mobile="true"]){display:none}.logo-plate:nth-of-type(1){--rest-x:28%;--rest-y:24%;--rest-angle:-12deg}.logo-plate:nth-of-type(2){--rest-x:70%;--rest-y:18%;--rest-angle:8deg}.logo-plate:nth-of-type(3){--rest-x:31%;--rest-y:49%;--rest-angle:-7deg}.logo-plate:nth-of-type(4){--rest-x:72%;--rest-y:52%;--rest-angle:11deg}.logo-plate:nth-of-type(5){--rest-x:25%;--rest-y:80%;--rest-angle:-5deg}.logo-plate:nth-of-type(6){--rest-x:69%;--rest-y:82%;--rest-angle:6deg}.logo-playground-toolbar{gap:19px;margin-top:22px}.logo-playground-controls{gap:10px;width:100%}.logo-playground-controls button{font-size:15px;min-height:48px;padding:11px 14px;flex:1;gap:12px}.logo-playground-toolbar>p{font-size:15px;line-height:1.7}.logo-playground-help{font-size:14px;line-height:1.85;margin-top:20px}}
@media(max-width:370px){.logo-playground-title{font-size:60px}.logo-playground-title em{font-size:.62em}.logo-playground .eyebrow{font-size:12px}.logo-playground-actions{display:grid;gap:10px}.logo-playground-actions .button{width:100%}.logo-playground-estimate{font-size:15px}.logo-stage-coordinate--right{display:none}.logo-playground-controls button{padding-inline:12px;gap:8px}.logo-playground-topline>span{font-size:12px;max-width:32ch}}
@media(prefers-reduced-motion:reduce){.logo-playground *,.logo-playground *:before,.logo-playground *:after{animation:none!important;transition:none!important}.logo-plate{will-change:auto}.logo-playground-title em{transform:none}}
@media print{.logo-playground{padding:25px 0}.logo-playground-controls,.logo-playground-help{display:none}.logo-physics-stage{height:360px;box-shadow:none;break-inside:avoid}.logo-playground-title{font-size:80px}.logo-playground-title em{text-shadow:none!important}}

/* Static/reduced-motion plates must never catch a normal touch scroll. */
.logo-plate[disabled]{touch-action:pan-y}
.logo-playground-topline>span,.logo-playground .eyebrow{font-size:14px}

/* The arena starts at the top; this small readable copy layer cannot catch input. */
.logo-playground{padding-top:24px}
.logo-playground-intro{position:absolute;top:42px;left:calc(6.25% + 18px);right:auto;width:min(570px,calc(87.5% - 36px));z-index:8;pointer-events:none;isolation:isolate;display:block;margin:0;padding:18px 24px 22px}
.logo-playground-intro:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:5px;background:linear-gradient(105deg,#f1ecddfa 0%,#f1ecddf5 78%,#f1ecdd00 100%)}
.logo-playground-intro .eyebrow{font-size:14px;letter-spacing:.035em;line-height:1.5;margin:0 0 12px;max-width:none;color:#244c32}
.logo-playground-title{font-size:64px;line-height:.94;max-width:none;width:max-content;color:#142f21;letter-spacing:-.018em;white-space:nowrap}
.logo-playground-title em{font-size:.64em;margin:0 0 0 .12em;line-height:1;color:#174b38;white-space:nowrap}
.logo-playground-topline{position:absolute;top:54px;right:calc(6.25% + 26px);left:auto;z-index:8;pointer-events:none;display:block;width:243px;margin:0;padding:0;border:0}
.logo-playground-topline>p{font-size:17px;line-height:1.55;color:#244c32;max-width:none;margin:0;padding:11px 15px;background:#f1ecdded;border-radius:3px}
.logo-playground-topline>p strong{display:block}.logo-playground-topline>span{display:none}
.logo-physics-stage{height:clamp(360px,52svh,580px)}.logo-stage-coordinate{display:none}
.logo-playground-toolbar{margin-top:16px}
.logo-playground-linkbar{display:flex;justify-content:space-between;align-items:center;gap:20px 35px;flex-wrap:wrap;margin-top:32px;padding-top:27px;border-top:1px solid var(--line)}
.logo-playground-linkbar .logo-playground-actions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;gap:15px 28px}
.logo-playground-linkbar .logo-playground-estimate{margin:0;max-width:32ch}
html[data-lights=off] .logo-playground-intro:before{background:linear-gradient(105deg,#10291afa 0%,#10291af5 78%,#10291a00 100%)}
html[data-lights=off] .logo-playground-intro .eyebrow{color:#d2e3b8}
html[data-lights=off] .logo-playground-title{color:#edf2d5;text-shadow:0 1px 5px #0c241c}
html[data-lights=off] .logo-playground-title em{color:#c4e7a1}
html[data-lights=off] .logo-playground-topline>p{color:#d2e3b8;background:#10291aed}
@media(min-width:1700px){.logo-playground-intro{left:max(calc(6.25% + 18px),calc((100vw - 1494px)/2))}.logo-playground-topline{right:max(calc(6.25% + 26px),calc((100vw - 1478px)/2))}}
@media(max-width:1100px){.logo-playground-intro{width:550px;padding:17px 20px 21px}.logo-playground-title{font-size:62px}.logo-playground-topline{width:205px;right:calc(6.25% + 18px)}.logo-playground-topline>p{font-size:16px;padding:10px 12px}}
@media(max-width:950px){.logo-playground-topline{top:240px;bottom:auto;left:calc(6.25% + 30px);right:auto;margin:0;transform:none;width:auto;max-width:75%}.logo-playground-topline>p{font-size:15px;padding:7px 11px}.logo-playground-topline>p strong{display:inline}}
@media(max-width:700px){.logo-playground{padding-top:18px}.logo-playground-intro{top:33px;left:calc(5% + 14px);width:calc(90% - 28px);padding:13px 14px 18px}.logo-playground-intro .eyebrow{font-size:12px;line-height:1.55;letter-spacing:.025em;max-width:36ch;margin:0 0 10px}.logo-playground-title{font-size:clamp(32px,calc(10.7vw - 2px),46px);line-height:.97;width:max-content;max-width:none}.logo-playground-title em{font-size:.64em;margin-left:.09em}.logo-playground-topline{position:absolute;top:177px;left:calc(5% + 27px);right:calc(5% + 27px);bottom:auto;width:auto;max-width:none;margin:0;transform:none}.logo-playground-topline>p{font-size:14px;line-height:1.6;max-width:30ch;padding:6px 9px}.logo-playground-topline>p strong{display:inline}.logo-physics-stage{height:clamp(360px,52svh,480px)}.logo-stage-floor{display:none}.logo-playground-toolbar{margin-top:14px}.logo-playground-help{font-size:14px;line-height:1.85;margin-top:24px}.logo-playground-linkbar{margin-top:26px;padding-top:23px;gap:15px}.logo-playground-linkbar .logo-playground-actions{gap:12px 24px}.logo-playground-linkbar .logo-playground-estimate{font-size:15px;max-width:36ch}}
@media(max-width:370px){.logo-playground-intro{padding-inline:12px}.logo-playground-title{font-size:32px}.logo-playground-topline{top:175px;left:calc(5% + 24px);right:calc(5% + 24px)}.logo-playground-topline>p{font-size:14px;max-width:27ch}.logo-playground-linkbar .logo-playground-actions{display:grid;width:100%}}
@media(prefers-reduced-motion:reduce){.logo-playground-intro:before{backdrop-filter:none}}
@media print{.logo-playground-intro,.logo-playground-topline{position:static;width:auto;transform:none;pointer-events:auto;margin-bottom:20px;padding:0}.logo-playground-intro:before{display:none}.logo-playground-title{font-size:60px}.logo-physics-stage{height:360px}}

/* Genuine truck photographs use the same physics box without a logo-panel backdrop. */
.logo-plate.logo-plate--truck{padding:0;border:0;background:transparent;box-shadow:none}
.logo-plate--truck img{filter:drop-shadow(2px 3px 2px #071b2266)}
html[data-lights=off] .logo-plate--truck{box-shadow:none}