/* Real website work. Uses the established clothing-derived Sashov palette. */
body .web14-screen{display:block;position:relative;overflow:hidden;border:1px solid var(--line,#d9d1c4);border-radius:12px;background:var(--surface-raised,#fffcf5);box-shadow:0 10px 26px #28251f0a;isolation:isolate;transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s}
body .web14-screen:focus-visible{outline:3px solid var(--wine,#6a2935);outline-offset:5px}
body .web14-screen>img{position:static;display:block;width:100%;height:auto;max-width:none;padding:0;object-fit:contain;transform:none;transition:none;background:var(--paper,#f7f3ea)}
body .web14-browser{display:flex;align-items:center;gap:5px;min-height:30px;padding:8px 12px;border-bottom:1px solid var(--line,#d9d1c4);background:var(--paper,#f7f3ea);font-size:10px;line-height:1.4;color:var(--muted,#655e54)}
body .web14-browser>i{display:block;width:5px;height:5px;flex:0 0 5px;border-radius:50%;background:currentColor;opacity:.3}
body .web14-browser>span{margin-inline:auto;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
body .web14-browser>b{font-size:15px;font-weight:500}
body .web14-overview{padding-block:50px 90px}
body .web14-overview .section-head{align-items:end}
body .web14-overview .section-head>p{max-width:380px}
body .web14-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
body .web14-preview-card{min-width:0}
body .web14-preview-card>.eyebrow{margin:20px 0 9px;font-size:10px}
body .web14-preview-card h3{font-size:clamp(20px,2.1vw,28px);line-height:1.2;letter-spacing:-.035em;margin:0}
body .web14-overview-foot{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin-top:32px;padding-top:22px;border-top:1px solid var(--line,#d9d1c4)}
body .web14-overview-foot>p{font-size:13px;color:var(--muted,#655e54);margin:0}
body .web14-design-grid .pv6-work-image{aspect-ratio:10/7;background:transparent;border-radius:10px}
body .web14-design-grid .pv6-work-image>img{object-fit:contain;padding:0}
body .web14-design-grid .pv6-work-copy{padding:22px 0 0}
body .web14-design-grid .pv6-work-copy h3{font-size:32px}
body .web14-service-example{min-width:0;align-self:center}
body .web14-service-stack{display:grid;grid-template-columns:1fr 1fr;gap:15px}
body .web14-service-screen-1{grid-column:1/-1}
body .web14-service-stack .web14-browser{font-size:9px;min-height:25px;padding:6px 9px}
body .web14-service-stack .web14-browser>i{width:4px;height:4px;flex-basis:4px}
body .web14-service-example figcaption{margin-top:20px}
body .web14-intro{padding-block:38px 55px;max-width:var(--shell,1440px)}
body .web14-intro .pv6-back{margin-bottom:35px}
body .web14-intro h1{font-size:clamp(48px,6.5vw,88px);line-height:1.03;letter-spacing:-.06em;max-width:950px;margin:0 0 24px}
body .web14-intro .web14-lead{max-width:760px;font-size:18px;line-height:1.65;color:var(--muted,#655e54);margin:0}
body .web14-tech{display:flex;flex-wrap:wrap;list-style:none;gap:9px;padding:0;margin:25px 0}
body .web14-tech li{display:block;font-size:12px;line-height:1.4;padding:8px 13px;border:1px solid var(--line,#d9d1c4);border-radius:50px;background:var(--surface-raised,#fffcf5)}
body .web14-cases{padding-top:5px}
body .web14-case{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,1fr);align-items:center;gap:54px;padding-block:58px;border-top:1px solid var(--line,#d9d1c4);scroll-margin-top:110px}
body .web14-case:nth-child(even){grid-template-columns:minmax(260px,1fr) minmax(0,1.5fr)}
body .web14-case:nth-child(even)>figure{order:2}
body .web14-case figure{margin:0;min-width:0}
body .web14-case-copy{min-width:0}
body .web14-case-copy>.eyebrow{font-size:10px;margin-bottom:14px}
body .web14-case-copy h2{font-size:clamp(29px,3.2vw,44px);line-height:1.12;letter-spacing:-.045em;margin:0 0 20px;overflow-wrap:break-word}
body .web14-case-copy p{font-size:15px;line-height:1.7;color:var(--muted,#655e54);margin:0 0 18px}
body .web14-case-copy .web14-case-line{font-size:20px;line-height:1.4;color:var(--ink,#28251f);letter-spacing:-.025em;margin-bottom:14px}
body .web14-case-copy ul{list-style:none;padding:0;margin:25px 0 0}
body .web14-case-copy li{font-size:13px;line-height:1.5;padding:10px 0;border-top:1px solid var(--line,#d9d1c4);display:flex;gap:12px}
body .web14-case-copy li:before{content:'↗';color:var(--wine,#6a2935)}
body .web14-live-link{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:12px;line-height:1.4;padding:13px 16px;border-top:1px solid var(--line,#d9d1c4);background:var(--paper,#f7f3ea)}
body .web14-live-link>span{font-size:18px}
body .web14-method{display:grid;grid-template-columns:1fr 1.2fr;gap:90px;padding-block:80px 90px;border-top:1px solid var(--line,#d9d1c4)}
body .web14-method h2{font-size:clamp(34px,4vw,54px);line-height:1.1;letter-spacing:-.045em;margin:0 0 24px}
body .web14-method p,body .web14-method dd{font-size:15px;line-height:1.7;color:var(--muted,#655e54);margin:0}
body .web14-method dl{margin:0}
body .web14-method dl>div{padding:23px 0;border-bottom:1px solid var(--line,#d9d1c4)}
body .web14-method dl>div:first-child{padding-top:0}
body .web14-method dt{font-size:19px;line-height:1.4;letter-spacing:-.025em;margin:0 0 12px}
@media(hover:hover) and (pointer:fine){body .web14-screen:hover{transform:translateY(-4px);box-shadow:0 15px 35px #28251f12}}
@media(max-width:1000px){body .web14-preview-grid{gap:16px}body .web14-browser{font-size:9px;padding-inline:9px}body .web14-case{gap:32px;grid-template-columns:minmax(0,1.3fr) minmax(240px,1fr)}body .web14-case:nth-child(even){grid-template-columns:minmax(240px,1fr) minmax(0,1.3fr)}body .web14-case-copy h2{font-size:32px}body .web14-method{gap:45px}}
@media(max-width:720px){body .web14-overview{padding-block:30px 55px}body .web14-overview .section-head{display:block}body .web14-overview .section-head>p{margin-top:20px;max-width:540px}body .web14-preview-grid{grid-template-columns:1fr;gap:30px}body .web14-preview-card>.eyebrow{margin-top:17px}body .web14-preview-card h3{font-size:25px}body .web14-overview-foot{display:block;margin-top:28px;padding-top:20px}body .web14-overview-foot>.text-link{margin-top:18px}body .web14-design-grid .pv6-work-copy h3{font-size:29px}body .web14-service-stack{gap:10px}body .web14-service-stack .web14-browser{font-size:8px;padding:6px 7px}body .web14-service-stack .web14-browser>i{display:none}body .web14-intro{padding-block:28px 35px}body .web14-intro .pv6-back{margin-bottom:28px}body .web14-intro h1{font-size:clamp(44px,10vw,66px)}body .web14-intro .web14-lead{font-size:16px}body .web14-tech{gap:7px;margin-block:22px}body .web14-tech li{font-size:11px;padding:7px 11px}body .web14-case,body .web14-case:nth-child(even){display:flex;flex-direction:column;align-items:stretch;gap:28px;padding-block:36px}body .web14-case:nth-child(even)>figure{order:0}body .web14-case-copy h2{font-size:31px;margin-bottom:17px}body .web14-case-copy p{font-size:14px}body .web14-case-copy .web14-case-line{font-size:19px}body .web14-case-copy ul{margin-top:20px}body .web14-method{grid-template-columns:1fr;gap:30px;padding-block:45px 55px}body .web14-method h2{font-size:37px}body .web14-method p,body .web14-method dd{font-size:14px}body .web14-method dt{font-size:18px}}
@media(prefers-reduced-motion:reduce){body .web14-screen{transition:none;transform:none!important}}
.motion-paused body .web14-screen{transition:none;transform:none!important}
/* Local context and website-service additions share the existing hierarchy. */
body.landing-page .landing-copy .landing-locality-v14{font-size:14px;line-height:1.5;font-weight:500;letter-spacing:0;color:var(--muted,#655e54);margin:12px 0 0;max-width:32ch}
body .website-entry-v14{display:flex;justify-content:space-between;align-items:center;gap:35px;border-block:1px solid var(--line,#d9d1c4);padding:30px 0;margin:32px 0 42px}
body .website-entry-v14>div{max-width:740px}
body .website-entry-v14 .eyebrow{margin:0 0 12px}
body .website-entry-v14 h2{font-size:clamp(28px,3.1vw,42px);line-height:1.13;letter-spacing:-.04em;margin:0 0 15px}
body .website-entry-v14 p:not(.eyebrow){font-size:15px;line-height:1.7;color:var(--muted,#655e54);margin:0}
body .website-entry-v14>.text-link{flex-shrink:0;min-height:44px}
body.web-service-v14 .sv5-hero>p:last-child{max-width:760px}
body.web-service-v14 :is(.web-proof-intro-v14,.web-apps-note-v14){border-top:1px solid var(--line,#d9d1c4);padding-block:48px}
body.web-service-v14 :is(.sv5-process,.web-service-process-v14){padding-block:68px 48px}
body .web-service-faq-v14{padding-block:55px;border-top:1px solid var(--line,#d9d1c4)}
body .web-service-faq-v14>h2{margin:0 0 30px}
body .web-service-faq-v14 details{border-bottom:1px solid var(--line,#d9d1c4);padding:0;margin:0}
body .web-service-faq-v14 details:first-of-type{border-top:1px solid var(--line,#d9d1c4)}
body .web-service-faq-v14 summary{display:flex;justify-content:space-between;align-items:center;gap:24px;cursor:pointer;list-style:none;font-size:18px;line-height:1.45;letter-spacing:-.02em;padding:22px 0;min-height:44px}
body .web-service-faq-v14 summary::-webkit-details-marker{display:none}
body .web-service-faq-v14 summary::after{content:'+';font-size:24px;font-weight:400;line-height:1;flex:0 0 20px;text-align:center;color:var(--wine,#6a2935);transition:transform .2s}
body .web-service-faq-v14 details[open]>summary::after{transform:rotate(45deg)}
body .web-service-faq-v14 summary:focus-visible{outline:2px solid var(--wine,#6a2935);outline-offset:4px;border-radius:2px}
body .web-service-faq-v14 details>p{font-size:15px;line-height:1.75;color:var(--muted,#655e54);margin:0;padding:0 44px 24px 0;max-width:800px}
@media(max-width:720px){body.landing-page .landing-copy .landing-locality-v14{font-size:13px;margin-top:9px;max-width:none}body .website-entry-v14{display:block;padding-block:25px;margin-block:25px 32px}body .website-entry-v14 h2{font-size:29px}body .website-entry-v14 p:not(.eyebrow){font-size:14px}body .website-entry-v14>.text-link{margin-top:18px}body.web-service-v14 :is(.web-proof-intro-v14,.web-apps-note-v14){padding-block:35px}body.web-service-v14 :is(.sv5-process,.web-service-process-v14){padding-block:42px 30px}body .web-service-faq-v14{padding-block:38px}body .web-service-faq-v14>h2{margin-bottom:23px}body .web-service-faq-v14 summary{font-size:17px;padding-block:20px;gap:18px}body .web-service-faq-v14 details>p{font-size:14px;padding:0 30px 22px 0}}
@media(prefers-reduced-motion:reduce){body .web-service-faq-v14 summary::after{transition:none}}
.motion-paused body .web-service-faq-v14 summary::after{transition:none}