.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)}}.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}}@font-face{font-family:ArcadeClassic;src:url(/fonts/ARCADECLASSIC.TTF) format("truetype");font-display:swap}.poopies-eyebrow{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:var(--color-gray);text-transform:uppercase}.portfolio-index{background-color:var(--color-black)}.portfolio-scroll{width:100%;height:100%}.portfolio-inner{position:relative;width:100%;height:100%;padding:clamp(92px,13vh,128px) clamp(2rem,3.5vw,3.5rem) clamp(1.6rem,3.5vh,2.6rem)}.portfolio-eyebrow{position:absolute;top:clamp(48px,7vh,64px);left:50%;transform:translate(-50%);z-index:2;pointer-events:none}.portfolio-grid{display:grid;width:100%;height:100%;grid-template-columns:1fr 1fr;grid-template-rows:repeat(7,1fr);gap:clamp(.6rem,1vw,1rem)}.tile-featured{grid-column:1;grid-row:1 / span 7}.tile-msagency{grid-column:2;grid-row:1 / span 4}.tile-arrive{grid-column:2;grid-row:5 / span 3}.portfolio-tile{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:clamp(1.2rem,2.6vh,2rem) clamp(1.2rem,2.4vw,2rem);background:#ffffff05;border:1px solid rgba(255,255,255,.12);font-family:var(--font-main);cursor:pointer;transition:background .3s,border-color .3s,transform .3s}button.portfolio-tile:hover{background:#ffffff0d;border-color:#ffffff40}.portfolio-tile.disabled{cursor:default;opacity:.45}.portfolio-tile-icon{width:clamp(84px,10vw,128px);aspect-ratio:1;border-radius:22.37%;margin-bottom:clamp(1rem,2.4vh,1.5rem)}.portfolio-tile-slot{border:1px dashed rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:clamp(1.4rem,2.4vw,2rem);color:#fff6;width:clamp(44px,5vw,60px);margin-bottom:clamp(.7rem,1.6vh,1rem)}.portfolio-tile-mark{border:1px solid rgba(255,255,255,.4);display:flex;align-items:center;justify-content:center;font-size:clamp(1.3rem,2.2vw,1.9rem);font-weight:500;letter-spacing:.12em;color:var(--color-white);width:clamp(64px,7vw,90px);border-radius:0}.portfolio-tile-name{font-size:clamp(1.9rem,3.6vw,2.9rem);font-weight:500;color:var(--color-white);letter-spacing:.02em;line-height:1;margin-bottom:clamp(.5rem,1.4vh,.8rem)}.portfolio-tile-note{font-size:clamp(.78rem,1.1vw,.95rem);color:var(--color-gray);line-height:1.45}.portfolio-tile-arrow{width:30px;height:12px;fill:none;stroke:#ffffff8c;stroke-width:1;stroke-linecap:round;stroke-linejoin:round;margin-top:clamp(.9rem,2.2vh,1.4rem);transition:stroke .2s,transform .2s}button.portfolio-tile:hover .portfolio-tile-arrow{stroke:var(--color-white);transform:translate(4px)}.portfolio-tile-status{font-size:clamp(.5rem,.8vw,.62rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-gray);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:.45rem .9rem;margin-top:clamp(.8rem,2vh,1.2rem);white-space:nowrap}.poopies-detail{background-color:var(--color-dark)}.poopies-detail-scroll{width:100%;height:100%;display:flex;align-items:center;justify-content:center}.poopies-detail-inner{display:flex;align-items:center;justify-content:center;gap:clamp(2.5rem,6vw,5rem);padding:0 clamp(1.5rem,5vw,3rem)}.poopies-detail-phone{width:clamp(130px,16vw,200px);height:auto;color:var(--color-white);opacity:.85;flex-shrink:0}.poopies-detail-copy{max-width:36rem;text-align:left}.poopies-detail-copy .poopies-eyebrow{margin-bottom:clamp(.7rem,1.8vh,1.1rem)}.poopies-wordmark{font-family:ui-rounded,"Nunito",var(--font-main);font-size:clamp(2.2rem,4.5vw,3.4rem);font-weight:900;color:var(--color-white);letter-spacing:.01em;line-height:1;margin-bottom:clamp(.9rem,2.2vh,1.4rem)}.poopies-headline{font-size:clamp(1.15rem,2.1vw,1.6rem);font-weight:500;color:var(--color-white);letter-spacing:.02em;line-height:1.2;margin-bottom:clamp(.8rem,2vh,1.2rem)}.poopies-body{font-size:clamp(.85rem,1.2vw,1rem);color:var(--color-gray);line-height:1.6;max-width:30rem}.poopies-detail-steps{display:flex;gap:clamp(1.2rem,2.8vw,2.4rem);align-items:flex-start;margin-top:clamp(1.6rem,4vh,2.6rem)}.poopies-detail-step{flex:1;max-width:11.5rem}.poopies-detail-glyph{width:clamp(30px,3.4vw,40px);height:auto;color:var(--color-white);opacity:.85;margin-bottom:clamp(.5rem,1.2vh,.8rem)}.poopies-detail-step-title{font-size:clamp(.85rem,1.2vw,1rem);font-weight:500;color:var(--color-white);letter-spacing:.02em;margin-bottom:.35rem}.poopies-detail-step-desc{font-size:clamp(.72rem,1vw,.82rem);color:var(--color-gray);line-height:1.5}.poopies-detail-footer{display:flex;align-items:center;flex-wrap:wrap;gap:clamp(1rem,2.4vw,2rem);margin-top:clamp(1.6rem,4vh,2.6rem)}.poopies-status{font-size:clamp(.55rem,.9vw,.68rem);letter-spacing:.22em;color:var(--color-gray);text-transform:uppercase}.poopies-link{display:inline-flex;align-items:center;gap:.5rem;font-size:clamp(.62rem,1vw,.74rem);letter-spacing:.18em;text-transform:uppercase;color:var(--color-white);text-decoration:none;border:1px solid rgba(255,255,255,.25);border-radius:999px;padding:.6rem 1.1rem;transition:background .3s,border-color .3s}.poopies-link:hover{background:#ffffff14;border-color:#ffffff80}.poopies-link svg{width:10px;height:10px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.msagency-browser{width:clamp(220px,26vw,340px);height:auto;color:var(--color-white);opacity:.85;flex-shrink:0}.msagency-wordmark{font-family:var(--font-main);font-weight:500;letter-spacing:.02em}@media (max-width: 768px){.portfolio-inner{padding:clamp(84px,12vh,104px) 1rem 1.2rem}.portfolio-grid{grid-template-rows:repeat(9,1fr);gap:.6rem}.tile-featured{grid-column:1 / span 2;grid-row:1 / span 4}.tile-msagency{grid-column:1;grid-row:5 / span 5}.tile-arrive{grid-column:2;grid-row:5 / span 5}.portfolio-tile{padding:1.1rem 1rem}.portfolio-tile-icon{width:56px;margin-bottom:.8rem}.poopies-detail-scroll{overflow-y:auto;-webkit-overflow-scrolling:touch;align-items:flex-start}.poopies-detail-inner{flex-direction:column;gap:0;text-align:center;padding:clamp(3.5rem,9vh,5rem) 1.5rem 5rem}.poopies-detail-phone,.msagency-browser{display:none}.poopies-detail-copy{text-align:center}.poopies-body{margin:0 auto}.poopies-detail-steps{flex-direction:column;align-items:center;gap:1.3rem}.poopies-detail-step{max-width:17rem}.poopies-detail-footer{flex-direction:column;justify-content:center;gap:1rem}}: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)}
