.nav-menu{position:fixed;top:24px;left:28px;z-index:20;display:flex;gap:clamp(.9rem,2vw,1.6rem)}.nav-menu-item{position:relative;background:none;border:none;cursor:pointer;padding:8px 2px;font-family:var(--font-main);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;color:inherit;opacity:.35;transition:opacity .3s}.nav-menu-item:after{content:"";position:absolute;left:2px;bottom:4px;height:1px;width:0;background:currentColor;transition:width .3s}.nav-menu-item:hover{opacity:.7}.nav-menu-item.active{opacity:1}.nav-menu-item.active:after{width:calc(100% - 4px)}.nav-dark{color:var(--color-white)}.nav-light{color:var(--color-black)}.nav-arrow{position:fixed;top:50%;transform:translateY(-50%);z-index:10;background:none;border:none;cursor:pointer;padding:20px 16px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.nav-arrow svg{width:18px;height:18px}.nav-arrow.prev{left:8px}.nav-arrow.next{right:8px}.nav-arrow.hidden{opacity:0;pointer-events:none}.arrow-dark svg path{stroke:#ffffffb3}.arrow-light svg path{stroke:#0006}.nav-arrow:hover .arrow-dark svg path{stroke:#fff}.nav-arrow:hover .arrow-light svg path{stroke:#000}.v-arrow{position:fixed;left:50%;transform:translate(-50%);z-index:10;background:none;border:none;cursor:pointer;padding:14px 20px;display:flex;align-items:center;justify-content:center;transition:opacity .3s}.v-arrow svg{width:18px;height:18px}.v-arrow.up{top:8px}.v-arrow.down{bottom:8px}.v-arrow.arrow-dark svg path{stroke:#ffffffb3}.v-arrow.arrow-light svg path{stroke:#0006}.v-arrow:hover.arrow-dark svg path{stroke:#fff}.v-arrow:hover.arrow-light svg path{stroke:#000}.panel-dots{position:fixed;bottom:20px;left:50%;transform:translate(-50%);display:flex;gap:10px;z-index:10}.dot{width:5px;height:5px;border-radius:50%;border:1px solid currentColor;background:transparent;cursor:pointer;padding:0;position:relative;transition:background .3s,opacity .3s;opacity:.35}.dot:before{content:"";position:absolute;top:-8px;right:-8px;bottom:-8px;left:-8px}.dot.active{background:currentColor;opacity:1}.dots-dark .dot{color:var(--color-white)}.dots-light .dot{color:var(--color-black)}.panel-dots.vertical{left:auto;right:20px;top:50%;bottom:auto;transform:translateY(-50%);flex-direction:column}@media (max-width: 768px){.nav-arrow,.v-arrow{display:none}.panel-dots{bottom:16px}.nav-menu{top:16px;left:16px;gap:.8rem}.nav-menu-item{font-size:.55rem;letter-spacing:.16em}}.lang-toggle{position:fixed;top:24px;right:28px;z-index:20;background:none;border:none;cursor:pointer;display:flex;align-items:center;gap:4px;padding:8px;font-family:var(--font-main);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;transition:opacity .2s}.lang-toggle span{opacity:.35;transition:opacity .2s}.lang-toggle span.active{opacity:1}.lang-toggle .sep{opacity:.2}.lang-toggle:hover span:not(.sep){opacity:.7}.lang-toggle:hover span.active{opacity:1}.lang-dark{color:var(--color-white)}.lang-light{color:var(--color-black)}@media (max-width: 768px){.lang-toggle{top:16px;right:16px}}.stage{width:100vw;height:100vh;height:100dvh;overflow:hidden;position:fixed;top:0;left:0}.track{display:flex;height:100%;transform:translate(calc(-1 * var(--x, 0) * 100vw));transition:transform var(--transition-panel);will-change:transform}.column{width:100vw;height:100%;flex-shrink:0}.column-track{height:100%;transform:translateY(calc(-1 * var(--y, 0) * 100%));transition:transform var(--transition-panel);will-change:transform}.panel{width:100vw;height:100%;flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.home-panel{background-color:var(--color-black)}.home-logo{width:clamp(160px,26vw,460px);height:auto;display:block}.home-tagline{margin-top:clamp(1.4rem,3.5vh,2.4rem);font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:#ffffff73;text-transform:uppercase}.hint-arrow{position:absolute;right:clamp(20px,4vw,48px);top:50%;transform:translateY(-50%);background:none;border:none;padding:12px;cursor:pointer;animation:hint-drift 3s ease-in-out infinite}.hint-arrow svg{display:block;width:40px;height:16px;fill:none;stroke:#ffffff8c;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;transition:stroke .2s}.hint-arrow:hover svg{stroke:var(--color-white)}@keyframes hint-drift{0%{transform:translateY(-50%) translate(0);opacity:.4}50%{transform:translateY(-50%) translate(10px);opacity:.85}to{transform:translateY(-50%) translate(0);opacity:.4}}@media (max-width: 768px){.hint-arrow{right:16px}}.services-panel{background-color:var(--color-dark)}.services-inner{display:flex;flex-direction:column;align-items:center;text-align:center}.services-eyebrow{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:var(--color-gray);text-transform:uppercase;margin-bottom:clamp(1.2rem,3vh,2rem)}.services-list{list-style:none;display:flex;flex-direction:column;gap:clamp(.6rem,1.8vh,1.1rem);margin-bottom:clamp(2.5rem,6vh,4rem)}.services-list li{font-size:clamp(1.6rem,4vw,3.2rem);font-weight:500;color:var(--color-white);letter-spacing:.02em;line-height:1;opacity:.88;transition:opacity .2s}.services-list li:hover{opacity:1}.services-portfolio-cta{display:flex;flex-direction:column;align-items:center;gap:.7rem;background:none;border:none;cursor:pointer;font-family:var(--font-main);font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gray);transition:color .2s}.services-portfolio-cta svg{width:12px;height:30px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;animation:portfolio-hint-drift 3s ease-in-out infinite}.services-portfolio-cta:hover{color:var(--color-white)}@keyframes portfolio-hint-drift{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}to{transform:translateY(0);opacity:.5}}@media (max-width: 768px){.services-list li{font-size:clamp(1.3rem,7vw,2rem)}}.about-panel{background-color:var(--color-dark)}.about-inner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 clamp(1.5rem,6vw,2.5rem)}.about-eyebrow{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:var(--color-gray);text-transform:uppercase;margin-bottom:clamp(1.2rem,3vh,2rem)}.about-list{list-style:none;display:flex;flex-direction:column;gap:clamp(.6rem,1.8vh,1.1rem);margin-bottom:clamp(2.5rem,6vh,4rem)}.about-list li{font-size:clamp(1.6rem,4vw,3.2rem);font-weight:500;color:var(--color-white);letter-spacing:.02em;line-height:1.1;opacity:.88;transition:opacity .2s}.about-list li:hover{opacity:1}.about-cta{display:flex;flex-direction:column;align-items:center;gap:.7rem;background:none;border:none;cursor:pointer;font-family:var(--font-main);font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gray);transition:color .2s}.about-cta svg{width:12px;height:30px;fill:none;stroke:currentColor;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;animation:about-hint-drift 3s ease-in-out infinite}.about-cta:hover{color:var(--color-white)}@keyframes about-hint-drift{0%{transform:translateY(0);opacity:.5}50%{transform:translateY(6px);opacity:1}to{transform:translateY(0);opacity:.5}}.about-story-panel{background-color:var(--color-dark);justify-content:flex-start!important;overflow-y:auto}.about-story-inner{display:flex;flex-direction:column;align-items:center;text-align:center;margin:auto;width:100%;max-width:1120px;padding:clamp(3rem,8vh,5rem) clamp(1.5rem,6vw,2.5rem);box-sizing:border-box}.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2.2rem,5vh,3.2rem) clamp(3.5rem,7vw,6rem);width:100%;text-align:left;margin-bottom:clamp(2.5rem,6vh,3.5rem)}.about-story section:last-child:nth-child(odd){grid-column:1 / -1;max-width:68ch}.about-story h3{font-size:clamp(.55rem,.9vw,.68rem);font-weight:400;letter-spacing:.22em;text-transform:uppercase;color:var(--color-gray);margin-bottom:.8rem}.about-story p{font-size:clamp(.95rem,1.3vw,1.15rem);line-height:1.8;letter-spacing:.01em;color:#bbb;text-align:justify;-webkit-hyphens:auto;hyphens:auto}@media (max-width: 768px){.about-story{grid-template-columns:1fr}}.about-note{font-size:clamp(.9rem,1.3vw,1.1rem);letter-spacing:.02em;color:var(--color-gray)}@media (max-width: 768px){.about-list li{font-size:clamp(1.3rem,6.5vw,2rem)}}.contact-panel{background-color:var(--color-dark);justify-content:flex-start!important;overflow-y:auto;transition:background-color .8s ease}.contact-panel.sent{background-color:var(--color-white)}.contact-panel.sent .sent-wrap>span{color:var(--color-black)}.contact-panel.sent .sent-timer-bar{background:#e0e0e0}.contact-panel.sent .sent-timer-fill{background:var(--color-black)}.contact-panel.sent .btn-back:hover{color:var(--color-black)}.contact-scroll{width:100%;max-width:1080px;margin:0 auto;min-height:100%;display:flex;flex-direction:column;justify-content:center;padding:clamp(3rem,8vh,5rem) clamp(1.5rem,6vw,2.5rem);box-sizing:border-box}.contact-form{width:100%}.form-eyebrow{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:var(--color-gray);text-transform:uppercase;margin-bottom:clamp(1.5rem,3vh,2rem);text-align:center}.step-mojo{font-size:clamp(.9rem,1.3vw,1.1rem);letter-spacing:.02em;line-height:1.5;color:#bbb;text-align:center;max-width:44ch;margin:0 auto clamp(1.8rem,4vh,2.8rem)}.contact-stepped{display:flex;flex-direction:column;align-items:center}.step-pane{width:100%;display:flex;flex-direction:column;align-items:center;min-height:clamp(14rem,32vh,20rem);justify-content:center;animation:step-in .65s cubic-bezier(.22,1,.36,1) both}@keyframes step-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}.step-question{font-size:clamp(1.5rem,3vw,2.4rem);font-weight:500;letter-spacing:.02em;line-height:1.15;color:var(--color-white);text-align:center;margin-bottom:clamp(1.8rem,4vh,2.8rem)}.step-fields{width:min(560px,100%)}.step-nav{width:100%;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;margin-top:clamp(2rem,5vh,3.5rem)}.step-nav-side{display:flex}.step-nav-right{justify-content:flex-end}.step-count{font-size:.62rem;letter-spacing:.3em;color:var(--color-gray);font-family:var(--font-main)}.btn-step{background:none;border:none;font-family:var(--font-main);text-transform:uppercase;font-size:.72rem;letter-spacing:.22em;color:var(--color-white);cursor:pointer;padding:.8rem 0;transition:opacity .2s}.btn-step:hover{opacity:.6}.btn-step-back{color:var(--color-gray)}.btn-step-back:hover{color:var(--color-white);opacity:1}.send-error{margin-top:1rem;text-align:center}.step-progress{width:min(320px,60%);height:1px;background:#2a2a2a;margin-top:clamp(2rem,4vh,3rem);overflow:hidden}.step-progress span{display:block;height:100%;background:var(--color-white);transition:width .65s cubic-bezier(.22,1,.36,1)}.field{display:flex;flex-direction:column;margin-bottom:clamp(1.6rem,3vh,2.2rem)}.field:last-child{margin-bottom:0}.field label{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;text-transform:uppercase;color:var(--color-gray);margin-bottom:.6rem}.field input,.field select,.field textarea{border:none;border-bottom:1px solid #333;background:transparent;font-family:var(--font-main);font-size:1.05rem;letter-spacing:.02em;padding:.65rem 0;outline:none;color:var(--color-white);transition:border-color .25s;width:100%;-webkit-appearance:none;border-radius:0}.field select{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6'%3E%3Cpath d='M0 0l5 6 5-6z' fill='%23aaa'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 2px center;padding-right:18px}.field textarea{resize:none;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{border-bottom-color:var(--color-white)}.hp-field{position:absolute;left:-9999px;width:1px;height:1px;opacity:0;pointer-events:none}.notes-count{font-size:.6rem;letter-spacing:.15em;color:var(--color-gray);font-family:var(--font-main);text-align:right;margin-top:.45rem;transition:color .25s}.notes-count.ok{color:var(--color-white)}.field-error{font-size:.58rem;letter-spacing:.12em;color:#e05c5c;margin-top:.35rem;text-transform:uppercase}.btn-submit{background:var(--color-white);border:none;font-family:var(--font-main);text-transform:uppercase;font-size:.75rem;letter-spacing:.22em;color:var(--color-black);cursor:pointer;padding:1rem 2.4rem;display:inline-flex;align-items:center;gap:.5rem;transition:opacity .2s}.btn-submit:hover:not(:disabled){opacity:.65}.btn-submit:disabled{opacity:.3;cursor:default}.btn-arrow{text-transform:none;letter-spacing:0}.option-tiles{display:grid;grid-template-columns:repeat(var(--tile-cols, 3),1fr);gap:6px;margin-top:.5rem}.step-pane .option-tiles{width:min(860px,100%);margin-top:0}.step-pane>.field-error{margin-top:1.2rem;text-align:center}.option-tile{background:transparent;border:1px solid #333;font-family:var(--font-main);font-size:clamp(.85rem,1.1vw,1rem);letter-spacing:.02em;color:#999;cursor:pointer;aspect-ratio:1 / 1;padding:.75rem;display:flex;align-items:center;justify-content:center;text-align:center;transition:border-color .15s,background .15s,color .15s;line-height:1.4;overflow:hidden}.option-tile:hover{border-color:#777;color:var(--color-white)}.option-tile.selected{background:var(--color-white);border-color:var(--color-white);color:var(--color-black)}.sent-wrap{display:flex;flex-direction:column;align-items:flex-start;gap:2rem;padding-top:2rem}.sent-wrap>span{font-size:clamp(1.8rem,5vw,3.5rem);text-transform:uppercase;letter-spacing:.06em;color:var(--color-white)}.sent-timer{display:flex;align-items:center;gap:1rem;width:100%}.sent-timer-bar{flex:1;height:1px;background:#333;position:relative;overflow:hidden}.sent-timer-fill{position:absolute;left:0;top:0;height:100%;background:var(--color-white);transition:width .95s linear}.sent-timer-count{font-size:.65rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-gray);min-width:1.5rem;text-align:right;font-family:var(--font-main)}.btn-back{background:none;border:none;font-family:var(--font-main);text-transform:uppercase;font-size:.65rem;letter-spacing:.22em;color:var(--color-gray);cursor:pointer;padding:0;transition:color .2s}.btn-back:hover{color:var(--color-white)}@media (max-width: 600px){.contact-scroll{justify-content:flex-start;padding-top:4rem;padding-bottom:6rem}.field input,.field select,.field textarea{font-size:1rem}.option-tiles{grid-template-columns:repeat(2,1fr)}.option-tile:last-child:nth-child(odd){grid-column:span 2}.option-tile{font-size:.85rem}.option-tile:last-child:nth-child(odd){aspect-ratio:auto;min-height:44px;padding:.9rem .5rem}}:root{--color-black: #000;--color-white: #fff;--color-dark: #111;--color-gray: #888;--color-light-gray: #ccc;--font-main: "Satoshi", "Avenir Next", "Century Gothic", sans-serif;--transition-panel: .6s cubic-bezier(.77, 0, .175, 1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;height:100%;overflow:hidden}body{font-family:var(--font-main);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--color-black)}