:root{--paper:#f3f3ef;--ink:#111;--line:#cfcfc9}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,summary:focus-visible,button:focus-visible{outline:3px solid #5668d8;outline-offset:5px}.skip{position:absolute;top:-80px;z-index:10}.skip:focus{top:0;background:#fff;padding:20px}.portal-header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 3vw;border-bottom:1px solid var(--line)}.portal-brand{display:flex;align-items:center;gap:15px}.mark{position:relative;display:block;overflow:hidden;width:48px;aspect-ratio:1;background:#fff;flex-shrink:0}.mark img{position:absolute;max-width:none;width:237.6%;height:344%;left:-122.666667%;top:-121.866667%}.brand-type{font-weight:900;letter-spacing:-1px;font-size:22px}.brand-type small{display:block;font:8px monospace;letter-spacing:1px;margin-top:4px}.header-note{font:10px monospace;letter-spacing:1.4px}.builder-link{display:flex;align-items:center;gap:28px;background:#111;color:#fff;padding:15px 20px;font-size:12px;font-weight:700}.builder-link span{font-size:20px}.portal-main{display:grid;grid-template-columns:.85fr 1.15fr;max-width:1800px;margin:auto;padding:25px 3vw;gap:20px;min-height:calc(100svh - 175px)}.brand-stage{background:#111;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:28px 35px;overflow:hidden;position:relative;min-height:570px}.stage-meta{font:9px monospace;letter-spacing:1.2px;display:flex;justify-content:space-between;gap:10px;color:#bbb}.brand-stage h1{font-weight:900;font-size:clamp(55px,5.3vw,100px);letter-spacing:-.065em;line-height:.88;margin:28px 0 18px}.stage-symbol{align-self:center;width:clamp(175px,19vw,300px);filter:invert(1);transition:transform .45s cubic-bezier(.2,.8,.2,1);margin:10px 0 25px}.stage-bottom{display:flex;gap:15px;justify-content:space-between;align-items:end;border-top:1px solid #444;padding-top:20px}.stage-bottom p{font-size:13px;line-height:1.5;margin:0}.stage-bottom span{font:9px monospace;letter-spacing:1px;text-align:right;color:#aaa}.zones{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.zone{display:flex;flex-direction:column;position:relative;background:var(--paper);padding:23px 27px;min-height:182px;overflow:hidden;transition:background .22s,color .22s}.zone-meta{display:flex;justify-content:space-between;align-items:start;font:9px monospace;letter-spacing:1px;position:relative;z-index:1}.zone-arrow{font-size:26px;font-family:Arial;transition:transform .3s}.zone h2{font-size:clamp(27px,3.1vw,49px);line-height:.95;font-weight:900;letter-spacing:-.05em;margin:25px 0 12px;position:relative;z-index:1}.zone p{font-size:11px;line-height:1.6;margin:0;color:#666;position:relative;z-index:1}.zone:hover,.zone:focus-visible{background:#111;color:#fff}.zone:hover p,.zone:focus-visible p{color:#aaa}.zone:hover .zone-arrow,.zone:focus-visible .zone-arrow{transform:translate(4px,-4px)}.zone::after{content:attr(data-number);position:absolute;bottom:-30px;right:10px;font-size:150px;font-weight:900;color:#000;opacity:.025;letter-spacing:-12px;transition:opacity .3s}.zone:hover::after,.zone:focus-visible::after{color:#fff;opacity:.08}.portal-footer{max-width:1800px;padding:0 3vw 20px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px;font:9px monospace;letter-spacing:.4px}.portal-footer>div{display:flex;gap:25px}.portal-footer a:hover{text-decoration:underline}.portal-main:has(.zone:hover) .stage-symbol{transform:rotate(-3deg) scale(.96)}.portal-main:has(.zone:focus-visible) .stage-symbol{transform:rotate(-3deg) scale(.96)}.portal-main .zone{animation:appear .65s both}.zone:nth-child(2){animation-delay:.04s}.zone:nth-child(3){animation-delay:.08s}.zone:nth-child(4){animation-delay:.12s}.zone:nth-child(5){animation-delay:.16s}.zone:nth-child(6){animation-delay:.2s}@keyframes appear{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1500px){.portal-header{padding-left:max(3vw,calc((100vw - 1700px)/2));padding-right:max(3vw,calc((100vw - 1700px)/2))}}@media(max-width:900px){.header-note{display:none}.portal-main{grid-template-columns:.8fr 1.2fr;gap:12px;padding:18px 3vw}.brand-stage{padding:25px;min-height:520px}.brand-stage h1{font-size:55px}.zone{padding:20px;min-height:170px}.zone h2{font-size:31px}.stage-meta span:last-child{display:none}}@media(max-width:650px){.portal-header{padding:13px 5%;gap:12px}.mark{width:40px}.brand-type{font-size:18px}.brand-type small{font-size:7px}.builder-link{font-size:10px;padding:11px 12px;gap:10px}.builder-link span{font-size:16px}.portal-main{display:block;padding:15px 5%;min-height:0}.brand-stage{padding:22px;min-height:0;height:205px;display:grid;grid-template-columns:1fr 110px;gap:8px}.stage-meta{grid-column:1/-1}.brand-stage h1{font-size:43px;line-height:.93;margin:10px 0}.stage-symbol{width:100px;margin:0;justify-self:end;align-self:center}.stage-bottom{grid-column:1/-1;padding-top:10px;align-items:center}.stage-bottom p{font-size:10px}.stage-bottom span{font-size:7px}.zones{margin-top:13px}.zone{padding:15px 17px;min-height:115px}.zone h2{font-size:27px;margin:15px 0 8px}.zone-meta{font-size:8px}.zone-arrow{font-size:18px}.zone p{font-size:9px}.zone::after{font-size:100px;bottom:-24px}.portal-footer{padding:0 5% 20px;flex-wrap:wrap;gap:12px;font-size:8px}.portal-footer>div{gap:15px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.portal-main:has(.zone:hover) .stage-symbol,.portal-main:has(.zone:focus-visible) .stage-symbol{transform:none}}

@media(max-width:380px){.brand-stage{padding:18px;grid-template-columns:1fr 80px;height:190px}.brand-stage h1{font-size:35px}.stage-symbol{width:80px}.brand-type small{display:none}.builder-link{font-size:9px;gap:6px}.zone{padding:14px;min-height:115px}.zone h2{font-size:24px}.stage-bottom span{display:none}}