:root{--ink:#183e45;--green:#b4e66a;--blue:#0088a7;--pale:#eef6f3;--line:#d5e3df}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:20px}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:#fff}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #007c9c;outline-offset:5px}[hidden]{display:none!important}.preview{background:var(--ink);color:#fff;padding:10px 4%;font-size:10px;letter-spacing:1.4px;display:flex;justify-content:space-between}.preview a{font-size:11px;letter-spacing:0}header{min-height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 4%;gap:24px}.logo{display:block;width:285px;height:85px;overflow:hidden;position:relative;flex-shrink:0;background:#fff}.logo img{width:285px;height:auto;position:absolute;top:-65px;left:0}nav{display:flex;align-items:center;gap:32px;font-size:14px}nav>a{text-decoration:none}.pill{border:0;border-radius:40px;padding:18px 25px;font-weight:700;display:inline-flex;align-items:center;justify-content:center;gap:25px;min-height:50px;text-decoration:none}.dark{background:var(--ink);color:#fff}.green{background:var(--green);color:var(--ink)}.pill:hover{filter:brightness(.94)}.menu{display:none}.hero{position:relative;min-height:580px;margin:0 24px;border-radius:24px;overflow:hidden;background:#e7eeea}.hero-photo{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center 56%}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(238,246,240,.98),rgba(238,246,240,.93) 31%,rgba(238,246,240,.2) 66%,transparent)}.hero-copy{position:relative;z-index:1;padding:70px 5%;max-width:650px}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;margin:0 0 22px;color:#315d58}h1{font-size:clamp(48px,5.3vw,78px);line-height:1.02;letter-spacing:-3.8px;font-weight:750;margin:0 0 25px}p{font-size:17px;line-height:1.65}.hero-copy>p:not(.eyebrow){max-width:410px;margin-bottom:28px}.underlink{display:block;margin-top:23px;font-size:13px;text-underline-offset:5px}.photo-label{position:absolute;bottom:16px;right:20px;z-index:2;background:#fffdf1dd;font-size:10px;padding:7px 10px;border-radius:20px;color:#28464a}.ribbon{display:flex;justify-content:space-between;align-items:center;padding:30px 7%;border-bottom:1px solid var(--line);font-size:12px;letter-spacing:2px;font-weight:700}.ribbon i{color:var(--blue);font-size:34px;font-style:normal}.section{padding:85px 7%;max-width:1500px;margin:auto}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head>p{max-width:340px;margin:0 0 8px}h2{font-size:clamp(36px,3.8vw,54px);line-height:1.1;letter-spacing:-2px;margin:0 0 24px}h3{font-size:24px;letter-spacing:-.5px;margin:26px 0 12px}[role=tablist]{display:flex;gap:10px;margin-bottom:24px}[role=tab]{border:1px solid #bfd6cc;background:white;color:var(--ink);border-radius:28px;padding:15px 28px;font-weight:700}[aria-selected=true]{background:var(--ink);color:white}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-grid article{background:var(--pale);border-radius:18px;padding:30px}.service-grid article:nth-child(2){background:#eff5e4}.service-grid article:nth-child(3){background:#eaf4f7}.number{font-size:12px;color:#315d58}.service-grid p{font-size:15px;min-height:75px}.tag{display:block;border-top:1px solid #c6d9d1;padding-top:22px;margin-top:30px;font-size:9px;font-weight:700;letter-spacing:1.3px}.reset{display:grid;grid-template-columns:1fr 1fr;gap:7%;background:#eef6f3;padding:70px 7%;align-items:center}.reset figure{margin:0}.reset img{width:100%;height:410px;object-fit:cover;border-radius:90px 18px 18px 18px}.reset figcaption{font-size:10px;margin-top:10px}.reset p:not(.eyebrow){max-width:450px}.reset .pill{margin-top:15px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:50px}.steps article{border-top:1px solid #9bb9af;padding-top:24px}.steps b{font-size:36px;color:#397767}.steps p{font-size:15px}.contact{text-align:center;background:var(--green);padding:70px 25px}.contact>p:last-child{font-size:12px;margin-top:24px}footer{padding:35px 5%;display:flex;gap:20px;justify-content:space-between;font-size:11px}dialog{border:0;border-radius:22px;padding:40px;max-width:510px;width:calc(100% - 30px);color:var(--ink);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#143c46aa}dialog h2{font-size:36px}.close{float:right;border:0;background:#eef6f3;border-radius:50%;width:36px;height:36px;font-size:26px}.phone{font-size:28px}.notice{background:#f2f6e8;padding:15px;font-size:14px}dialog p:last-of-type{font-size:14px}
@media(max-width:760px){.preview{font-size:8px;letter-spacing:.5px;padding:10px 16px}.preview a{font-size:10px}header{padding:8px 18px;min-height:94px}.logo{width:235px;height:78px}.logo img{width:235px;top:-52px}header nav{display:none}.menu{display:block;background:white;border:1px solid #bbcfc6;border-radius:20px;padding:10px 13px;font-size:12px}#mobile-nav{padding:20px;display:flex;flex-direction:column;align-items:stretch;border-top:1px solid var(--line);gap:20px}#mobile-nav button{padding:14px;border:0;background:var(--pale);color:var(--ink)}.hero{margin:0 12px;min-height:760px;border-radius:18px}.hero-photo{height:310px;bottom:0;object-position:62% center}.hero:after{background:linear-gradient(#eef6f0 0%,#eef6f0 55%,rgba(238,246,240,0) 76%)}.hero-copy{padding:42px 25px}.hero-copy h1{font-size:46px;letter-spacing:-2.4px}.hero-copy p:not(.eyebrow){font-size:16px}.eyebrow{font-size:9px;letter-spacing:1.6px}.hero-copy .pill{width:100%}.photo-label{font-size:8px;right:12px;bottom:12px}.ribbon{padding:24px 18px;font-size:8px;letter-spacing:.8px;gap:12px}.ribbon i{display:none}.section{padding:55px 24px}.section-head{display:block;margin-bottom:28px}.section-head>p{font-size:15px}.section-head h2 br{display:none}h2{font-size:37px;letter-spacing:-1.7px}[role=tablist]{gap:8px}[role=tab]{padding:14px 20px;font-size:13px;flex:1}.service-grid{grid-template-columns:1fr;gap:12px}.service-grid article{padding:24px}.service-grid h3{margin:15px 0 10px}.service-grid p{min-height:0;margin-bottom:16px}.tag{margin-top:18px;padding-top:15px}.reset{grid-template-columns:1fr;padding:40px 24px;gap:32px}.reset img{height:280px;border-radius:55px 14px 14px 14px}.reset p{font-size:16px}.steps{grid-template-columns:1fr;gap:22px;margin-top:30px}.steps h3{margin-top:12px}.steps p{margin-bottom:0}.contact{padding:55px 24px}footer{flex-direction:column;padding:30px 24px;line-height:1.6}dialog{padding:25px}dialog h2{font-size:30px}dialog .phone{font-size:25px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}


/* Fictional portfolio identity */
header .brand,header .brand-original,header .logo{width:300px!important;max-width:100%;height:auto!important}header .brand img,header .brand-original img,header .logo img{display:block;width:100%!important;height:auto!important;object-fit:contain;max-height:none!important}.about img[src$="concept-logo.svg"]{width:340px;max-width:100%;height:auto}@media(max-width:600px){header .brand,header .brand-original,header .logo{width:210px!important}}
header .logo img{position:static!important;top:auto!important;left:auto!important}header .logo{overflow:visible}

/* Distinct portfolio art direction */

:root{--ink:#164a2c;--green:#d5ef83;--blue:#367b36;--pale:#eef8de;--line:#c9ddb7}body{background:#fbfff5}header{background:#d5ef83;flex-direction:column;padding:22px 5%;gap:18px}header .logo{background:transparent;width:280px!important}header nav{background:#fffef5;border-radius:50px;padding:10px 12px 10px 30px;gap:35px;border:1px solid #bfd38f}.hero{margin:20px 24px;border-radius:30px;background:#eef8de}.hero:after{background:linear-gradient(90deg,#e8f5d6 0%,#e8f5d6ed 33%,#e8f5d633 70%,transparent)}.eyebrow,.number{color:#316238}.reset{background:#e8f5d6}.service-grid article:nth-child(3){background:#e0edcf}footer{background:#164a2c;color:white}@media(max-width:760px){header{flex-direction:row;padding:20px;gap:10px}header .logo{width:225px!important}.menu{background:#fffef5;border-color:#75974c}#mobile-nav{background:#e8f5d6}.hero{margin:12px}.hero:after{background:linear-gradient(#e8f5d6 0%,#e8f5d6 55%,#e8f5d600 76%)}}

.preview{background:#164a2c;color:white}.preview a{color:white}