/* The published homepage keeps its original styles. New services use neutral surfaces. */
.site-header .studio-navigation{display:flex;flex:1;justify-content:flex-end;gap:21px;min-width:0;overflow-x:auto;scrollbar-width:none;font-size:11px}
.site-header .studio-navigation::-webkit-scrollbar{display:none}
.site-header .studio-navigation button{flex:0 0 auto;white-space:nowrap;border:0;border-bottom:2px solid transparent;min-height:44px;padding:9px 0;color:#64716e;background:transparent;font-size:10px}
.site-header .studio-navigation button[aria-current=page]{border-bottom-color:#253230;color:#1b2725}
body.studio-active{background:#fafafa;color:#252b2a}
body.studio-active .site-header{background:#fffffff5;border-bottom-color:#e5e7e6}
body.studio-active #motion-toggle{display:none}
#hstroke-service-studio{--studio-ink:#252b2a;--studio-muted:#69716e;--studio-line:#e2e5e3;--studio-soft:#f4f5f4;--studio-white:#fff;min-height:100vh;padding:123px 5% 40px;color:var(--studio-ink);background:#fafafa;font-size:13px;line-height:1.9}
#hstroke-service-studio *{box-sizing:border-box}
#hstroke-service-studio button,#hstroke-service-studio input,#hstroke-service-studio textarea,#hstroke-service-studio select{font-family:inherit}
.studio-intro h1,.studio-experience-heading h2,.studio-selection h2,.studio-order h2,.studio-order h3,.studio-price strong{font-weight:500}
.studio-intro h1{font-size:clamp(29px,3.5vw,43px);line-height:1.55;letter-spacing:-1px}
.studio-experience-heading h2,.studio-selection h2,.studio-order h2{font-size:24px;line-height:1.7}
.studio-order h3{font-size:16px}
#studio-experiment{padding:25px 26px}
#hstroke-service-studio .exp-choice[aria-pressed=true],#hstroke-service-studio .exp-choice[aria-pressed=true]:hover{background:#30343a;color:#fff;border-color:#30343a}
@media(max-width:720px){#studio-experiment{padding:18px}}
.studio-inner{max-width:1180px;margin:auto}
.studio-breadcrumb{display:flex;gap:14px;align-items:center;font-size:10px;color:#707873;margin-bottom:25px}
.studio-breadcrumb button{background:none;border:0;min-height:35px;padding:0;font-size:inherit}
.studio-intro{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:end;margin-bottom:27px}
.studio-kicker{font-size:10px;letter-spacing:.3px;color:#6b746e;margin-bottom:10px}
.studio-description{font-size:12px;color:#69716e;line-height:2.2;max-width:680px;margin-top:12px}
.studio-price{text-align:left;min-width:200px;padding-right:24px;border-right:1px solid #e2e5e3}
.studio-price strong{display:inline-block;font-size:29px;margin:0 7px;letter-spacing:-1px;color:#25302b}
.studio-price span,.studio-price p{font-size:11px;color:#69716e}
.studio-price p{margin-top:4px}
.studio-experience{border:1px solid #e2e5e3;border-radius:10px;background:white;overflow:hidden}
.studio-experience-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 26px;border-bottom:1px solid #e8ebe9}
.studio-experience-heading p{font-size:11px;color:#69716e;margin-top:4px}
.studio-preview-label{font-size:10px;color:#6c736f;background:#f4f5f4;border:1px solid #e6e9e7;border-radius:20px;white-space:nowrap;padding:5px 11px}
.studio-commit-bar{padding:19px 26px;border-top:1px solid #e8ebe9;display:flex;align-items:center;justify-content:space-between;gap:25px;flex-wrap:wrap;background:#fff}
.studio-commit-bar p{font-size:11px;line-height:2;color:#69716e;max-width:600px}
#hstroke-service-studio .studio-button{border:1px solid #25312e;background:#25312e;color:white;min-height:48px;padding:12px 23px;font-size:12px;border-radius:5px;display:inline-flex;align-items:center;justify-content:center;gap:25px}
#hstroke-service-studio .studio-button.secondary{background:white;color:#35413a;border-color:#d5dcd7}
#hstroke-service-studio .studio-text-button{background:none;border:0;min-height:44px;padding:8px 0;font-size:11px;color:#53635a}
.studio-commit-status{font-size:11px;min-height:20px;line-height:2;color:#665341}
.studio-selection{margin-top:23px;background:#fff;border:1px solid #d7ded9;border-radius:8px;padding:24px 26px}
.studio-selection-top{display:flex;gap:20px;justify-content:space-between;align-items:center;margin-bottom:18px}
.studio-selection-top h2{font-size:20px}
.studio-selection-top span{font-size:11px;color:#5e6e64}
.studio-summary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 22px;margin:0}
.studio-summary>div{border-top:1px solid #e7eae8;padding-top:12px}
.studio-summary dt{font-size:10px;color:#79817c;margin-bottom:5px}
.studio-summary dd{margin:0;font-size:12px;line-height:2;overflow-wrap:anywhere}
.studio-selection-actions{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:18px;flex-wrap:wrap}
.studio-small-actions{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.studio-info{margin-top:34px}
.studio-info-tabs{display:flex;gap:28px;border-bottom:1px solid #dfe5e0}
.studio-info-tabs button{border:0;border-bottom:2px solid transparent;background:none;min-height:47px;font-size:11px;padding:10px 0;color:#707872}
.studio-info-tabs button[aria-selected=true]{color:#25312e;border-bottom-color:#25312e}
.studio-info-panel{padding:23px 0;min-height:135px}
.studio-deliverables{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;list-style:none;padding:0;margin:0}
.studio-deliverables li{font-size:12px;line-height:2}
.studio-deliverables span{display:block;font-size:11px;color:#7a837d;margin-bottom:10px}
.studio-faq{padding:11px 0;border-bottom:1px solid #e2e7e3}
.studio-faq summary{font-size:12px;cursor:pointer;min-height:35px;align-content:center}
.studio-faq p{font-size:11px;color:#647067;line-height:2.1;max-width:800px;padding:8px 0 13px}
.studio-order{border:1px solid #d9e1da;background:#f1f3f1;padding:26px;border-radius:8px;margin-top:24px;scroll-margin-top:115px}
.studio-order-heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:18px}
.studio-order-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.studio-order-fields{display:grid;gap:15px;align-content:start}
.studio-order label{display:grid;gap:9px;font-size:11px}
.studio-order label small{font-size:10px;color:#748078}
.studio-order input,.studio-order textarea{width:100%;border:1px solid #cdd7ce;background:white;border-radius:5px;padding:13px 15px;font-size:13px;line-height:1.9}
.studio-order textarea{resize:vertical;min-height:125px}
.studio-order-message{border:1px solid #d8e0da;background:white;padding:23px;border-radius:5px}
.studio-order-message pre{white-space:pre-wrap;overflow-wrap:anywhere;font:inherit;font-size:11px;line-height:2.1;color:#59665e;margin:14px 0 0}
.studio-draft-note{font-size:10px;color:#6f7b73;line-height:2;margin-top:12px}

body.studio-active #studio-footer{display:block;background:#fff;border-top:1px solid #e4e8e5}
body.studio-active #studio-footer .site-footer-social{border-top:0;background:white;color:#59655e;max-width:1310px;margin:auto}
@media(max-width:1000px){.site-header .studio-navigation{justify-content:flex-start;gap:17px}.site-header{gap:24px}.studio-intro{grid-template-columns:1fr auto}.studio-price{min-width:180px}.studio-price strong{font-size:24px}.studio-summary{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.site-header .studio-navigation{gap:19px;mask-image:linear-gradient(to left,#000 94%,transparent);font-size:10px}.site-header .studio-navigation button{font-size:10px}.site-header{gap:20px}.site-header>a img{width:120px}#hstroke-service-studio{padding:96px 6% 30px}.studio-breadcrumb{margin-bottom:18px}.studio-intro{display:block}.studio-description{font-size:11px}.studio-price{margin-top:17px;padding:13px 0 0;border:0;border-top:1px solid #e2e5e3;text-align:right;display:flex;align-items:baseline;flex-wrap:wrap;gap:8px 15px}.studio-price>div{display:inline-flex;align-items:baseline}.studio-price p{margin:0}.studio-experience-heading{padding:19px;align-items:start}.studio-experience-heading h2{font-size:20px}.studio-experience-heading p{font-size:10px;line-height:1.9}.studio-preview-label{font-size:9px}.studio-commit-bar{padding:18px;gap:13px}.studio-commit-bar p{font-size:10px}.studio-commit-bar .studio-button{width:100%}.studio-selection{padding:20px}.studio-selection-top{align-items:start}.studio-selection-top h2{font-size:18px}.studio-selection-top span{font-size:10px}.studio-summary{gap:15px}.studio-selection-actions>.studio-button{width:100%}.studio-deliverables{grid-template-columns:1fr;gap:17px}.studio-deliverables li{border-bottom:1px solid #e2e7e3;padding-bottom:17px;font-size:11px}.studio-deliverables span{margin-bottom:6px}.studio-order{padding:19px;scroll-margin-top:90px}.studio-order-grid{grid-template-columns:1fr;gap:20px}.studio-order-heading h2{font-size:21px}.studio-order input,.studio-order textarea{font-size:16px}}
@media(max-width:380px){.site-header{padding-inline:5%;gap:15px}.site-header>a img{width:105px}.studio-summary{grid-template-columns:1fr}.studio-experience-heading{display:block}.studio-preview-label{display:inline-block;margin-top:10px}}
.studio-summary-color{display:inline-flex;align-items:center;gap:8px}.studio-summary-color i{display:inline-block;width:24px;height:24px;border:1px solid #00000016;border-radius:4px}.studio-summary-color bdi{font-size:11px;letter-spacing:.5px}

.studio-email-request{display:block;width:max-content;max-width:100%;margin-top:12px}

/* Keep the brand centered above a separate, scrollable service row. */
:root{--studio-header-height:124px}
html{scroll-padding-top:calc(var(--studio-header-height) + 12px)}
.site-header{height:var(--studio-header-height);min-height:var(--studio-header-height);padding:8px 5% 0;flex-direction:column;justify-content:flex-start;gap:2px}
.site-header>a{display:flex;align-items:center;justify-content:center;min-height:66px;flex:0 0 66px;align-self:center}
.site-header>a img{width:180px;height:auto;max-height:66px;object-fit:contain}
.site-header .studio-navigation{flex:0 0 44px;width:max-content;max-width:100%;align-self:center;justify-content:flex-start;gap:24px}
#hstroke-service-studio{padding-top:calc(var(--studio-header-height) + 32px)}
.journey-stage{padding-top:calc(var(--studio-header-height) + 16px)}
#static-journey{padding-top:calc(var(--studio-header-height) + 24px)}
.studio-order{scroll-margin-top:calc(var(--studio-header-height) + 16px)}
@media(max-width:720px){.site-header{padding-inline:6%}.site-header .studio-navigation{width:100%;gap:20px}#hstroke-service-studio{padding-top:calc(var(--studio-header-height) + 24px)}}

.site-footer-social .fs-home img{width:170px;height:auto}