@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#0b192f;--white:#f6f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:var(--white);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}header{height:114px;margin:0 4.3%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff24}.brand img{width:260px;display:block}nav{display:flex;align-items:center;gap:40px;font-size:13px}nav a:hover{color:#76baff}.contact-link{border:1px solid #ffffff55;border-radius:30px;padding:13px 22px}.contact-link span{margin-left:26px}.intro{padding:54px 4.3% 46px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600}.dot{display:inline-block;width:7px;height:7px;background:#0784f8;border-radius:50%;margin-right:10px}.intro-row{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}h1{font-family:Manrope,sans-serif;font-size:clamp(50px,5.9vw,88px);line-height:1.06;letter-spacing:-5px;font-weight:500;margin:24px 0 0}h1 em{font-style:normal;color:#90a0b7}.intro-copy{max-width:310px;padding-bottom:5px}.intro-copy p{font-size:15px;color:#b5bfce;line-height:1.7;margin:0 0 24px}.intro-copy a{font-size:11px}.intro-copy a span{margin-left:22px}.areas{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:0 2.2%}.panel{min-width:0;min-height:490px;position:relative;overflow:hidden;padding:24px 23px 28px;border-radius:3px;display:flex;flex-direction:column;transition:transform .3s}.panel:hover{transform:translateY(-7px)}.blue{background:#0784f8}.pink{background:#dc1c60}.purple{background:#7035dc}.orange{background:#f17b20}.panel-top{display:flex;align-items:center;justify-content:space-between;gap:5px;z-index:2}.panel-top>span:first-child{font-size:8px;letter-spacing:1.1px}.round{width:32px;height:32px;border:1px solid #ffffff70;border-radius:50%;display:grid;place-items:center;font-size:20px;transition:background .2s}.panel:hover .round{background:#fff;color:var(--navy)}.art{height:260px;position:relative;display:flex;align-items:center;justify-content:center;transition:transform .5s}.panel:hover .art{transform:scale(1.045) rotate(-2deg)}.panel-bottom{margin-top:auto;z-index:2}h2{font-family:Manrope,sans-serif}.panel h2{font-size:32px;letter-spacing:-1.2px;line-height:1.04;margin:0 0 14px;font-weight:600}.panel h2 span{font-size:26px}.panel p{font-size:11px;margin:0 0 20px;color:#ffffffe0}.tags{font-size:7px;letter-spacing:1.1px;border-top:1px solid #ffffff45;display:block;padding-top:15px}.billboard{perspective:650px}.billboard-frame{width:94%;height:155px;transform:rotateY(17deg) rotateZ(-7deg);background:#e2efff;border:7px solid #d4e1ed;box-shadow:9px 14px 0 #0351a1,16px 22px 24px #003c7666;color:#0b192f;padding:12px;z-index:1}.billboard-frame>span{font-size:29px;line-height:.94;font-weight:800;letter-spacing:-1px}.billboard-frame b{color:#0784f8}.billboard-frame small{font-size:5px;display:block;margin-top:8px;letter-spacing:1px}.billboard i{position:absolute;top:190px;width:7px;height:57px;background:#a6c7e0;transform:rotate(0deg);left:26%}.billboard i:last-child{left:75%}.sheet{position:absolute;width:153px;height:200px;box-shadow:8px 15px 20px #61052e55}.s3{background:#ed884e;transform:rotate(16deg) translate(18px,4px)}.s2{background:#ffabc8;transform:rotate(-12deg) translate(-13px,0)}.s1{background:#fff5e9;color:#cf1a5a;transform:rotate(-3deg);padding:17px}.s1 small{font-size:7px;letter-spacing:1px}.s1 strong{font-size:48px;line-height:.9;letter-spacing:-3px;display:block;margin-top:24px}.s1>span{font-size:6px;display:block;margin-top:22px;letter-spacing:1px}.lettering{font-family:Manrope,sans-serif;perspective:600px}.letter-back,.letter-front{position:absolute;font-size:210px;line-height:1;font-weight:800;letter-spacing:-15px;transform:rotate(-9deg)}.letter-back{color:#39128e;top:26px;left:calc(50% - 67px);text-shadow:3px 3px #42169c,6px 6px #42169c,9px 9px #42169c}.letter-front{color:#eee5ff;top:14px;left:calc(50% - 78px);text-shadow:1px 2px #cab4ff,2px 4px #cab4ff,3px 6px #cab4ff}.letter-front span{font-size:20px;position:absolute;top:37px;right:-18px;letter-spacing:0}.baseline{position:absolute;width:170px;height:1px;background:#ffffff30;bottom:34px;transform:rotate(-9deg)}.lettering>small{position:absolute;font-size:6px;letter-spacing:1px;bottom:19px}.stage{perspective:700px}.truss{position:absolute;top:52px;width:95%;height:12px;border:2px solid #ffe0a3;background:repeating-linear-gradient(45deg,transparent 0 9px,#ffd28b 10px 11px,transparent 12px 19px);transform:rotate(-6deg)}.stage-screen{position:absolute;top:84px;width:72%;height:111px;background:#322031;display:grid;place-items:center;transform:rotateY(-14deg) rotateZ(-5deg);box-shadow:7px 7px 0 #a44b1b;color:#fff6dc;z-index:1}.stage-screen span{font-size:39px;font-weight:800;line-height:.9;letter-spacing:-2px}.stage-screen b{font-size:10px;letter-spacing:0}.stage-floor{position:absolute;width:90%;height:28px;background:#5d3026;bottom:42px;transform:skewX(-25deg) rotate(-5deg);box-shadow:0 8px #49251f}.beam{position:absolute;top:52px;width:80px;height:170px;background:linear-gradient(#fff0b999,transparent);clip-path:polygon(45% 0,55% 0,100% 100%,0 100%);transform:rotate(20deg);filter:blur(2px)}.b1{left:2%}.b2{right:0;transform:rotate(-20deg)}.under-grid{display:flex;justify-content:space-between;margin:23px 4.3% 0;color:#8a9aaf;font-size:8px;letter-spacing:1.4px}.under-grid>span:last-child{letter-spacing:0}.group{padding:110px 7%;display:grid;grid-template-columns:1fr 2fr;gap:50px}.group>.eyebrow{padding-top:12px;color:#93a4bb}.group h2{font-size:39px;font-weight:500;line-height:1.2;letter-spacing:-1.7px;margin:0 0 25px}.group h2 span{color:#91a1b7}.group p{color:#a9b6c9;max-width:620px;font-size:14px;line-height:1.9}.group-words{display:flex;gap:30px;font-size:12px;margin-top:30px}.group-words span:before{content:'↗';margin-right:9px;color:#0784f8}.contact{background:#101f36;padding:75px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact h2{font-size:65px;line-height:1.05;letter-spacing:-3px;font-weight:500;margin:25px 0}.contact p{color:#a9b6c9;font-size:13px}form{display:flex;flex-direction:column;gap:12px}label{font-size:11px;margin-top:5px}select,textarea{font:inherit;font-size:13px;background:#0b192f;border:1px solid #526074;color:white;padding:15px;border-radius:2px;width:100%}button{cursor:pointer;font:inherit}form button{background:#f4f6fa;border:0;color:#0b192f;padding:17px;text-align:left;font-size:13px;margin-top:5px}form button span{float:right}.form-note{font-size:10px!important;line-height:1.6;margin:0}#feedback{color:#fff}footer{margin:0 4.3%;padding:36px 0;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:10px;color:#91a1b7}footer img{width:160px}dialog{background:#10213c;color:#fff;border:1px solid #60718a;max-width:650px;width:90%;padding:60px;border-radius:5px}dialog::backdrop{background:#030c1bd9;backdrop-filter:blur(8px)}.close{position:absolute;right:20px;top:18px;border:0;background:transparent;color:#fff;font-size:22px}dialog h2{font-size:45px;line-height:1.1;letter-spacing:-2px}dialog p{color:#b8c6d8;line-height:1.8}dialog ul{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;margin:25px 0 40px}dialog li{border:1px solid #ffffff40;padding:9px 12px;font-size:12px}.detail-cta{display:inline-block;padding:14px 20px;background:#fff;color:#0b192f;font-size:13px}a:focus-visible,button:focus-visible{outline:3px solid #fff;outline-offset:5px}@media(min-width:1600px){.panel{min-height:570px}.art{height:330px}.panel h2{font-size:40px}}@media(max-width:1000px){.areas{grid-template-columns:repeat(2,1fr)}.panel{min-height:465px}.intro-copy{max-width:260px}h1{letter-spacing:-3px}.group{grid-template-columns:1fr;gap:25px}.group h2{font-size:34px}nav{gap:20px}.brand img{width:260px}.contact{gap:6%}.contact h2{font-size:52px}footer>span:first-of-type{display:none}}@media(max-width:600px){header{height:90px}.brand img{width:200px}nav>a:not(.contact-link){display:none}.contact-link{padding:10px 14px;font-size:11px}.contact-link span{margin-left:10px}.intro{padding-top:36px}.eyebrow{font-size:8px;letter-spacing:1.3px}.intro-row{display:block}h1{font-size:53px;letter-spacing:-3px}.intro-copy{margin-top:25px;max-width:300px}.intro-copy p{font-size:13px;margin-bottom:16px}.areas{gap:10px;padding:0 4.3%;grid-template-columns:1fr}.panel{min-height:470px;padding:22px 26px}.art{height:270px;max-width:280px;width:100%;margin:auto}.panel h2{font-size:36px}.panel p{font-size:13px}.tags{font-size:8px}.panel-top>span:first-child{font-size:9px}.under-grid{font-size:7px;line-height:1.8}.under-grid>span:last-child{display:none}.group{padding:70px 6%}.group h2{font-size:29px}.group-words{gap:15px;font-size:10px}.contact{grid-template-columns:1fr;padding:55px 6%;gap:25px}.contact h2{font-size:52px}footer{flex-wrap:wrap;gap:22px}footer img{width:150px}footer>span{font-size:9px}dialog{padding:40px 25px}dialog h2{font-size:35px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}