:root{--frog:#79e845;--hot:#a6ff72;--ink:#050706}*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;background:var(--ink);overflow:hidden}body{font-family:Arial Black,Arial,sans-serif}.portal{position:relative;display:flex;width:100%;height:100%;isolation:isolate;background:#020302}.door{position:relative;min-width:0;flex:1 1 50%;overflow:hidden;color:#fff;text-decoration:none;transition:flex-basis .42s cubic-bezier(.22,.8,.25,1),filter .35s ease;outline:0}.door:after{content:"";position:absolute;z-index:4;inset:0;border:1px solid transparent;pointer-events:none;transition:border-color .3s ease,box-shadow .3s ease}.door img{position:absolute;inset:-2%;width:104%;height:104%;object-fit:cover;transform:scale(1.015);filter:saturate(.88) brightness(.58);transition:transform .62s cubic-bezier(.22,.8,.25,1),filter .45s ease}.door-washing img{object-position:36% center}.door-electronics img{object-position:center center}.shade{position:absolute;z-index:1;inset:0;background:linear-gradient(180deg,rgba(1,4,2,.12) 20%,rgba(1,4,2,.06) 52%,rgba(1,4,2,.82) 100%),linear-gradient(90deg,rgba(0,0,0,.28),transparent 50%,rgba(0,0,0,.22));transition:opacity .35s ease}.door-copy{position:absolute;z-index:3;left:clamp(25px,5vw,82px);bottom:clamp(44px,8vh,100px);display:grid;align-items:end;text-shadow:0 3px 28px #000,0 1px 2px #000;transform:translateY(8px);transition:transform .4s ease}.door-copy strong,.door-copy b{display:block;font-size:clamp(2rem,4.2vw,5.4rem);line-height:.82;letter-spacing:-.055em}.door-copy b{color:var(--frog)}.door-electronics .door-copy strong{color:var(--frog)}.door-copy i{margin-top:20px;font:700 .66rem/1 Arial,sans-serif;letter-spacing:.34em;opacity:0;transform:translateX(-9px);transition:opacity .3s ease,transform .3s ease}.door-copy i:after{content:" →"}.door.is-active{flex-basis:58%}.door:not(.is-active){flex-basis:42%}.door.is-active img{transform:scale(1.045);filter:saturate(1.02) brightness(.98)}.door.is-active .shade{opacity:.82}.door.is-active .door-copy{transform:translateY(0)}.door.is-active .door-copy i{opacity:.92;transform:translateX(0)}.door.is-active:after,.door:focus-visible:after{border-color:rgba(121,232,69,.82);box-shadow:inset 0 0 34px rgba(121,232,69,.11)}.door:focus-visible:after{border-width:3px}.portal-mark{position:absolute;z-index:8;top:26px;left:50%;display:grid;justify-items:center;color:#dce5da;transform:translateX(-50%);pointer-events:none;filter:drop-shadow(0 4px 12px #000)}.portal-mark img{width:58px;height:52px;object-fit:contain;padding:7px;background:rgba(3,5,4,.84);border:1px solid rgba(121,232,69,.38);border-radius:50%}.portal-mark span{margin-top:6px;font-size:.54rem;letter-spacing:.26em;text-shadow:0 2px 8px #000}.portal:after{display:none}
@media(max-width:700px){html,body{overflow:auto}.portal{display:grid;grid-template-rows:1fr 1fr;min-height:100svh}.door,.door.is-active,.door:not(.is-active){width:100%;min-height:50svh;flex-basis:auto}.door img{inset:0;width:100%;height:100%;transform:scale(1.01);filter:saturate(.9) brightness(.76)}.door.is-active img,.door:active img{transform:scale(1.035);filter:saturate(1.02) brightness(1)}.door-washing img{object-position:34% center}.door-electronics img{object-position:center 62%}.door-copy{left:24px;bottom:28px}.door-copy strong,.door-copy b{font-size:clamp(2rem,12vw,3.7rem)}.door-copy i{display:none}.door:not(.is-active) .door-copy{opacity:.9}.portal-mark{top:50%;transform:translate(-50%,-50%)}.portal-mark img{width:48px;height:44px}.portal-mark span{display:none}.portal:after{content:"";display:block;position:absolute;z-index:6;top:50%;right:0;left:0;height:1px;background:linear-gradient(90deg,transparent,rgba(121,232,69,.7),transparent);pointer-events:none}}
@media(prefers-reduced-motion:reduce){.door,.door img,.door-copy,.door-copy i{transition:none}}