@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--lime:#ccff00;--purple:#632cff;--ink:#171717;--paper:#f4f4ee;--line:#ffffff25}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--purple);outline-offset:6px}input:focus,textarea:focus{outline:0;border-color:var(--ink)}::selection{background:var(--purple);color:white}.skip{position:fixed;left:15px;top:-90px;z-index:100;background:white;color:black;padding:15px}.skip:focus{top:15px}.header{height:110px;background:var(--lime);color:var(--ink);display:flex;align-items:center;justify-content:space-between;padding:20px 5vw;border-bottom:1px solid #17171725}.brand{width:95px;display:block}.brand img{width:100%;height:65px;object-fit:contain}.header nav{display:flex;align-items:center;gap:36px;font-size:13px;font-weight:600}.header nav>a:hover{text-decoration:underline;text-underline-offset:5px}.header .nav-cta{border:1px solid var(--ink);padding:14px 19px;display:flex;gap:30px}.menu-toggle{display:none}.hero{background:var(--lime);color:var(--ink);padding:25px 5vw 0;overflow:hidden}.eyebrow{font-size:11px;font-weight:800;letter-spacing:1.5px;display:flex;gap:10px;align-items:center;margin:0 0 26px;line-height:1.6}.status-dot{width:7px;height:7px;display:inline-block;border-radius:50%;background:currentColor;flex-shrink:0}.hero-top{display:flex;justify-content:space-between;align-items:flex-start}.location{font-size:10px;padding-top:2px}.hero h1{font-size:clamp(60px,8.7vw,150px);letter-spacing:-.055em;line-height:.91;margin:20px 0 0;font-weight:900;position:relative;z-index:2}.hero h1 span{color:var(--ink)}.hero-stage{display:grid;grid-template-columns:30% 70%;min-height:540px;margin-top:30px;position:relative}.hero-copy{padding-top:70px;max-width:310px;z-index:4}.hero-copy p{font-size:18px;line-height:1.55;margin:0 0 30px;letter-spacing:-.5px}.button{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:20px 23px;font-size:13px;font-weight:700;border:0;transition:transform .2s,background .2s;min-height:58px}.button:hover{transform:translateY(-3px)}.button span{font-size:24px;font-weight:400;line-height:1}.button.dark{background:var(--ink);color:var(--lime)}.text-link{display:flex;justify-content:space-between;max-width:230px;margin-top:24px;font-size:12px;font-weight:600;border-bottom:1px solid #17171766;padding:0 0 10px}.hero-art{position:relative;padding:32px 0 0 5vw}.art-label{font-size:9px;letter-spacing:1.8px;position:absolute;top:3px;left:5vw;font-weight:700}.browser-frame{height:440px;background:#e5dcc7;transform:rotate(-3deg);border:6px solid #232323;border-radius:13px;overflow:hidden;box-shadow:0 20px 35px #17171725;margin-right:4vw}.browser-bar{display:flex;gap:5px;height:25px;background:#232323;color:#b8b8b8;align-items:center;padding:0 7px;font-size:7px}.browser-bar i{width:5px;height:5px;background:#717171;border-radius:50%}.browser-bar span:first-of-type{flex:1;text-align:center}.browser-frame>img{width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top}.art-tag{position:absolute;right:-3vw;bottom:45px;background:var(--purple);color:white;padding:24px 30px;width:290px;transform:rotate(4deg);box-shadow:0 15px 50px #17171730}.art-tag>span:first-child{font-size:9px;text-transform:uppercase;letter-spacing:1px}.art-tag strong{font-size:27px;line-height:1.05;letter-spacing:-1.2px;display:block;margin:15px 0}.art-arrow{font-size:50px;position:absolute;right:20px;bottom:10px;color:var(--lime)}.floating-note{position:absolute;left:0;bottom:20px;background:#171717ed;border:1px solid #ffffff25;border-radius:8px;color:white;width:205px;padding:25px;backdrop-filter:blur(10px);transform:rotate(-5deg)}.floating-note span{font-size:8px;letter-spacing:1.8px;color:var(--lime)}.floating-note strong{font-size:21px;line-height:1.2;display:block;margin-top:15px;letter-spacing:-.5px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #17171740;padding:20px 0;font-size:9px;letter-spacing:1.4px;font-weight:700}.hero-bottom a{display:flex;gap:40px}.ticker{background:var(--purple);color:white;overflow:hidden;white-space:nowrap;padding:19px 0;font-size:15px;font-weight:800;letter-spacing:.5px;text-align:center}.ticker b{margin:0 40px;color:var(--lime)}.section-wrap{padding:110px 7vw}.section-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:52px;gap:50px}.section-head h2,h2{font-size:clamp(36px,4.3vw,70px);line-height:1.01;letter-spacing:-3px;margin:0;font-weight:800}.lime{color:var(--lime)}.section-head>p{max-width:310px;font-size:13px;line-height:1.8;color:#aaa;margin:0 0 5px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px 32px}.project{padding:0;background:none;border:0;color:white;text-align:left;min-width:0}.project-large{grid-column:1/-1}.project-image{background:#333;position:relative;overflow:hidden;height:340px;border-radius:5px}.project-large .project-image{height:470px;background:#c2b6a0}.project-image img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .7s}.project:hover .project-image img{transform:scale(1.035)}.expand{position:absolute;right:20px;bottom:20px;border-radius:50%;width:48px;height:48px;display:grid;place-items:center;background:var(--lime);color:var(--ink);font-size:26px;box-shadow:0 5px 20px #0003}.project-meta{display:grid;grid-template-columns:1fr auto;margin-top:20px;gap:6px}.project-meta h3{font-size:22px;letter-spacing:-.7px;margin:0}.project-meta>span:not(.project-number){font-size:10px;color:#aaa;grid-column:1}.project-number{grid-column:2;grid-row:1/3;font-size:11px;color:#aaa;padding-top:6px}.project-disclaimer{font-size:10px;line-height:1.6;color:#888;margin-top:35px}.services{background:var(--paper);color:var(--ink)}.services .section-head>p{color:#60605b}.service-list article{border-top:1px solid #17171730;padding:35px 0;display:grid;grid-template-columns:60px 1.5fr .8fr 25px;gap:25px;align-items:start}.service-list article:last-child{border-bottom:1px solid #17171730}.service-index{font-size:11px;padding-top:8px}.service-list h3{font-size:32px;letter-spacing:-1.3px;font-weight:700;margin:0 0 13px}.service-list p{font-size:13px;line-height:1.7;color:#60605b;max-width:420px;margin:0}.service-type{font-size:8px;font-weight:800;letter-spacing:1px;align-self:center;line-height:1.7}.service-arrow{font-size:28px}.offer{display:grid;grid-template-columns:1fr 1fr;gap:9vw;background:var(--purple);position:relative;overflow:hidden}.offer h2{font-size:clamp(38px,4.6vw,75px)}.offer h2 em{font-style:normal;color:var(--lime)}.offer-story>p:not(.eyebrow){font-size:15px;line-height:1.8;margin-top:35px;color:#e1d7ff}.offer-doodle{font-size:170px;line-height:1;margin-left:60%;display:block;color:var(--lime);font-weight:400;transform:rotate(-8deg)}.price-card{background:var(--lime);color:var(--ink);padding:40px;align-self:start;border-radius:8px;transform:rotate(2deg);box-shadow:0 20px 60px #16094240}.offer-badge{font-size:8px;letter-spacing:.7px;font-weight:800;display:flex;align-items:center;gap:7px;border-bottom:1px solid #17171730;padding-bottom:25px}.price-card h3{font-size:23px;letter-spacing:-1px;margin:25px 0 20px}.old-price{font-size:11px;margin:0 0 7px}.price{font-size:100px;line-height:1;font-weight:800;letter-spacing:-7px;display:flex;gap:10px;align-items:flex-start}.price>span{font-size:40px;letter-spacing:-2px;padding-top:7px}.price small{display:block;font-size:12px;letter-spacing:0;margin-top:4px;font-weight:600}.price-intro{font-size:12px;line-height:1.7;max-width:280px;margin:22px 0}.price-card ul{list-style:none;margin:25px 0;padding:0;border-top:1px solid #17171730}.price-card li{font-size:11px;padding:12px 0;border-bottom:1px solid #17171730;display:flex;gap:10px;line-height:1.5}.price-card li:before{content:'↗';font-size:14px}.price-terms{font-size:9px;line-height:1.7;opacity:.8;margin:20px 0 0}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.process-grid article{padding:35px 35px 20px 0}.process-grid article+article{border-left:1px solid var(--line);padding-left:35px}.process-grid article>span{color:var(--lime);font-size:9px;letter-spacing:1px;font-weight:700}.process-grid h3{font-size:34px;line-height:1.1;letter-spacing:-1.4px;margin:30px 0 20px}.process-grid p{font-size:12px;color:#aaa;line-height:1.85}.delivery-note{display:flex;align-items:center;gap:35px;margin-top:45px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.delivery-note strong{font-size:24px;letter-spacing:-1px;white-space:nowrap}.delivery-note p{max-width:440px;color:#aaa;font-size:11px;line-height:1.8;margin:0}.delivery-note>span{font-size:35px;color:var(--lime);margin-left:auto}.faq{background:var(--paper);color:var(--ink);display:grid;grid-template-columns:.85fr 1.15fr;gap:8vw}.faq h2{font-size:48px}.questions details{border-bottom:1px solid #17171730}.questions details:first-child{border-top:1px solid #17171730}.questions summary{display:flex;list-style:none;justify-content:space-between;gap:25px;font-size:13px;font-weight:600;padding:25px 0;cursor:pointer;line-height:1.5}.questions summary::-webkit-details-marker{display:none}.questions summary span{font-size:22px;line-height:1}.questions details[open] summary span{transform:rotate(45deg)}.questions details p{font-size:12px;color:#60605b;line-height:1.9;margin:0 25px 25px 0}.contact{background:var(--lime);color:var(--ink);display:grid;grid-template-columns:1fr .8fr;gap:10vw}.contact h2{font-size:clamp(43px,5.4vw,85px);letter-spacing:-4px}.contact h2 span{color:var(--purple)}.contact-copy>p:not(.eyebrow){font-size:13px;line-height:1.8;margin:30px 0}.email-link{font-size:16px;font-weight:700;border-bottom:1px solid #17171770;padding-bottom:7px;display:inline-block}.contact-location{display:block;margin-top:60px;font-size:9px;font-weight:700;letter-spacing:1px}.contact form{padding-top:15px}.contact label{display:block;font-size:10px;font-weight:700;margin-bottom:25px}.contact input,.contact textarea{background:transparent;border:0;border-bottom:1px solid #17171770;width:100%;display:block;border-radius:0;padding:12px 0;color:var(--ink);font-size:13px;font-weight:400;resize:vertical}.contact input::placeholder,.contact textarea::placeholder{color:#17171790}.contact form .button{width:100%;margin-top:30px}.form-note{font-size:9px;line-height:1.8;opacity:.8}.contact #form-status{font-size:11px;line-height:1.6;font-weight:600}.contact #form-status:empty{display:none}footer{background:var(--ink);padding:35px 5vw;display:flex;align-items:center;gap:30px;font-size:10px;color:#aaa}.footer-brand{filter:invert(1);width:68px}.footer-brand img{height:45px}footer>p{margin-right:auto}footer>a:last-child{color:white;margin-left:30px}dialog{background:var(--ink);color:white;padding:0;border:1px solid #ffffff40;border-radius:10px;width:min(1100px,94vw);max-height:92vh;overflow:hidden}dialog::backdrop{background:#000c;backdrop-filter:blur(8px)}.dialog-head{padding:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line)}.dialog-head h2{font-size:17px;letter-spacing:-.3px}.dialog-close{background:var(--lime);color:var(--ink);padding:10px 15px;border:0;font-size:12px;white-space:nowrap}.dialog-scroll{overflow:auto;max-height:calc(92vh - 78px)}.dialog-scroll img{width:100%;height:auto}
@media(min-width:1600px){.hero,.header{padding-left:max(5vw,calc((100vw - 1500px)/2));padding-right:max(5vw,calc((100vw - 1500px)/2))}.section-wrap{padding-left:max(7vw,calc((100vw - 1400px)/2));padding-right:max(7vw,calc((100vw - 1400px)/2))}.hero h1{font-size:145px}}
@media(max-width:1000px){.hero-stage{grid-template-columns:32% 68%;min-height:470px}.hero-copy{padding-top:35px}.hero-copy p{font-size:15px}.browser-frame{height:350px}.art-tag{width:245px;bottom:35px}.art-tag strong{font-size:23px}.floating-note{width:170px;padding:20px;bottom:5px}.floating-note strong{font-size:18px}.section-wrap{padding:85px 5vw}.section-head h2,h2{letter-spacing:-2px}.price-card{padding:28px}.offer{gap:6vw}.service-list article{grid-template-columns:30px 1.5fr .8fr 25px;gap:20px}.service-list h3{font-size:28px}.contact{gap:6vw}.header nav{gap:22px}.project-large .project-image{height:380px}.project-image{height:270px}}
@media(max-width:700px){html{scroll-padding-top:20px}.header{height:88px;padding:14px 6vw;position:relative;z-index:10}.brand{width:78px}.brand img{height:54px}.menu-toggle{display:flex;align-items:center;gap:15px;background:none;border:1px solid #17171770;padding:10px 12px;font-size:11px}.menu-toggle span{font-size:15px}.header nav{display:none;position:absolute;left:0;right:0;top:88px;background:var(--lime);padding:15px 6vw 30px;box-shadow:0 15px 20px #17171720;align-items:stretch}.header nav.open{display:flex;flex-direction:column;gap:0}.header nav>a{padding:15px 0;border-bottom:1px solid #17171730}.header nav .nav-cta{padding:15px;margin-top:15px;justify-content:space-between}.hero{padding:22px 6vw 0}.hero-top .eyebrow{font-size:8px;letter-spacing:.8px;margin-bottom:20px}.location{display:none}.hero h1{font-size:clamp(44px,10.5vw,73px);line-height:.97;letter-spacing:-.04em;margin:10px 0 0}.hero-stage{display:flex;flex-direction:column;margin-top:25px;min-height:0}.hero-copy{padding:0;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;align-items:start}.hero-copy p{grid-column:1/-1;max-width:330px;font-size:15px;margin:0;line-height:1.65}.hero-copy .button{font-size:11px;padding:17px;gap:15px;min-height:55px;white-space:nowrap}.hero-copy .text-link{font-size:10px;margin:16px 0 0;gap:10px;padding-bottom:7px}.hero-art{padding:50px 6px 65px;margin-top:25px}.art-label{left:5px;top:23px;font-size:8px}.browser-frame{height:300px;margin-right:10px;border-width:4px;border-radius:8px;transform:rotate(-3deg)}.browser-bar{height:19px;font-size:5px}.art-tag{right:-12px;bottom:26px;width:205px;padding:17px}.art-tag>span:first-child{font-size:7px}.art-tag strong{font-size:21px;margin:11px 0}.art-arrow{font-size:38px;right:14px}.floating-note{left:-5px;bottom:40px;width:136px;padding:17px}.floating-note span{font-size:6px;letter-spacing:.7px}.floating-note strong{font-size:15px;margin-top:10px}.hero-bottom{font-size:7px;letter-spacing:.7px;padding:17px 0;gap:10px}.hero-bottom a{gap:18px}.ticker{font-size:10px;padding:16px 0;letter-spacing:0}.ticker b{margin:0 15px}.section-wrap{padding:65px 6vw}.section-head{display:block;margin-bottom:32px}.eyebrow{font-size:9px;letter-spacing:1px;margin-bottom:20px}.section-head h2,h2{font-size:38px;letter-spacing:-1.9px}.section-head>p{font-size:12px;line-height:1.75;max-width:320px;margin-top:25px}.project-grid{grid-template-columns:1fr;gap:30px}.project-large{grid-column:auto}.project-image,.project-large .project-image{height:280px}.project-meta{margin-top:15px}.project-meta h3{font-size:20px}.project-meta>span:not(.project-number){font-size:9px}.expand{width:38px;height:38px;font-size:22px;right:15px;bottom:15px}.project-disclaimer{font-size:9px}.service-list article{grid-template-columns:22px 1fr 20px;gap:12px;padding:27px 0}.service-list h3{font-size:25px}.service-list p{font-size:12px}.service-index{font-size:9px}.service-type{grid-column:2;grid-row:2;font-size:7px;margin-top:5px}.service-arrow{grid-column:3;grid-row:1;font-size:25px}.offer{grid-template-columns:1fr;gap:35px}.offer h2{font-size:43px;letter-spacing:-2px}.offer-story>p:not(.eyebrow){font-size:13px;margin-top:25px}.offer-doodle{position:absolute;right:25px;top:240px;font-size:90px;margin:0}.price-card{transform:rotate(1deg);padding:27px}.offer-badge{font-size:7px;letter-spacing:.3px;padding-bottom:20px}.price-card h3{font-size:22px}.price{font-size:96px}.price-intro,.price-card li{font-size:11px}.process-grid{grid-template-columns:1fr}.process-grid article,.process-grid article+article{padding:27px 0;border-left:0;border-bottom:1px solid var(--line)}.process-grid h3{font-size:29px;margin:18px 0 15px}.process-grid h3 br{display:none}.process-grid p{max-width:330px;margin:0}.delivery-note{flex-wrap:wrap;gap:15px;margin-top:25px;position:relative;padding-right:30px}.delivery-note strong{font-size:22px}.delivery-note p{font-size:10px}.delivery-note>span{position:absolute;right:0;top:23px;font-size:28px}.faq{grid-template-columns:1fr;gap:30px}.faq h2{font-size:38px}.questions summary{font-size:12px;padding:22px 0;gap:20px}.questions details p{font-size:11px}.contact{grid-template-columns:1fr;gap:35px}.contact h2{font-size:52px;letter-spacing:-3px}.contact-copy>p:not(.eyebrow){font-size:12px;margin:25px 0}.email-link{font-size:15px}.contact-location{margin-top:30px;font-size:8px}.contact form{padding:0}.contact label{font-size:10px;margin-bottom:23px}.contact input,.contact textarea{font-size:14px}.contact .button{font-size:12px}.form-note{font-size:9px}footer{display:grid;grid-template-columns:1fr 1fr;padding:25px 6vw;gap:20px;font-size:8px}.footer-brand{width:65px}.footer-brand img{height:43px}footer>p{max-width:145px;text-align:right;justify-self:end;margin:0}footer>a:last-child{margin:0;text-align:right}.dialog-head{padding:15px}.dialog-head h2{font-size:12px}.dialog-close{font-size:10px;padding:8px}.dialog-scroll{max-height:calc(92vh - 65px)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Language and expanded footer */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.language-switch{margin-left:auto;margin-right:28px}.language-switch select{background:transparent;color:var(--ink);border:1px solid #17171770;border-radius:0;padding:10px 25px 10px 12px;font:700 12px Inter,Arial,sans-serif;cursor:pointer}.language-switch select:focus-visible{outline:3px solid var(--purple);outline-offset:3px}.site-footer{display:block;padding:60px 5vw 25px;background:#101010;color:#f4f4ee;font-size:13px;border-top:1px solid #ffffff20}.site-footer .footer-intro{display:grid;grid-template-columns:100px 1fr auto;gap:35px;align-items:center;padding-bottom:40px;border-bottom:1px solid #ffffff25}.site-footer .footer-brand{width:80px;filter:invert(1)}.site-footer .footer-brand img{height:auto;width:100%;object-fit:contain}.site-footer p{font-size:13px;line-height:1.75;color:#c5c5bf;margin:0;max-width:350px;text-align:left}.site-footer .footer-intro>p{font-size:19px;color:#f4f4ee}.site-footer .footer-cta{font-size:16px;color:var(--lime);border-bottom:1px solid #ccff0050;padding:12px 0;display:flex;gap:35px;align-items:center}.footer-cta span{font-size:25px}.footer-grid{display:grid;grid-template-columns:1fr 1fr 1.15fr;gap:60px;padding:44px 0}.site-footer h2{font-size:11px;text-transform:uppercase;letter-spacing:1.4px;line-height:1.5;margin:0 0 22px;color:var(--lime)}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.site-footer a{transition:color .2s}.site-footer a:hover{color:var(--lime)}.site-footer a:focus-visible,.site-footer summary:focus-visible{outline-color:var(--lime)}.footer-grid a{font-size:13px;line-height:1.6}.footer-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:35px;padding:27px 0;border-top:1px solid #ffffff25;border-bottom:1px solid #ffffff25}.footer-details summary{display:flex;justify-content:space-between;gap:18px;list-style:none;cursor:pointer;font-size:12px;font-weight:600;line-height:1.6}.footer-details summary::-webkit-details-marker{display:none}.footer-details summary span{font-size:18px;color:var(--lime)}.footer-details details[open] summary span{transform:rotate(45deg)}.site-footer .footer-details p{font-size:12px;margin-top:18px;max-width:none}.footer-base{padding-top:25px;display:flex;justify-content:space-between;gap:25px;font-size:10px;line-height:1.6;color:#b1b1ac}.site-footer .footer-base>a{font-size:11px;text-align:left;margin:0}.footer-base>span:nth-child(2){color:#888883}
@media(max-width:900px){.header nav{gap:18px}.language-switch{margin-right:18px}.site-footer .footer-intro{grid-template-columns:80px 1fr;gap:24px}.site-footer .footer-cta{grid-column:1/-1;justify-self:start}.footer-grid{gap:28px}.footer-details{gap:24px}}
@media(max-width:600px){.language-switch{margin-right:14px}.language-switch select{font-size:11px;padding:9px 20px 9px 10px}.site-footer{padding:45px 6vw 25px}.site-footer .footer-intro{grid-template-columns:65px 1fr;gap:20px;padding-bottom:28px}.site-footer .footer-brand{width:65px}.site-footer .footer-intro>p{font-size:16px;max-width:230px;justify-self:start;text-align:left}.site-footer .footer-cta{font-size:15px;gap:18px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px 22px;padding:32px 0}.footer-grid>div:last-child{grid-column:1/-1}.site-footer .footer-grid p{font-size:12px}.footer-grid a{font-size:12px;overflow-wrap:anywhere}.site-footer h2{font-size:10px;letter-spacing:1px;margin-bottom:10px}.footer-details{grid-template-columns:1fr;gap:0;padding:5px 0}.footer-details details{padding:18px 0;border-bottom:1px solid #ffffff15}.footer-details details:last-child{border-bottom:0}.footer-base{display:grid;grid-template-columns:1fr auto;gap:15px;font-size:9px}.footer-base>span:nth-child(2){grid-column:1/-1;grid-row:2}.site-footer .footer-base>a{font-size:10px}}
@media(max-width:600px){.header>.brand{order:1}.header>.language-switch{order:2}.header>.menu-toggle{order:3}.header>nav{order:4}.process-grid{min-width:0}.process-grid article{min-width:0}.process-grid h3 br{display:block}.process-grid p{overflow-wrap:anywhere}}
.language-switch{position:relative;flex-shrink:0;z-index:25}#language-toggle,#language-options button{border:0;background:transparent;padding:10px;min-width:48px;min-height:44px;display:flex;align-items:center;justify-content:center;border-radius:4px}#language-toggle:hover{background:#17171712}.language-switch img{width:30px;height:20px;object-fit:cover;border-radius:2px;box-shadow:0 0 0 1px #17171720}#language-options{position:absolute;right:0;top:calc(100% + 9px);padding:6px;background:#171717;border:1px solid #ffffff25;box-shadow:0 8px 24px #0003;border-radius:8px;display:flex;flex-direction:column;gap:3px}#language-options[hidden],#language-options button[hidden]{display:none}#language-options button:hover{background:#ffffff20}#language-options button:focus-visible{outline:2px solid var(--lime);outline-offset:0}#language-toggle:focus-visible{outline:2px solid var(--purple);outline-offset:2px}
@media(max-width:600px){.language-switch{margin-right:10px}}
.header{position:sticky;top:0;z-index:50;box-shadow:0 3px 15px #17171712}html{scroll-padding-top:125px}
@media(max-width:600px){html{scroll-padding-top:100px}}
/* Discreet current language; retain large options and touch targets. */
.language-switch #language-flag{width:20px;height:auto;aspect-ratio:3/2}
/* Quiet scroll reveals and layered hero motion. */
.reveal-on-scroll{opacity:0;translate:0 22px;transition:opacity .7s ease,translate .85s cubic-bezier(.2,.65,.25,1);transition-delay:var(--reveal-delay,0ms)}
.reveal-on-scroll.is-revealed,.reveal-on-scroll:focus-within{opacity:1;translate:0 0}
.hero-art{translate:0 var(--hero-drift,0px)}
.browser-frame{animation:ux-float-main 8s ease-in-out infinite}
.art-tag{animation:ux-float-card 7s ease-in-out -2s infinite}
.floating-note{animation:ux-float-note 9s ease-in-out -4s infinite}
.hero-motion-paused .browser-frame,.hero-motion-paused .art-tag,.hero-motion-paused .floating-note{animation-play-state:paused}
@keyframes ux-float-main{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes ux-float-card{0%,100%{translate:0 0}50%{translate:0 7px}}
@keyframes ux-float-note{0%,100%{translate:0 0}50%{translate:0 -6px}}
@media(max-width:600px){@keyframes ux-float-main{0%,100%{translate:0 0}50%{translate:0 -5px}}@keyframes ux-float-card{0%,100%{translate:0 0}50%{translate:0 4px}}}
@media(prefers-reduced-motion:reduce){.reveal-on-scroll{opacity:1;translate:none;transition:none}.hero-art{translate:none}.browser-frame,.art-tag,.floating-note{animation:none;translate:none}}
/* Slow ambient light within the Electric hero. */
.hero{position:relative;isolation:isolate}
.hero::before,.hero::after{content:"";position:absolute;inset:-20%;z-index:-1;pointer-events:none;background-repeat:no-repeat}
.hero::before{background:radial-gradient(ellipse at 72% 26%,#f5ffb64d 0%,#f5ffb61f 24%,transparent 52%),radial-gradient(ellipse at 20% 78%,#9de00030 0%,transparent 48%);animation:ux-ambient-light 24s ease-in-out infinite alternate}
.hero::after{background:radial-gradient(ellipse at 85% 70%,#632cff12 0%,transparent 38%),radial-gradient(ellipse at 18% 22%,#ffffff29 0%,transparent 42%);animation:ux-ambient-haze 31s ease-in-out -9s infinite alternate}
@keyframes ux-ambient-light{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(5%,4%,0) scale(1.08)}}
@keyframes ux-ambient-haze{from{transform:translate3d(4%,-3%,0) scale(1.04)}to{transform:translate3d(-5%,5%,0) scale(.98)}}
.hero-motion-paused::before,.hero-motion-paused::after{animation-play-state:paused}
@media(max-width:600px){.hero::after{opacity:.65}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero::after{animation:none;transform:none}}