:root{--paper:#f3f6f7;--white:#ffffff;--ink:#172d45;--muted:#5d7080;--lime:#80d4c9;--line:#d5e0e6;--soft:#e8f1f3;--blue:#e0eef3;--max:1280px}
    *{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}svg{display:block}h1,h2,h3,p{margin:0}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #2d5a7f;outline-offset:5px}::selection{background:var(--lime);color:var(--ink)}.container{width:min(var(--max),calc(100% - 96px));margin:auto}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--lime);padding:10px 18px}.skip:focus{top:10px}.section{padding:108px 0}.eyebrow{display:flex;gap:9px;align-items:center;font-size:0.75rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;line-height:1.5}.eyebrow::before{content:'';width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}h2{font-size:clamp(2.25rem,4.25vw,3.6875rem);font-weight:500;letter-spacing:-2.7px;line-height:1.08}h3{font-size:1.625rem;line-height:1.2;font-weight:500;letter-spacing:-.9px}.button{display:inline-flex;align-items:center;justify-content:center;gap:27px;border:1px solid transparent;border-radius:12px;padding:16px 24px;font-size:0.875rem;font-weight:700;line-height:1.3;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--ink);color:var(--white)}.button-primary:hover{background:#244761}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:#a6e4dc}.button-outline{border-color:#b3c4c8;background:none;color:var(--ink)}.arrow{width:19px;height:19px;flex-shrink:0}.text-link{display:inline-flex;align-items:center;gap:18px;font-size:0.875rem;font-weight:700;padding:7px 0;border-bottom:1px solid currentColor}.text-link:hover{color:#2b5578}.round-button{display:grid;place-items:center;border:1px solid #67888f;width:43px;height:43px;border-radius:50%;background:none;color:inherit;flex-shrink:0}.round-button:hover{background:var(--lime);color:var(--ink);border-color:var(--lime)}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:21px}.section-heading>p{font-size:0.875rem;color:var(--muted);max-width:350px}.tag{display:inline-block;border:1px solid #c4d2d3;border-radius:100px;padding:5px 11px;font-size:0.75rem;line-height:1.4}.tags{display:flex;gap:7px;flex-wrap:wrap}
    .site-header{position:sticky;top:0;z-index:40;background:#f3f6f7f2;backdrop-filter:blur(15px);border-bottom:1px solid #dddccf}.nav{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:12px}.brand-icon{width:43px;height:43px;flex-shrink:0}.brand-wordmark{font-family:var(--font-body);font-size:1.3125rem;font-weight:700;line-height:1.05;letter-spacing:-.7px}.brand-wordmark span{display:block;font-size:0.75rem;font-weight:700;letter-spacing:.35px;margin-top:6px;color:#3c6071;white-space:nowrap}.nav-links{display:flex;align-items:center;gap:32px;font-size:0.875rem}.nav-links>a:not(.button){padding:12px 0}.nav-links>a:hover{color:#3c6071}.nav-links .button{padding:13px 21px;font-size:0.875rem}.nav-links .button:hover{color:white}.menu-button{display:none;background:none;border:1px solid var(--line);border-radius:100px;padding:8px 13px;font-size:0.875rem;color:var(--ink)}
    .hero{padding:65px 0 62px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:63px;align-items:center}.hero-copy{padding:10px 0 22px}.hero .eyebrow{font-size:0.75rem;letter-spacing:1.25px;margin-bottom:29px}.hero h1{font-size:clamp(3.6875rem,6.1vw,5.375rem);line-height:1.02;letter-spacing:-4.7px;font-weight:500}.hero h1 em{font-family:inherit;font-weight:650;letter-spacing:-4.4px;font-style:normal;display:inline-block;position:relative}.hero h1 em::after{content:'';height:12px;left:1px;right:2px;bottom:5px;position:absolute;background:var(--lime);z-index:-1;border-radius:3px}.hero-description{font-size:1rem;line-height:1.85;color:var(--muted);max-width:460px;margin:28px 0 24px}.hero-description strong{color:var(--ink);font-weight:500}.hero-person{display:flex;gap:12px;align-items:center;margin-top:32px}.hero-person .brand-icon{width:45px;height:45px;flex:none}.hero-person p{font-size:0.875rem;line-height:1.7;color:var(--muted)}.hero-person b{display:block;font-size:0.875rem;color:var(--ink)}.hero-art{position:relative;min-width:0;width:100%;max-width:460px;margin-left:auto;padding:0 0 23px 13px}.hero-photo{width:100%;height:470px;object-fit:cover;object-position:50% 57%;border-radius:28px}.hero-orbit{position:absolute;top:8px;right:-23px;width:102px;height:102px;border-radius:50%;background:var(--lime);display:grid;place-items:center;transform:rotate(10deg);border:7px solid var(--paper);box-shadow:0 5px 20px #1c2a350a}.hero-orbit svg{width:53px;height:53px}.hero-card{position:absolute;bottom:2px;left:-18px;width:228px;padding:16px 18px;background:var(--white);border:1px solid #cdd8d9;border-radius:17px;box-shadow:0 12px 38px #24333f20;transform:rotate(-4deg)}.hero-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:10px}.hero-card-top small{font-size:8px;color:#65858b}.mini-mark{height:28px;width:28px}.hero-card b{font-weight:500;font-size:17px;line-height:1.3;display:block;letter-spacing:-.6px}.hero-card-bottom{display:flex;justify-content:space-between;align-items:center;font-size:9px;margin-top:16px;border-top:1px solid #dbe4e4;padding-top:11px;color:#648389}.hero-promises{display:flex;gap:18px;flex-wrap:wrap;font-size:0.875rem;color:var(--muted);margin-top:26px}.hero-promises span::before{content:'✓';margin-right:5px;color:#3c6071}
    .project-strip{border-block:1px solid var(--line);padding:26px 0;display:grid;grid-template-columns:.85fr 1fr 1fr 1fr;gap:28px;align-items:center}.project-strip-label{font-size:0.875rem;line-height:1.6;color:var(--muted)}.project-strip-label b{display:block;color:var(--ink);font-weight:500}.project-brand{display:flex;align-items:center;justify-content:center;min-height:64px;position:relative;padding:8px 14px;border-radius:10px}.project-brand:hover{background:#e3ebec}.project-brand img{object-fit:contain;width:205px;max-height:44px}.project-brand.ramona img{width:90px;max-height:68px}.project-brand.pier img{width:155px;max-height:51px}.project-brand .brand-caption{position:absolute;bottom:-8px;font-size:0.875rem;color:var(--muted);text-transform:uppercase;letter-spacing:.8px}
    .intro-grid{display:grid;grid-template-columns:1fr .83fr;gap:85px;align-items:center}.intro-copy .eyebrow{margin-bottom:23px}.intro-copy>p:not(.eyebrow){font-size:0.9375rem;line-height:1.85;color:var(--muted);margin-top:25px;max-width:470px}.intro-photo{position:relative}.intro-photo>img{width:100%;aspect-ratio:1.15;object-fit:cover;border-radius:24px}.photo-caption{position:absolute;bottom:17px;left:17px;background:#ffffffe8;padding:10px 13px;border-radius:100px;font-size:0.875rem;display:flex;align-items:center;gap:8px}.photo-caption i{width:6px;height:6px;border-radius:50%;background:#3c6071}.audiences{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.value-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:55px}.value-card{background:#e6f1f3;border:1px solid #d3e0e1;border-radius:20px;padding:27px}.value-card:nth-child(2){background:#e9eef1;border-color:#d6e1e5}.value-card:nth-child(3){background:#d8f0ee;border-color:#b9d8da}.value-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.value-head span{font-family:Consolas,monospace;font-size:0.875rem;color:#5a767c}.value-head svg{width:30px;height:30px;stroke:var(--ink);fill:none;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.value-card h3{font-size:1.6875rem}.value-card p{font-size:0.875rem;color:#4f696e;line-height:1.8;margin-top:15px;max-width:330px}
    .services{padding-top:10px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.service-card{min-width:0}.service-art{height:255px;border-radius:20px;overflow:hidden;position:relative;padding:26px}.web-art{background:#e0e7e8}.web-browser{background:var(--white);border-radius:9px;border:1px solid #c3d1d2;box-shadow:0 14px 35px #2433401a;transform:rotate(-5deg);overflow:hidden;height:205px;width:95%;margin:10px auto 0}.browser-bar{background:#fbfdfd;height:25px;border-bottom:1px solid #dbe4e4;display:flex;align-items:center;justify-content:space-between;padding:0 11px;font-size:7px;color:#78979d}.browser-dots{display:flex;gap:4px}.browser-dots i{width:4px;height:4px;border-radius:50%;background:#c6d3d4}.service-web-page{display:grid;grid-template-columns:.9fr 1fr;padding:18px 15px;gap:16px;height:155px}.service-web-page .picture{border-radius:7px;overflow:hidden}.service-web-page .picture img{width:100%;height:100%;object-fit:cover}.wireframe-line{height:4px;width:90%;margin:7px 0;background:#d9e3e4;border-radius:2px}.wireframe-line.short{width:55%}.wireframe-title{margin-top:16px;font-family:var(--font-body);font-size:21px;line-height:1.1;letter-spacing:-.6px}.wireframe-cta{height:16px;width:65px;background:var(--ink);border-radius:3px;margin-top:14px}.service-phone{position:absolute;bottom:18px;right:22px;width:76px;height:147px;border-radius:14px;background:#172d45;border:4px solid #172d45;box-shadow:0 12px 23px #122b3533;overflow:hidden;transform:rotate(6deg)}.service-phone::before{content:'';position:absolute;top:0;left:20px;width:28px;height:5px;background:#172d45;border-radius:0 0 5px 5px;z-index:1}.service-phone img{width:100%;height:100%;object-fit:cover}.booking-art{background:#dfe9ec}.calendar-card{width:93%;margin:auto;background:var(--white);border:1px solid #d1dcdc;border-radius:13px;box-shadow:0 16px 30px #2d565417;transform:rotate(4deg);padding:20px}.calendar-card-head{font-size:11px;display:flex;justify-content:space-between;margin-bottom:16px}.calendar-card-head span{font-size:8px;color:#708181}.calendar-graphic{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.calendar-graphic span{border-radius:6px;text-align:center;padding:7px 2px;font-size:8px;color:#8b9993;background:#eaf0f1}.calendar-graphic b{display:block;font-size:14px;font-weight:500;color:var(--ink);margin-top:4px}.calendar-graphic .chosen{background:var(--lime);color:var(--ink)}.calendar-times{display:flex;gap:5px;margin-top:15px}.calendar-times span{font-size:8px;border:1px solid #d1dadb;border-radius:4px;padding:5px 7px;flex:1;text-align:center}.calendar-times span:nth-child(2){background:var(--ink);color:white;border-color:var(--ink)}.calendar-bubble{position:absolute;bottom:21px;left:21px;background:#ffffff;padding:11px 13px;display:flex;gap:9px;align-items:center;border-radius:9px;font-size:9px;box-shadow:0 6px 21px #1b454b15;transform:rotate(-5deg)}.calendar-bubble>span{width:24px;height:24px;display:grid;place-items:center;border-radius:50%;background:var(--lime);font-size:13px}.automation-art{background:#d8f0ee;display:flex;justify-content:center;align-items:center}.automation-art::before,.automation-art::after{content:'';position:absolute;border:1px solid #97bdc5;border-radius:50%;width:200px;height:200px;transform:rotate(25deg)}.automation-art::after{width:270px;height:100px}.automation-nodes{z-index:1;position:relative;display:flex;align-items:center;gap:8px;transform:rotate(-6deg)}.automation-node{width:76px;height:97px;background:var(--white);border:1px solid #bcd2d4;border-radius:13px;box-shadow:0 10px 20px #1a2a371a;text-align:center;padding:18px 8px 9px}.automation-node:nth-of-type(3){background:var(--ink);color:var(--lime);margin-top:36px}.automation-node svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.5;margin:0 auto 12px}.automation-node span{font-size:8px}.node-connector{font-size:15px;color:#4caea8}.service-info{padding:26px 5px 0}.service-info .eyebrow{font-size:0.75rem;margin-bottom:13px;color:#5c7a80}.service-info h3{font-size:1.75rem}.service-info p{font-size:0.875rem;line-height:1.85;color:var(--muted);margin:16px 0 20px;min-height:95px}.service-info .text-link{border-color:#b1c3c6;font-size:0.875rem}.art-label{position:absolute;bottom:8px;right:12px;font-size:0.75rem;color:#64848a}.services-foot{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--line);padding-top:26px;margin-top:43px;font-size:0.875rem;color:var(--muted)}.services-foot b{color:var(--ink);font-weight:500}
    .projects{background:var(--ink);border-radius:33px;margin:0 18px;padding:91px 0 78px;color:var(--paper)}.projects .container{width:min(var(--max),calc(100% - 76px))}.projects .eyebrow{color:var(--lime)}.projects .section-heading>p{color:#c1d7e1}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29px}.project-grid>article{min-width:0}.featured-project{grid-column:1/-1;display:grid;grid-template-columns:1.18fr .82fr;gap:43px;background:#213e57;border:1px solid #50758a;border-radius:23px;padding:27px;margin-bottom:17px}.practice-scene{position:relative;min-height:385px;overflow:hidden;border-radius:15px;background:#e6e8e6}.practice-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:75% 50%}.practice-logo{position:absolute;left:18px;top:18px;background:#fffffff2;border-radius:50%;padding:13px;width:91px;height:91px;display:grid;place-items:center}.practice-logo img{width:100%;height:100%;object-fit:contain}.project-device{position:absolute;bottom:25px;left:22px;right:22px;background:#172d45;border:5px solid #172d45;border-radius:13px;overflow:hidden;box-shadow:0 12px 38px #1a273150;transform:rotate(-3deg);width:78%;margin-left:auto}.project-device .browser-bar{height:22px}.project-device>img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:50% 60%}.practice-scene .art-label{bottom:8px;color:white;text-shadow:0 1px 6px #000}.featured-copy{padding:27px 5px 15px 0;align-self:center;min-width:0}.featured-copy .eyebrow{font-size:0.75rem;margin-bottom:22px}.featured-copy h3{font-size:2.625rem;letter-spacing:-2px;line-height:1.06}.featured-copy>p{font-size:0.875rem;line-height:1.9;color:#c7d9e3;max-width:330px;margin:22px 0}.featured-copy .tag{color:#c7d9e3;border-color:#577378;font-size:0.75rem}.project-actions{display:flex;justify-content:space-between;gap:18px;align-items:center;margin-top:28px}.project-actions .text-link{color:var(--lime);font-size:0.875rem}.project-art{height:320px;border-radius:20px;overflow:hidden;position:relative;padding:31px 35px 0;background:#e1ebeb}.project-art.pier-art{background:#dce8eb}.project-app{position:relative;z-index:1;background:var(--white);color:var(--ink);border:1px solid #cddadb;border-radius:12px 12px 0 0;box-shadow:0 15px 35px #14243118;min-height:298px;transform:rotate(-3deg);overflow:hidden}.pier-art .project-app{transform:rotate(3deg)}.app-body{padding:19px 23px}.app-brand{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px;gap:20px}.app-brand img{width:170px;height:25px;object-fit:contain;object-position:left}.pier-art .app-brand img{width:105px;height:35px}.app-brand>span{font-size:7px;color:#6c8e94;border:1px solid #d3e0e1;padding:3px 6px;border-radius:100px}.app-body h4{font-size:19px;font-weight:500;line-height:1.2;margin:0 0 18px;letter-spacing:-.7px}.quality-steps{display:flex;gap:8px}.quality-step{border:1px solid #dbe4e4;padding:10px;border-radius:7px;flex:1;min-width:0}.quality-step span{display:block;font-size:6px;color:#6c8e94;letter-spacing:.4px}.quality-step svg{width:18px;height:18px;stroke:#3c6071;fill:none;stroke-width:1.7;margin-top:7px}.quality-chart{display:flex;gap:8px;align-items:end;height:70px;border-bottom:1px solid #d5e0e1;margin:18px 0 0}.quality-chart i{flex:1;background:#80d4c9;border-radius:4px 4px 0 0}.quality-chart i:nth-child(2n){background:#4f8e9d}.pier-calendar{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}.pier-calendar div{border:1px solid #dee5e5;border-radius:6px;text-align:center;font-size:7px;color:#7a989e;height:94px;padding-top:7px}.pier-calendar i{display:block;height:17px;background:#c0d3d5;margin:10px 3px 0;border-radius:4px}.pier-calendar div:nth-child(2) i{background:#abcddc;height:35px}.pier-calendar div:nth-child(4) i{background:#a1d5e0;height:25px}.app-bottom{display:flex;gap:13px;font-size:7px;color:#79989e;margin-top:14px}.project-art .art-label{position:absolute;z-index:2;bottom:11px;right:13px;background:#ffffffe6;border-radius:4px;padding:3px 7px;font-size:0.75rem}.project-caption{display:flex;gap:20px;justify-content:space-between;align-items:start;padding:24px 2px 0}.project-caption h3{font-size:1.75rem}.project-caption p{font-size:0.875rem;color:#b1c3c6;margin-top:7px}.project-caption>div{min-width:0}.projects-note{border-top:1px solid #3a5266;padding-top:22px;margin-top:37px;display:flex;justify-content:space-between;gap:20px;font-size:0.875rem;color:#9cb3b8}.projects-note span:first-child{max-width:720px}.projects-note span:last-child{letter-spacing:1.7px}
    .about-grid{display:grid;grid-template-columns:.83fr 1.17fr;gap:100px;align-items:center}.portrait-wrap{position:relative;padding:18px 18px 0 0}.portrait-card{padding:17px;background:#d9e4e5;border-radius:25px;transform:rotate(-3deg)}.portrait-card>img{width:100%;aspect-ratio:1/1.08;object-fit:cover;border-radius:13px}.portrait-caption{display:flex;justify-content:space-between;gap:12px;padding:19px 3px 4px}.portrait-caption b{font-weight:500;font-size:1.125rem;letter-spacing:-.5px}.portrait-caption p{font-size:0.875rem;color:var(--muted);margin-top:3px}.portrait-caption .brand-icon{width:31px;height:31px}.experience-stamp{position:absolute;right:-15px;top:1px;width:122px;height:122px;border:8px solid var(--paper);border-radius:50%;background:var(--lime);text-align:center;display:flex;flex-direction:column;justify-content:center;transform:rotate(11deg)}.experience-stamp b{font-weight:500;font-size:2.25rem;line-height:1.1;letter-spacing:-1px}.experience-stamp span{font-size:0.75rem;letter-spacing:.7px;line-height:1.5}.about-copy .eyebrow{margin-bottom:23px}.about-copy>p:not(.eyebrow){font-size:0.875rem;color:var(--muted);line-height:1.85;margin-top:24px;max-width:530px}.about-copy>p strong{font-weight:500;color:var(--ink)}.career{margin:27px 0}.career-label{font-size:0.75rem;color:#66878e;text-transform:uppercase;letter-spacing:1px;margin-bottom:7px}.career-item{display:flex;justify-content:space-between;align-items:baseline;gap:18px;border-bottom:1px solid var(--line);padding:9px 0;font-size:0.875rem}.career-item b{font-weight:500}.career-item span{font-size:0.875rem;color:var(--muted);text-align:right}.credentials{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0 28px}.credential{border-top:1px solid var(--line);padding-top:13px;font-size:0.875rem;color:var(--muted)}.credential b{display:block;font-size:0.875rem;line-height:1.4;color:var(--ink);margin-bottom:4px;font-weight:500}
    .process{background:#e5eef2;padding:83px 0}.process-top{display:flex;justify-content:space-between;align-items:end;gap:40px}.process-top h2{font-size:3rem}.process-top p{font-size:0.875rem;color:var(--muted);max-width:340px}.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:35px;margin-top:48px}.step-marker{display:flex;gap:15px;align-items:center;margin-bottom:24px}.step-marker b{font-size:0.875rem;font-weight:500;width:37px;height:37px;border:1px solid #9fb5ba;border-radius:50%;display:grid;place-items:center;background:var(--paper);flex-shrink:0}.step-marker span{height:1px;background:#a9bdc1;flex:1;position:relative}.step-marker span::after{content:'↗';position:absolute;right:-1px;top:-15px;font-size:0.875rem;transform:rotate(45deg);color:#93acb1}.step h3{font-size:1.25rem;letter-spacing:-.5px}.step p{font-size:0.875rem;color:var(--muted);line-height:1.8;margin-top:13px}.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:90px}.faq-intro .eyebrow{margin-bottom:23px}.faq-intro p:not(.eyebrow){font-size:0.875rem;color:var(--muted);margin-top:22px;max-width:280px}.faq-list details{padding:21px 0;border-bottom:1px solid var(--line)}.faq-list details:first-child{border-top:1px solid var(--line)}.faq-list summary{list-style:none;cursor:pointer;font-size:0.875rem;display:flex;justify-content:space-between;align-items:center;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:'+';font-size:1.375rem;color:#66868d}.faq-list details[open] summary::after{content:'−'}.faq-list details p{font-size:0.875rem;color:var(--muted);line-height:1.85;margin-top:16px;max-width:480px}
    .contact{background:#c8eee9;border-radius:32px;margin:0 18px;padding:76px 0;overflow:hidden}.contact .container{width:min(var(--max),calc(100% - 76px));display:grid;grid-template-columns:1fr 1fr;gap:76px;align-items:center}.contact-copy .eyebrow{margin-bottom:23px}.contact-copy h2{font-size:clamp(2.5rem,4.6vw,4rem);letter-spacing:-3px}.contact-copy>p:not(.eyebrow){font-size:0.9375rem;line-height:1.8;margin-top:24px;max-width:370px;color:#3a5368}.contact-person{display:flex;align-items:center;gap:12px;margin-top:28px}.contact-person .brand-icon{height:43px;width:43px;flex:none}.contact-person p{font-size:0.875rem;line-height:1.65}.contact-person a{text-decoration:underline;text-underline-offset:4px}.contact-graphic{display:flex;align-items:center;gap:16px;margin-top:32px;color:#507c85;font-size:0.875rem}.contact-graphic svg{width:43px;height:43px}.project-form{background:var(--white);border:1px solid #afd0d6;border-radius:21px;padding:30px;box-shadow:0 14px 27px #1f384d08}.project-form h3{font-size:1.5625rem}.project-form>p{font-size:0.875rem;color:var(--muted);margin:8px 0 23px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{margin-bottom:17px}.field-label{font-size:0.875rem;display:block;margin-bottom:8px;font-weight:700}.project-form input,.project-form select,.project-form textarea{border:1px solid #cedadb;border-radius:8px;background:#fcfefe;color:var(--ink);width:100%;padding:12px;font-size:0.875rem}.project-form textarea{min-height:99px;resize:vertical}.project-form .button{width:100%;font-size:0.875rem}.form-note{font-size:0.625rem!important;line-height:1.7;margin:13px 0 0!important}.brief-result{border-top:1px solid var(--line);padding-top:19px;margin-top:20px}.brief-result[hidden]{display:none}.brief-result pre{white-space:pre-wrap;overflow-wrap:anywhere;font:0.875rem/1.8 var(--font-body);padding:17px;background:#e6efef;border-radius:10px;margin:0 0 14px}.brief-actions{display:flex;gap:8px}.brief-actions .button{padding:12px 8px;font-size:0.875rem;gap:6px;flex:1}.brief-status{font-size:0.875rem;color:#3b5c78;margin-top:10px}footer{padding:45px 0 28px}.footer-top{display:flex;justify-content:flex-end;align-items:center;gap:30px;border-bottom:1px solid var(--line);padding-bottom:30px}.footer-top p{font-size:0.875rem;color:var(--muted);text-align:right}.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;font-size:0.875rem;color:var(--muted);padding-top:22px}.footer-links{display:flex;gap:26px;align-items:center}.footer-links button{border:0;background:none;padding:0;color:inherit;font-size:inherit}.footer-links a:hover,.footer-links button:hover{text-decoration:underline}.footer-bottom>span{white-space:nowrap}.calendar-top{display:flex;justify-content:space-between;font-size:0.875rem;margin:21px 0 16px}.calendar-days{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}.calendar-day{border:1px solid #c7d7d8;background:var(--white);border-radius:11px;text-align:center;padding:12px 4px;color:var(--ink);font-size:0.875rem}.calendar-day b{display:block;font-weight:500;font-size:1.5rem;line-height:1.3;margin-top:6px}.calendar-day[aria-pressed=true]{background:var(--lime);border-color:#6dacb9}.time-slots{display:flex;gap:9px;margin-top:18px}.time-slot{border:1px solid #c4d4d5;border-radius:8px;background:var(--white);color:var(--ink);font-size:0.875rem;flex:1;padding:10px}.time-slot[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:white}.booking-result{font-size:0.875rem;background:#dbeaeb;color:#4a737b;padding:13px;border-radius:8px;margin-top:18px}.flow-step{display:flex;align-items:center;gap:17px;border:1px solid #c6d8da;border-radius:12px;background:var(--white);padding:17px}.flow-step b{display:block;font-size:0.875rem;font-weight:500}.flow-step span{font-size:0.875rem;color:var(--muted)}.flow-step i{display:grid;place-items:center;width:37px;height:37px;border-radius:11px;background:var(--lime);font-size:1.25rem;font-style:normal}.flow-connector{width:1px;height:19px;background:#a1bcc2;margin-left:36px}.reveal{animation:arrive .45s ease both}@keyframes arrive{from{opacity:.4;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
    @media(max-width:1100px){.container{width:calc(100% - 64px)}.hero-grid{gap:35px}.hero h1{font-size:4.1875rem;letter-spacing:-3.7px}.hero h1 em{letter-spacing:-3.7px}.hero-photo{height:450px}.hero-description{font-size:0.9375rem}.hero-card{left:-8px;width:210px}.hero-orbit{right:-12px;width:85px;height:85px}.hero-orbit svg{width:41px;height:41px}.nav-links{gap:23px}.intro-grid{gap:50px}.section-heading{gap:35px}.section-heading>p{max-width:280px}.service-grid{gap:18px}.service-art{height:231px;padding:20px}.service-web-page{gap:9px;padding:16px 10px}.wireframe-title{font-size:18px}.calendar-card{padding:17px 13px}.automation-node{width:63px}.automation-nodes{gap:5px}.service-info h3{font-size:1.5625rem}.service-info p{min-height:118px}.featured-project{gap:31px;padding:23px}.practice-scene{min-height:340px}.project-art{padding:28px 24px 0;height:300px}.app-body{padding:18px}.about-grid{gap:60px}.contact .container{gap:45px}.brand-wordmark{font-size:1.125rem}.project-strip{gap:22px}.project-brand img{width:175px}}
    @media(max-width:850px){.hero{padding-top:49px}.hero-grid{grid-template-columns:1fr 1fr;gap:26px}.hero h1{font-size:3.5625rem;letter-spacing:-3.2px}.hero h1 em{letter-spacing:-3px}.hero-description{font-size:0.875rem;margin-top:23px}.hero .eyebrow{font-size:0.75rem}.hero-photo{height:450px;border-top-left-radius:24px}.hero-card{width:190px;padding:15px;left:-6px}.hero-card b{font-size:16px}.hero-person p{font-size:0.875rem}.hero-person b{font-size:0.875rem}.hero-person img{height:38px;width:38px}.hero-promises{gap:9px;font-size:0.875rem}.project-strip{grid-template-columns:1fr 1fr 1fr;gap:16px}.project-strip-label{grid-column:1/-1;text-align:center}.project-strip-label b{display:inline}.project-brand img{width:160px}.section{padding:80px 0}.intro-grid{gap:35px}.intro-copy h2{font-size:2.5625rem;letter-spacing:-2px}.intro-copy>p:not(.eyebrow){font-size:0.8125rem}.audiences .tag{font-size:0.75rem;padding:5px 8px}.value-card{padding:23px}.value-card h3{font-size:1.375rem}.value-card p{font-size:0.875rem}.service-grid{gap:16px}.service-art{height:225px;padding:19px 14px}.service-phone{width:67px;height:131px;right:10px}.service-web-page{padding:16px 8px;gap:8px}.wireframe-title{font-size:17px}.calendar-card{padding:14px 10px;width:100%}.calendar-card-head{font-size:9px}.calendar-card-head span{font-size:7px}.calendar-graphic{gap:4px}.calendar-graphic span{font-size:7px}.calendar-times span{font-size:7px;padding:5px 3px}.calendar-bubble{font-size:8px;left:12px;bottom:24px;padding:9px}.automation-node{width:52px;height:85px;padding:14px 4px}.automation-node span{font-size:7px}.automation-nodes{gap:4px}.node-connector{font-size:12px}.service-info h3{font-size:1.5rem}.service-info p{font-size:0.875rem;min-height:140px}.section-heading h2{font-size:2.6875rem}.section-heading>p{font-size:0.875rem;max-width:220px}.projects{padding:70px 0}.projects .container{width:calc(100% - 52px)}.featured-project{gap:26px;padding:20px;grid-template-columns:1.05fr .95fr}.featured-copy h3{font-size:2.1875rem}.featured-copy>p{font-size:0.875rem}.practice-scene{min-height:305px}.practice-logo{width:74px;height:74px;padding:11px}.project-art{height:275px;padding:24px 20px 0}.app-body{padding:16px}.app-body h4{font-size:17px}.app-brand img{width:140px}.quality-step{padding:8px 5px}.quality-step span{font-size:5px}.about-grid{gap:40px}.about-copy h2{font-size:2.6875rem}.experience-stamp{width:98px;height:98px;border-width:6px}.experience-stamp b{font-size:1.8125rem}.about-copy>p:not(.eyebrow){font-size:0.8125rem}.career-item{font-size:0.875rem}.career-item span{font-size:0.875rem}.portrait-caption b{font-size:0.9375rem}.steps{gap:23px}.step h3{font-size:1.125rem}.step p{font-size:0.875rem}.process-top h2{font-size:2.5rem}.process-top p{font-size:0.875rem;max-width:250px}.faq-grid{gap:50px}.faq-intro h2{font-size:2.6875rem}.contact .container{gap:33px}.contact-copy h2{font-size:2.75rem;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:0.8125rem}.project-form{padding:23px}.project-form h3{font-size:1.3125rem}.form-row{grid-template-columns:1fr}.contact{padding:60px 0}}
    @media(max-width:620px){html{scroll-padding-top:88px}.container{width:calc(100% - 40px)}.nav{height:75px}.brand-icon{width:36px;height:36px}.brand-wordmark{font-size:1.1875rem}.brand-wordmark span{font-size:0.75rem;margin-top:5px}.brand{gap:10px}.menu-button{display:block}.nav-links{display:none;position:absolute;left:0;right:0;top:75px;background:var(--paper);padding:19px 20px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:8px}.nav-links.is-open{display:flex}.nav-links>a:not(.button){padding:8px 0;font-size:0.875rem}.hero{padding:39px 0 37px}.hero-grid{grid-template-columns:minmax(0,1fr);gap:34px}.hero-copy{padding:0}.hero .eyebrow{font-size:0.75rem;letter-spacing:1px;margin-bottom:23px}.hero h1{font-size:clamp(3.3125rem,13.9vw,4.6875rem);letter-spacing:-3px;line-height:1.03}.hero h1 em{letter-spacing:-3px}.hero h1 em::after{height:13px;bottom:5px}.hero-description{font-size:0.9375rem;line-height:1.8;max-width:none;margin:24px 0}.hero-person{margin-top:25px}.hero-person img{width:42px;height:42px}.hero-person b{font-size:0.875rem}.hero-person p{font-size:0.875rem}.hero-promises{gap:13px;font-size:0.875rem;margin-top:21px}.hero-art{padding:0 0 22px 11px;width:100%;max-width:380px;margin:auto}.hero-photo{height:390px;border-radius:24px;object-position:50% 55%}.hero-card{width:200px;left:0;bottom:2px;padding:14px 16px}.hero-card b{font-size:16px}.hero-orbit{width:81px;height:81px;right:-9px;top:2px}.project-strip{grid-template-columns:repeat(3,minmax(0,1fr));padding:24px 0 29px;gap:13px 9px}.project-strip-label{font-size:0.875rem}.project-brand{min-height:59px;padding:7px 3px}.project-brand img{width:100%;height:35px;max-height:35px}.project-brand.ramona img{width:72px;height:54px;max-height:54px}.project-brand.pier img{width:87px;height:32px;max-height:32px}.project-brand .brand-caption{font-size:0.875rem;letter-spacing:.4px;bottom:-10px}.section{padding:65px 0}.intro-grid{grid-template-columns:minmax(0,1fr);gap:30px}.intro-copy h2{font-size:2.5rem;letter-spacing:-1.9px}.intro-copy .eyebrow{margin-bottom:22px}.intro-copy>p:not(.eyebrow){font-size:0.875rem}.audiences .tag{font-size:0.75rem;padding:6px 10px}.intro-photo>img{aspect-ratio:1.15;border-radius:20px}.photo-caption{font-size:0.875rem;padding:9px 12px;left:13px;bottom:13px}.value-grid{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:28px}.value-card{padding:23px 24px}.value-head{margin-bottom:20px}.value-head svg{width:27px;height:27px}.value-card h3{font-size:1.75rem}.value-card p{font-size:0.875rem;max-width:none;margin-top:12px}.services{padding-top:0}.section-heading{display:block;margin-bottom:29px}.section-heading h2{font-size:2.5625rem;letter-spacing:-2px}.section-heading>p{font-size:0.875rem;max-width:none;margin-top:20px}.service-grid{grid-template-columns:minmax(0,1fr);gap:35px}.service-art{height:276px;padding:27px 29px}.web-browser{height:216px}.service-web-page{padding:19px 18px;gap:19px;height:177px}.wireframe-title{font-size:23px}.service-phone{width:86px;height:165px;bottom:14px;right:23px}.calendar-card{padding:22px 19px;width:94%}.calendar-card-head{font-size:12px;margin-bottom:18px}.calendar-card-head span{font-size:9px}.calendar-graphic{gap:7px}.calendar-graphic span{font-size:9px}.calendar-graphic b{font-size:17px}.calendar-times{margin-top:18px}.calendar-times span{font-size:9px;padding:7px 6px}.calendar-bubble{font-size:10px;left:23px;bottom:25px;padding:13px}.automation-node{width:78px;height:110px;padding:21px 8px 13px}.automation-node span{font-size:9px}.automation-node svg{width:28px;height:28px}.automation-nodes{gap:6px}.node-connector{font-size:16px}.service-info{padding:24px 4px 0}.service-info .eyebrow{font-size:0.75rem}.service-info h3{font-size:1.8125rem}.service-info p{font-size:0.875rem;min-height:0;margin:15px 0 18px}.service-info .text-link{font-size:0.875rem}.services-foot{display:block;margin-top:30px;font-size:0.875rem}.services-foot .text-link{margin-top:14px;font-size:0.875rem}.projects{margin:0 8px;border-radius:24px;padding:56px 0 43px}.projects .container{width:calc(100% - 32px)}.project-grid{grid-template-columns:minmax(0,1fr);gap:31px}.featured-project{grid-template-columns:minmax(0,1fr);padding:15px;gap:25px;margin-bottom:2px}.practice-scene{min-height:315px;border-radius:13px}.practice-logo{width:78px;height:78px;left:13px;top:13px}.project-device{width:88%;bottom:21px;left:8px;right:11px}.project-device .browser-bar{font-size:6px;height:20px}.project-device>img{aspect-ratio:1.4}.featured-copy{padding:0 5px 7px}.featured-copy .eyebrow{font-size:0.75rem;margin-bottom:16px}.featured-copy h3{font-size:2.25rem;letter-spacing:-1.5px}.featured-copy h3 br{display:none}.featured-copy>p{font-size:0.875rem;margin:18px 0}.featured-copy .tag{font-size:0.75rem}.project-actions{margin-top:24px}.project-actions .text-link{font-size:0.875rem}.project-art{height:283px;padding:24px 22px 0}.app-body{padding:18px}.app-body h4{font-size:18px}.app-brand img{width:155px}.app-brand>span{font-size:6px}.quality-step{padding:9px 6px}.quality-step span{font-size:5px}.quality-chart{height:65px}.project-caption{padding-top:22px}.project-caption h3{font-size:1.75rem}.project-caption p{font-size:0.875rem;overflow-wrap:anywhere}.projects-note{display:block;font-size:0.875rem;line-height:1.7;margin-top:28px;padding-top:19px}.projects-note span:last-child{display:none}.about-grid{grid-template-columns:minmax(0,1fr);gap:41px}.portrait-wrap{max-width:400px;margin:auto;padding-right:17px}.portrait-card{padding:15px;border-radius:20px}.portrait-card>img{aspect-ratio:1/1}.portrait-caption b{font-size:1.1875rem}.portrait-caption p{font-size:0.875rem}.experience-stamp{width:104px;height:104px;right:-1px;top:4px}.experience-stamp b{font-size:1.9375rem}.experience-stamp span{font-size:0.75rem}.about-copy h2{font-size:2.625rem;letter-spacing:-2px}.about-copy>p:not(.eyebrow){font-size:0.875rem}.career-item{font-size:0.875rem}.career-item span{font-size:0.875rem}.credentials{gap:16px}.credential{font-size:0.875rem}.credential b{font-size:0.875rem}.process{padding:58px 0}.process-top{display:block}.process-top h2{font-size:2.5625rem;letter-spacing:-1.9px}.process-top p{font-size:0.875rem;max-width:none;margin-top:22px}.steps{grid-template-columns:1fr 1fr;gap:30px 23px;margin-top:34px}.step-marker{margin-bottom:18px}.step h3{font-size:1.25rem}.step p{font-size:0.875rem}.faq-grid{grid-template-columns:minmax(0,1fr);gap:30px}.faq-intro h2{font-size:2.625rem}.faq-intro p:not(.eyebrow){max-width:none;font-size:0.875rem}.faq-list summary{font-size:0.875rem}.faq-list details p{font-size:0.875rem}.contact{margin:0 8px;padding:51px 0;border-radius:24px}.contact .container{width:calc(100% - 32px);grid-template-columns:minmax(0,1fr);gap:32px}.contact-copy h2{font-size:2.75rem;letter-spacing:-2px}.contact-copy>p:not(.eyebrow){font-size:0.875rem;max-width:none}.contact-person p{font-size:0.875rem}.contact-graphic{margin-top:25px;font-size:0.875rem}.contact-graphic svg{width:34px;height:34px}.project-form{padding:24px 20px;border-radius:17px}.project-form h3{font-size:1.5rem}.project-form>p{font-size:0.875rem}.field-label{font-size:0.875rem}.project-form input,.project-form select,.project-form textarea{font-size:1rem;padding:10px 12px}.project-form textarea{min-height:112px}.form-note{font-size:0.625rem!important}.brief-actions .button{font-size:0.875rem}footer{padding:35px 0 27px}.footer-top{display:block;padding-bottom:25px}.footer-top p{text-align:left;font-size:0.875rem;margin-top:21px}.footer-bottom{display:block;font-size:0.875rem}.footer-links{gap:19px;flex-wrap:wrap;margin-top:15px}.footer-links a:last-child{margin-left:auto}.calendar-day b{font-size:1.375rem}.calendar-days{gap:6px}.calendar-day{padding:11px 3px}}
    @media(max-width:370px){.hero h1{font-size:3.1875rem;letter-spacing:-3px}.hero h1 em{letter-spacing:-3px}.hero-photo{height:350px}.hero-card{width:190px}.hero-promises{gap:10px;font-size:0.875rem}.service-art{padding:25px 21px}.automation-node{width:69px}.automation-nodes{gap:5px}.node-connector{font-size:13px}.service-web-page{padding:18px 12px;gap:13px}.featured-copy h3{font-size:2.0625rem}.app-brand img{width:135px}.app-brand>span{font-size:5px}.app-body{padding:16px}.steps{gap:27px 18px}.step h3{font-size:1.125rem}.project-form{padding:23px 18px}.photo-caption{font-size:0.875rem;gap:6px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}.button{transition:none}.button:hover{transform:none}}

/* Shared controls and refinements for intermediate and narrow screens. */
    .nav-links{margin-left:auto}
    .hero-grid>* ,.intro-grid>* ,.about-grid>* ,.contact .container>*{min-width:0}.hero h1,.section-heading h2,.intro-copy h2,.about-copy h2,.contact-copy h2{overflow-wrap:normal}.service-info h3,.featured-copy h3,.project-caption h3{overflow-wrap:anywhere}
    @media(max-width:1000px) and (min-width:621px){.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.92fr)}.hero h1{font-size:clamp(2.875rem,5.2vw,3.6875rem);letter-spacing:-2.8px}.hero h1 em{letter-spacing:-2.8px}.hero-photo{height:clamp(360px,43vw,450px)}.hero-orbit{right:-10px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.service-info p{min-height:0}.service-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px;align-items:center}.service-card:last-child .service-info{padding:0}.featured-project{grid-template-columns:1fr 1fr}.about-grid{gap:45px}}
    @media(max-width:900px){.nav{height:76px}.nav-links{display:none;position:absolute;left:0;right:0;top:76px;background:var(--paper);padding:16px max(24px,calc((100vw - 720px)/2)) 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:6px;box-shadow:0 14px 25px #10283b18}.nav-links.is-open{display:flex}.nav-links>a:not(.button){padding:10px 0;font-size:0.875rem}.nav-links .button{align-self:flex-start}.menu-button{display:block;min-height:44px;border-radius:12px}.site-header{border-color:var(--line)}}
    @media(max-width:620px){.nav{height:75px}.nav-links{top:75px}.hero h1{font-size:clamp(2.8125rem,12.5vw,4.1875rem);letter-spacing:-2.8px}.hero h1 em{letter-spacing:-2.8px}.hero-photo{height:clamp(290px,88vw,390px)}.hero-orbit{right:0}.hero-card{left:0}.project-strip{column-gap:5px}.project-brand{padding-inline:0}.project-brand img{max-width:100%}.calendar-days{grid-template-columns:repeat(5,minmax(0,1fr))}.calendar-day{min-width:0}.contact-copy h2,.about-copy h2,.faq-intro h2,.process-top h2,.section-heading h2{font-size:clamp(2rem,10vw,2.75rem)}}
    @media(max-width:390px){.container{width:calc(100% - 32px)}.nav{gap:9px}.menu-button{white-space:nowrap;padding:8px 9px;font-size:0.875rem}.brand-wordmark{font-size:1.0625rem}.brand-wordmark span{font-size:0.75rem;letter-spacing:.1px}.hero h1{font-size:clamp(2.6875rem,12vw,3.0625rem)}.hero-promises{font-size:0.875rem}.hero-art{padding-left:0}.hero-orbit{width:70px;height:70px}.hero-orbit svg{width:36px;height:36px}.hero-card{width:min(190px,70vw)}.project-strip-label{line-height:1.4}.project-brand.ramona img{width:60px}.project-brand.pier img{width:75px}.service-art{padding:22px 17px}.automation-node{width:64px}.project-art{padding:20px 14px 0}.app-body{padding:13px}.app-brand img{max-width:56%}.contact .container,.projects .container{width:calc(100% - 28px)}.project-form{padding:20px 15px}}

    /* Dark palette preserves the logo's navy and turquoise while keeping demo mockups readable. */
    html[data-theme="dark"]{color-scheme:dark;--paper:#0b1927;--white:#14283a;--ink:#edf6f8;--muted:#b4c7d1;--lime:#80d4c9;--line:#365165;--soft:#172d3e;--blue:#1b3345}
    html[data-theme="dark"] body{background:var(--paper)}html[data-theme="dark"] .site-header{background:#0b1927f2;border-color:var(--line)}html[data-theme="dark"] .brand-wordmark span{color:var(--lime)}html[data-theme="dark"] .nav-links{background:var(--paper)}html[data-theme="dark"] .nav-links>a:hover,html[data-theme="dark"] .text-link:hover{color:var(--lime)}html[data-theme="dark"] .menu-button{color:var(--ink);border-color:var(--line);background:#14283a}html[data-theme="dark"] .button-primary{background:var(--lime);color:#10283b}html[data-theme="dark"] .button-primary:hover{background:#a5e9e0;color:#10283b}html[data-theme="dark"] .nav-links .button:hover{color:#10283b}html[data-theme="dark"] .button-outline{border-color:var(--line)}html[data-theme="dark"] .hero-description strong,html[data-theme="dark"] .hero-person b{color:var(--ink)}html[data-theme="dark"] .hero-card{background:#193044;border-color:#426078;box-shadow:0 12px 38px #0005}html[data-theme="dark"] .hero-card-top small,html[data-theme="dark"] .hero-card-bottom{color:#c1d4dc}html[data-theme="dark"] .hero-card-bottom{border-color:var(--line)}html[data-theme="dark"] .hero-promises span::before{color:var(--lime)}html[data-theme="dark"] .project-brand:hover{background:#172c3f}
    html[data-theme="dark"] .photo-caption{background:#173044ed;color:var(--ink)}html[data-theme="dark"] .photo-caption i{background:var(--lime)}html[data-theme="dark"] .tag{border-color:#547080}html[data-theme="dark"] .value-card,html[data-theme="dark"] .value-card:nth-child(2),html[data-theme="dark"] .value-card:nth-child(3){background:#172d40;border-color:#36546b}html[data-theme="dark"] .value-card:nth-child(2){background:#1a3245}html[data-theme="dark"] .value-card:nth-child(3){background:#173a42}html[data-theme="dark"] .value-card p,html[data-theme="dark"] .value-head span{color:var(--muted)}html[data-theme="dark"] .web-art,html[data-theme="dark"] .booking-art,html[data-theme="dark"] .project-art{background:#244157}html[data-theme="dark"] .automation-art{background:#16404a}html[data-theme="dark"] .service-info .eyebrow,html[data-theme="dark"] .art-label{color:#bdced7}html[data-theme="dark"] .services-foot{border-color:var(--line)}
    html[data-theme="dark"] .web-browser,html[data-theme="dark"] .calendar-card,html[data-theme="dark"] .calendar-bubble,html[data-theme="dark"] .automation-node:not(:nth-of-type(3)),html[data-theme="dark"] .project-app{background:#f7fafb;color:#172d45}html[data-theme="dark"] .calendar-graphic b,html[data-theme="dark"] .wireframe-cta{color:#172d45}html[data-theme="dark"] .wireframe-cta{background:#172d45}html[data-theme="dark"] .calendar-graphic .chosen,html[data-theme="dark"] .calendar-times span:nth-child(2){color:#172d45}html[data-theme="dark"] .calendar-times span:nth-child(2){background:#80d4c9;border-color:#80d4c9}html[data-theme="dark"] .project-app .app-body h4{color:#172d45}
    html[data-theme="dark"] .projects{background:#101f30;color:var(--ink)}html[data-theme="dark"] .featured-project{background:#1d3850;border-color:#44657c}html[data-theme="dark"] .projects-note{border-color:#3a5266}html[data-theme="dark"] .project-strip .project-brand.current-project{background:#1c3448;border-color:#3b5c70}html[data-theme="dark"] .portrait-card{background:#244054}html[data-theme="dark"] .process{background:#14293a}html[data-theme="dark"] .contact{background:#1a434b}html[data-theme="dark"] .contact-copy>p:not(.eyebrow),html[data-theme="dark"] .contact-graphic{color:#d1e4e6}html[data-theme="dark"] .project-form{background:#102b35;border-color:#45747b}html[data-theme="dark"] .project-form input,html[data-theme="dark"] .project-form select,html[data-theme="dark"] .project-form textarea{background:#142f3a;color:var(--ink);border-color:#51717c}html[data-theme="dark"] .project-form input::placeholder,html[data-theme="dark"] .project-form textarea::placeholder{color:#a9c2c9}html[data-theme="dark"] .brief-result pre,html[data-theme="dark"] .booking-result{background:#1b3a48;color:#e0f0f1}html[data-theme="dark"] .brief-status{color:#b7d8dc}html[data-theme="dark"] footer{background:#091522}

.app-brand .app-generic-brand{min-width:0;color:#172d45;font-size:14px;font-weight:700;line-height:1.15;letter-spacing:-.3px}.pier-art .app-brand .app-generic-brand{font-size:14px}@media(max-width:620px){.app-brand .app-generic-brand,.pier-art .app-brand .app-generic-brand{font-size:11px}}.project-brand.current-project{display:flex;align-items:flex-start;justify-content:center;flex-direction:column;gap:2px;background:#e5eff1;padding:10px 14px;border:1px solid var(--line);min-height:76px}.project-brand.current-project small{font-size:0.875rem;letter-spacing:1px;text-transform:uppercase;color:#527281;font-weight:700}.project-brand.current-project strong{font-size:0.9375rem;line-height:1.15;color:#172d45}.project-brand.current-project span{font-size:0.875rem;color:#527281}.project-status{display:block;margin:0 0 10px;font-size:0.75rem;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--lime)}.project-features{list-style:none;margin:12px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.project-features li{font-size:0.875rem;line-height:1.4;color:#d9e8ed;border:1px solid #55728a;border-radius:99px;padding:5px 8px}.project-caption{align-items:start}
    .packages{padding-top:98px;padding-bottom:107px}.packages .section-heading{margin-bottom:31px}.packages-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.package-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:29px 28px 27px;background:var(--white);border:1px solid var(--line);border-radius:22px;box-shadow:0 9px 25px #1c34430a}.package-card.featured{border-color:#6fc8c1;box-shadow:0 15px 40px #1d827822}.package-flag{position:absolute;top:-13px;left:24px;background:var(--lime);color:#10283b;padding:5px 11px;border-radius:99px;font-size:0.875rem;font-weight:800;letter-spacing:.5px;text-transform:uppercase}.package-kicker{font-size:0.75rem;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:#4c8090}.package-card h3{font-size:1.8125rem;margin:12px 0 9px}.package-intro{font-size:0.875rem;line-height:1.65;color:var(--muted);min-height:65px}.package-price{font-size:2rem;font-weight:700;letter-spacing:-1.2px;margin:18px 0 4px;line-height:1.2}.package-price small{font-size:0.875rem;letter-spacing:0;font-weight:600}.package-separator{height:1px;background:var(--line);margin:20px 0}.package-list{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:12px}.package-list li{font-size:0.875rem;line-height:1.55;padding-left:23px;position:relative}.package-list li::before{content:'✓';position:absolute;left:0;top:0;color:#267f7a;font-weight:900}.package-card .button{margin-top:auto;width:100%;gap:14px}.package-card:not(.featured) .button{background:transparent;border-color:#a7bcc6;color:var(--ink)}.package-card:not(.featured) .button:hover{background:var(--soft)}.package-note{font-size:0.875rem;line-height:1.7;color:var(--muted);margin-top:20px;max-width:920px}
    @media(max-width:1000px){.packages-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-card:last-child{grid-column:1/-1}.package-intro{min-height:0}}
    @media(max-width:620px){.packages{padding-top:64px;padding-bottom:72px}.packages-grid{grid-template-columns:minmax(0,1fr);gap:18px}.package-card,.package-card:last-child{grid-column:auto}.package-card{padding:25px 22px}.package-card h3{font-size:1.6875rem}.package-price{font-size:1.875rem}.project-brand.current-project{min-height:65px;padding:8px 6px}.project-brand.current-project small{font-size:0.875rem;letter-spacing:.3px}.project-brand.current-project strong{font-size:0.875rem}.project-brand.current-project span{display:none}.project-features li{font-size:0.875rem}}
    html[data-theme="dark"] .project-brand.current-project{background:#1c3448;border-color:#3b5c70}html[data-theme="dark"] .project-brand.current-project strong{color:#f0f8fa}html[data-theme="dark"] .project-brand.current-project small,html[data-theme="dark"] .project-brand.current-project span{color:#a9d4d8}html[data-theme="dark"] .package-card{background:#14283a;border-color:#385368;box-shadow:none}html[data-theme="dark"] .package-card.featured{border-color:#80d4c9;box-shadow:0 15px 35px #0003}html[data-theme="dark"] .package-kicker{color:#9ed9d6}html[data-theme="dark"] .package-list li::before{color:#80d4c9}html[data-theme="dark"] .package-card:not(.featured) .button{border-color:#638091;color:var(--ink)}html[data-theme="dark"] .package-card:not(.featured) .button:hover{background:#1d3b4d}

.packages-grid .package-intro{min-height:86px}.faq-preview-list{align-self:center}.faq-preview-list a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:18px 0;border-bottom:1px solid var(--line);font-size:0.9375rem;text-decoration:none}.faq-preview-list a:first-child{border-top:1px solid var(--line)}.faq-preview-list a:hover{color:#267f7a}.faq-preview-list a span{color:#267f7a}.faq-preview-list .faq-all{font-size:0.875rem;font-weight:700;color:#267f7a;border:0;padding-top:24px}
    @media(max-width:1000px){.packages-grid .package-intro{min-height:0}}html[data-theme="dark"] .faq-preview-list a:hover,html[data-theme="dark"] .faq-preview-list a span,html[data-theme="dark"] .faq-preview-list .faq-all{color:var(--lime)}
    .start-detail{margin-top:28px;padding:clamp(24px,4vw,43px);border:1px solid var(--line);border-radius:24px;background:var(--soft)}
    .start-detail-head{display:flex;justify-content:space-between;align-items:end;gap:28px;margin-bottom:27px}
    .start-detail-head h3{font-size:clamp(1.6875rem,3vw,2.4375rem);letter-spacing:-1.3px;line-height:1.14;margin-top:9px}
    .start-detail-head>p{max-width:350px;color:var(--muted);font-size:0.875rem;line-height:1.7}
    .start-stack{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-bottom:25px}
    .start-stack>div{min-width:0;padding:17px 18px;border:1px solid var(--line);border-radius:14px;background:var(--white)}
    .start-stack b{display:block;font-size:0.875rem;margin-bottom:5px}.start-stack span{display:block;font-size:0.875rem;line-height:1.55;color:var(--muted)}
    .start-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
    .start-detail-grid>div{min-width:0}.start-detail-grid h4{font-size:1.0625rem;margin:0 0 13px}.start-detail-grid ul{padding-left:18px;margin:0;display:grid;gap:9px}.start-detail-grid li{font-size:0.875rem;line-height:1.6;color:var(--muted)}
    .start-detail-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid var(--line);padding-top:20px;margin-top:26px}.start-detail-footer p{font-size:0.875rem;line-height:1.65;color:var(--muted);max-width:740px}.start-detail-footer .button{flex:none}
    @media(max-width:900px){.start-detail-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.start-detail-grid>div:last-child{grid-column:1/-1}.start-detail-head{align-items:start}}
    @media(max-width:620px){.start-detail{padding:23px 19px}.start-detail-head{display:block}.start-detail-head>p{margin-top:13px;max-width:none}.start-stack,.start-detail-grid{grid-template-columns:1fr}.start-detail-grid>div:last-child{grid-column:auto}.start-detail-footer{display:block}.start-detail-footer .button{margin-top:15px;width:100%}}
    html[data-theme="dark"] .start-detail{background:#102638;border-color:#3c596d}html[data-theme="dark"] .start-stack>div{background:#183348;border-color:#3c596d}

/* Final spacing and authentic portfolio imagery. */
.services.section{padding-bottom:32px}
.packages.section{padding-top:36px;padding-bottom:72px}
.practice-photo{object-position:center top;width:calc(100% + 16px)}
.portrait-card{transform:none}
.portrait-card>img{aspect-ratio:1/1;object-position:center top}
/* Compact three-column profile and a single mark in the contact section. */
.about.section{padding-top:72px;padding-bottom:72px}
.about-grid{grid-template-columns:minmax(0,245px) minmax(0,1fr) minmax(0,1.05fr);gap:clamp(24px,3vw,40px);align-items:start}
.portrait-wrap{width:100%;max-width:245px;margin:0;padding:6px 10px 0 0}
.portrait-card{padding:11px;border-radius:19px}
.portrait-caption{padding:12px 3px 2px}
.portrait-caption b{font-size:0.9375rem}
.portrait-caption p{font-size:0.875rem}
.portrait-caption .brand-icon{width:25px;height:25px}
.experience-stamp{width:78px;height:78px;right:-5px;top:-5px;border-width:5px}
.experience-stamp b{font-size:1.5rem}
.experience-stamp span{font-size:0.75rem;letter-spacing:.35px}
.about-copy h2{font-size:clamp(2rem,2.8vw,2.4375rem);line-height:1.1;letter-spacing:-1.5px}
.about-copy .eyebrow{margin-bottom:18px}
.about-copy>p:not(.eyebrow){font-size:0.8125rem;line-height:1.7;margin-top:19px;max-width:none}
.about-details{min-width:0;padding-top:4px}
.about-details .career{margin:0 0 17px}
.about-details .career-item{display:grid;gap:3px;padding:8px 0;line-height:1.35}
.about-details .career-item span{text-align:left;font-size:0.875rem}
.contact-graphic{margin-left:55px;gap:0}
@media(max-width:1000px){
  .about-grid{grid-template-columns:minmax(0,215px) minmax(0,1fr);gap:28px}
  .portrait-wrap{max-width:215px}
  .about-details{grid-column:1/-1;display:block;padding-top:0}
}
@media(max-width:620px){
  .about.section{padding-top:62px;padding-bottom:62px}
  .about-grid{grid-template-columns:minmax(0,1fr);gap:28px}
  .portrait-wrap{max-width:205px;margin:0}
  .about-details{grid-column:auto;display:block}
  .about-details .career{margin-bottom:18px}
}
/* Portal wordmark */
.brand-wordmark{text-transform:uppercase;letter-spacing:.035em}
.brand-wordmark span{text-transform:none}

/* Illustration eines individuellen Qualitätsdashboards auf der Startseite */
.service-art.quality-art{background:#153d4c;padding:0}
.service-art.quality-art img{display:block;width:100%;height:100%;object-fit:cover}
html[data-theme="dark"] .service-art.quality-art{background:#153d4c}

.contact-honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.turnstile-container{margin:4px 0 18px}
.project-form .button:disabled{opacity:.55;cursor:not-allowed}
.project-form>.form-status{font-size:0.875rem;line-height:1.6;color:#aecbd0;margin:14px 0 0}
.project-form>.form-status[data-state="success"]{color:#bdf4bd}
.project-form>.form-status[data-state="error"]{color:#ffcdbe}

/* Originalansicht der Praxiswebsite in ihrem vollständigen Bildformat. */
.featured-project .practice-scene{min-height:0;align-self:center}
.practice-photo{position:static;display:block;height:auto;object-fit:contain;object-position:center}

/* Persönlicher Einstieg, umgesetzte Referenz und Preisorientierung. */
.hero-person .hero-portrait{width:58px;height:58px;flex:none;border-radius:50%;object-fit:cover;object-position:center top;border:2px solid var(--lime)}
.package-timing{display:grid;gap:5px;margin:15px 0 0;line-height:1.4;min-height:38px}
.package-timing span{font-size:0.75rem;color:var(--muted)}
.package-timing strong{font-size:0.875rem;font-weight:600;color:var(--ink)}
.package-guidance{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:24px}
.package-guidance p{font-size:0.875rem;line-height:1.75;color:var(--muted);margin:0}
.package-guidance strong{display:block;color:var(--ink);font-size:0.875rem;margin-bottom:5px}
.footer-bottom{flex-wrap:wrap}
.footer-bottom>span{line-height:1.6}
.footer-links{flex-wrap:wrap;row-gap:10px;max-width:100%}
.case-study-project .practice-photo{width:100%}
.case-study{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;border-top:1px solid #44657c;margin:0;padding-top:22px}
.case-study dt{font-size:0.75rem;letter-spacing:1px;text-transform:uppercase;color:var(--lime);font-weight:700;margin-bottom:8px}
.case-study dd{font-size:0.875rem;line-height:1.7;color:#c7d9e3;margin:0}
/* Referenz mit der gewählten Sprechblase rechts über dem Projekttext. */
.featured-project.reference-with-quote{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:24px 32px;align-items:center}
.featured-sidebar{display:grid;gap:27px;min-width:0}
.reference-with-quote .featured-copy{padding:0;align-self:auto}
.reference-with-quote .featured-copy .eyebrow{font-size:.75rem;letter-spacing:.07em;margin:0 0 6px}
.reference-with-quote .featured-copy h3{font-size:1.625rem;letter-spacing:-.035em;line-height:1.2}
.reference-with-quote .featured-copy>p:not(.eyebrow){max-width:42ch;font-size:.875rem;line-height:1.65;margin:9px 0 12px}
.reference-with-quote .project-actions{margin:0;gap:15px;flex-wrap:wrap}
.reference-with-quote .project-actions .text-link{white-space:nowrap;font-size:.875rem;min-height:44px;align-items:center}
.reference-with-quote .tag{font-size:.75rem}
.reference-with-quote .project-testimonial{position:relative;isolation:isolate;margin:0;padding:20px 24px;background:#142d40;border:1px solid #5eaaa8;border-radius:18px;min-width:0}
.reference-with-quote .project-testimonial::after{content:"";position:absolute;left:-8px;top:27px;width:14px;height:14px;transform:rotate(45deg);background:#142d40;border-bottom:1px solid #5eaaa8;border-left:1px solid #5eaaa8}
.reference-quote-mark{position:absolute;right:18px;top:0;font-size:4rem;font-weight:600;line-height:1.2;color:#a4ddd8;opacity:.16;pointer-events:none}
.project-testimonial blockquote{position:relative;margin:0;color:#edf6f8;font-size:.875rem;font-weight:500;line-height:1.7;max-width:46ch}
.project-testimonial blockquote p{font-size:inherit;line-height:inherit}
.project-testimonial figcaption{position:relative;margin-top:12px;color:#80d4c9;font-size:.75rem;line-height:1.5}
@media(max-width:1000px){
  .featured-project.reference-with-quote{gap:24px 26px}
  .reference-with-quote .project-testimonial{padding:18px 21px}
}
@media(max-width:720px){
  .featured-project.reference-with-quote{grid-template-columns:minmax(0,1fr);gap:24px}
  .featured-sidebar{gap:25px}
  .reference-with-quote .project-testimonial::after{left:28px;top:-8px;transform:rotate(135deg)}
  .reference-with-quote .featured-copy h3{font-size:1.5rem}
}
.development-projects{margin-top:46px;padding-top:36px;border-top:1px solid #3a5266}
.development-projects .section-heading h2{font-size:clamp(1.8125rem,3vw,2.5rem);letter-spacing:-1.5px;line-height:1.15}
.development-projects .section-heading>p{max-width:390px}
.development-note{font-size:0.875rem;line-height:1.7;color:#b4cbd3;margin:27px 0 0}
.project-details{border-top:1px solid #3a5266;margin-top:4px;color:#d3e2e9}
.project-details summary{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 0;cursor:pointer;list-style:none;font-size:0.875rem;font-weight:600;color:var(--lime)}
.project-details summary::-webkit-details-marker{display:none}
.project-details summary span{font-size:1.375rem;line-height:1;transition:transform .15s}
.project-details[open] summary span{transform:rotate(45deg)}
.project-details-content{font-size:0.875rem;line-height:1.75;padding:0 0 20px;max-width:65ch}
.project-details-content ul{padding-left:20px;margin:14px 0}
.project-details-content li{margin-bottom:6px}
.project-details-content .fine{font-size:0.875rem;color:#b4cbd3}
#referenz-ramonas,#projekt-qualitaet,#projekt-reservation,#entwicklungsprojekte{scroll-margin-top:24px}

@media(max-width:620px){
  .hero-person .hero-portrait{width:52px;height:52px}
  .package-guidance{grid-template-columns:1fr;gap:18px}
  .case-study{grid-template-columns:1fr;gap:17px;padding-top:20px}
  .case-study dd{font-size:0.875rem}
  .development-projects{margin-top:32px;padding-top:28px}
}