:root{--ink:#0a0d0c;--ink-2:#111615;--paper:#edf0ec;--paper-warm:#f5f2ec;--white:#f6f8f5;--muted:#828c88;--turquoise:#45dfc7;--turquoise-dark:#118b7b;--line-dark:rgba(255,255,255,.14);--line-light:rgba(10,13,12,.16);--radius:24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{width:100%;max-width:100%;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--white);font-family:var(--font-sans),sans-serif}a{text-decoration:none}a,button{color:inherit}button{font:inherit}::selection{color:var(--ink);background:var(--turquoise)}.legal-page{min-height:100vh;color:var(--ink);background:#f5f2ec}.legal-header{height:90px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;color:var(--white);background:var(--ink)}.legal-logo-link{width:205px;line-height:0}.legal-logo-link img{display:block;width:100%;height:auto}.legal-back{display:inline-flex;align-items:center;gap:.7rem;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.legal-back svg{width:17px;transition:transform .25s ease}.legal-back:hover svg{transform:translateX(-4px)}.legal-hero{padding:clamp(7rem,13vw,13rem) 5vw clamp(5rem,8vw,8rem);color:var(--white);background:var(--ink)}.legal-hero>span{color:var(--turquoise);font-size:.66rem;font-weight:850;letter-spacing:.18em}.legal-hero h1{max-width:1150px;margin:2.3rem 0;font-size:clamp(4.4rem,10vw,10.5rem);line-height:.82;letter-spacing:-.075em}.legal-hero p{max-width:590px;margin:0 0 0 37%;color:#9aa6a2;font-size:clamp(.92rem,1.2vw,1.1rem);line-height:1.75}.legal-layout{padding:clamp(5rem,9vw,10rem) 5vw;display:grid;grid-template-columns:minmax(190px,.55fr) minmax(0,1.45fr);grid-gap:clamp(4rem,11vw,12rem);gap:clamp(4rem,11vw,12rem);align-items:start}.legal-layout>aside{position:-webkit-sticky;position:sticky;top:3rem;padding-top:1.2rem;border-top:2px solid var(--ink)}.legal-layout>aside>span{color:var(--turquoise-dark);font-size:.64rem;font-weight:850;letter-spacing:.16em}.legal-layout>aside p{margin:1.7rem 0;color:#525b58;font-size:.88rem;line-height:1.7}.legal-layout>aside a{display:inline-flex;align-items:center;gap:.4rem;font-size:.78rem;font-weight:780}.legal-layout>aside a svg{width:16px}.legal-content{min-width:0}.legal-content section{padding:0 0 3.8rem;margin-bottom:3.8rem;border-bottom:1px solid rgba(10,13,12,.16)}.legal-content section:last-child{margin-bottom:0}.legal-content h2{max-width:760px;margin:0 0 1.7rem;font-size:clamp(1.7rem,3vw,3.1rem);line-height:1;letter-spacing:-.045em}.legal-content p{max-width:820px;margin:0 0 1.15rem;color:#4d5653;font-size:.95rem;line-height:1.8}.legal-content p:last-child{margin-bottom:0}.legal-content a{color:#087f70;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.legal-content strong{color:var(--ink)}.legal-footer{padding:2rem 3.5vw;display:flex;align-items:center;gap:2rem;color:#8e9995;background:var(--ink);font-size:.68rem}.legal-footer a:hover{color:var(--turquoise)}.legal-footer span{margin-left:auto}@media (max-width:760px){.legal-header{height:76px;padding:0 5vw}.legal-logo-link{width:166px}.legal-back{font-size:.6rem}.legal-hero{padding:7rem 5vw 5rem}.legal-hero h1{font-size:clamp(3.8rem,18vw,6rem);overflow-wrap:anywhere}.legal-hero p{margin-left:0}.legal-layout{grid-template-columns:1fr;gap:5rem;padding:5rem 5vw 7rem}.legal-layout>aside{position:static}.legal-content section{padding-bottom:3rem;margin-bottom:3rem}.legal-content h2{overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.legal-footer{align-items:flex-start;flex-wrap:wrap;gap:1rem 1.4rem}.legal-footer span{width:100%;margin:1.5rem 0 0}}.backend-login-page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(430px,.85fr);color:var(--white);background:#080b0a}.backend-login-brand{position:relative;min-height:100svh;padding:3rem 4vw;display:flex;flex-direction:column;overflow:hidden;border-right:1px solid rgba(255,255,255,.12);background:#0a0d0c}.backend-login-brand:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 0);background-size:68px 68px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 82%);mask-image:linear-gradient(180deg,#000,transparent 82%)}.backend-login-brand:after{content:"";position:absolute;width:42vw;height:10px;right:-8vw;bottom:21vh;background:var(--turquoise);box-shadow:0 0 90px 35px rgba(69,223,199,.14);transform:rotate(-27deg);transform-origin:center}.backend-login-logo{position:relative;z-index:2;width:210px;line-height:0}.backend-login-logo img{display:block;width:100%}.backend-login-index{position:absolute;z-index:2;top:3rem;right:3vw;display:flex;gap:1.4rem;color:#59635f;font-size:.54rem;font-weight:800;letter-spacing:.14em}.backend-login-statement{position:relative;z-index:2;width:min(720px,92%);margin:auto 0}.backend-login-statement>span{color:var(--turquoise);font-size:.62rem;font-weight:850;letter-spacing:.18em}.backend-login-statement h1{margin:2rem 0 2.2rem;font-size:clamp(4.7rem,7vw,8rem);line-height:.79;letter-spacing:-.075em}.backend-login-statement h1 em{color:#b9fff2;font-style:italic;font-weight:520}.backend-login-statement p{max-width:430px;margin:0;color:#7e8a86;font-size:.85rem;line-height:1.75}.backend-login-mark{position:absolute;z-index:1;right:-2vw;bottom:-5vw;color:rgba(255,255,255,.03);font-size:clamp(15rem,31vw,35rem);font-weight:900;line-height:.7;letter-spacing:-.14em}.backend-login-form-shell{min-height:100svh;padding:3rem 4.8vw;display:flex;flex-direction:column;justify-content:space-between;background:#eef0ed;color:var(--ink)}.backend-login-form-head{display:flex;align-items:center;justify-content:space-between;color:#56615d;font-size:.58rem;font-weight:850;letter-spacing:.16em}.backend-login-form-head svg{width:19px;color:#118b7b}.backend-login-form{width:min(520px,100%);margin:8vh auto}.backend-login-form>div:first-child>span{color:#118b7b;font-size:.62rem;font-weight:850;letter-spacing:.17em}.backend-login-form h2{margin:1.3rem 0 .8rem;font-size:clamp(2.7rem,4vw,4.8rem);line-height:.9;letter-spacing:-.065em}.backend-login-form>div:first-child>p{max-width:370px;margin:0 0 3.4rem;color:#68716e;font-size:.8rem;line-height:1.65}.backend-login-form label{margin-top:1.5rem;display:grid;grid-gap:.6rem;gap:.6rem}.backend-login-form label>span:first-child{color:#5f6965;font-size:.6rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.backend-login-form input{width:100%;height:58px;padding:0;border:0;border-bottom:1px solid #a9b0ad;border-radius:0;outline:0;color:var(--ink);background:transparent;font:inherit}.backend-login-form input:focus{border-color:#118b7b;box-shadow:0 1px 0 #118b7b}.backend-login-form input:disabled{opacity:.55}.backend-password-field{position:relative;display:block}.backend-password-field button{position:absolute;right:0;top:50%;width:42px;height:42px;display:grid;place-items:center;border:0;background:transparent;color:#64706c;cursor:pointer;transform:translateY(-50%)}.backend-password-field button svg{width:19px}.backend-login-submit{width:100%;min-height:62px;margin-top:2.5rem;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--ink);color:var(--white);background:var(--ink);cursor:pointer;font-size:.67rem;font-weight:850;letter-spacing:.13em;transition:color .25s ease,background .25s ease}.backend-login-submit:hover:not(:disabled){color:var(--ink);background:var(--turquoise)}.backend-login-submit:disabled{cursor:not-allowed;opacity:.42}.backend-login-submit svg{width:20px;transition:transform .25s ease}.backend-login-submit:hover:not(:disabled) svg{transform:translateX(5px)}.backend-login-error,.backend-login-notice{padding:.9rem 1rem;border-left:3px solid #118b7b;color:#3d4945;background:#dce4e1;font-size:.72rem;line-height:1.55}.backend-login-error{border-left-color:#a2382d;color:#7e2d25;background:#f1ddd9}.backend-login-foot{margin:0;color:#8b9491;font-size:.56rem;letter-spacing:.12em;text-transform:uppercase}.backend-home{min-height:100svh;color:var(--white);background:radial-gradient(circle at 80% 30%,#153e38 0,transparent 30%),var(--ink)}.backend-home header{height:90px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.12)}.backend-home header a{width:205px;line-height:0}.backend-home header img{display:block;width:100%}.backend-home header button{display:inline-flex;align-items:center;gap:.65rem;border:0;background:transparent;cursor:pointer;font-size:.68rem;font-weight:800;letter-spacing:.09em;text-transform:uppercase}.backend-home header button svg{width:17px}.backend-home section{min-height:calc(100svh - 90px);padding:10vh 5vw;display:flex;flex-direction:column;justify-content:center}.backend-home section>span{color:var(--turquoise);font-size:.62rem;font-weight:850;letter-spacing:.17em}.backend-home h1{margin:2rem 0;font-size:clamp(5rem,11vw,12rem);line-height:.78;letter-spacing:-.08em}.backend-home h1 em{color:#b9fff2;font-style:italic;font-weight:520}.backend-home section p{max-width:470px;color:#8f9b97;line-height:1.7}.backend-home section a{width:min(460px,100%);margin-top:3rem;padding:1rem 0;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #60706a;border-bottom:1px solid #60706a}.backend-home section a svg{width:20px}@media (max-width:920px){.backend-login-page{grid-template-columns:1fr}.backend-login-brand{min-height:46svh;padding:2rem 5vw 4rem}.backend-login-index{top:2.2rem;right:5vw}.backend-login-statement{margin-top:15vh}.backend-login-statement h1{font-size:clamp(4rem,13vw,7rem)}.backend-login-statement p{display:none}.backend-login-form-shell{min-height:54svh;padding:2.2rem 6vw}.backend-login-form{margin:5rem auto}}@media (max-width:560px){.backend-login-brand{min-height:42svh;padding:1.5rem 5vw 3rem}.backend-login-logo{width:165px}.backend-login-index{display:none}.backend-login-statement{margin-top:11vh}.backend-login-statement h1{margin-bottom:0;font-size:15vw}.backend-login-form-shell{min-height:58svh;padding:1.6rem 6vw 2rem}.backend-login-form{margin:4rem auto}.backend-login-form h2{font-size:2.8rem}.backend-home header{height:76px;padding:0 5vw}.backend-home header a{width:165px}}.home-page{position:relative;width:100%;max-width:100%;isolation:isolate}.site-header{position:absolute;inset:0 0 auto;z-index:30;height:88px;padding:0 3.5vw;display:grid;grid-template-columns:1fr auto;align-items:center;border:0}.logo-link{width:210px;line-height:0}.brand-logo{display:block;width:100%;height:auto}.menu-button{justify-self:end;display:block;padding:.65rem 0;border:0;color:var(--white);background:none;cursor:pointer;font-size:.82rem;font-weight:800;letter-spacing:.15em;transition:opacity .25s ease}.menu-button:hover{opacity:.62}.menu-active .menu-button{color:var(--white)}.menu-button:focus-visible{outline:0;color:var(--turquoise)}.mobile-menu{position:fixed;inset:0;z-index:25;padding:19vh 8vw 8vh;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(circle at 88% 8%,#173b36 0,transparent 30%),var(--ink);-webkit-clip-path:circle(0 at calc(100% - 5vw) 44px);clip-path:circle(0 at calc(100% - 5vw) 44px);pointer-events:none;transition:-webkit-clip-path .85s cubic-bezier(.7,0,.2,1);transition:clip-path .85s cubic-bezier(.7,0,.2,1);transition:clip-path .85s cubic-bezier(.7,0,.2,1),-webkit-clip-path .85s cubic-bezier(.7,0,.2,1)}.mobile-menu.open{-webkit-clip-path:circle(155vmax at calc(100% - 5vw) 44px);clip-path:circle(155vmax at calc(100% - 5vw) 44px);pointer-events:auto}.mobile-menu a{display:grid;grid-template-columns:60px 1fr auto;align-items:center;padding:.8rem 0;border:0;opacity:0;transform:translateY(24px);font-size:clamp(3rem,7vw,6.6rem);line-height:.95;letter-spacing:-.065em;transition:opacity .45s ease,transform .55s ease}.mobile-menu.open a{opacity:1;transform:none;transition-delay:.25s}.mobile-menu a span{color:var(--turquoise);font-size:.52rem;letter-spacing:.1em}.mobile-menu a svg{width:28px;height:28px;transition:transform .3s}.mobile-menu a:hover svg{transform:translate(5px,-5px)}.contact-panel{position:fixed;z-index:50;inset:0;overflow-y:auto;color:var(--white);background:radial-gradient(circle at 84% 12%,#1b5149 0,transparent 34%),var(--ink);-webkit-clip-path:circle(0 at calc(100% - 5vw) 44px);clip-path:circle(0 at calc(100% - 5vw) 44px);pointer-events:none;visibility:hidden;transition:visibility 0s .85s,-webkit-clip-path .85s cubic-bezier(.7,0,.2,1);transition:clip-path .85s cubic-bezier(.7,0,.2,1),visibility 0s .85s;transition:clip-path .85s cubic-bezier(.7,0,.2,1),visibility 0s .85s,-webkit-clip-path .85s cubic-bezier(.7,0,.2,1)}.contact-panel.open{-webkit-clip-path:circle(155vmax at calc(100% - 5vw) 44px);clip-path:circle(155vmax at calc(100% - 5vw) 44px);pointer-events:auto;visibility:visible;transition-delay:0s}.contact-panel-close{position:fixed;z-index:2;top:25px;right:3.5vw;padding:.55rem 0;display:flex;align-items:center;gap:.7rem;border:0;color:var(--white);background:transparent;cursor:pointer;font-size:.78rem;font-weight:800;letter-spacing:.14em}.contact-panel-close svg{width:20px;height:20px;transition:transform .35s ease}.contact-panel-close:hover svg{transform:rotate(90deg)}.contact-panel-inner{width:min(1180px,88vw);min-height:100%;margin:auto;padding:14vh 0 8vh;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;grid-gap:8vw;gap:8vw;opacity:0;transform:translateY(24px);transition:opacity .45s ease,transform .55s ease}.contact-panel.open .contact-panel-inner{opacity:1;transform:none;transition-delay:.25s}.contact-panel-heading>span{color:var(--turquoise);font-size:.62rem;font-weight:800;letter-spacing:.17em}.contact-panel-heading h2{margin:2.5rem 0 2rem;font-size:clamp(4rem,7vw,8rem);line-height:.8;letter-spacing:-.07em}.contact-panel-heading h2 em{color:#b9fff2;font-family:var(--font-serif),serif;font-weight:400}.contact-panel-heading p{max-width:330px;margin:0;color:#93a09c;font-size:.86rem;line-height:1.7}.contact-form{display:grid;grid-template-columns:1fr 1fr;grid-gap:1.7rem 1.4rem;gap:1.7rem 1.4rem}.contact-form label{display:grid;grid-gap:.6rem;gap:.6rem}.contact-form label>span{color:#9aa6a2;font-size:.58rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;padding:.95rem 0;border:0;border-bottom:1px solid #52605c;border-radius:0;outline:0;color:#fff;background:transparent;font:inherit;font-size:1rem;transition:border-color .25s}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--turquoise)}.contact-form textarea{min-height:120px;resize:vertical}.contact-form-message{grid-column:1/-1}.contact-form>button{grid-column:1/-1;width:100%;margin-top:.8rem;padding:1.15rem 1.3rem;display:flex;align-items:center;justify-content:space-between;border:1px solid var(--turquoise);border-radius:100px;color:var(--ink);background:var(--turquoise);cursor:pointer;font-weight:800;letter-spacing:.05em;transition:color .25s,background .25s}.contact-form>button:hover{color:var(--turquoise);background:transparent}.contact-form>button svg{width:20px;height:20px}.contact-form-note{grid-column:1/-1;margin:-.7rem 0 0;color:#83908c;font-size:.68rem;line-height:1.6}.contact-form-note a{color:#b9fff2;text-decoration:underline;text-underline-offset:3px}.hero{position:relative;min-height:max(780px,100svh);padding:11vh 3.5vw 0;display:flex;flex-direction:column;overflow:hidden;color:var(--white);background:radial-gradient(circle at 84% 58%,rgba(91,232,207,.82) 0,rgba(25,179,154,.58) 28%,transparent 57%),linear-gradient(180deg,#060908,#091411 20%,#0c4f45 54%,#36cdb5);background-size:145% 145%,100% 100%;background-position:84% 58%,50%}.hero:before{content:"";position:absolute;z-index:1;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:108px 108px;opacity:.46;mix-blend-mode:overlay}.hero-soft-glow{display:none}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 0 0 rgba(69,223,199,.5);animation:pulse 2.2s infinite}@keyframes pulse{75%{box-shadow:0 0 0 9px rgba(69,223,199,0)}}.hero-layout{position:relative;z-index:2;flex:1 1;display:flex;align-items:center;padding:5vh 0}.hero-copy{width:100%}.hero-copy h1{margin:0;font-family:var(--font-sans),sans-serif;font-size:clamp(5.8rem,10.4vw,11.7rem);font-weight:720;line-height:.82;letter-spacing:-.08em}.hero-copy h1 em,.hero-copy h1 span{display:block}.hero-copy h1 .headline-done{padding-left:14vw}.hero-copy h1 em{padding-left:4vw;color:#b9fff2;font-family:var(--font-sans),sans-serif;font-weight:520;font-style:italic;letter-spacing:-.075em}.headline-subject{position:relative;height:.88em;overflow:hidden;white-space:nowrap;perspective:700px}.word-layer{position:absolute;inset:0 auto auto 0}.word-letter{display:inline-block!important;transform-origin:center top;animation:letter-enter .42s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--letter) * 22ms)}.headline-subject.is-switching .word-letter{transform-origin:center bottom;animation-name:letter-exit;animation-duration:.35s}@keyframes letter-enter{0%{opacity:0;transform:translateY(-.65em) rotateX(-65deg);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes letter-exit{0%{opacity:1;transform:none;filter:blur(0)}to{opacity:0;transform:translateY(.65em) rotateX(65deg);filter:blur(4px)}}.hero-scroll-cue{position:absolute;z-index:3;right:2.2vw;bottom:2.2rem;display:flex;flex-direction:column;align-items:center;gap:.9rem;color:rgba(246,248,245,.72)}.hero-scroll-cue span{writing-mode:vertical-rl;font-size:.46rem;font-weight:800;letter-spacing:.2em}.hero-scroll-cue i{position:relative;width:1px;height:52px;overflow:hidden;background:rgba(246,248,245,.25)}.hero-scroll-cue i:after{content:"";position:absolute;inset:-100% 0 auto;height:100%;background:var(--white);animation:scroll-cue 2.4s cubic-bezier(.7,0,.3,1) infinite}.hero-scroll-cue:hover{color:var(--white)}@keyframes scroll-cue{0%{transform:translateY(0)}55%,to{transform:translateY(200%)}}.section-label{display:flex;align-items:center;gap:1rem;color:#58615e;font-size:.57rem;font-weight:750;letter-spacing:.18em}.section-label span{color:var(--turquoise-dark)}.section-label.light{color:#7d8884}.section-label.light span{color:var(--turquoise)}.cases,.contact,.services,.testimonials{display:grid;grid-template-columns:70px minmax(0,1fr);padding:0}.home-section-content{min-width:0;padding:9rem 3.5vw 8rem}.home-section-rail{position:relative;color:var(--white);background:transparent}.home-section-rail.dark{color:var(--ink)}.home-section-rail span{position:-webkit-sticky;position:sticky;top:30vh;margin:2rem auto;display:block;width:max-content;writing-mode:vertical-rl;transform:rotate(180deg);font-size:.8rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.services{background:var(--ink)}.services-heading{position:relative;margin-bottom:3.5rem}.cases-head h2,.contact h2,.services-heading h2{margin:4rem 0 0;font-size:clamp(4.7rem,8.7vw,9.8rem);line-height:.8;letter-spacing:-.075em;font-weight:700}.cases-head h2,.services-heading h2{margin-top:0}.cases-head h2 em,.contact h2 em,.services-heading h2 em{color:var(--turquoise);font-family:var(--font-sans),sans-serif;font-weight:520;font-style:italic}.services-heading>p{width:360px;margin:3.5rem 0 0 auto;color:#808b87;font-size:.8rem;line-height:1.7}.services-list{border-top:1px solid var(--line-dark)}.service-card{min-height:260px;padding:2.6rem 1.2rem;display:grid;grid-template-columns:90px 1fr 1.05fr 32px;align-items:center;grid-gap:clamp(1.5rem,4vw,5rem);gap:clamp(1.5rem,4vw,5rem);border-bottom:1px solid var(--line-dark);background:transparent;transition:background .4s,padding .4s}.service-card:hover{padding-left:2rem;padding-right:2rem;background:#121b19}.service-top{align-self:stretch;display:flex;flex-direction:column;justify-content:space-between;color:#7d8985;font-size:.55rem}.service-top svg{width:30px;height:30px;color:var(--turquoise);stroke-width:1.35}.service-card h3{margin:0;max-width:430px;font-size:clamp(2.4rem,4vw,4.8rem);line-height:.9;letter-spacing:-.06em}.service-detail>p{max-width:480px;margin:0 0 1.6rem;color:#88938f;font-size:.78rem;line-height:1.75}.service-tags{display:flex;flex-wrap:wrap;gap:.45rem}.service-tags span{padding:.48rem .65rem;border:1px solid #35413e;border-radius:100px;color:#939e9a;font-size:.48rem;text-transform:uppercase;letter-spacing:.1em}.service-arrow{color:var(--turquoise);transition:transform .3s}.service-card:hover .service-arrow{transform:translate(4px,-4px)}.cases{color:var(--ink);background:var(--paper-warm)}.cases .home-section-content{padding-top:10rem;padding-bottom:10rem}.cases-head{position:relative;margin-bottom:7rem}.cases-head h2{font-size:clamp(4.3rem,7.8vw,8.8rem)}.cases-head h2 em{color:var(--turquoise-dark)}.cases-head>p{width:360px;margin:3.5rem 0 0 auto;color:#6e7774;font-size:.76rem;line-height:1.65}.case-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:7rem 1.6rem;gap:7rem 1.6rem}.case-card{display:block}.case-card,.case-stage{border-radius:var(--radius)}.case-stage{position:relative;min-height:45vw;max-height:680px;overflow:hidden}.case-oez .case-stage{background:linear-gradient(145deg,#f85c10,#a92e0d)}.case-coral .case-stage{background:linear-gradient(145deg,#ee795c,#963724)}.case-mint .case-stage{background:linear-gradient(145deg,#75d3c3,#285f57)}.case-cream .case-stage{background:linear-gradient(145deg,#ddd4c6,#82786b)}.case-blue .case-stage{background:linear-gradient(145deg,#617fed,#273a8c)}.case-wayloo .case-stage{background:linear-gradient(145deg,#ffe092,#ffb600)}.case-huepf .case-stage{background:linear-gradient(145deg,#dcefff,#8bc9ff 56%,#8f2bad)}.case-goldcut .case-stage{background:linear-gradient(145deg,#ebd99c,#c8a44d 55%,#67502c)}.case-kampic .case-stage{background:linear-gradient(145deg,#4773aa,#1a2027 52%,#d44b42)}.case-goldcut .case-live-preview{background:#171410}.portfolio-case-goldcut .original-site-viewport{min-height:0}@media (max-width:900px){.portfolio-case-goldcut .case-menu-story-copy>span{right:.55rem}.portfolio-case-goldcut .case-brand-facts small{margin-bottom:0}}.case-stage:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:118px 118px;opacity:.15;mix-blend-mode:soft-light}.case-browser{position:absolute;z-index:1;inset:8%;overflow:hidden;border-radius:14px;box-shadow:0 35px 70px rgba(17,27,24,.22);transition:transform .7s cubic-bezier(.2,.7,.2,1)}.case-card:hover .case-browser{transform:scale(1.025) translateY(-5px)}.case-live-preview{background:#090908;box-shadow:0 32px 65px rgba(57,17,2,.34)}.case-live-preview img{width:100%;height:100%;object-fit:cover;object-position:center top}.case-wayloo .case-live-preview{background:#fff7df}.case-huepf .case-live-preview{background:#f6f8fb}.case-kampic .case-live-preview{background:#080908}.huepf-home-live-preview .case-device-live-viewport,.kampic-home-live-preview .case-device-live-viewport{height:100%}.case-huepf .case-live-preview img,.case-wayloo .case-live-preview img{object-fit:contain;object-position:center top}.case-info{padding:1.5rem .2rem 0;display:grid;grid-template-columns:42px 1fr auto;grid-gap:.8rem;gap:.8rem;align-items:start}.case-info>span{padding-top:.25rem;color:#7b8581;font-size:.55rem}.case-copy{max-width:560px}.case-meta{display:flex;justify-content:space-between;gap:1rem;color:#6f7975;font-size:.54rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em}.case-info h3{margin:.75rem 0 .9rem;font-size:clamp(1.7rem,2.2vw,2.4rem);letter-spacing:-.045em}.case-idea{max-width:510px;margin:0;color:#606966;font-size:.72rem;line-height:1.65}.case-services{margin-top:1.25rem;display:flex;flex-wrap:wrap;gap:.45rem}.case-services span{padding:.45rem .62rem;border:1px solid rgba(10,13,12,.18);border-radius:100px;color:#59625f;font-size:.45rem;text-transform:uppercase;letter-spacing:.09em}.case-info>svg{width:24px;height:24px;transition:transform .3s}.case-card:hover .case-info>svg{transform:translate(4px,-4px)}.references-coming-soon{margin-top:7rem}.references-coming-soon p{margin:0;color:#6f7975;font-size:.8rem;letter-spacing:.04em}.editorial-preview{color:#171916;background:#f1eadf}.bold-nav,.editorial-nav,.fashion-nav{height:12%;padding:0 5%;display:flex;align-items:center;justify-content:space-between;font-size:.45rem;letter-spacing:.08em}.editorial-nav b{font-size:.8rem}.editorial-copy{position:absolute;z-index:2;left:6%;top:25%}.editorial-copy small,.fashion-copy small{font-size:.4rem;letter-spacing:.15em}.editorial-copy strong{display:block;margin:15% 0 9%;font-size:4.3vw;line-height:.82;letter-spacing:-.07em}.editorial-copy strong em{color:#c85b41;font-family:var(--font-serif),serif;font-weight:400}.editorial-copy p{font-size:.5rem;line-height:1.5}.editorial-arch{position:absolute;width:43%;height:75%;right:5%;bottom:0;overflow:hidden;border-radius:180px 180px 0 0;background:linear-gradient(135deg,#cfc7b8,#4d514b)}.editorial-arch:before{content:"";position:absolute;width:48%;height:65%;right:0;bottom:0;background:#eee4d6}.editorial-arch span{position:absolute;z-index:2;width:28%;height:43%;left:36%;bottom:0;border-radius:80px 80px 0 0;background:#272c28}.browser-bar{height:8%;padding:0 2%;display:flex;align-items:center;gap:5px;color:#7c8c87;background:#f4f7f5;font-size:.4rem}.browser-bar i{width:5px;height:5px;border-radius:50%;background:#b8c4c0}.browser-bar span{margin:auto}.saas-preview{background:#f7f9f7}.saas-layout{display:flex;height:92%;color:#17201e}.saas-layout aside{width:18%;padding:7%;display:flex;flex-direction:column;align-items:center;gap:9%;color:#e9fffb;background:#101c19}.saas-layout aside b{color:var(--turquoise);font-size:1.2vw}.saas-layout aside span{width:50%;height:2px;background:#56625f}.saas-main{flex:1 1;padding:8%}.saas-main>small{color:#75817e;font-size:.38rem;letter-spacing:.12em}.saas-main>strong{display:block;margin-top:3%;font-size:2.4vw;letter-spacing:-.05em}.saas-stats{margin-top:10%;display:grid;grid-template-columns:1fr 1fr;grid-gap:5%;gap:5%}.saas-stats span{padding:9%;border-radius:10px;background:#e3f7f1;font-size:2vw}.saas-stats small{display:block;margin-top:7%;color:#71817c;font-size:.4rem}.saas-chart{height:30%;margin-top:9%;padding:5%;display:flex;align-items:flex-end;gap:5%;border-radius:10px;background:#fff}.saas-chart i{flex:1 1;height:35%;border-radius:4px 4px 0 0;background:#46cdb7}.saas-chart i:nth-child(2){height:55%}.saas-chart i:nth-child(3){height:43%}.saas-chart i:nth-child(4){height:70%}.saas-chart i:nth-child(5){height:52%}.saas-chart i:nth-child(6){height:82%}.saas-chart i:nth-child(7){height:68%}.saas-chart i:nth-child(8){height:94%}.fashion-preview{color:#1f211e;background:#f1eee7}.fashion-nav b{font-family:var(--font-serif),serif;font-size:1.2vw}.fashion-shape{position:absolute;width:48%;height:72%;right:5%;bottom:0;border-radius:50% 50% 4px 4px;background:radial-gradient(circle at 40% 30%,#e5ded3,#888c83 70%)}.fashion-shape:after{content:"";position:absolute;inset:16% 25% 0;border-radius:80px 80px 0 0;background:#2f3632}.fashion-copy{position:absolute;left:6%;top:28%}.fashion-copy strong{display:block;margin:13% 0 18%;font-size:4vw;line-height:.84;letter-spacing:-.06em}.fashion-copy em{color:#829b92;font-family:var(--font-serif),serif;font-weight:400}.fashion-copy button{padding:.55rem .8rem;border:1px solid #333;border-radius:100px;background:transparent;font-size:.4rem}.bold-preview{color:#fafbfa;background:#171a19}.bold-nav{border-bottom:1px solid rgba(255,255,255,.2)}.bold-preview>strong{position:absolute;left:6%;top:22%;font-size:5.2vw;line-height:.76;letter-spacing:-.08em}.bold-preview>strong em{color:#95fff0;font-family:var(--font-serif),serif;font-weight:400}.bold-disc{position:absolute;width:37%;aspect-ratio:1;right:4%;bottom:7%;display:grid;place-items:center;border-radius:50%;background:#95fff0;color:#111}.bold-disc:after,.bold-disc:before{content:"";position:absolute;inset:14%;border:1px solid #222;border-radius:50%}.bold-disc:after{inset:28%}.bold-disc span{font-size:.5rem;letter-spacing:.12em}.testimonials{background:var(--ink)}.testimonials .home-section-content{padding-left:5vw;padding-right:5vw}.testimonial-layout{margin-top:6rem;display:grid;grid-template-columns:90px 1fr auto;grid-gap:4vw;gap:4vw;align-items:start}.testimonial-layout>svg{width:52px;height:52px;color:var(--turquoise);fill:rgba(69,223,199,.08)}.testimonial-copy{animation:quote-in .5s ease both}.testimonial-copy>p{max-width:1000px;margin:0;font-size:clamp(2.2rem,4vw,4.8rem);line-height:1.07;letter-spacing:-.05em}.testimonial-copy>div{margin-top:4rem;display:flex;flex-direction:column;gap:.4rem}.testimonial-copy strong{font-size:.78rem}.testimonial-copy span{color:#7d8884;font-size:.6rem;text-transform:uppercase;letter-spacing:.1em}@keyframes quote-in{0%{opacity:0;transform:translateY(15px)}}.testimonial-controls{display:flex;align-items:center;gap:.8rem}.testimonial-controls button{width:46px;height:46px;display:grid;place-items:center;border:1px solid #35403d;border-radius:50%;background:transparent;cursor:pointer;transition:border-color .25s,background .25s,color .25s}.testimonial-controls button:hover{color:var(--ink);border-color:var(--turquoise);background:var(--turquoise)}.testimonial-controls span{color:#77827e;font-size:.55rem;letter-spacing:.1em}.contact-footer-shell{position:relative;isolation:isolate;overflow:clip;background:radial-gradient(circle at 86% 10%,rgba(96,238,213,.45),transparent 35%),linear-gradient(180deg,#36cdb5,#0d7566 30%,#091c18 62%,#060908)}.contact-footer-shell:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:112px 112px;opacity:.2;mix-blend-mode:soft-light}.contact-footer-shell>*{position:relative;z-index:1}.contact{color:var(--white);background:transparent}.contact .home-section-content{padding:9rem 5vw 6rem}.contact-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.57rem;letter-spacing:.15em}.status-dot.dark{background:var(--ink);box-shadow:none}.contact h2{margin:0 0 6rem}.contact h2 em{color:#b9fff2;-webkit-text-stroke:0}.contact-row{align-items:flex-end;gap:4rem}.contact-row,.contact-trigger{display:flex;justify-content:space-between}.contact-trigger{width:min(650px,55vw);padding:1.35rem 0;align-items:center;border:0;border-top:2px solid rgba(255,255,255,.72);border-bottom:2px solid rgba(255,255,255,.72);color:inherit;background:transparent;cursor:pointer;text-align:left;font-size:clamp(1.5rem,2.7vw,3rem);letter-spacing:-.04em}.contact-trigger svg{width:35px;height:35px;transition:transform .3s}.contact-trigger:hover svg{transform:translate(6px,-6px)}.contact-row p{margin:0;color:rgba(255,255,255,.72);font-size:.7rem;line-height:1.7}.contact-intro{max-width:360px}.contact-intro a{display:inline-block;margin-top:.65rem;color:var(--turquoise);font-size:.78rem;font-weight:750}footer{padding:6rem 3.5vw 2rem;background:transparent}.footer-top{display:grid;grid-template-columns:1fr 180px 180px;grid-gap:4vw;gap:4vw}.footer-logo{width:min(460px,43vw)}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem;color:#a3aca8;font-size:.67rem}.footer-column>span{margin-bottom:1rem;color:#55605c;font-size:.48rem;letter-spacing:.15em}.footer-column a:hover{color:var(--turquoise)}.social-links a{width:100%;display:flex;align-items:center;justify-content:space-between;gap:.8rem}.social-links a svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8}.social-links a:last-child svg{fill:currentColor;stroke:none}.footer-bottom{margin-top:7rem;padding-top:1.2rem;display:flex;justify-content:space-between;border-top:1px solid var(--line-dark);color:#66716d;font-size:.5rem;letter-spacing:.12em}@media (max-width:1000px){.contact-panel-inner{width:min(760px,86vw);padding:12vh 0 8vh;grid-template-columns:1fr;align-content:center;gap:4rem}.contact-panel-heading h2{margin:1.8rem 0 1.3rem;font-size:clamp(4rem,12vw,7rem)}}@media (max-width:650px){.contact-panel{-webkit-clip-path:circle(0 at calc(100% - 7vw) 38px);clip-path:circle(0 at calc(100% - 7vw) 38px)}.contact-panel.open{-webkit-clip-path:circle(155vmax at calc(100% - 7vw) 38px);clip-path:circle(155vmax at calc(100% - 7vw) 38px)}.contact-panel-close{top:20px;right:5vw}.contact-panel-close span{display:none}.contact-panel-inner{width:84vw;padding:7rem 0 4rem;gap:3rem}.contact-panel-heading h2{font-size:16vw}.contact-panel-heading p{font-size:.78rem}.contact-form{grid-template-columns:1fr;gap:1.25rem}.contact-form-message,.contact-form-note,.contact-form>button{grid-column:1}.contact-form textarea{min-height:92px}}.cases,.project-brief,.project-commerce,.project-functions,.project-hero,.project-mobile,.project-portal,.project-result,.services,.static-brief,.static-cart-section,.static-portal-section,.testimonials,footer.project-footer{position:relative;isolation:isolate}.cases:after,.project-brief:after,.project-commerce:after,.project-functions:after,.project-hero:after,.project-mobile:after,.project-portal:after,.project-result:after,.services:after,.static-brief:after,.static-cart-section:after,.static-portal-section:after,.testimonials:after,footer.project-footer:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background-repeat:repeat;background-size:108px 108px}.project-functions:after,.project-hero:after,.project-portal:after,.services:after,.static-portal-section:after,.testimonials:after,footer.project-footer:after{background-image:url(/grain.svg);opacity:.16;mix-blend-mode:soft-light}.project-hero:after,.services:after{opacity:.12}.cases:after,.project-brief:after,.project-commerce:after,.project-mobile:after,.project-result:after,.static-brief:after,.static-cart-section:after{background-image:url(/grain-dark.svg);opacity:.34}.cases>*,.project-brief>*,.project-commerce>*,.project-functions>*,.project-hero>*,.project-mobile>*,.project-portal>*,.project-result>*,.services>*,.static-brief>*,.static-cart-section>*,.static-portal-section>*,.testimonials>*,footer.project-footer>*{position:relative;z-index:1}.project-page{--case-orange:#f25f27;--case-cream:#f3eadc;overflow:hidden;color:var(--ink);background:var(--case-cream)}.project-header{position:absolute;inset:0 0 auto;z-index:5;height:92px;padding:0 3.5vw;display:flex;align-items:center;justify-content:space-between;color:#fff}.project-brand{width:210px;line-height:0}.project-brand img{display:block;width:100%;height:auto}.project-back{display:flex;align-items:center;gap:.65rem;font-size:.7rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.project-back svg{width:17px;transition:transform .25s}.project-back:hover svg{transform:translateX(-5px)}.project-hero{min-height:100svh;padding:12rem 3.5vw 0;overflow:hidden;color:#fff;background:linear-gradient(135deg,#0b0d0c,#050706)}.project-kicker,.project-section-label{display:flex;align-items:center;gap:1rem;color:#8e9692;font-size:.58rem;font-weight:800;letter-spacing:.17em}.project-kicker span,.project-section-label span{color:var(--case-orange)}.project-hero h1{margin:4.5rem 0 3rem;font-size:clamp(7rem,15vw,16rem);font-weight:760;line-height:.68;letter-spacing:-.095em}.project-hero h1 em{padding-left:14vw;color:var(--case-orange);font-family:var(--font-serif),serif;font-weight:400}.project-hero-meta{margin:0 1vw 5rem 40vw;display:grid;grid-template-columns:1fr auto auto;grid-gap:4vw;gap:4vw;align-items:end}.project-hero-meta p{max-width:540px;margin:0;color:#9da4a1;font-size:.82rem;line-height:1.75}.project-hero-meta div{display:flex;flex-direction:column;gap:.5rem}.project-hero-meta span{color:#666e6b;font-size:.48rem;letter-spacing:.15em}.project-hero-meta b{font-size:.7rem}.project-hero-visual{padding:4.5vw;border-radius:30px 30px 0 0;background:linear-gradient(145deg,var(--case-orange) 0,#a92e0d 100%)}.project-hero-visual .project-screen{width:min(1060px,86vw);margin:auto}.project-screen{min-width:0;margin:0;overflow:hidden;border-radius:16px;background:#090a09;box-shadow:0 35px 90px rgba(0,0,0,.24)}.project-screen img{display:block;width:100%;max-width:100%;height:auto}.project-browser-bar{height:30px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#747b78;background:#f8f6f1;font-size:.45rem}.project-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c9c6c0}.project-browser-bar span{margin:auto;transform:translateX(-18px)}.project-brief{padding:10rem 5vw 8rem;background:var(--case-cream)}.project-brief-grid{margin-top:5rem;display:grid;grid-template-columns:1.25fr .75fr;grid-gap:8vw;gap:8vw;align-items:end}.project-brief h2,.project-caption h2,.project-commerce h2,.project-functions h2,.project-mobile h2,.project-portal h2,.project-result h2{margin:0;font-size:clamp(4rem,8vw,9rem);line-height:.8;letter-spacing:-.075em}.project-brief h2 em,.project-caption h2 em,.project-commerce h2 em,.project-mobile h2 em,.project-portal h2 em,.project-result h2 em{color:var(--case-orange);font-family:var(--font-serif),serif;font-weight:400}.project-brief-copy{max-width:560px}.project-brief-copy p{margin:0 0 1.5rem;color:#59605d;font-size:.85rem;line-height:1.8}.project-brief-copy p:first-child{color:var(--ink);font-size:1.25rem;line-height:1.5;letter-spacing:-.025em}.project-services-row{margin-top:7rem;padding-top:1.3rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem 3rem;border-top:1px solid rgba(10,13,12,.2);color:#676d6a;font-size:.55rem;font-weight:750;letter-spacing:.13em;text-transform:uppercase}.project-menu-showcase{padding:9rem 4vw 7rem;color:#fff;background:linear-gradient(145deg,var(--case-orange) 0,#a92e0d 100%)}.project-caption{margin-bottom:5rem;display:grid;grid-template-columns:1fr 1.5fr .8fr;align-items:end;grid-gap:4vw;gap:4vw}.project-caption>span,.project-commerce-copy>span,.project-mobile-copy>span,.project-portal-copy>span,.project-result>span{align-self:start;font-size:.56rem;font-weight:800;letter-spacing:.16em}.project-caption p,.project-commerce-copy>p,.project-mobile-copy>p,.project-portal-copy>p,.project-result>p{margin:0;font-size:.78rem;line-height:1.75}.project-caption h2 em{color:#141513}.project-screen-wide{width:100%;border:12px solid #151514;border-radius:25px}.project-commerce{padding:10rem 4vw;display:grid;grid-template-columns:.72fr 1.28fr;grid-gap:6vw;gap:6vw;background:#e9dfd1}.project-commerce-copy{position:-webkit-sticky;position:sticky;top:3rem;align-self:start}.project-commerce-copy h2{margin:5rem 0 3rem}.project-commerce-copy>p{max-width:430px;color:#59605d}.project-flow{margin-top:5rem;display:grid;grid-template-columns:35px 1fr;align-items:center;grid-gap:1rem;gap:1rem}.project-flow i{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--case-orange);font-size:.48rem;font-style:normal}.project-flow b{font-size:.7rem;text-transform:uppercase;letter-spacing:.09em}.project-commerce-screens{display:grid;grid-gap:4rem;gap:4rem}.project-commerce-screens .project-screen:nth-child(2){margin-left:8vw}.project-functions{padding:9rem 5vw;color:#fff;background:#090a09}.project-section-label.light{color:#747c78}.project-functions-grid{margin-top:6rem;display:grid;grid-template-columns:.8fr 1.2fr;grid-gap:8vw;gap:8vw}.project-functions h2 em{color:var(--case-orange);font-family:var(--font-serif),serif;font-weight:400}.project-function-list{border-top:1px solid #303330}.project-function-list>div{min-height:78px;display:grid;grid-template-columns:45px 1fr 30px;align-items:center;grid-gap:1rem;gap:1rem;border-bottom:1px solid #303330}.project-function-list span{color:#626966;font-size:.48rem}.project-function-list p{margin:0;color:#d9dcd9;font-size:.72rem}.project-function-list svg{width:17px;color:var(--case-orange)}.project-mobile{min-height:900px;padding:8rem 7vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;grid-gap:9vw;gap:9vw;overflow:hidden;background:var(--case-orange)}.project-phone-stage{position:relative;min-height:720px;display:grid;place-items:center}.project-phone{position:relative;z-index:2;width:330px;padding:12px;border:3px solid #2a2927;border-radius:51px;background:#111;box-shadow:0 50px 100px rgba(70,20,4,.4);transform:rotate(-5deg)}.project-phone:after{content:"";position:absolute;inset:7px;pointer-events:none;border:1px solid rgba(255,255,255,.19);border-radius:41px}.project-phone img{display:block;width:100%;border-radius:38px}.project-phone-speaker{position:absolute;z-index:3;width:82px;height:22px;left:50%;top:20px;border-radius:20px;background:#050505;transform:translateX(-50%)}.project-orbit{position:absolute;width:540px;height:540px;display:grid;place-items:start center;padding-top:1rem;border:1px solid rgba(16,18,17,.28);border-radius:50%;font-size:.48rem;font-weight:800;letter-spacing:.15em}.orbit-one{transform:rotate(18deg)}.orbit-two{width:680px;height:680px;transform:rotate(-15deg)}.project-mobile-copy>svg,.project-portal-copy>svg{width:38px;height:38px;margin-bottom:4rem;stroke-width:1.3}.project-mobile-copy h2{margin:3rem 0}.project-mobile-copy h2 em{color:#111}.project-mobile-copy>p{max-width:460px}.project-portal{padding:10rem 5vw;display:grid;grid-gap:7vw;gap:7vw;align-items:center;color:#fff;background:#111311}.project-portal>*{min-width:0}.project-portal-copy h2{margin:3rem 0}.project-portal-copy>p{max-width:460px;color:#949b98}.project-portal-points{margin-top:4rem;display:flex;flex-direction:column;gap:1rem}.project-portal-points span{display:flex;align-items:center;gap:.8rem;color:#d9dcd9;font-size:.63rem}.project-portal-points svg{width:18px;color:var(--case-orange)}.project-portal-screen{border:1px solid #2e312e}.project-result{padding:12rem 5vw;text-align:center;background:var(--case-cream)}.project-result h2{margin:4rem auto;font-size:clamp(5rem,10vw,11rem)}.project-result>p{max-width:560px;margin:auto;color:#59605d}.project-next{padding:8rem 5vw;color:#101211;background:linear-gradient(145deg,var(--case-orange) 0,#a92e0d 100%)}.project-next p{margin:0 0 5rem;font-size:.58rem;font-weight:800;letter-spacing:.16em}.project-next a{display:flex;align-items:flex-end;justify-content:space-between;padding-bottom:1.5rem;border-bottom:3px solid #101211;font-size:clamp(3.2rem,8vw,9rem);font-weight:750;line-height:.85;letter-spacing:-.075em}.project-next a svg{width:clamp(38px,6vw,80px);height:auto;transition:transform .3s}.project-next a:hover svg{transform:translate(8px,-8px)}footer.project-footer{padding:3rem 3.5vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;grid-gap:2rem;gap:2rem;color:#737b78;background:#070807;font-size:.48rem;letter-spacing:.13em}.project-footer img{display:block;width:190px}.project-footer>span{text-align:center}.project-footer>a:last-child{justify-self:end;color:#c5cac7}.reveal{transition:opacity .85s ease,transform .85s cubic-bezier(.2,.7,.2,1)}.reveal,.reveal.is-visible{opacity:1;transform:none}@media (max-width:1000px){.site-header{height:76px}.logo-link{width:190px}.menu-button{z-index:40}.mobile-menu{padding:17vh 6vw 8vh;-webkit-clip-path:circle(0 at calc(100% - 7vw) 38px);clip-path:circle(0 at calc(100% - 7vw) 38px)}.mobile-menu.open{-webkit-clip-path:circle(155vmax at calc(100% - 7vw) 38px);clip-path:circle(155vmax at calc(100% - 7vw) 38px)}.mobile-menu a{grid-template-columns:42px 1fr auto;font-size:clamp(2.8rem,8vw,5rem)}.hero{padding-top:9vh}.hero-layout{padding-top:5vh}.hero-copy h1{font-size:clamp(5rem,13vw,8rem)}.cases,.contact,.services,.testimonials{grid-template-columns:54px minmax(0,1fr)}.home-section-content{padding-left:4vw;padding-right:4vw}.home-section-rail span{font-size:.68rem}.cases-head>p,.services-heading>p{margin:2.5rem 0 0}.service-card{min-height:300px;grid-template-columns:64px 1fr 30px;gap:1.5rem 2.5rem}.service-card h3{margin:0}.service-detail{grid-column:2}.service-arrow{grid-column:3;grid-row:1/3}.case-stage{min-height:58vw}.testimonial-layout{grid-template-columns:70px 1fr}.testimonial-controls{grid-column:2}.project-hero-meta{margin-left:20vw}.project-caption{grid-template-columns:1fr 2fr}.project-caption p{grid-column:2}.project-commerce{grid-template-columns:1fr}.project-commerce-copy{position:static}.project-commerce-screens{grid-template-columns:1fr 1fr;gap:2vw}.project-commerce-screens .project-screen:nth-child(2){margin:5rem 0 0}.project-functions-grid{grid-template-columns:1fr}.project-mobile{gap:4vw}.project-portal{grid-template-columns:1fr}.project-portal-copy{max-width:680px}}@media (max-width:650px){.site-header{padding:0 4vw}.logo-link{width:170px}.menu-button{font-size:.7rem}.mobile-menu{padding:16vh 5vw 7vh}.mobile-menu a{grid-template-columns:34px 1fr auto;padding:1rem 0;font-size:2.75rem}.mobile-menu a svg{width:20px}.hero{min-height:max(700px,100svh);padding:8vh 4vw 0}.hero-layout{padding:5vh 0}.hero-copy h1{font-size:clamp(4rem,17vw,5.5rem)}.hero-copy h1 .headline-done{padding-left:9vw}.hero-copy h1 em{padding-left:0;font-size:.86em}.hero-copy h1.has-long-subject .headline-subject{height:1.16em;font-size:.72em}.hero-scroll-cue{right:3.5vw;bottom:1.5rem}.hero-scroll-cue span{font-size:.42rem}.hero-scroll-cue i{height:40px}.cases,.contact,.services,.testimonials{grid-template-columns:38px minmax(0,1fr);padding:0}.cases .home-section-content,.contact .home-section-content,.home-section-content,.testimonials .home-section-content{padding:7rem 4vw 6rem}.home-section-rail span{top:23vh;margin:1.2rem auto;font-size:.54rem;letter-spacing:.13em}.cases-head h2,.contact h2,.services-heading h2{font-size:3.8rem}.cases-head h2{font-size:clamp(2.48rem,12.5vw,2.75rem)}.services-heading{margin-bottom:3rem}.cases-head>p,.services-heading>p{width:100%}.service-card{min-height:0;padding:2rem .5rem;grid-template-columns:42px 1fr 22px;gap:1.2rem}.service-card:hover{padding-left:.5rem;padding-right:.5rem}.service-top{min-height:115px}.service-top svg{width:24px;height:24px}.service-card h3{font-size:2.45rem}.service-detail{margin-top:.5rem}.service-detail>p{font-size:.7rem}.service-arrow{width:20px}.cases-head{margin-bottom:5rem}.case-grid{grid-template-columns:1fr;gap:5.5rem}.case-stage{min-height:110vw;border-radius:18px}.case-browser{inset:6%}.case-info{grid-template-columns:28px 1fr auto;gap:.6rem}.case-info h3{font-size:1.8rem}.case-idea{font-size:.7rem}.editorial-copy strong,.fashion-copy strong{font-size:8vw}.bold-preview>strong{font-size:10vw}.saas-main>strong{font-size:5vw}.saas-stats span{font-size:4.5vw}.fashion-nav b,.saas-layout aside b{font-size:3vw}.testimonial-layout{margin-top:4rem;grid-template-columns:1fr}.testimonial-layout>svg{width:38px}.testimonial-copy>p{font-size:2.1rem}.testimonial-controls{grid-column:1;margin-top:2rem}.contact h2{margin:0 0 5rem}.contact-row{align-items:flex-start;flex-direction:column;gap:3rem}.contact-trigger{width:100%}.contact-row p{order:-1}footer{padding:5rem 5vw 2rem}.footer-top{grid-template-columns:1fr 1fr}.footer-logo{grid-column:1/-1;width:90vw;margin-bottom:3rem}.footer-statement{margin:6rem 0 3rem;font-size:4rem}.footer-bottom{flex-wrap:wrap;gap:1rem}.footer-bottom span:nth-child(2){display:none}.project-header{height:74px;padding:0 5vw}.project-brand{width:158px}.project-back{font-size:.52rem}.project-back svg{width:14px}.project-hero{min-height:auto;padding:9rem 4vw 0}.project-hero h1{margin:4rem 0 3.5rem;font-size:27vw}.project-hero h1 em{padding-left:5vw}.project-hero-meta{margin:0 1vw 4rem;grid-template-columns:1fr 1fr;gap:2.5rem}.project-hero-meta p{grid-column:1/-1;font-size:.72rem}.project-hero-visual{margin:0 -4vw;padding:7vw 4vw;border-radius:20px 20px 0 0}.project-hero-visual .project-screen{width:100%}.project-screen{border-radius:10px}.project-browser-bar{height:20px}.project-brief{padding:7rem 5vw 6rem}.project-brief-grid{margin-top:4rem;grid-template-columns:1fr;gap:3rem}.project-brief h2,.project-caption h2,.project-commerce h2,.project-functions h2,.project-mobile h2,.project-portal h2{font-size:15vw}.project-brief-copy p:first-child{font-size:1.05rem}.project-services-row{margin-top:4rem;justify-content:flex-start;gap:1rem 2rem}.project-menu-showcase{padding:7rem 4vw 5rem}.project-caption{margin-bottom:3.5rem;grid-template-columns:1fr;gap:2.5rem}.project-caption p{grid-column:auto}.project-screen-wide{border-width:6px;border-radius:15px}.project-commerce{padding:7rem 4vw}.project-commerce-copy h2{margin:3rem 0 2rem}.project-flow{margin-top:3rem}.project-commerce-screens{grid-template-columns:1fr;gap:2rem}.project-commerce-screens .project-screen:nth-child(2){margin:0}.project-functions{padding:7rem 5vw}.project-functions-grid{margin-top:4rem;gap:4rem}.project-function-list>div{min-height:72px;grid-template-columns:30px 1fr 22px}.project-function-list p{font-size:.68rem}.project-mobile{min-height:auto;padding:7rem 5vw;grid-template-columns:1fr;gap:6rem}.project-phone-stage{min-height:610px;order:2}.project-phone{width:min(290px,76vw)}.project-orbit{width:440px;height:440px}.orbit-two{width:550px;height:550px}.project-mobile-copy h2{margin:2.5rem 0}.project-portal{padding:7rem 5vw;gap:4rem}.project-portal-copy>svg{margin-bottom:3rem}.project-portal-copy h2{margin:2.5rem 0}.project-portal-points{margin-top:3rem}.project-result{padding:8rem 5vw}.project-result h2{margin:3rem auto;font-size:16vw}.project-next{padding:7rem 5vw}.project-next p{margin-bottom:3rem}.project-next a{font-size:13vw}footer.project-footer{padding:3rem 5vw;grid-template-columns:1fr auto}.project-footer img{width:155px}.project-footer>span{display:none}}.portfolio-case .case-site-story{background:linear-gradient(90deg,var(--case-deep) 0,var(--case-mid) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-menu-story{background:linear-gradient(90deg,transparent 0,transparent 30%,var(--case-deep) 30%,var(--case-mid) 100%)}.portfolio-case .case-cart-story{background:linear-gradient(90deg,var(--case-deep) 0,var(--case-mid) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-cart-story:before,.portfolio-case .case-site-story:before{inset:0 30% 0 0;width:auto}.portfolio-case .case-menu-story:after{background-image:url(/grain.svg);opacity:.14}.original-site-embed{width:100%;overflow:hidden;border:0;border-radius:16px;background:#0b0b0a;box-shadow:0 28px 65px rgba(0,0,0,.24)}.original-site-viewport{position:relative;width:100%;min-height:420px;overflow:hidden;contain:layout paint;isolation:isolate;background:#fff}.original-site-viewport iframe{position:absolute;inset:0 auto auto 0;display:block;border:0;transform-origin:top left;background:#fff}@media (max-width:900px){.portfolio-case .case-cart-story-copy,.portfolio-case .case-menu-story-copy,.portfolio-case .case-site-story-copy{background:linear-gradient(150deg,var(--case-deep) 0,var(--case-mid) 100%)}}@media (min-width:901px){.case-cart-story-window,.case-menu-story-window,.case-portal-story-windows,.case-site-story-window{min-height:125vh}}.case-tablet-device{position:relative;width:min(780px,100%);aspect-ratio:1.43;margin:auto;padding:18px;overflow:hidden;border:2px solid #343938;border-radius:34px;background:#0b0e0f;box-shadow:0 34px 70px rgba(5,8,8,.34)}.case-tablet-camera{position:absolute;z-index:3;top:7px;left:50%;width:5px;height:5px;border-radius:50%;background:#505858;transform:translateX(-50%)}.case-tablet-screen{width:100%;height:100%;overflow:hidden;border-radius:18px;background:#fff}.case-tablet-device.case-tablet-portrait{width:min(560px,100%);aspect-ratio:auto}.case-tablet-portrait .case-tablet-screen{position:relative;height:auto;aspect-ratio:var(--display-ratio)}.case-tablet-portrait .case-device-live-viewport{position:absolute;inset:0}.case-tablet-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.case-device-live-viewport{position:relative;width:100%;height:100%;overflow:hidden;background:#fff}.case-device-live-viewport iframe{position:absolute;display:block;border:0;background:#fff}.portfolio-case-huepfburgen .case-phone-screen,.portfolio-case-huepfburgen .case-tablet-screen{background:#fff}.portfolio-case-wayloo .case-tablet-device{width:min(1050px,100%);height:auto;aspect-ratio:auto}.portfolio-case-wayloo .case-tablet-screen{height:auto;aspect-ratio:auto;background:#eef2f7}.portfolio-case-wayloo .case-tablet-screen img{position:relative;left:-2px;width:calc(100% + 4px);max-width:none;height:auto;object-fit:fill;object-position:initial}.case-tablet-stack{width:100%;padding-block:clamp(1rem,4vw,4rem);display:grid;grid-gap:clamp(7rem,10vw,12rem);gap:clamp(7rem,10vw,12rem)}.case-tablet-feature{min-width:0;display:grid;grid-gap:clamp(1.5rem,2.5vw,2.5rem);gap:clamp(1.5rem,2.5vw,2.5rem)}.case-tablet-caption{width:min(860px,94%);margin-inline:auto;padding-top:1.6rem;display:grid;grid-template-columns:minmax(130px,.35fr) 1fr;grid-gap:1.5rem 2.5rem;gap:1.5rem 2.5rem;color:#171713;border-top:1px solid rgba(16,17,14,.22)}.case-tablet-caption>span,.case-tablet-more>span{color:#8a6500;font-size:.65rem;font-weight:850;letter-spacing:.16em}.case-tablet-caption h3{max-width:650px;margin:0 0 .8rem;font-size:clamp(1.7rem,2.4vw,2.8rem);line-height:1.02;letter-spacing:-.045em}.case-tablet-caption p{max-width:680px;margin:0;color:#555850;font-size:clamp(.82rem,1vw,1rem);line-height:1.7}.case-tablet-more{width:min(900px,96%);margin-inline:auto;padding:clamp(2.5rem,4vw,4.5rem);overflow:hidden;border-radius:30px;color:#11130f;background:#ffbd00;box-shadow:0 30px 70px rgba(76,55,0,.2)}.case-tablet-more>span{color:#694d00}.case-tablet-more h3{margin:1.3rem 0 1.6rem;font-size:clamp(3rem,5.3vw,6.2rem);line-height:.86;letter-spacing:-.075em}.case-tablet-more p{max-width:670px;margin:0;font-size:clamp(.9rem,1.15vw,1.1rem);line-height:1.7}.case-portal-story-windows .case-tablet-feature{gap:0}.case-device-stage{min-height:calc(125vh - 9vw);background:transparent}@media (min-width:901px){.portfolio-case-huepfburgen .case-device-stage>span{color:rgba(255,255,255,.7)}}.case-phone-device{position:relative;width:min(330px,72vw);aspect-ratio:9/19.5;padding:10px;overflow:hidden;border:2px solid #303636;border-radius:52px;background:#0a0d0e;box-shadow:0 38px 74px rgba(3,6,7,.42)}.case-phone-island{position:absolute;z-index:4;top:18px;left:50%;width:88px;height:24px;border-radius:99px;background:#050606;transform:translateX(-50%)}.case-phone-screen{width:100%;height:100%;overflow:hidden;border-radius:42px;background:#111725}.case-phone-screen img{width:100%;height:100%;display:block;object-fit:cover;object-position:top center}.case-real-iphone{width:min(330px,72vw);transform:none}.case-real-iphone-screen{background:#fff}.case-real-iphone-screen>img:not(.iphone-psd-frame){display:block;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center top;border-radius:0}.case-real-iphone .iphone-psd-frame{position:absolute;z-index:5;inset:0;width:100%;height:100%;object-fit:fill;pointer-events:none}.huepf-mobile-original{height:100%;overflow:hidden;color:#10110f;background:#f4f3ef;font-family:Arial,sans-serif}.huepf-mobile-original header{height:8.5%;padding:5% 7% 2%;display:flex;align-items:center;justify-content:space-between;background:#f7f5ef}.huepf-mobile-original header img{width:29%;height:auto;object-fit:contain}.huepf-mobile-original header span{font-size:.42rem;font-weight:800;letter-spacing:.12em}.huepf-mobile-intro{display:none}.huepf-mobile-intro small{font-size:.35rem;font-weight:800;letter-spacing:.14em}.huepf-mobile-intro h3{margin:4% 0 0;font-size:1.65rem;line-height:.92;letter-spacing:-.045em}.huepf-mobile-intro em{color:#e91f69;font-style:normal}.huepf-mobile-card{position:relative;height:58%;margin:0 5% 4%;overflow:hidden;border-radius:20px}.huepf-mobile-card>span{position:absolute;z-index:4;top:4%;right:5%;font-size:.35rem;letter-spacing:.08em}.huepf-mobile-card>img{position:absolute;inset:5% 1% 18%;width:98%;height:77%;object-fit:contain}.huepf-mobile-card>div:last-of-type{position:absolute;z-index:4;left:6%;right:18%;bottom:5%}.huepf-mobile-card small{display:block;font-size:.31rem;letter-spacing:.12em}.huepf-mobile-card b{display:block;margin-top:1%;font-size:1.65rem;font-weight:900;line-height:.9;letter-spacing:-.035em}.huepf-mobile-card-before{height:22%;margin-top:-4%;background:#c8f2da;opacity:.92}.huepf-mobile-card-after>div:last-of-type,.huepf-mobile-card-before>div:last-of-type{display:none}.huepf-mobile-fire{background:#ffd6ce;color:#941e19}.huepf-mobile-card-after{background:#f2d3f0;color:#771d6e}.huepf-mobile-inflation{position:absolute;z-index:2;inset:5% 0 16%}.huepf-mobile-inflation img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity 70ms linear}.huepf-mobile-inflation img.is-active{opacity:1}.huepf-mobile-fire>i{position:absolute;z-index:4;right:5%;bottom:5%;width:34px;aspect-ratio:1;display:grid;place-items:center;border:1px solid;border-radius:50%;font-style:normal}.portfolio-case-wayloo .case-phone-device{height:auto;aspect-ratio:auto}.portfolio-case-wayloo .case-phone-screen{height:auto}.portfolio-case-wayloo .case-phone-island{display:none}.portfolio-case-wayloo .case-phone-screen img{position:relative;left:-2px;width:calc(100% + 4px);max-width:none;height:auto;object-fit:fill;object-position:initial}@media (max-width:900px){.case-device-stage{min-height:720px}}@media (max-width:650px){.case-tablet-device{padding:9px;border-radius:18px}.case-tablet-screen{border-radius:10px}.case-tablet-camera{top:3px}.case-phone-device{width:min(280px,76vw)}.case-tablet-stack{gap:5.5rem}.case-tablet-caption{grid-template-columns:1fr;gap:.8rem}.case-tablet-more{width:100%;border-radius:22px}}.portfolio-case .project-case-logo img{max-height:220px;object-fit:contain}.portfolio-case .project-case-logo-wayloo img{width:clamp(260px,30vw,430px)}.portfolio-case .project-case-logo-huepfburgen img{width:clamp(160px,18vw,260px);border-radius:50%}.portfolio-case .project-case-logo-kampic img{width:clamp(250px,28vw,410px);filter:brightness(0) invert(1)}.portfolio-case .case-site-story{background:linear-gradient(90deg,var(--case-deep) 0,var(--case-mid) 42%,var(--case-accent) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-menu-story{background:linear-gradient(90deg,transparent 0,transparent 30%,var(--case-deep) 30%,var(--case-mid) 60%,var(--case-accent) 100%)}.portfolio-case .case-cart-story{background:linear-gradient(90deg,var(--case-accent) 0,var(--case-mid) 42%,var(--case-deep) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-cart-story-copy h2 strong{color:#fff}.portfolio-case .case-site-story-window{background:var(--case-soft)}.portfolio-case .case-site-story-window:before{display:none}.portfolio-case-wayloo .case-site-story{background:linear-gradient(90deg,var(--case-deep) 0,#252b3c 40%,transparent 40%,transparent 100%)}.portfolio-case-wayloo .case-site-story:before{inset:0 60% 0 0}.portfolio-case-wayloo .case-site-story-window,.portfolio-case-wayloo .original-site-viewport,.portfolio-case-wayloo .original-site-viewport iframe{background:transparent}.portfolio-case .case-footer-transition{background:linear-gradient(180deg,var(--case-footer-start) 0,var(--case-footer-mid) 34%,var(--case-footer-deep) 68%,#0b0a09 84%,#060908 100%)}.case-static-window{position:relative;width:100%;aspect-ratio:1.44;overflow:hidden;border-radius:16px;background:#f7f7f5;box-shadow:0 32px 74px rgba(0,0,0,.22)}.case-static-window img{display:block;width:100%;height:calc(100% - 28px);object-fit:cover}.case-static-browser-bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;background:#f7f7f5}.case-static-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c4c7c4}.portfolio-window{min-width:0;min-height:125vh;padding:4vw 3vw 5vw;display:flex;align-items:center}.portfolio-screens-pair{align-content:center}.portfolio-screens-pair .case-static-window:nth-child(2){margin-left:4vw}.portfolio-case .case-brand-facts b{overflow-wrap:anywhere}@media (max-width:900px){.portfolio-case .case-cart-story,.portfolio-case .case-menu-story,.portfolio-case .case-site-story{background:transparent}.portfolio-case .case-cart-story-copy,.portfolio-case .case-menu-story-copy,.portfolio-case .case-site-story-copy{background:linear-gradient(150deg,var(--case-deep) 0,var(--case-mid) 58%,var(--case-accent) 100%)}.portfolio-window{min-height:0;padding:5vw}.portfolio-screens-pair .case-static-window:nth-child(2){margin-left:0}}@media (max-width:650px){.references-coming-soon{margin-top:5rem;align-items:flex-start;flex-direction:column}.portfolio-case .project-case-logo{justify-content:start}.portfolio-case .project-case-logo img{width:min(72vw,300px);max-height:160px}.case-static-window{border-radius:10px}}.case-frontend-window{position:relative;width:100%;aspect-ratio:1.44;overflow:hidden;border-radius:16px;background:#fff;box-shadow:0 32px 74px rgba(0,0,0,.22)}.case-frontend-browser-bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#858a87;background:#f7f7f5;font-size:7px;letter-spacing:.06em}.case-frontend-browser-bar i{width:6px;height:6px;border-radius:50%;background:#c4c7c4}.case-frontend-browser-bar span{margin:auto;transform:translateX(34px)}.case-frontend-browser-bar b{color:#168b79;font-size:6px;letter-spacing:.12em}.case-frontend-canvas{height:calc(100% - 28px);overflow:hidden;container-type:inline-size;pointer-events:none}.case-frontend-canvas *{box-sizing:border-box}.wayloo-page{min-height:100%;color:#172033;background:#fff;font-family:var(--font-sans),sans-serif}.wayloo-demo-header{height:9cqw;min-height:46px;padding:0 5cqw;display:flex;align-items:center;gap:3cqw;border-bottom:1px solid #edf0f3;background:rgba(255,255,255,.97)}.wayloo-demo-header img{width:11cqw;max-height:4cqw;object-fit:contain}.wayloo-demo-header nav{margin-left:auto;display:flex;gap:2.4cqw;color:#657084;font-size:1.1cqw;font-weight:700}.wayloo-demo-header>b{padding:1.25cqw 1.9cqw;border-radius:1cqw;color:#101522;background:#ffbd00;font-size:1.1cqw}.wayloo-hero-code{min-height:56cqw;padding:7cqw 5cqw 4cqw;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;grid-gap:4cqw;gap:4cqw;overflow:hidden;background:radial-gradient(circle at 86% 12%,#fff4c4 0,transparent 36%),#fff}.wayloo-hero-code>section h2{margin:0;color:#152036;font-size:5.8cqw;line-height:1.02;letter-spacing:-.04em}.wayloo-hero-code>section h2 em{color:#ffbd00;font:inherit;font-style:normal}.wayloo-hero-code>section p{max-width:33cqw;margin:2cqw 0;color:#667085;font-size:1.35cqw;line-height:1.55}.wayloo-hero-code>section a{display:inline-block;padding:1.45cqw 2.25cqw;border-radius:1cqw;color:#141a28;background:#ffbd00;font-size:1.15cqw;font-weight:800;box-shadow:0 1cqw 2.6cqw rgba(255,189,0,.28)}.wayloo-trust{margin-top:2cqw;display:flex;align-items:center;gap:1cqw;font-size:1cqw}.wayloo-trust span{color:#ffbd00;letter-spacing:.12em}.wayloo-trust b{color:#6b7381}.wayloo-product-stage{position:relative;min-height:41cqw;display:grid;align-items:center}.wayloo-demo-dashboard{padding:2.2cqw;border:1px solid #dfe3e8;border-radius:1.8cqw;background:#fff;box-shadow:0 3cqw 7cqw rgba(22,32,51,.16)}.wayloo-dashboard-top{display:flex;align-items:center;gap:1cqw}.wayloo-dashboard-top small{color:#6f7785;font-size:.8cqw;font-weight:800;letter-spacing:.08em}.wayloo-mini-mark{width:2.5cqw;height:2.5cqw;display:grid;place-items:center;border-radius:.7cqw;color:#162039;background:#ffbd00;font-size:1.6cqw;font-weight:900}.wayloo-demo-dashboard h3{margin:1.2cqw 0 1.6cqw;font-size:2.3cqw}.wayloo-dashboard-grid{display:grid;grid-template-columns:1.3fr .8fr;grid-gap:1cqw;gap:1cqw}.wayloo-dashboard-grid article{min-height:7cqw;padding:1.2cqw;display:flex;flex-direction:column;gap:.45cqw;border-radius:1cqw;background:#f5f6f7}.wayloo-dashboard-grid small{font-size:.62cqw;font-weight:900;letter-spacing:.08em}.wayloo-dashboard-grid strong{color:#fff;font-size:2.2cqw}.wayloo-dashboard-grid article:first-child{color:#fff;background:#07af86}.wayloo-dashboard-grid article i{height:.35cqw;overflow:hidden;border-radius:1cqw;background:rgba(255,255,255,.3)}.wayloo-dashboard-grid article i span{width:58%;height:100%;display:block;background:#fff}.wayloo-dashboard-grid article b,.wayloo-dashboard-grid article span{font-size:.78cqw}.wayloo-license{background:linear-gradient(120deg,#eff4f5,#eedff5)!important}.wayloo-license b{color:#252d3c}.wayloo-checklist{grid-column:1}.wayloo-next{color:#171b27;background:#ffbd00!important}.wayloo-phone-code{position:absolute;left:-4cqw;bottom:-2cqw;width:15cqw;min-height:30cqw;padding:4cqw 1.2cqw 1.2cqw;display:flex;flex-direction:column;gap:1cqw;border:.65cqw solid #171b24;border-radius:3.2cqw;background:#fff;box-shadow:0 2cqw 4cqw rgba(0,0,0,.2)}.wayloo-phone-code:before{content:"";position:absolute;top:1cqw;left:50%;width:5cqw;height:1.2cqw;border-radius:1cqw;background:#111;transform:translateX(-50%)}.wayloo-phone-code small{font-size:.8cqw;font-weight:800}.wayloo-phone-code strong{padding:1.3cqw;border-radius:.9cqw;color:#fff;background:#07af86;font-size:1.7cqw}.wayloo-phone-code b,.wayloo-phone-code span{padding:.8cqw;border-radius:.7cqw;background:#f0f2f4;font-size:.72cqw}.wayloo-phone-code b{margin-top:auto;background:#ffbd00}.wayloo-feature-page{min-height:100%;background:linear-gradient(135deg,#fff,#fff8df)}.wayloo-feature-intro{padding:4cqw 5cqw 2cqw}.wayloo-feature-intro>span,.wayloo-sim-copy>span{color:#a56a00;font-size:.8cqw;font-weight:900;letter-spacing:.13em}.wayloo-feature-intro h2,.wayloo-sim-copy h2{margin:1cqw 0;font-size:4.1cqw;line-height:1;letter-spacing:-.04em}.wayloo-feature-intro p,.wayloo-sim-copy>p{max-width:43cqw;margin:0;color:#697181;font-size:1.15cqw;line-height:1.5}.wayloo-module-layout{padding:1cqw 5cqw 4cqw;display:grid;grid-template-columns:.75fr 1.25fr;align-items:center;grid-gap:3cqw;gap:3cqw}.wayloo-module-list{display:grid;grid-gap:.7cqw;gap:.7cqw}.wayloo-module-list article{padding:1cqw;display:grid;grid-template-columns:2.3cqw 1fr 2cqw;align-items:center;grid-gap:1cqw;gap:1cqw;border:1px solid #e1e4e8;border-radius:1cqw;background:#fff}.wayloo-module-list article.active{border-color:#ffbd00;box-shadow:0 1cqw 2cqw rgba(165,106,0,.1)}.wayloo-module-list article>b{color:#b27900;font-size:.85cqw}.wayloo-module-list strong{display:block;font-size:1cqw}.wayloo-module-list small{display:block;margin-top:.25cqw;color:#7a8290;font-size:.72cqw}.wayloo-module-list i{font-style:normal;font-size:1cqw}.wayloo-module-layout>img{width:100%;max-height:28cqw;object-fit:contain}.wayloo-simulation-page{min-height:100%;display:grid;grid-template-columns:.8fr 1.2fr;background:#f7f7f8}.wayloo-simulation-page .wayloo-demo-header{grid-column:1/-1}.wayloo-sim-copy{padding:4cqw 3cqw 4cqw 5cqw}.wayloo-sim-copy>div{margin-top:1cqw;padding-top:1cqw;display:flex;gap:1cqw;border-top:1px solid #dadddf;color:#303746;font-size:.9cqw}.wayloo-sim-copy>div b{color:#b27900}.wayloo-sim-panel{margin:3cqw 5cqw 3cqw 1cqw;padding:2.5cqw;align-self:stretch;border-radius:1.5cqw;color:#fff;background:#171d2e;box-shadow:0 2cqw 5cqw rgba(21,27,45,.2)}.wayloo-sim-person{display:flex;align-items:flex-start;gap:1cqw}.wayloo-sim-person span{width:3cqw;height:3cqw;display:grid;place-items:center;border-radius:50%;color:#171d2e;background:#ffbd00;font-size:.8cqw;font-weight:900}.wayloo-sim-person p{margin:.2cqw 0;font-size:1.5cqw;line-height:1.35}.wayloo-sim-answer{margin:2cqw 0;padding:1.5cqw;border:1px solid #ffffff22;border-radius:1cqw;background:#ffffff0d}.wayloo-sim-answer small{color:#ffbd00;font-size:.7cqw;letter-spacing:.12em}.wayloo-sim-answer p{margin:.8cqw 0 0;color:#dce0e8;font-size:1cqw;line-height:1.5}.wayloo-sim-panel button{width:100%;padding:1.2cqw;border:0;border-radius:.9cqw;color:#171d2e;background:#ffbd00;font-size:1cqw;font-weight:800}.huepf-catalog-page,.huepf-page,.huepf-product-page,.huepf-reference-page{min-height:100%;color:#242427;background:#fff;font-family:var(--font-sans),sans-serif}.huepf-demo-header{position:relative;z-index:4;height:10cqw;min-height:48px;padding:0 4cqw;display:flex;align-items:center;gap:3cqw;background:rgba(255,255,255,.92)}.huepf-demo-header img{width:8cqw;height:8cqw;object-fit:cover;border-radius:50%}.huepf-demo-header nav{margin-left:auto;display:flex;gap:2.4cqw;font-size:1.05cqw;font-weight:700}.huepf-demo-header>b{display:none}.huepf-hero-code{position:relative;min-height:48cqw;padding:6cqw 4cqw;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;overflow:hidden;background:linear-gradient(130deg,#f6f4ed,#e2f3ff 46%,#e9dcff)}.huepf-hero-code:after{content:"";position:absolute;inset:auto 0 0;height:13cqw;background:linear-gradient(transparent,#fff)}.huepf-hero-code section{position:relative;z-index:2}.huepf-catalog-heading small,.huepf-hero-code small,.huepf-product-page aside>small,.huepf-reference-heading small{font-size:.85cqw;font-weight:850;letter-spacing:.12em}.huepf-hero-code h2{margin:1.4cqw 0;color:#1c4293;font-size:5.6cqw;line-height:.96;letter-spacing:-.03em}.huepf-hero-code h2 em{color:#b7248a;font:inherit;font-style:italic}.huepf-hero-code p{max-width:34cqw;color:#61646b;font-size:1.2cqw;line-height:1.5}.huepf-hero-code a{margin-top:1.2cqw;padding:1cqw 1.1cqw 1cqw 1.8cqw;display:inline-flex;align-items:center;gap:1.4cqw;border-radius:99px;color:#fff;background:#242427;font-size:1cqw}.huepf-hero-code a i{width:2.3cqw;height:2.3cqw;display:grid;place-items:center;border-radius:50%;color:#242427;background:#fff;font-style:normal}.huepf-hero-code>img{position:relative;z-index:2;width:118%;max-height:47cqw;object-fit:contain;transform:translate(-7%,3%) rotate(-2deg)}.huepf-preview-strip{position:absolute;z-index:3;right:3cqw;bottom:2cqw;width:43cqw;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.8cqw;gap:.8cqw}.huepf-preview-strip article{padding:.7cqw;border-radius:1cqw;box-shadow:0 1cqw 2cqw rgba(28,33,53,.1)}.huepf-preview-strip img{width:100%;height:6cqw;object-fit:contain}.huepf-preview-strip b,.huepf-preview-strip span{display:block;font-size:.65cqw}.huepf-preview-strip b{margin-top:.25cqw;opacity:.65}.huepf-product-page{position:relative;display:grid;grid-template-columns:1.05fr .95fr;background:#c9efff}.huepf-product-page .huepf-demo-header{grid-column:1/-1}.huepf-product-stage{min-height:48cqw}.huepf-product-stage img{width:92%;height:42cqw}.huepf-product-page aside{padding:4cqw;background:#fff}.huepf-product-page aside h2{margin:1.2cqw 0;font-size:3.8cqw;line-height:1;letter-spacing:-.035em}.huepf-product-page aside p{color:#676a70;font-size:1.1cqw;line-height:1.5}.huepf-product-page aside>strong{display:block;margin:1.8cqw 0;font-size:3cqw}.huepf-product-page aside>strong span{font-size:1cqw;font-weight:500}.huepf-product-page dl{margin:0 0 1.5cqw}.huepf-product-page dl div{padding:.7cqw 0;display:flex;justify-content:space-between;border-top:1px solid #e2e2e2;font-size:.85cqw}.huepf-product-page dt{color:#777}.huepf-product-page aside a{padding:1.1cqw 1.6cqw;display:inline-block;border-radius:99px;color:#fff;background:#222;font-size:.9cqw}.huepf-catalog-heading,.huepf-reference-heading{padding:3cqw 4cqw 2cqw;text-align:center}.huepf-catalog-heading h2,.huepf-reference-heading h2{margin:.8cqw 0;color:#452984;font-size:4cqw;letter-spacing:-.03em}.huepf-catalog-heading h2 em{color:#ed1768;font:inherit;font-style:italic}.huepf-catalog-grid{padding:0 4cqw 4cqw;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1cqw;gap:1cqw}.huepf-catalog-grid article{position:relative;min-height:24cqw;padding:1.1cqw;overflow:hidden;border-radius:1.3cqw}.huepf-catalog-grid article>span{font-size:.75cqw}.huepf-catalog-grid img{width:100%;height:15cqw;object-fit:contain}.huepf-catalog-grid h3{margin:1cqw 0 0;font-size:1.3cqw}.huepf-catalog-grid article>b{position:absolute;right:1.2cqw;bottom:1.2cqw}.huepf-reference-heading p{margin:0;color:#666;font-size:1cqw}.huepf-reference-grid{padding:0 4cqw 4cqw;display:grid;grid-template-columns:1.4fr repeat(3,1fr);grid-gap:1cqw;gap:1cqw}.huepf-reference-grid figure{min-width:0;margin:0;padding:1cqw;border-radius:1.2cqw;background:#eef4ff}.huepf-reference-grid figure.real{padding:0;overflow:hidden}.huepf-reference-grid img{width:100%;height:22cqw;object-fit:contain}.huepf-reference-grid .real img{object-fit:cover}.huepf-reference-grid figcaption{padding:.75cqw 0 0;font-size:.75cqw;font-weight:700}.huepf-reference-grid .real figcaption{padding:.75cqw 1cqw}.kampic-detail-page,.kampic-page,.kampic-service-page,.kampic-system-page{min-height:100%;color:#20211f;background:#f5f3ef;font-family:var(--font-sans),sans-serif}.kampic-demo-header{position:relative;z-index:5;height:9cqw;min-height:46px;padding:0 4cqw;display:flex;align-items:center;gap:3cqw;border-bottom:1px solid #dedbd5;background:#f5f3ef}.kampic-demo-header.light{position:absolute;inset:0 0 auto;color:#fff;border:0;background:transparent}.kampic-demo-header img{width:11cqw;max-height:5cqw;object-fit:contain}.kampic-demo-header.light img{filter:brightness(0) invert(1)}.kampic-demo-header nav{margin-left:auto;display:flex;gap:2cqw;font-size:.9cqw;font-weight:700}.kampic-demo-header>b{padding:1cqw 1.4cqw;color:#fff;background:#c43e36;font-size:.8cqw}.kampic-hero-code{position:relative;min-height:60cqw;overflow:hidden;background:#111}.kampic-hero-code>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.kampic-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.86),rgba(0,0,0,.15) 58%,rgba(0,0,0,.08))}.kampic-hero-logo{position:absolute;z-index:2;left:6cqw;bottom:7cqw;width:38cqw}.kampic-hero-logo small{color:#fff;font-size:.75cqw;letter-spacing:.18em}.kampic-hero-logo img{width:100%;margin:1.8cqw 0;filter:brightness(0) invert(1)}.kampic-hero-logo a{padding:1.2cqw 1.6cqw;display:inline-flex;gap:2cqw;color:#fff;background:#c43e36;font-size:1cqw;font-weight:800}.kampic-service-heading{padding:3cqw 4cqw 2cqw}.kampic-detail-page section small,.kampic-service-heading small,.kampic-system-grid small{color:#c43e36;font-size:.75cqw;font-weight:850;letter-spacing:.15em}.kampic-service-heading h2{margin:.8cqw 0;font-size:4.1cqw;line-height:.95;letter-spacing:-.035em}.kampic-service-heading p{margin:0;color:#6c6a67;font-size:1cqw}.kampic-service-grid{padding:0 4cqw 4cqw;display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1cqw;gap:1cqw}.kampic-service-grid article{position:relative;min-height:25cqw;overflow:hidden;color:#fff;background:#20211f}.kampic-service-grid article>span{position:absolute;z-index:2;top:1cqw;left:1cqw;color:#fff;font-size:.75cqw}.kampic-service-grid img{width:100%;height:17cqw;object-fit:cover}.kampic-service-grid h3{margin:1cqw;font-size:1.25cqw}.kampic-service-grid b{margin:0 1cqw;color:#d9d4cf;font-size:.7cqw}.kampic-detail-page{display:grid;grid-template-columns:.95fr 1.05fr}.kampic-detail-page .kampic-demo-header{grid-column:1/-1}.kampic-detail-image{min-height:48cqw;background:#20211f}.kampic-detail-image img{width:100%;height:100%;object-fit:cover}.kampic-detail-page section{padding:5cqw}.kampic-detail-page section h2{margin:1cqw 0 1.5cqw;font-size:4cqw;line-height:.95;letter-spacing:-.035em}.kampic-detail-page section p{color:#64625f;font-size:1.15cqw;line-height:1.6}.kampic-detail-page section>div{margin:2cqw 0;display:grid;grid-gap:.7cqw;gap:.7cqw}.kampic-detail-page section>div span{padding-top:.7cqw;border-top:1px solid #d6d1ca;font-size:.9cqw}.kampic-detail-page section a{display:inline-block;padding:1.1cqw 1.5cqw;color:#fff;background:#c43e36;font-size:.9cqw;font-weight:800}.kampic-system-grid{display:grid;grid-template-columns:1fr 1fr;min-height:38cqw}.kampic-system-grid section{padding:5cqw;color:#fff;background:#20211f}.kampic-system-grid h2{margin:1cqw 0 2cqw;font-size:3.8cqw;line-height:.98}.kampic-system-grid p{color:#cbc8c3;font-size:1.05cqw;line-height:1.55}.kampic-system-grid b{display:block;margin-top:2cqw;color:#d75a51;font-size:.9cqw}.kampic-system-grid>img{width:100%;height:100%;object-fit:cover}.kampic-system-page footer{padding:2.5cqw 4cqw;display:grid;grid-template-columns:1fr auto auto;align-items:center;grid-gap:3cqw;gap:3cqw;color:#fff;background:#c43e36}.kampic-system-page footer h3{margin:0;font-size:2.5cqw}.kampic-system-page footer a,.kampic-system-page footer span{font-size:.85cqw}@media (max-width:650px){.case-frontend-window{aspect-ratio:1.2;border-radius:10px}.case-frontend-browser-bar{height:22px;padding-inline:8px}.case-frontend-browser-bar b{display:none}.case-frontend-browser-bar span{transform:none}.case-frontend-canvas{height:calc(100% - 22px)}.huepf-demo-header nav,.kampic-demo-header nav,.wayloo-demo-header nav{display:none}.huepf-demo-header,.kampic-demo-header,.wayloo-demo-header{min-height:38px}}.project-title-logo{margin:4rem 0 3rem;display:flex;align-items:center;gap:clamp(2rem,7vw,7rem)}.project-title-logo>span{font-size:clamp(3.8rem,7.4vw,7.5rem);font-weight:760;line-height:.82;letter-spacing:-.07em}.project-title-logo img{width:clamp(220px,26vw,360px);height:auto}.project-hero{min-height:auto;padding-top:10rem}.project-hero-intro{min-height:455px;margin:4rem 0 4.5rem;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.95fr);align-items:center;grid-gap:6vw;gap:6vw}.project-hero-copy{align-self:center}.project-case-title{display:block;font-size:clamp(3.8rem,7.4vw,7.5rem);font-weight:760;line-height:.82;letter-spacing:-.07em}.project-case-logo{display:grid;place-items:center}.project-case-logo img{display:block;width:clamp(245px,27vw,390px);height:auto}.project-hero-meta{max-width:610px;margin:3.25rem 0 0;grid-template-columns:1fr 1fr;justify-content:start;gap:2rem 4vw;align-items:start}.project-hero-meta p{grid-column:1/-1}.project-hero-visual{padding:3vw}.project-page h2 span,.project-page h2 strong{color:var(--case-orange);font:inherit;font-style:normal}.project-devices h2 strong,.project-menu-showcase h2 strong{color:#111}.project-result h2 strong{color:var(--case-orange)}.project-brief,.project-commerce,.project-functions,.project-portal{padding-top:7rem;padding-bottom:7rem}.project-menu-showcase{padding-top:7rem;padding-bottom:5rem}.project-brief-grid{margin-top:4rem}.project-brief h2,.project-caption h2,.project-commerce h2,.project-devices h2,.project-functions h2,.project-portal h2,.project-result h2{font-size:clamp(3.4rem,6vw,6.8rem);font-family:var(--font-sans),sans-serif;font-weight:740;font-style:normal}.live-frame{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#0b0b0a;box-shadow:0 28px 65px rgba(0,0,0,.25)}.live-frame iframe{display:block;width:100%;height:100%;border:0;background:#0b0b0a}.live-frame-bar{height:32px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#707673;background:#f5f3ee;font-size:.46rem}.live-frame-bar i{width:7px;height:7px;border-radius:50%;background:#c9c6c0}.live-frame-bar span{margin:auto}.live-frame-bar b{color:#178a76;font-size:.42rem;letter-spacing:.12em}.live-frame-main{width:min(1160px,100%);height:560px;margin:auto}.live-frame-menu{width:min(1260px,100%);height:560px;margin:auto;border:8px solid #151514}.project-caption{margin-bottom:4rem}.project-commerce{grid-template-columns:.55fr 1.45fr;gap:5vw}.project-commerce-copy{position:static}.project-commerce-copy h2{margin:3.5rem 0 2rem}.order-demo{min-width:0;min-height:640px;overflow:hidden;border:1px solid #d0c7bb;border-radius:22px;color:#111;background:#f6ede1;box-shadow:0 25px 60px rgba(33,26,18,.14)}.order-demo button,.order-demo input,.order-demo select,.order-demo textarea{font-family:inherit}.order-demo-head{min-height:82px;padding:1rem 1.5rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border-bottom:1px solid #d8cec1;background:#10110f}.order-demo-head img{width:115px}.order-demo-head nav{display:flex;gap:.35rem}.order-demo-head nav button{padding:.65rem .8rem;border:1px solid #3d3e3b;border-radius:100px;color:#999d98;background:none;cursor:pointer;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order-demo-head nav button.active{color:#111;border-color:var(--case-orange);background:var(--case-orange)}.order-demo-cart,.order-demo-checkout,.order-demo-menu{padding:2.2rem}.order-demo-title{display:flex;align-items:baseline;gap:.8rem}.order-demo-title small{font-size:2rem;font-weight:850}.order-demo-title strong{color:var(--case-orange);font-size:2rem}.order-demo-title span{margin-left:auto;color:#777b77;font-size:.6rem}.order-products{margin-top:2.2rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:1.2rem;gap:1.2rem}.order-products article{text-align:center}.order-products article>div{position:relative;width:min(150px,100%);margin:auto;aspect-ratio:1}.order-products img{width:100%;height:100%;object-fit:cover;border:2px solid var(--case-orange);border-radius:50%}.order-products article>div button{position:absolute;right:0;bottom:5px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #f6ede1;border-radius:50%;color:#fff;background:var(--case-orange);cursor:pointer}.order-products article>div svg{width:15px}.order-products h3{margin:1rem 0 .4rem;font-size:1rem;line-height:1}.order-products p{min-height:2.5em;margin:0;color:#777a76;font-size:.52rem;line-height:1.4}.order-products article>b{display:block;margin-top:.7rem;color:var(--case-orange);font-size:.72rem}.order-primary{min-height:48px;padding:0 1.2rem;display:flex;align-items:center;justify-content:center;gap:.7rem;border:0;border-radius:100px;color:#fff;background:var(--case-orange);cursor:pointer;font-size:.63rem;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.order-demo-menu>.order-primary{margin:2.2rem auto 0}.order-primary svg{width:17px}.order-primary b{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;color:var(--case-orange);background:#fff;font-size:.5rem}.order-panel-title{display:flex;align-items:center;justify-content:space-between}.order-panel-title small{color:var(--case-orange);font-size:.52rem;font-weight:850;letter-spacing:.13em}.order-panel-title h3{margin:.35rem 0 0;font-size:2rem;letter-spacing:-.06em}.order-panel-title>button{border:0;background:none;cursor:pointer}.order-panel-title svg{width:22px}.order-lines{margin-top:1.5rem;border-top:1px solid #d5cbbf}.order-lines>div{padding:.8rem 0;display:grid;grid-template-columns:54px 1fr auto;align-items:center;grid-gap:.8rem;gap:.8rem;border-bottom:1px solid #d5cbbf}.order-lines img{width:54px;height:54px;object-fit:cover;border-radius:50%}.order-lines span{display:flex;flex-direction:column;gap:.25rem}.order-lines span b{font-size:.72rem}.order-lines span small{color:var(--case-orange);font-size:.58rem}.order-lines>div>div{display:flex;align-items:center;gap:.65rem}.order-lines button{width:26px;height:26px;display:grid;place-items:center;border:1px solid #beb5aa;border-radius:50%;background:transparent;cursor:pointer}.order-lines button svg{width:12px}.order-empty{padding:2rem;text-align:center;color:#777}.order-upsell{margin:1rem 0;padding:.9rem;display:grid;grid-template-columns:auto 1fr 1fr;align-items:center;grid-gap:.8rem;gap:.8rem;border-radius:12px;background:#fffaf3}.order-upsell>small{writing-mode:vertical-rl;color:#777;font-size:.42rem;letter-spacing:.12em}.order-upsell>div{position:relative;display:grid;grid-template-columns:auto 1fr;grid-gap:.15rem .5rem;gap:.15rem .5rem;align-items:center}.order-upsell>div>span{grid-row:1/3;font-size:1.5rem}.order-upsell b,.order-upsell em{font-size:.5rem;font-style:normal}.order-upsell em{color:var(--case-orange)}.order-upsell button{position:absolute;right:0;width:22px;height:22px;border:0;border-radius:50%;color:#fff;background:#111}.order-note{display:flex;flex-direction:column;gap:.5rem;font-size:.48rem;font-weight:850;letter-spacing:.1em}.order-note textarea{height:55px;padding:.7rem;resize:none;border:1px solid #c8bfb4;background:#fff;font-size:.6rem}.order-total{margin:1rem 0;padding-top:1rem;display:flex;justify-content:space-between;border-top:1px solid #d5cbbf}.order-total span{font-size:.7rem}.order-total strong{color:var(--case-orange);font-size:1rem}.order-demo-cart>.order-primary,.order-demo-checkout>.order-primary{width:100%}.order-fields{margin:1.5rem 0;display:grid;grid-template-columns:1fr 1fr;grid-gap:1rem;gap:1rem}.order-fields label{display:flex;flex-direction:column;gap:.45rem;font-size:.48rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.order-fields label:last-child{grid-column:1/-1}.order-fields input,.order-fields select{min-width:0;height:42px;padding:0 .7rem;border:1px solid #c8bfb4;background:#fff;font-size:.62rem}.order-check{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:#fff;background:var(--case-orange)}.order-check svg{width:18px}.order-back{width:100%;margin-top:.8rem;border:0;color:#777;background:none;cursor:pointer;font-size:.55rem}.project-devices{padding:7rem 5vw;display:grid;grid-template-columns:.7fr 1.3fr;grid-gap:6vw;gap:6vw;align-items:center;color:#111;background:var(--case-orange)}.project-devices-copy>svg{width:34px;height:34px;margin-bottom:3rem;stroke-width:1.4}.project-devices-copy>span{font-size:.56rem;font-weight:800;letter-spacing:.16em}.project-devices-copy h2{margin:3rem 0 2rem}.project-devices-copy p{max-width:430px;margin:0;font-size:.75rem;line-height:1.7}.device-stage{position:relative;min-height:620px;display:flex;align-items:center;justify-content:center;gap:1.5rem}.device-tablet{width:min(480px,55vw);height:590px;padding:10px;border:2px solid #2c2a27;border-radius:30px;background:#111;box-shadow:0 30px 60px rgba(80,23,4,.28)}.device-phone{z-index:2;width:min(220px,25vw);height:470px;padding:8px;border:2px solid #2c2a27;border-radius:34px;background:#111;box-shadow:0 30px 60px rgba(80,23,4,.34);transform:translate(-3rem,3rem)}.device-phone .live-frame,.device-tablet .live-frame{height:100%;border:0;border-radius:20px}.device-phone .live-frame{border-radius:25px}.device-phone .live-frame-bar,.device-tablet .live-frame-bar{display:none}.project-portal{grid-template-columns:.75fr 1.25fr}.live-frame-portal{height:600px}.project-result{padding-top:8rem;padding-bottom:8rem}.project-result h2{margin:3rem auto}@media (max-width:1000px){.project-title-logo{align-items:flex-start;flex-direction:column}.project-hero-intro{grid-template-columns:minmax(0,1.1fr) minmax(230px,.9fr);gap:3vw}.project-case-logo img{width:min(31vw,310px)}.project-hero-meta{grid-template-columns:1fr 1fr}.project-caption{grid-template-columns:1fr}.project-caption p{grid-column:auto}.project-commerce,.project-devices{grid-template-columns:1fr}.project-devices-copy{max-width:650px}.project-portal{grid-template-columns:1fr}.live-frame-menu{height:540px}}@media (max-width:650px){.project-hero{padding-top:8.5rem}.project-title-logo{margin:3.5rem 0 3rem;gap:2rem}.project-title-logo>span{font-size:20vw}.project-title-logo img{width:230px}.project-hero-intro{min-height:0;margin:3.5rem 0 4rem;grid-template-columns:1fr;gap:4rem}.project-case-title{font-size:20vw}.project-hero-meta{margin-top:2.5rem;grid-template-columns:1fr 1fr;gap:2rem 1rem}.project-case-logo{justify-content:end}.project-case-logo img{width:min(68vw,280px)}.project-hero-visual{padding:4vw}.live-frame-main{height:430px}.live-frame-menu{height:430px;border-width:5px}.live-frame-bar{height:24px}.project-brief,.project-commerce,.project-functions,.project-portal{padding-top:5.5rem;padding-bottom:5.5rem}.project-menu-showcase{padding-top:5.5rem}.project-brief h2,.project-caption h2,.project-commerce h2,.project-devices h2,.project-functions h2,.project-portal h2,.project-result h2{font-size:13.5vw;line-height:.86}.order-demo{min-height:570px;border-radius:16px}.order-demo-head{align-items:flex-start;flex-direction:column;gap:.8rem}.order-demo-head img{width:100px}.order-demo-head nav{width:100%;overflow-x:auto}.order-demo-head nav button{flex:1 1;padding:.55rem .5rem;white-space:nowrap}.order-demo-cart,.order-demo-checkout,.order-demo-menu{padding:1.25rem}.order-demo-title{flex-wrap:wrap}.order-demo-title small,.order-demo-title strong{font-size:1.5rem}.order-demo-title span{width:100%;margin:.2rem 0 0}.order-products{gap:.65rem}.order-products h3{font-size:.72rem}.order-products p{display:none}.order-products article>div button{width:28px;height:28px}.order-upsell{grid-template-columns:1fr 1fr}.order-upsell>small{grid-column:1/-1;writing-mode:horizontal-tb}.order-fields{grid-template-columns:1fr}.order-fields label:last-child{grid-column:auto}.project-devices{padding:5.5rem 5vw}.device-stage{min-height:520px;justify-content:flex-start}.device-tablet{width:78vw;height:500px}.device-phone{position:absolute;right:1vw;width:42vw;height:390px;transform:translateY(4rem)}.live-frame-portal{height:470px}.project-result{padding-top:6rem;padding-bottom:6rem}}.project-page-static{overflow:visible}.project-page-static h2{margin:0;font-size:clamp(3.4rem,5.8vw,6.4rem);font-weight:760;line-height:.84;letter-spacing:-.07em}.project-page-static h2 strong{color:var(--case-orange);font:inherit}.static-case-hero{padding-bottom:1rem}.code-browser{min-width:0;overflow:hidden;border-radius:16px;background:#0b0b0a;box-shadow:0 28px 65px rgba(0,0,0,.24)}.code-browser-bar{height:28px;padding:0 12px;display:flex;align-items:center;gap:6px;color:#737875;background:#f6f3ed;font-size:.43rem}.code-browser-bar i{width:7px;height:7px;border-radius:50%;background:#c8c5bf}.code-browser-bar span{margin:auto;transform:translateX(-18px)}.home-code-mockup{width:min(1120px,100%);margin:auto}.mock-home{position:relative;height:560px;overflow:hidden;color:#fff;background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.25)),url(https://www.oztantuni.de/brand/hero-tantuni-kitchen-v4.jpg) 50%/cover}.mock-home-nav{height:105px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center}.mock-home-nav>img{width:150px}.mock-burger{width:30px;display:grid;grid-gap:5px;gap:5px}.mock-burger i{height:2px;border-radius:3px;background:#fff}.mock-contact{justify-self:end;padding:.8rem 1.2rem;border:1px solid rgba(255,255,255,.7);border-radius:100px;font-size:.5rem;font-weight:800}.mock-home-copy{position:absolute;inset:auto 0 12%;text-align:center}.mock-home-copy h3{margin:0;font-size:clamp(2.5rem,5vw,5.3rem);line-height:.85;letter-spacing:-.06em}.mock-home-copy h3 span{color:var(--case-orange)}.mock-home-copy>div{margin-top:2rem;display:flex;justify-content:center;gap:1rem}.mock-home-copy b{min-width:150px;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.72);border-radius:100px;font-size:.5rem;letter-spacing:.08em}.desktop-frame-viewport{overflow:hidden;contain:inline-size}.desktop-frame-viewport,.original-code-window{width:100%;max-width:100%}.original-code-window iframe{display:block;max-width:none;border:0;pointer-events:none;background:#090908;transform-origin:top left}.case-site-story{display:grid;grid-template-columns:40% 60%;align-items:start;background:#f2f1ed}.case-site-story-copy{position:-webkit-sticky;position:sticky;top:0;min-height:100vh;padding:14vh 4.5vw 17vh;display:flex;flex-direction:column;overflow:hidden;color:#fff;background:radial-gradient(circle at 18% 12%,#ff9160 0,transparent 36%),linear-gradient(150deg,#f9753f 0,var(--case-orange) 58%,#da4316 100%)}.case-site-story-copy:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain-dark.svg) repeat;background-size:118px 118px;opacity:.18}.case-site-story-copy>*{position:relative;z-index:1}.case-site-story-copy>span{position:absolute;left:1.35rem;top:50%;font-size:.58rem;font-weight:850;letter-spacing:.16em;writing-mode:vertical-rl;transform:translateY(-50%) rotate(180deg)}.case-site-story-copy small{display:block;margin-bottom:2.5rem;font-size:.52rem;font-weight:850;letter-spacing:.17em}.case-site-story-copy h2{font-size:clamp(3rem,5.1vw,5.6rem);font-weight:430;line-height:1.04;letter-spacing:-.065em}.case-site-story-copy p{max-width:390px;margin:auto 0 0;font-size:.82rem;line-height:1.75}.case-site-story-window{min-width:0;padding:4vw 3vw 5vw}.case-site-story-window .case-home-longview,.case-site-story-window .home-code-mockup{width:100%;max-width:100%;min-width:0}.case-home-longview{position:relative}.case-brand-story{margin-top:auto;padding-top:2.5rem;border-top:1px solid rgba(255,255,255,.35)}.case-brand-story>p{max-width:430px;margin:0;font-size:.78rem;line-height:1.72}.case-brand-facts{margin-top:2rem;display:grid;grid-template-columns:1fr 1fr;grid-gap:1.4rem 2rem;gap:1.4rem 2rem}.case-brand-facts>div{display:grid;grid-gap:.42rem;gap:.42rem}.case-brand-facts>div:last-child{grid-column:1/-1}.case-brand-facts small{margin:0;color:rgba(255,255,255,.68);font-size:.45rem;letter-spacing:.15em}.case-brand-facts b{max-width:300px;font-size:.6rem;line-height:1.4;letter-spacing:.05em}.static-brief{padding-top:6rem;padding-bottom:6rem}.static-menu-section,.static-portal-section{padding:6.5rem 4vw}.static-menu-section{color:#fff;background:radial-gradient(circle at 82% 8%,#ff9160 0,transparent 34%),linear-gradient(145deg,#f8733c 0,var(--case-orange) 58%,#db4517 100%)}.static-section-copy{margin:0 auto 3.5rem;display:grid;grid-template-columns:.55fr 1fr .65fr;align-items:end;grid-gap:4vw;gap:4vw}.static-cart-copy>span,.static-section-copy>span{align-self:start;font-size:.55rem;font-weight:800;letter-spacing:.15em}.static-cart-copy>p,.static-section-copy p{margin:0;font-size:.75rem;line-height:1.7}.static-menu-section h2 strong{color:#111}.project-menu-showcase,.project-next,.static-menu-section{position:relative;isolation:isolate;overflow:hidden}.project-menu-showcase:after,.project-next:after,.static-menu-section:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:118px 118px;opacity:.14;mix-blend-mode:soft-light}.project-menu-showcase>*,.project-next>*,.static-menu-section>*{position:relative;z-index:1}.menu-code-mockup{width:min(1220px,100%);margin:auto;border:7px solid #151514}.mock-menu{padding:2rem 3rem 3rem;color:#111;background:#f5ecdf}.mock-menu-logo{width:90px;filter:brightness(0)}.mock-menu>h3{margin:1rem 0 2rem;text-align:center;font-size:clamp(2.5rem,5vw,5.3rem);letter-spacing:-.06em}.mock-menu>h3 span{color:var(--case-orange)}.mock-products{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1.5rem;gap:1.5rem}.mock-products article{text-align:center}.mock-products article>div{position:relative;width:min(175px,100%);margin:auto;aspect-ratio:1}.mock-products img{width:100%;height:100%;object-fit:cover;border:2px solid var(--case-orange);border-radius:50%}.mock-products article i{position:absolute;right:0;bottom:7px;width:34px;height:34px;display:grid;place-items:center;border:3px solid #f5ecdf;border-radius:50%;color:#fff;background:var(--case-orange);font-style:normal}.mock-products h4{margin:1rem 0 .45rem;font-size:1rem;line-height:1}.mock-products p{min-height:2.4em;margin:0;color:#747872;font-size:.52rem}.mock-products article>b{display:block;margin-top:.6rem;color:var(--case-orange);font-size:.72rem}.truck-menu-code-mockup{width:min(1180px,100%);margin:auto;border:7px solid #151514}.truck-frame-viewport{background:#ede2d1}.static-cart-section{padding:6.5rem 7vw;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;grid-gap:8vw;gap:8vw;background:radial-gradient(circle at 12% 8%,#fff8ed 0,transparent 34%),linear-gradient(145deg,#f0e7da,#e8ddce)}.static-cart-copy h2{margin:3rem 0 2rem}.static-cart-copy>p{max-width:430px;color:#5f6662}.static-points{margin-top:3rem;display:grid;grid-gap:.9rem;gap:.9rem}.static-points span{display:flex;align-items:center;gap:.7rem;font-size:.65rem;font-weight:750}.static-points svg{width:17px;color:var(--case-orange)}.orange-phone-stage{min-height:650px;display:grid;place-items:center;position:relative;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 18% 10%,#ff966a 0,transparent 36%),linear-gradient(145deg,#f97743 0,var(--case-orange) 62%,#d94215 100%)}.orange-phone-stage:before{content:"";position:absolute;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:118px 118px;opacity:.14;mix-blend-mode:soft-light}.orange-phone-stage>*{position:relative;z-index:1}.orange-phone-stage>span{position:absolute;left:1.5rem;top:1.5rem;font-size:.48rem;font-weight:850;letter-spacing:.14em}.iphone-17-pro-max{position:relative;width:min(300px,78vw);aspect-ratio:1161/2387;filter:drop-shadow(0 32px 34px rgba(74,17,2,.34))}.iphone-screen{position:absolute;z-index:1;left:3.79%;top:1.42%;width:92.33%;height:97.36%;overflow:hidden;border-radius:12%/5.6%;color:#111;background:#f7f0e5}.iphone-psd-frame{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.iphone-status{position:relative;z-index:2;height:42px;padding:11px 22px 0;display:flex;justify-content:space-between;color:#fff;background:#0b0b0a;font-size:.48rem}.phone-cart{height:calc(100% - 42px);padding:1.15rem;overflow:hidden}.phone-cart-head{display:flex;justify-content:space-between;align-items:center}.phone-cart-head img{width:74px;filter:brightness(0)}.phone-cart-head>span{font-size:1.2rem}.phone-cart>small{display:block;margin-top:1.1rem;color:var(--case-orange);font-size:.4rem;font-weight:850;letter-spacing:.12em}.phone-cart>h3{margin:.25rem 0 1rem;font-size:1.55rem;letter-spacing:-.05em}.phone-cart-line{padding:.65rem 0;display:grid;grid-template-columns:45px 1fr auto;align-items:center;grid-gap:.6rem;gap:.6rem;border-top:1px solid #d1c8bc;border-bottom:1px solid #d1c8bc}.phone-cart-line>img{width:45px;height:45px;object-fit:cover;border-radius:50%}.phone-cart-line>span{display:flex;flex-direction:column;gap:.2rem}.phone-cart-line>span b{font-size:.6rem}.phone-cart-line>span small{color:var(--case-orange);font-size:.48rem}.phone-cart-line>div{display:flex;align-items:center;gap:.42rem}.phone-cart-line i{width:20px;height:20px;display:grid;place-items:center;border:1px solid #aaa197;border-radius:50%;font-size:.55rem;font-style:normal}.phone-cart-line>div b{font-size:.55rem}.phone-drinks{margin:.8rem 0;padding:.7rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.4rem;gap:.4rem;border-radius:10px;background:#fffaf3}.phone-drinks>small{grid-column:1/-1;font-size:.36rem;letter-spacing:.12em}.phone-drinks>div{display:grid;grid-template-columns:auto 1fr;align-items:center;grid-gap:.1rem .25rem;gap:.1rem .25rem}.phone-drinks .drink-icon{grid-row:1/4;font-size:1rem}.phone-drinks .drink-price,.phone-drinks b{font-size:.35rem}.phone-drinks .drink-price{color:var(--case-orange)}.phone-drinks i{grid-column:2;width:16px;height:16px;display:grid;place-items:center;border-radius:50%;color:#fff;background:#111;font-size:.45rem;font-style:normal}.phone-cart label{display:flex;flex-direction:column;gap:.35rem;font-size:.4rem;font-weight:850;letter-spacing:.08em}.phone-cart label span{height:42px;padding:.6rem;color:#98928b;border:1px solid #c9c0b5;background:#fff;font-size:.42rem;font-weight:400;letter-spacing:0}.phone-total{margin-top:.7rem;padding-top:.7rem;display:flex;justify-content:space-between;border-top:1px solid #d1c8bc;font-size:.63rem}.phone-total b{color:var(--case-orange)}.phone-checkout{margin-top:.7rem;padding:.75rem;text-align:center;border-radius:100px;color:#fff;background:var(--case-orange);font-size:.46rem;font-weight:850;letter-spacing:.08em}.replica-cart-drawer{height:calc(100% - 42px);padding:18px 17px 16px;display:flex;flex-direction:column;background:#f7f0e5}.replica-drawer-top{padding-bottom:13px;display:flex;justify-content:space-between;border-bottom:1px solid #cec7bc}.replica-drawer-top small{color:var(--case-orange);font-size:7px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.replica-drawer-top h3{margin:3px 0 0;font-size:26px;line-height:1}.replica-drawer-top>span{font-size:25px;line-height:1}.replica-cart-list{padding:9px 0 4px}.replica-cart-item{display:grid;grid-template-columns:58px 1fr;grid-gap:11px;gap:11px;padding:5px 0}.replica-cart-item>img{width:58px;height:58px;object-fit:cover;border:1px solid var(--case-orange);border-radius:50%}.replica-cart-item>div{display:grid;grid-template-columns:1fr auto;align-items:start}.replica-cart-item strong{font-size:9px}.replica-cart-item>div>span{color:var(--case-orange);font-size:8px;font-weight:800}.replica-qty{grid-column:1/-1;width:max-content;margin-top:6px;display:flex;border:1px solid #c8c0b4}.replica-qty b,.replica-qty i{width:21px;height:19px;display:grid;place-items:center;background:#fff;font-size:8px;font-style:normal}.replica-qty b{width:20px;background:transparent}.replica-cart-total{margin-top:auto}.replica-drink-upsell{margin:0 0 10px;padding:10px 7px 9px;border-radius:11px;background:rgba(255,255,255,.52)}.replica-drink-title{margin-bottom:6px;display:flex;align-items:flex-end;justify-content:space-between}.replica-drink-title small{color:#777;font-size:5px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.replica-drink-title strong{font-size:8px;letter-spacing:.08em}.replica-drink-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:4px;gap:4px}.replica-drink-row article{min-width:0;text-align:center}.replica-drink-row article>div{position:relative;height:48px;display:flex;align-items:flex-end;justify-content:center}.replica-drink-row img{display:block;width:100%;height:47px;object-fit:contain}.replica-drink-row article>div i{position:absolute;right:0;bottom:0;width:17px;height:17px;display:grid;place-items:center;border:1px solid #f7f0e5;border-radius:50%;color:#fff;background:#111;font-size:12px;font-style:normal}.replica-drink-row article>b{min-height:16px;margin-top:4px;display:block;font-size:5px;line-height:1.15}.replica-drink-row article>span{display:block;color:#777;font-size:5px}.replica-drink-row article>strong{display:block;margin-top:2px;color:var(--case-orange);font-size:7px;line-height:1}.replica-cart-note{margin-bottom:9px;display:grid;grid-gap:5px;gap:5px;font-size:7px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.replica-cart-note>span{min-height:48px;padding:8px;border:1px solid #c8c0b4;border-radius:6px;color:#777;background:#fff;font-size:8px;font-weight:500;line-height:1.4;text-transform:none;letter-spacing:0}.replica-subtotal{display:flex;justify-content:space-between;font-size:12px}.replica-cart-total>small{margin:6px 0 9px;display:block;color:#777;font-size:7px}.replica-checkout{min-height:34px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;border-radius:99px;color:#fff;background:var(--case-orange);font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.06em}.replica-checkout b{font-size:11px}.static-portal-section{color:#fff;background:#101210}.static-portal-section .static-section-copy p{color:#929995}.portal-code-mockup{width:min(980px,100%);margin:auto;border:1px solid #30332f}.mock-portal{min-height:510px;padding:2.5rem;display:grid;grid-template-columns:.55fr 1fr;align-items:start;background:#090a09}.mock-portal>img{width:130px}.mock-portal-card{width:min(430px,100%);padding:2.5rem;color:#111;background:#f5ecdf;box-shadow:12px 12px 0 var(--case-orange)}.mock-portal-card>small{color:var(--case-orange);font-size:.5rem;font-weight:850;letter-spacing:.14em}.mock-portal-card h3{margin:.6rem 0 .5rem;font-size:2.2rem;letter-spacing:-.06em}.mock-portal-card p{margin:0 0 1.5rem;color:#656a66;font-size:.65rem}.mock-portal-card label{margin-top:.8rem;display:flex;flex-direction:column;gap:.4rem;font-size:.46rem;font-weight:850;letter-spacing:.1em}.mock-portal-card label span{height:42px;padding:.8rem;border:1px solid #c6bdb2;background:#fff;font-size:.55rem;font-weight:500;letter-spacing:0}.mock-portal-card>b{margin-top:1.3rem;padding:.85rem;display:block;text-align:center;border-radius:100px;color:#fff;background:var(--case-orange);font-size:.52rem;letter-spacing:.08em}.static-next{padding-top:6rem;padding-bottom:6rem}.portal-dashboard-browser{width:min(1180px,100%);margin:4rem auto 0;border:1px solid #30332f}.portal-showcase{--portal-orange:var(--case-orange);min-height:830px;padding:2.2rem;color:#fff;background:#0b0b0a}.portal-showcase .portal-header{max-width:none;margin:0 0 1.5rem;padding-bottom:1.4rem;display:grid;grid-template-columns:150px 1fr auto;align-items:center;grid-gap:1.5rem;gap:1.5rem;border-bottom:1px solid #ffffff20}.portal-showcase .portal-logo{width:125px}.portal-showcase .portal-logo img{width:100%;filter:brightness(0) invert(1)}.portal-showcase .portal-header small{color:var(--portal-orange);font-size:.46rem;font-weight:900;letter-spacing:.18em}.portal-showcase .portal-header h1{margin:.35rem 0 0;font-size:clamp(2rem,4vw,3.7rem);line-height:.9}.portal-showcase .portal-actions{display:flex;gap:.5rem}.portal-showcase button{min-height:40px;padding:0 .9rem;border:1px solid #ffffff40;color:#fff;background:#ffffff0d;font-size:.48rem;font-weight:850;letter-spacing:.06em}.portal-showcase .sound-on{border-color:var(--portal-orange);background:var(--portal-orange)}.portal-showcase .portal-control{margin-bottom:1rem;padding:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;border:1px solid #ffffff16;background:#171715}.portal-showcase .portal-control>div{display:grid;grid-gap:.25rem;gap:.25rem}.portal-showcase .portal-control small{color:#999;font-size:.42rem;font-weight:850;letter-spacing:.12em}.portal-showcase .portal-control strong{color:#57d27e;font-size:.72rem}.portal-showcase .portal-control span{color:#8d928e;font-size:.5rem}.portal-showcase .stop-orders{border-color:#a63d29;color:#ff9d78}.portal-showcase .portal-summary{margin-bottom:1rem;display:flex;align-items:stretch;gap:.7rem}.portal-showcase .portal-summary>div{min-width:155px;padding:.85rem 1rem;display:flex;align-items:center;gap:.7rem;border-left:3px solid var(--portal-orange);background:#171715}.portal-showcase .portal-summary b{color:var(--portal-orange);font-size:1.6rem}.portal-showcase .portal-summary span{font-size:.45rem;font-weight:850;letter-spacing:.08em}.portal-showcase .portal-summary button{margin-left:auto}.portal-demo-board{display:grid;grid-template-columns:minmax(0,620px)}.portal-showcase .order-card{position:relative;padding:1.4rem;overflow:hidden;border-radius:14px;color:#111;background:#f7f0e5}.portal-showcase .order-card:before{content:"";position:absolute;inset:0 0 auto;height:5px;background:var(--portal-orange)}.portal-showcase .order-card-head{padding-bottom:1rem;display:flex;justify-content:space-between;gap:1rem;border-bottom:1px solid #d6cec2}.portal-showcase .order-card-head small{color:#746e65;font-size:.46rem}.portal-showcase .order-card-head h2{margin:.3rem 0 0;font-size:1.8rem}.portal-showcase .order-card-head>strong{color:var(--portal-orange);font-size:1.2rem}.portal-showcase .test-order-badge{display:inline-flex;margin-top:.45rem;padding:.32rem .5rem;border-radius:99px;color:#fff;background:var(--portal-orange);font-size:.38rem;font-weight:900;letter-spacing:.1em}.portal-showcase .order-customer,.portal-showcase .order-type{padding:.8rem 0;display:flex;flex-direction:column;gap:.25rem;border-bottom:1px solid #d6cec2}.portal-showcase .order-customer a,.portal-showcase .order-type span{color:#625d55;font-size:.55rem}.portal-showcase .order-card ul{margin:0;padding:.8rem 0;list-style:none}.portal-showcase .order-card li{padding:.35rem 0;display:grid;grid-template-columns:30px 1fr auto;grid-gap:.3rem;gap:.3rem;font-size:.62rem}.portal-showcase .order-card li>b{color:var(--portal-orange)}.portal-showcase .order-note{padding:.75rem;border-left:3px solid var(--portal-orange);background:#fff;font-size:.55rem}.portal-showcase .order-note b{display:block;margin-bottom:.25rem;color:var(--portal-orange);font-size:.4rem;letter-spacing:.1em}.portal-showcase .notification-state{margin:.75rem 0;display:flex;gap:.45rem}.portal-showcase .notification-state span{padding:.32rem .5rem;border-radius:99px;color:#716b63;background:#ddd5ca;font-size:.38rem;font-weight:900}.portal-showcase .notification-state .ok{color:#20743c;background:#dff2e4}.portal-showcase .order-progress{margin:.75rem 0 .55rem;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:.3rem;gap:.3rem}.portal-showcase .order-progress span{padding:.48rem .25rem;text-align:center;color:#746e65;background:#ddd5ca;font-size:.38rem;font-weight:900}.portal-showcase .order-progress .done{color:#fff;background:#111}.portal-showcase .order-status-actions{display:grid;grid-template-columns:1fr 1fr;grid-gap:.4rem;gap:.4rem}.portal-showcase .order-status-actions button{border:0;background:#111}.portal-showcase .order-status-actions .finish-order{grid-column:1/-1;color:#555;border:1px solid #aaa;background:transparent}.portal-slider{width:min(780px,100%);margin:auto}.portal-slider-controls{margin-bottom:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem}.portal-slider-controls>div:first-child{display:flex;align-items:center;gap:1rem}.portal-slider-controls span{color:#747b77;font-size:.48rem;font-weight:850;letter-spacing:.16em}.portal-slider-controls b{color:var(--case-orange);font-size:.55rem;letter-spacing:.1em}.portal-slider-arrows{display:flex;gap:.45rem}.portal-slider-arrows button{width:42px;height:42px;display:grid;place-items:center;border:1px solid #4a4e4b;border-radius:50%;color:#fff;background:transparent;cursor:pointer;font-size:1.15rem;transition:.25s}.portal-slider-arrows button:hover:not(:disabled){color:#111;border-color:var(--case-orange);background:var(--case-orange)}.portal-slider-arrows button:disabled{opacity:.25;cursor:default}.portal-slider-viewport{height:620px;overflow:hidden;cursor:-webkit-grab;cursor:grab;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.portal-slider-viewport:active{cursor:-webkit-grabbing;cursor:grabbing}.portal-slider-track{height:100%;display:flex;transition:transform .72s cubic-bezier(.22,.8,.22,1)}.portal-slide{flex:0 0 100%;min-width:0;height:100%}.portal-slide>.code-browser{width:100%;height:100%;margin:0}.portal-slide .mock-portal,.portal-slide .portal-showcase{height:calc(100% - 28px);min-height:0}.portal-slide .mock-portal{align-items:center}.portal-slide .portal-dashboard-browser{border-color:#30332f}.portal-slide-dashboard .portal-showcase{width:151.286%;height:893px;zoom:.661}.case-site-story-window{position:relative;isolation:isolate;background:radial-gradient(circle at 18% 7%,#ff976c 0,transparent 24%),linear-gradient(90deg,#f8753f 0 50%,#f5f2ec 50% 100%)}.case-site-story-window:before{content:"";position:absolute;z-index:0;inset:0 50% 0 0;pointer-events:none;background:url(/grain.svg) repeat;background-size:118px 118px;opacity:.14;mix-blend-mode:soft-light}.case-site-story-window .home-code-mockup{position:relative;z-index:1}@media (max-width:900px){.case-site-story{grid-template-columns:1fr}.case-site-story-copy{position:relative;min-height:640px}.case-site-story-copy p{margin-top:auto}.case-site-story-window{padding:5vw}.case-site-story-window .original-code-window iframe{height:5200px}.static-section-copy{gap:2rem}.static-cart-section,.static-section-copy{grid-template-columns:1fr}.static-cart-copy{max-width:620px}.mock-home{height:500px}.mock-products{gap:.8rem}.mock-products h4{font-size:.78rem}.mock-products p{display:none}.mock-portal{grid-template-columns:1fr;gap:2rem}.mock-portal-card{margin:auto}}@media (max-width:650px){.project-page-static h2{font-size:13vw}.case-site-story-copy{min-height:600px;padding:5rem 8vw 4rem 12vw}.case-site-story-copy>span{left:1rem}.case-site-story-copy small{margin-bottom:2rem}.case-site-story-copy h2{font-size:13vw}.case-site-story-copy p{font-size:.72rem}.case-site-story-window{padding:4vw}.mock-home{height:430px}.mock-home-nav{height:76px;padding:0 1rem}.mock-home-nav>img{width:92px}.mock-contact{padding:.55rem .7rem}.mock-home-copy{bottom:15%}.mock-home-copy h3{font-size:8.5vw}.mock-home-copy b{min-width:110px;padding:.65rem .5rem;font-size:.4rem}.original-code-window iframe{height:5200px}.static-brief,.static-cart-section,.static-menu-section,.static-portal-section{padding-top:5rem;padding-bottom:5rem}.mock-menu{padding:1.5rem 1rem 2rem}.mock-menu-logo{width:65px}.mock-menu>h3{font-size:9vw}.mock-products{grid-template-columns:repeat(2,1fr);gap:1.5rem .8rem}.mock-products article:nth-child(n+3){display:none}.mock-products article>div{width:min(125px,100%)}.static-cart-section{padding-left:5vw;padding-right:5vw;gap:4rem}.orange-phone-stage{min-height:600px}.iphone-17-pro-max{width:min(280px,78vw)}.static-points{margin-top:2rem}.static-portal-section{padding-left:4vw;padding-right:4vw}.mock-portal{min-height:460px;padding:1.5rem 1rem 2rem}.mock-portal>img{width:90px}.mock-portal-card{padding:1.5rem}.mock-portal-card h3{font-size:1.8rem}.portal-slider-controls{align-items:center;flex-direction:row;gap:1rem}.portal-slider-controls>div:first-child{width:auto;flex-direction:column;align-items:flex-start;gap:.25rem}.portal-slider-arrows button{width:40px;height:40px}.portal-slider-viewport{height:760px}.portal-dashboard-browser{margin-top:0}.portal-showcase{min-height:0;padding:1rem}.portal-slide-dashboard .portal-showcase{width:131.58%;height:985px;zoom:.76}.portal-showcase .portal-header{grid-template-columns:85px 1fr;gap:.8rem}.portal-showcase .portal-logo{width:78px}.portal-showcase .portal-header h1{font-size:1.45rem}.portal-showcase .portal-actions{grid-column:1/-1}.portal-showcase .portal-actions button{flex:1 1}.portal-showcase .portal-control{align-items:stretch;flex-direction:column;gap:1rem}.portal-showcase .portal-summary{display:grid;grid-template-columns:1fr 1fr}.portal-showcase .portal-summary>div{min-width:0}.portal-showcase .portal-summary button{grid-column:1/-1;margin:0}.portal-showcase .order-status-actions{grid-template-columns:1fr}.portal-showcase .order-status-actions .finish-order{grid-column:auto}}.case-alternating-flow,.case-light-flow{position:relative;isolation:isolate;background:#e7e4de}.case-alternating-flow:before,.case-light-flow:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain-dark.svg) repeat;background-size:108px 108px;opacity:.34}.case-alternating-flow>*,.case-light-flow>*{position:relative;z-index:1}.case-site-story{position:relative;isolation:isolate;background:linear-gradient(90deg,#e9541f,#c73d13 40%,#7f2108 70%,transparent 0,transparent)}.case-site-story:before{content:"";position:absolute;z-index:0;inset:0 30% 0 0;pointer-events:none;background:url(/grain.svg) repeat;background-size:118px 118px;opacity:.14;mix-blend-mode:soft-light}.case-site-story:after{display:none}.case-site-story>*{z-index:2}.case-site-story-copy{background:transparent}.case-site-story-copy:after{display:none}.case-site-story-copy>span{font-size:.74rem;letter-spacing:.19em}.static-case-hero .project-hero-meta{max-width:780px;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem 3vw}.static-case-hero .project-hero-meta p{grid-column:1/-1}.case-clean-gap{min-height:clamp(180px,20vw,340px)}.case-menu-story{position:relative;isolation:isolate;display:grid;grid-template-columns:60% 40%;align-items:start;background:linear-gradient(90deg,transparent,transparent 30%,#701b06 0,#b9340e 60%,#e9541f)}.case-menu-story:after,.case-menu-story:before{content:"";position:absolute;z-index:0;inset-block:0;pointer-events:none;background-repeat:repeat;background-size:108px 108px}.case-menu-story:before{display:none}.case-menu-story:after{left:30%;right:0;background-image:url(/grain.svg);opacity:.11}.case-menu-story>*{z-index:1}.case-menu-story-window{min-width:0;padding:4vw 3vw 5vw}.case-menu-story-window .truck-menu-code-mockup{width:100%;max-width:100%;min-width:0}.huepf-product-code-window{border-color:#151514;border-radius:18px;background:#c9efff}.huepf-product-code-bar i:first-child{background:#ff5f57}.huepf-product-code-bar i:nth-child(2){background:#febc2e}.huepf-product-code-bar i:nth-child(3){background:#28c840}.huepf-product-code{grid-template-columns:62.5% 37.5%;min-height:0;aspect-ratio:1020/1356;color:#123d77;background:linear-gradient(90deg,#c9efff 0 62.5%,#e7f7fc 62.5% 100%);font-family:Arial,sans-serif}.huepf-product-code,.huepf-product-stage{position:relative;display:grid;overflow:hidden}.huepf-product-stage{min-width:0;place-items:center;background:#c9efff}.huepf-product-stage:before{content:"";position:absolute;width:58%;aspect-ratio:1;border-radius:50%;background:rgba(255,255,255,.56);filter:blur(42px)}.huepf-product-stage img{position:relative;z-index:1;display:block;width:102%;max-width:none;height:auto;object-fit:contain;transform:translate(-1%,4%)}.huepf-product-close{position:absolute;z-index:5;top:2.2%;left:47.5%;display:flex;align-items:center;gap:.55rem;padding:.35rem .75rem .35rem .4rem;border:1px solid;border-radius:999px;color:#123d77;background:rgba(255,255,255,.38);font-size:clamp(.32rem,.57vw,.58rem);pointer-events:none}.huepf-product-close span{width:clamp(18px,2vw,30px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;color:#c9efff;background:#123d77;font-size:clamp(.7rem,1.25vw,1.2rem);line-height:1}.huepf-product-info{min-width:0;padding:16% 8% 6%;overflow:hidden;background:#e7f7fc}.huepf-product-eyebrow{font-size:clamp(.31rem,.5vw,.52rem);font-weight:750;letter-spacing:.14em}.huepf-product-info h3{margin:5% 0 10%;color:#123d77;font-size:clamp(1.45rem,4.05vw,4rem);font-weight:900;letter-spacing:-.035em;line-height:.94}.huepf-product-info>p{margin:0;font-size:clamp(.42rem,.72vw,.72rem);font-weight:520;line-height:1.58}.huepf-product-price{margin:18% 0 12%;padding-top:7%;border-top:1px solid rgba(18,61,119,.55);display:grid;grid-template-columns:1fr auto;align-items:end}.huepf-product-price span{padding-bottom:.25rem;font-size:clamp(.28rem,.46vw,.48rem);font-weight:800;letter-spacing:.13em}.huepf-product-price strong{font-size:clamp(1.65rem,4vw,4rem);font-weight:500;letter-spacing:-.07em;line-height:.82}.huepf-product-service{margin-bottom:10%;padding:8%;border:1px solid rgba(18,61,119,.12);border-radius:clamp(10px,1.4vw,18px);background:rgba(255,255,255,.45)}.huepf-product-service>strong{display:block;margin-bottom:4%;font-size:clamp(.3rem,.49vw,.5rem);letter-spacing:.1em}.huepf-product-service p{margin:3% 0;font-size:clamp(.35rem,.58vw,.59rem);line-height:1.52}.huepf-product-service b{font-weight:800}.huepf-product-info dl{margin:0;border-top:1px solid rgba(18,61,119,.14)}.huepf-product-info dl div{display:flex;justify-content:space-between;gap:1rem;padding:5.6% 0;border-bottom:1px solid rgba(18,61,119,.14)}.huepf-product-info dt{font-size:clamp(.27rem,.43vw,.45rem);letter-spacing:.1em;opacity:.62}.huepf-product-info dd{margin:0;text-align:right;font-size:clamp(.35rem,.55vw,.57rem);font-weight:700}.case-menu-story-copy{background:transparent}.case-menu-story-copy>span{left:auto;right:1.35rem;transform:translateY(-50%)}.case-menu-story-copy h2 strong{color:#111}.case-cart-story{position:relative;isolation:isolate;display:grid;grid-template-columns:40% 60%;align-items:start;background:linear-gradient(90deg,#e9541f,#c73d13 40%,#7f2108 70%,transparent 0,transparent)}.case-cart-story:after,.case-cart-story:before{content:"";position:absolute;z-index:0;inset-block:0;pointer-events:none;background-repeat:repeat;background-size:108px 108px}.case-cart-story:before{left:0;width:70%;background-image:url(/grain.svg);opacity:.14;mix-blend-mode:soft-light}.case-cart-story:after{display:none}.case-cart-story>*{z-index:1}.case-cart-story-copy{background:transparent}.case-cart-story-copy h2 strong{color:#111}.case-cart-story-copy .static-points svg{color:#fff}.case-cart-story-window{min-width:0;min-height:125vh;padding:4vw 3vw 5vw}.case-cart-story .orange-phone-stage{width:100%;min-height:calc(125vh - 9vw);border-radius:0;overflow:visible;background:transparent}.case-cart-story .orange-phone-stage:before{display:none}.case-portal-story-windows{min-width:0;padding:4vw 3vw 5vw;display:grid;grid-gap:4rem;gap:4rem}.portal-desktop-preview{position:relative;width:min(560px,82%);min-width:0;margin-inline:auto;overflow:hidden}.portal-desktop-canvas{position:absolute;inset:0 auto auto 0;transform-origin:left top}.portal-desktop-canvas>.portal-code-mockup,.portal-desktop-canvas>.portal-dashboard-browser{width:100%;max-width:none;margin:0}.portal-desktop-canvas .mock-portal{min-height:1000px;padding:2.5rem;grid-template-columns:.55fr 1fr;align-items:center}.portal-desktop-canvas .portal-showcase{min-height:1100px;padding:2.2rem}.portal-desktop-canvas .portal-showcase .portal-header{grid-template-columns:105px minmax(0,1fr) auto;gap:1rem}.portal-desktop-canvas .portal-showcase .portal-logo{width:94px}.portal-desktop-canvas .portal-showcase .portal-header h1{font-size:2.45rem}.portal-desktop-canvas .portal-showcase .portal-actions{grid-column:auto;flex-wrap:nowrap}.portal-desktop-canvas .portal-showcase .portal-actions button{flex:none;white-space:nowrap}.portal-desktop-canvas .portal-showcase .portal-control{align-items:center;flex-direction:row}.portal-desktop-canvas .portal-showcase .portal-summary{display:flex}.portal-desktop-canvas .portal-showcase .portal-summary>div{min-width:128px}.portal-desktop-canvas .portal-showcase .portal-summary button{grid-column:auto;margin-left:auto}.portal-desktop-canvas .portal-showcase .order-status-actions{grid-template-columns:1fr 1fr}.portal-desktop-canvas .portal-showcase .order-status-actions .finish-order{grid-column:1/-1}.case-footer-transition{position:relative;isolation:isolate;overflow:visible;background:linear-gradient(180deg,var(--case-footer-start,var(--case-orange)) 0,#cb3e13 25%,var(--case-footer-mid,#701b06) 48%,var(--case-footer-deep,#250902) 68%,#0b0a09 84%,#060908 100%)}.case-footer-transition:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:108px 108px;opacity:.11;mix-blend-mode:normal}.case-footer-transition>*{position:relative;z-index:1}.case-footer-transition .case-portal-story{background:linear-gradient(90deg,#e7e4de,#e7e4de 30%,transparent 0,transparent)}.case-footer-transition .case-portal-story:before{display:block;left:0;right:70%;background-image:url(/grain-dark.svg);background-attachment:fixed;opacity:.34}.static-next{background:transparent}.case-footer-transition .project-next{color:#f5f7f6}.case-footer-transition .project-next a{border-color:rgba(245,247,246,.72)}.static-next:before{display:none}.case-portal-story:after{background-attachment:fixed;background-size:108px 108px;opacity:.11;mix-blend-mode:normal}.case-footer-transition .case-agency-footer:after,.case-footer-transition .case-portal-story:after,.case-footer-transition .static-next:after{display:none}.case-agency-footer{position:relative;isolation:isolate;min-height:clamp(760px,88vh,1040px);overflow:hidden;padding:clamp(24rem,32vw,34rem) 3.5vw 3rem;color:#f5f7f6;background:transparent}.case-agency-footer:after{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:108px 108px;opacity:.11;mix-blend-mode:normal}.case-agency-footer>*{position:relative;z-index:1}.case-footer-main{display:grid;grid-template-columns:minmax(320px,1fr) minmax(210px,.6fr) 150px 150px;align-items:start;grid-gap:4vw;gap:4vw}.case-footer-logo{display:block;width:min(560px,52vw)}.case-footer-logo img{display:block;width:100%;height:auto}.case-footer-group{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;color:#a7b0ac;font-size:.92rem}.case-footer-group>span{margin-bottom:.55rem;color:#59635f;font-size:.68rem;font-weight:750;letter-spacing:.15em}.case-footer-group a{transition:color .25s}.case-footer-group a:hover{color:#d7fff8}.case-footer-socials a{display:flex;align-items:center;gap:.65rem}.case-footer-socials svg{width:18px;height:18px;color:var(--case-footer-start,var(--case-orange));stroke-width:1.7}.case-footer-socials .social-icon-fill{fill:currentColor;stroke:none}.case-footer-end{margin-top:clamp(7rem,11vw,11rem);display:flex;align-items:center;justify-content:space-between;gap:2rem;color:#68726e;font-size:.72rem;letter-spacing:.11em}.case-footer-end a{color:#b5bfbb;transition:color .25s}.case-footer-end a:hover{color:var(--turquoise)}.static-menu-section{background:linear-gradient(145deg,#e9541f,#b9340e 58%,#701b06)}.static-menu-section:after{opacity:.11;mix-blend-mode:normal}.static-cart-section{background:linear-gradient(145deg,#ece2d4,#c5b5a1)}.orange-phone-stage{background:linear-gradient(145deg,#e9541f,#b9340e 58%,#701b06)}.orange-phone-stage:before{opacity:.11;mix-blend-mode:normal}.iphone-screen{left:2.8%;top:.8%;width:94.4%;height:98.4%;border-radius:13.5%/6%;-webkit-clip-path:none;clip-path:none}.iphone-status{position:absolute;inset:0 0 auto;height:50px;padding:16px 24px 0;color:#111;background:transparent;font-weight:750}.replica-cart-drawer{width:100%;height:100%;padding:58px 17px 16px;overflow:hidden}.case-site-story-window{background:transparent}.case-site-story-window:before{display:none}@media (max-width:900px){.static-case-hero .project-hero-meta{grid-template-columns:1fr 1fr}.static-case-hero .project-focus{grid-column:1/-1}.case-site-story{background:transparent}.case-site-story:after,.case-site-story:before{inset:0;display:none}.case-site-story-copy{background:linear-gradient(150deg,#e9541f,#b9340e 58%,#701b06)}.case-site-story-copy:after{display:block}.case-site-story-window{background:transparent}.case-site-story-window:before{display:none}.case-menu-story{grid-template-columns:1fr;background:transparent}.case-menu-story:after,.case-menu-story:before{display:none}.case-menu-story-copy{order:-1;background:linear-gradient(150deg,#e9541f,#b9340e 58%,#701b06)}.case-menu-story-copy:after{display:block}.case-menu-story-window{padding:5vw}.case-cart-story{grid-template-columns:1fr;background:transparent}.case-cart-story:after,.case-cart-story:before{display:none}.case-cart-story-copy{background:linear-gradient(150deg,#e9541f,#b9340e 58%,#701b06)}.case-cart-story-copy:after{display:block}.case-cart-story-window{min-height:0;padding:5vw}.case-cart-story .orange-phone-stage{min-height:680px}.case-cart-story .orange-phone-stage>span{color:#111}.case-portal-story-windows{padding:5vw;gap:2.5rem}}.case-footer-transition .case-portal-story-copy{background:transparent}.case-footer-transition .case-portal-story-copy:after{display:none}@media (max-width:900px){.case-footer-transition .case-portal-story{background:transparent}.case-footer-transition .case-portal-story:before{display:none}.case-agency-footer{min-height:900px;padding-left:6vw;padding-right:6vw}.case-footer-main{grid-template-columns:1fr 1fr;gap:4rem 2rem}.case-footer-logo{grid-column:1/-1;width:min(620px,88vw)}.case-footer-end{align-items:flex-start;flex-wrap:wrap}}@media (max-width:560px){.case-agency-footer{min-height:980px;padding-top:27rem}.case-footer-main{grid-template-columns:1fr;gap:3rem}.case-footer-logo{grid-column:auto;width:88vw;margin-bottom:1rem}.case-footer-end{margin-top:6rem;align-items:flex-start;flex-direction:column;line-height:1.6}}@media (max-width:650px){.case-clean-gap{min-height:120px}}.case-tablet-scroll-story .case-tablet-stack{gap:clamp(8rem,12vw,14rem);padding-block:clamp(3rem,6vw,7rem)}.case-tablet-scroll-copy{padding-top:10vh;padding-bottom:9vh}.case-tablet-scroll-copy h2{margin:0;font-size:clamp(3rem,4.75vw,5.25rem)}.case-tablet-scroll-copy .case-tablet-general-copy{max-width:440px;margin:2.25rem 0 0;color:rgba(255,255,255,.7);font-size:clamp(.82rem,1vw,.96rem);line-height:1.65}.case-tablet-active-copy{margin-top:auto;padding-top:clamp(2rem,3vw,3.2rem);animation:case-tablet-copy-in .16s cubic-bezier(.2,.8,.2,1) both}.case-tablet-active-copy h3{max-width:520px;margin:0 0 1rem;font-size:clamp(1.8rem,2.55vw,3rem);line-height:1.02;letter-spacing:-.048em}.case-tablet-active-copy p{max-width:500px;margin:0;color:rgba(255,255,255,.76);font-size:clamp(.82rem,1vw,.96rem);line-height:1.65}.case-tablet-mobile-caption{display:none}@keyframes case-tablet-copy-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:900px){.portfolio-case.portfolio-case-goldcut .case-cart-story,.portfolio-case.portfolio-case-goldcut .case-footer-transition .case-portal-story,.portfolio-case.portfolio-case-goldcut .case-menu-story,.portfolio-case.portfolio-case-goldcut .case-site-story,.portfolio-case.portfolio-case-huepfburgen .case-cart-story,.portfolio-case.portfolio-case-huepfburgen .case-footer-transition .case-portal-story,.portfolio-case.portfolio-case-huepfburgen .case-menu-story,.portfolio-case.portfolio-case-huepfburgen .case-site-story{background:transparent}.case-tablet-scroll-copy{min-height:620px;padding-top:5rem;padding-bottom:4rem}.case-tablet-scroll-copy .case-tablet-active-copy{display:none}.case-tablet-scroll-story .case-tablet-stack{gap:clamp(5rem,14vw,8rem)}.case-tablet-mobile-caption{display:block;width:min(760px,94%);margin:1.5rem auto 0;padding-top:.75rem;color:#f5f6f3}.case-tablet-mobile-caption h3{margin:0 0 .75rem;font-size:clamp(1.65rem,6vw,2.5rem);line-height:1.04;letter-spacing:-.045em}.case-tablet-mobile-caption p{max-width:650px;margin:0;color:rgba(255,255,255,.72);font-size:.88rem;line-height:1.65}}@media (prefers-reduced-motion:reduce){*,:after,:before{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.word-current .word-letter{opacity:1!important;transform:none!important;filter:none!important}}.menu-button{font-size:1rem}.mobile-menu a span{font-size:.68rem}.hero-scroll-cue span{font-size:.78rem}.section-label{font-size:.72rem}.home-section-rail span{font-size:.9rem}.services-heading>p{width:min(430px,100%);font-size:1rem}.service-top{font-size:.72rem}.service-detail>p{font-size:.98rem}.service-tags span{font-size:.62rem}.cases-head>p{width:min(430px,100%);font-size:.96rem}.case-info>span{font-size:.7rem}.case-meta{font-size:.66rem}.case-idea{font-size:.9rem}.case-services span{font-size:.58rem}.testimonial-copy strong{font-size:.96rem}.testimonial-copy span{font-size:.72rem}.testimonial-controls span{font-size:.68rem}.contact-eyebrow{font-size:.72rem}.contact-row p{font-size:.92rem}.footer-column{font-size:.86rem}.footer-column span{font-size:.64rem}.footer-bottom{font-size:.68rem}.project-back{font-size:.82rem}.project-hero-meta p{font-size:.96rem}.project-hero-meta span{font-size:.62rem}.project-hero-meta b{font-size:.82rem}.case-brand-story>p,.case-site-story-copy p{font-size:.94rem}.case-brand-facts small{font-size:.58rem}.case-brand-facts b{font-size:.72rem}.static-points span{font-size:.78rem}.project-next p{font-size:.7rem}@media (max-width:650px){.menu-button{font-size:.92rem}.hero-scroll-cue span{font-size:.66rem}.home-section-rail span{font-size:.78rem}.case-brand-story>p,.case-site-story-copy p,.cases-head>p,.service-detail>p,.services-heading>p{font-size:.92rem}.case-idea,.contact-row p{font-size:.88rem}.project-back{font-size:.72rem}.project-hero-meta p{font-size:.9rem}.footer-column{font-size:.92rem}.footer-bottom{font-size:.7rem;line-height:1.6}}.services-showcase{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.72fr);align-items:start;grid-gap:4vw;gap:4vw}.services-showcase .service-card{min-height:330px;grid-template-columns:64px minmax(0,1fr) 30px;grid-template-rows:auto auto;align-content:center;gap:1.5rem 2rem;outline:0}.services-showcase .service-top{grid-column:1;grid-row:1/3}.services-showcase .service-card h3{grid-column:2;grid-row:1}.services-showcase .service-detail{grid-column:2;grid-row:2}.services-showcase .service-arrow{grid-column:3;grid-row:1/3;align-self:center}.services-showcase .service-card.is-active,.services-showcase .service-card:hover{padding-left:1.2rem;padding-right:1.2rem;background:transparent}.service-mobile-visual{display:none}.services-visual-stage{position:-webkit-sticky;position:sticky;top:12vh;height:min(76vh,760px);min-height:590px;overflow:visible;background:transparent}.services-visual-layer{position:absolute;inset:0;opacity:0;transform:scale(1.025);transition:opacity .65s ease,transform 1s cubic-bezier(.2,.7,.2,1)}.services-visual-layer.is-active{opacity:1;transform:scale(1)}.capability-motion{position:relative;width:100%;height:100%;overflow:visible;color:#e9eeeb;background:transparent}.cap-motion-kicker{position:absolute;z-index:5;left:7%;top:6%;display:flex;gap:.8rem;color:#747f7b;font-size:.58rem;font-weight:800;letter-spacing:.15em}.cap-motion-kicker span{color:var(--turquoise)}.cap-web-frame{container-type:inline-size;position:absolute;left:50%;top:15%;width:86%;height:65%;overflow:hidden;border:1px solid rgba(207,255,247,.4);border-radius:14px;background:rgba(11,17,15,.88);box-shadow:0 35px 70px rgba(0,0,0,.38);transform:translateX(-50%);animation:cap-web-morph 9s cubic-bezier(.65,0,.25,1) infinite}.cap-web-bar{height:36px;padding:0 12px;display:flex;align-items:center;gap:6px;border-bottom:1px solid rgba(255,255,255,.1);background:#171e1c}.cap-web-bar i{width:6px;height:6px;border-radius:50%;background:#66716d}.cap-web-bar span{margin-left:auto;color:#69736f;font-size:.48rem;letter-spacing:.1em}.cap-web-layout{height:calc(100% - 36px);display:grid;grid-template-columns:21% 1fr;transition:grid-template-columns .7s}.cap-web-layout aside{padding:18px 14px;display:flex;flex-direction:column;gap:16px;background:#0c1210}.cap-web-layout aside b{color:var(--turquoise);font-size:1rem}.cap-web-layout aside i{width:65%;height:3px;border-radius:4px;background:#42504b}.cap-web-main{min-width:0;padding:8%;display:flex;flex-direction:column}.cap-web-nav{display:flex;justify-content:space-between}.cap-web-nav i{width:24%;height:4px;background:#58635f}.cap-web-nav i:last-child{width:12%;background:var(--turquoise)}.cap-web-hero{margin-top:12%;display:grid;grid-gap:12px;gap:12px}.cap-web-hero span{width:72%;height:clamp(34px,10cqw,82px);background:linear-gradient(90deg,#edf0ec 0 62%,var(--turquoise) 62%)}.cap-web-hero b{width:45%;height:5px;background:#54605c}.cap-web-grid{margin-top:auto;display:grid;grid-template-columns:repeat(3,1fr);grid-gap:7px;gap:7px}.cap-web-grid i{aspect-ratio:1.3;border:1px solid #37413e;background:linear-gradient(145deg,#1b2522,#101614)}.cap-breakpoints{position:absolute;left:8%;right:8%;bottom:10%;display:flex;align-items:center;gap:.7rem;color:#69736f;font-size:.48rem;letter-spacing:.1em}.cap-breakpoints i{flex:1 1;height:1px;background:#32403b}@container (max-width: 360px){.cap-web-layout{grid-template-columns:1fr}.cap-web-layout aside{display:none}.cap-web-grid{grid-template-columns:1fr}.cap-web-grid i:nth-child(n+2){display:none}.cap-web-hero span{width:92%}}@keyframes cap-web-morph{0%,22%,to{width:86%}38%,60%{width:61%}72%,88%{width:38%}}.cap-motion-platform{background:transparent}.cap-flow-lines{position:absolute;inset:10% 5% 8%;width:90%;height:82%;overflow:visible}.cap-flow-lines path{fill:none;stroke:#35433f;stroke-width:.45;stroke-dasharray:2 2;vector-effect:non-scaling-stroke}.cap-flow-lines circle{fill:var(--turquoise);filter:drop-shadow(0 0 6px var(--turquoise))}.cap-flow-node{position:absolute;z-index:2;width:37%;padding:1rem;display:grid;grid-gap:.28rem;gap:.28rem;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(18,25,23,.9);box-shadow:0 18px 35px rgba(0,0,0,.22);animation:cap-node-pulse 5.5s ease-in-out infinite}.cap-flow-node small{color:var(--turquoise);font-size:.5rem;font-weight:800}.cap-flow-node b{font-size:.72rem;letter-spacing:.08em}.cap-flow-node span{color:#77817d;font-size:.58rem}.cap-flow-node.node-a{left:7%;top:14%}.cap-flow-node.node-b{right:7%;top:34%;animation-delay:1.3s}.cap-flow-node.node-c{right:7%;top:62%;animation-delay:2.7s}.cap-flow-node.node-d{left:18%;bottom:17%;animation-delay:4s}.cap-system-status{position:absolute;z-index:3;left:7%;bottom:6%;display:flex;align-items:center;gap:.55rem;color:#7d8884;font-size:.52rem;letter-spacing:.1em}.cap-system-status i{width:7px;height:7px;border-radius:50%;background:var(--turquoise);box-shadow:0 0 14px var(--turquoise)}.cap-system-status b{margin-left:.5rem;color:#d8e1de}@keyframes cap-node-pulse{0%,72%,to{border-color:rgba(255,255,255,.12);transform:translateY(0)}82%{border-color:rgba(69,223,199,.65);transform:translateY(-4px)}}.cap-motion-marketing{background:transparent}.cap-campaign-lines{position:absolute;inset:10%;width:80%;height:80%}.cap-campaign-lines path{fill:none;stroke:#3b4945;stroke-width:.55;stroke-dasharray:2.5 2;vector-effect:non-scaling-stroke;animation:cap-line-flow 8s linear infinite}.cap-brand-core{position:absolute;z-index:3;left:50%;top:49%;width:130px;aspect-ratio:1;padding:1rem;display:grid;place-items:center;border:1px solid rgba(69,223,199,.5);border-radius:50%;background:#0c1412;box-shadow:0 0 60px rgba(69,223,199,.12);transform:translate(-50%,-50%)}.cap-brand-core i{width:34px;height:34px;border-radius:50%;background:var(--turquoise)}.cap-brand-core b{font-size:.65rem;letter-spacing:.1em}.cap-brand-core span{color:#6d7975;font-size:.45rem;letter-spacing:.12em}.cap-format{position:absolute;z-index:2;padding:.8rem;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#151c1a;box-shadow:0 18px 38px rgba(0,0,0,.28);animation:cap-format-float 6s ease-in-out infinite}.cap-format small{position:relative;z-index:2;color:#98a39f;font-size:.48rem;font-weight:800;letter-spacing:.12em}.cap-format b,.cap-format i{position:absolute;display:block}.cap-format i{width:44%;aspect-ratio:1;right:8%;bottom:9%;border-radius:50%;background:var(--turquoise)}.cap-format b{left:8%;right:8%;bottom:9%;height:10%;background:#f1eee8}.format-web{left:6%;top:15%;width:41%;height:22%;border-radius:10px}.format-social{right:7%;top:13%;width:27%;aspect-ratio:1;border-radius:10px;animation-delay:-1.5s}.format-social i{background:#f06b45}.format-campaign{right:5%;bottom:10%;width:35%;height:28%;border-radius:10px;animation-delay:-3s}.format-campaign b{height:42%;background:linear-gradient(90deg,#e9e5dc 0 68%,#f06b45 68%)}.format-content{left:8%;bottom:12%;width:28%;height:25%;border-radius:10px;animation-delay:-4.5s}.format-content i{border-radius:0;background:linear-gradient(145deg,#194b43,var(--turquoise))}@keyframes cap-format-float{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-7px) rotate(.5deg)}}@keyframes cap-line-flow{to{stroke-dashoffset:-20}}@media (max-width:1050px){.services-showcase{grid-template-columns:1fr}.services-visual-stage{display:none}.services-showcase .service-card{min-height:0;grid-template-columns:64px minmax(0,1fr) 28px;grid-template-rows:auto auto auto;padding-top:3rem;padding-bottom:3rem}.services-showcase .service-top{grid-row:1/4}.services-showcase .service-card h3{grid-row:1}.service-mobile-visual{position:relative;grid-column:2/4;grid-row:2;display:block;width:100%;aspect-ratio:16/10;overflow:visible}.service-mobile-visual .capability-motion{position:absolute;inset:0}.services-showcase .service-detail{grid-row:3}.services-showcase .service-arrow{grid-row:1;align-self:center}}@media (max-width:650px){.services-heading h2{font-size:clamp(2.85rem,11.7vw,3.15rem);line-height:.86;letter-spacing:-.07em}.services-heading h2 em{font-size:.94em}.services-showcase .service-card{position:relative;display:block;min-height:0;padding:2.6rem 0}.services-showcase .service-card.is-active,.services-showcase .service-card:hover{padding-left:0;padding-right:0}.services-showcase .service-top{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:1rem}.services-showcase .service-top svg{width:22px;height:22px}.services-showcase .service-card h3{margin:1.5rem 2.5rem 0 0;font-size:clamp(2.55rem,12vw,4rem)}.service-mobile-visual{width:100%;margin:2rem 0 2.25rem;aspect-ratio:1.2}.services-showcase .service-detail{margin:0}.services-showcase .service-detail>p{max-width:34rem;margin-bottom:1.4rem}.services-showcase .service-arrow{position:absolute;top:2.6rem;right:0;width:22px;height:22px}.services-showcase .service-tags{gap:.5rem}.services-showcase .service-tags span{padding:.52rem .65rem}.service-mobile-visual .cap-motion-kicker{left:2%;top:3%}.service-mobile-visual .cap-web-frame{top:12%;height:68%}.service-mobile-visual .cap-flow-node{padding:.7rem}.service-mobile-visual .cap-brand-core{width:105px}}.services-title-enter.reveal{display:block;opacity:1;transform:none;perspective:700px}.services-title-letter{display:inline-block;opacity:0;transform-origin:center top}.services-title-enter.is-visible .services-title-letter{animation:services-title-letter-in .52s cubic-bezier(.2,.75,.2,1) both;animation-delay:calc(var(--letter) * 45ms)}@keyframes services-title-letter-in{0%{opacity:0;transform:translateY(-.65em) rotateX(-65deg);filter:blur(4px)}to{opacity:1;transform:none;filter:blur(0)}}.mobile-menu a{grid-template-columns:1fr auto}.services-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(2.5rem,5vw,6rem);gap:clamp(2.5rem,5vw,6rem);border:0}.services-list>.reveal{min-width:0;height:100%}.services-list .service-card,.services-list .service-card.is-active,.services-list .service-card:hover{position:relative;isolation:isolate;width:100%;height:100%;min-height:390px;padding:2.4rem 2.2rem;display:flex;flex-direction:column;align-items:flex-start;gap:0;overflow:hidden;border:0;border-radius:18px;background:linear-gradient(145deg,rgba(27,40,36,.78),rgba(14,22,20,.72));transform:none;transition:none}.services-list .service-card:before{content:"";position:absolute;z-index:0;inset:0;pointer-events:none;background:url(/grain.svg) repeat;background-size:108px 108px;opacity:.13;mix-blend-mode:soft-light}.services-list .service-card>*{position:relative;z-index:1}.services-list .service-card:hover{transform:none}.services-list .service-top{min-height:0;margin-bottom:clamp(3rem,5vw,5rem);display:block;color:var(--turquoise)}.services-list .service-top svg{width:38px;height:38px;stroke-width:1.25}.services-list .service-card h3{width:100%;min-width:0;margin:0 0 2rem;max-width:100%;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;font-size:clamp(2.35rem,2.8vw,3.55rem);line-height:.9;letter-spacing:-.065em}.services-list .service-detail{margin-top:auto}.services-list .service-detail>p{max-width:390px;margin:0 0 1.8rem;color:#929d99;font-size:1rem;line-height:1.7}.services-list .service-tags{gap:.45rem 0}.services-list .service-tags span{padding:0;display:inline-flex;align-items:center;border:0;border-radius:0;color:#717d79;font-size:.68rem;letter-spacing:.11em}.services-list .service-tags span:not(:last-child):after{content:"·";margin:0 .7rem;color:var(--turquoise)}.case-info{grid-template-columns:minmax(0,1fr) auto}@media (max-width:1000px){.services-list{grid-template-columns:1fr;gap:1rem}.services-list .service-card,.services-list .service-card.is-active,.services-list .service-card:hover{min-height:0;padding:2.75rem 2rem;display:grid;grid-template-columns:48px minmax(0,1fr);grid-column-gap:1.5rem;column-gap:1.5rem;transform:none}.services-list .service-top{grid-column:1;grid-row:1/3;margin:.25rem 0 0}.services-list .service-card h3{grid-column:2;margin-bottom:1.5rem}.services-list .service-detail{grid-column:2;margin:0}}@media (max-width:650px){.services-list .service-card,.services-list .service-card.is-active,.services-list .service-card:hover{padding:2.4rem 1.4rem;display:flex}.services-list .service-top{margin:0 0 2.2rem}.services-list .service-top svg{width:32px;height:32px}.services-list .service-card h3{margin:0 0 1.4rem;font-size:clamp(2.45rem,11vw,3.35rem)}.services-list .service-detail>p{margin-bottom:1.5rem;font-size:.94rem}.services-list .service-tags span{font-size:.62rem}.case-info{grid-template-columns:minmax(0,1fr) auto}}.case-device-live-viewport,.case-device-live-viewport *,.original-site-embed,.original-site-embed *,.wayloo-motion-preview,.wayloo-motion-preview *{pointer-events:none!important}.case-device-live-viewport:after,.original-site-viewport:after,.wayloo-motion-preview:after{content:"";position:absolute;inset:0;z-index:10;pointer-events:auto}.portfolio-case-goldcut{--case-shadow:#26231f}.portfolio-case .case-site-story{background:linear-gradient(90deg,var(--case-deep) 0,var(--case-shadow,#080b0a) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-menu-story{background:linear-gradient(90deg,transparent 0,transparent 30%,var(--case-shadow,#080b0a) 30%,var(--case-deep) 100%)}.portfolio-case .case-cart-story{background:linear-gradient(90deg,var(--case-deep) 0,var(--case-shadow,#080b0a) 70%,transparent 70%,transparent 100%)}.portfolio-case .case-cart-story:before,.portfolio-case .case-menu-story:after,.portfolio-case .case-site-story:before{opacity:.16}@media (max-width:900px){.portfolio-case .case-cart-story-copy,.portfolio-case .case-menu-story-copy,.portfolio-case .case-site-story-copy{background:linear-gradient(150deg,var(--case-deep) 0,var(--case-shadow,#080b0a) 100%)}}.portfolio-case .case-menu-story-copy h2 strong{color:#fff}.portfolio-case .case-footer-transition{background:linear-gradient(180deg,#080b0a 0,var(--case-deep) 58%,#060908 100%)}.portfolio-case .case-footer-transition .case-portal-story{background:linear-gradient(90deg,#e7e4de,#e7e4de 30%,transparent 0,transparent)}