:root{--orange:#d34e1f;--beige:#efe7dc;--blue:#b2d0f5;--dark:#312608}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#574f47}.design{width:min(100%,1440px);margin:auto;position:relative;line-height:0}.design-picture,.design-picture img{display:block;width:100%;height:auto}.hit{position:absolute;display:block;z-index:3;border-radius:14px}.hit:focus-visible{outline:3px solid #fff;outline-offset:2px}.hit-about{left:38.2%;top:.19%;width:7%;height:.35%}.hit-events{left:46.3%;top:.19%;width:8%;height:.35%}.hit-portfolio{left:55.4%;top:.19%;width:8%;height:.35%}.hit-contact{right:2%;top:.16%;width:9%;height:.42%}.hit-hero{left:41%;top:5.65%;width:18%;height:.58%}.anchor{position:absolute;width:1px;height:1px;pointer-events:none}.anchor#about{top:8%}.anchor#events{top:31%}.anchor#portfolio{top:75%}.anchor#contact{top:90%}
.figma-form{position:absolute;z-index:4;display:flex;flex-direction:column;line-height:normal}.figma-form label{position:absolute;display:block}.figma-form label span{position:absolute;inset:0;pointer-events:none;color:transparent}.figma-form input,.figma-form textarea{width:100%;height:100%;border:0;outline:0;background:transparent;color:var(--dark);font:600 clamp(14px,1.65vw,24px)/1.3 Arial,sans-serif;padding:0 20px}.figma-form textarea{padding-top:14px;resize:none}.figma-form input:focus,.figma-form textarea:focus{border:3px solid var(--blue);border-radius:16px;background:#efe7dccc}.figma-form button{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:16px}.figma-form button:hover{background:#a4d9ff55}.desktop-form{left:51.95%;top:91.08%;width:45.42%;height:5.38%}.desktop-form label{left:2.9%;width:94.2%;height:10.6%}.desktop-form label:nth-child(1){top:18.5%}.desktop-form label:nth-child(2){top:30.5%}.desktop-form label:nth-child(3){top:42.7%}.desktop-form label.idea{top:54.8%;height:26.5%}.desktop-form button{left:2.9%;width:94.2%;height:10%;bottom:3.8%}.mobile-form{display:none}
.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center;line-height:normal}.modal[hidden]{display:none}.overlay{position:absolute;inset:0;border:0;background:rgba(0,0,0,.8)}.success-card{position:relative;width:min(682px,calc(100% - 24px));padding:65px 30px;background:var(--beige);color:var(--orange);border:20px solid var(--blue);border-radius:16px;text-align:center;font-family:Arial,sans-serif}.success-card span{font-size:60px}.success-card h1{font-family:Georgia,serif;font-size:60px;font-weight:400;margin:10px}.success-card p{color:var(--dark);font-size:20px}.close{position:absolute;right:10px;top:6px;background:transparent;border:0;font-size:34px;color:var(--dark);cursor:pointer}
@media(max-width:700px){body{background:var(--beige)}.design{width:100%;max-width:390px}.desktop-hotspots{display:none}.anchor#about{top:6.15%}.anchor#events{top:28.2%}.anchor#portfolio{top:73.4%}.anchor#contact{top:89.15%}.desktop-form{display:none}.mobile-form{display:block;left:6.15%;top:91.59%;width:87.7%;height:5.42%}.mobile-form label{left:0;width:100%;height:8.3%}.mobile-form label:nth-child(1){top:16.1%}.mobile-form label:nth-child(2){top:26.4%}.mobile-form label:nth-child(3){top:36.8%}.mobile-form label.idea{top:47.2%;height:26.2%}.mobile-form button{left:0;width:100%;height:8.4%;bottom:3.2%}.figma-form input,.figma-form textarea{font-size:20px}.success-card{border-width:12px;padding:45px 18px}.success-card h1{font-size:46px}.success-card p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.button-states{position:absolute;inset:0;pointer-events:none;z-index:5}.state{position:absolute;display:block;border-radius:16px;opacity:0;mix-blend-mode:color;transition:opacity .16s,background .08s;background:#a4d9ff}.hero-state{left:41%;top:5.65%;width:18%;height:.58%}.event-state{top:47.36%;width:31.94%;height:.532%;border-radius:0}.event-1{left:2.08%}.event-2{left:34.03%}.event-3{left:65.97%}.desktop-hotspots:has(.hit-hero:hover)+.button-states .hero-state{opacity:1}.desktop-hotspots:has(.hit-hero:active)+.button-states .hero-state{opacity:1;background:#8fc9f2}.desktop-parallax{position:absolute;inset:0;z-index:2;pointer-events:none}.parallax-card{position:absolute;background:var(--orange);overflow:hidden;will-change:transform}.parallax-card img{width:100%;height:100%;object-fit:fill}.card-1{left:2.083%;top:33.898%;width:31.25%;height:3.397%}.card-2{left:34.375%;top:33.898%;width:31.25%;height:4.688%}.card-3{left:66.667%;top:33.898%;width:31.25%;height:4.993%}.scroll-gallery{position:absolute;z-index:2;left:0;top:54.905%;width:100%;height:5.515%;overflow:hidden;background:var(--beige);pointer-events:none}.scroll-gallery img{display:block;width:325.278%;height:89.286%;max-width:none;object-fit:fill;transform:translate3d(var(--gallery-x,0),0,0);will-change:transform}.event-hit{top:47.36%;width:31.94%;height:.532%;border:0;background:transparent;cursor:pointer}.event-hit-1{left:2.08%}.event-hit-2{left:34.03%}.event-hit-3{left:65.97%}.desktop-hotspots:has(.event-hit-1:hover)+.button-states .event-1,.desktop-hotspots:has(.event-hit-2:hover)+.button-states .event-2,.desktop-hotspots:has(.event-hit-3:hover)+.button-states .event-3{opacity:1}.desktop-hotspots:has(.event-hit-1:active)+.button-states .event-1,.desktop-hotspots:has(.event-hit-2:active)+.button-states .event-2,.desktop-hotspots:has(.event-hit-3:active)+.button-states .event-3{opacity:1;background:#8fc9f2}@media(max-width:700px){.desktop-button-states,.desktop-parallax,.scroll-gallery{display:none}}