/* A single destination for the experience; a compact guide to commissioning it. */
.artwork-preview{position:relative;isolation:isolate;overflow:hidden;background:#eff1ed;aspect-ratio:1000/674}
.artwork-preview img,.case-cover .artwork-preview img{position:absolute;right:-12%;top:-18%;width:93%;height:auto;aspect-ratio:1;object-fit:contain}
.artwork-preview b{position:absolute;left:5%;bottom:5%;font:600 clamp(42px,6vw,92px)/.8 Arial,sans-serif;letter-spacing:-.08em;color:#1d2926}
.compact-sample{display:flex;align-items:center;gap:8px;font-size:12px;color:#2541ed;margin:0 0 20px;text-underline-offset:4px}
.compact-sample svg{width:16px;height:16px}
.sample-card-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:20px;padding-top:15px;border-top:1px solid #d8dfe6}
.sample-card-actions a{display:inline-flex;align-items:center;gap:10px;font-size:14px;min-height:35px}
.sample-card-actions svg{width:16px;height:16px}.sample-card-actions a:last-child{color:#566273}
.sample-card .sample-tags{margin-top:14px}.sample-card .sample-tags span{font-size:12px}.sample-card>p{font-size:16px;line-height:1.8}
.representative-case{background:#f0f1f6;color:#18202a;padding-bottom:70px}
.case-head{padding:48px 0 58px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.78fr);gap:70px;align-items:center}
.case-head h1{font-size:clamp(32px,4.5vw,66px);font-weight:500;letter-spacing:-.05em;line-height:1.3;margin:18px 0 22px;overflow-wrap:anywhere}
.case-head .eyebrow{color:var(--case-accent,#38574f);font-size:12px;letter-spacing:.1em}
.case-summary{font-size:17px;max-width:620px;line-height:1.95}
.case-scope{font-size:14px;color:#56616d;line-height:1.8;margin:20px 0 24px}.case-scope span{margin:0 8px;color:#9aa3ac}
.case-head .button{font-size:15px;background:#18202a;border-color:#18202a;min-height:54px}
.case-fiction{font-size:12px;line-height:1.8;color:#606978;margin-top:16px}
.case-cover{display:block;max-width:480px;width:100%;justify-self:end;background:#e2e6e9;border:1px solid #c7cdd4;overflow:hidden}
.case-cover img{display:block;width:100%;height:auto;aspect-ratio:1000/674;object-fit:cover;transition:filter .25s}
.case-cover>span{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;gap:20px;font-size:14px;background:#fff}
.case-cover svg{width:19px;height:19px}.case-cover:hover img{filter:brightness(1.07)}
.project-brief{color:#18202a;scroll-margin-top:32px}.project-brief.section{padding-top:0;padding-bottom:55px}
.case-decisions{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;padding-top:40px;border-top:1px solid #bfc7ce}
.case-decisions h2{font-size:22px;font-weight:500;line-height:1.7;margin:12px 0 22px}
.case-decisions ol{padding:0;list-style:none}.case-decisions li{display:flex;gap:18px;align-items:start;border-top:1px solid #d2d8de;padding:20px 0;font-size:16px;line-height:1.9}
.case-decisions li>span{color:var(--case-accent);font:12px/2.5 Arial}
.case-budget{padding:30px;background:#e5e9eb;border-top:3px solid var(--case-accent)}
.case-budget>strong{font-size:clamp(28px,2.8vw,42px);font-weight:500;letter-spacing:-.035em;display:block;line-height:1.5}
.case-budget>p:not(.eyebrow){font-size:16px;line-height:1.95;margin:18px 0}
.case-budget>small{display:block;font-size:13px;line-height:1.9;color:#56616d;margin-bottom:22px}
.case-pages{margin-top:55px;padding-top:30px;border-top:1px solid #cbd0db;display:grid;grid-template-columns:1fr 1fr;gap:60px}
.case-pages h3{font-size:23px;font-weight:500;margin-top:14px}.case-pages ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:0 25px}
.case-pages li a{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:15px 0;border-bottom:1px solid #cbd0db;font-size:14px;line-height:1.8}.case-pages svg{width:18px;flex-shrink:0}
.case-next{display:flex;justify-content:space-between;align-items:center;gap:45px;margin-top:55px;padding:38px 0;border-top:1px solid #adb7c3;border-bottom:1px solid #adb7c3}
.case-next h3{font-size:27px;font-weight:500;margin-bottom:13px}.case-next p{font-size:16px;line-height:1.8;max-width:600px}.case-next .button{flex-shrink:0}
.case-disclaimer{font-size:13px;color:#606978;line-height:1.9;margin-top:22px}.case-back{padding-top:0}
.detail-editorial{border-top:1px solid #bfc7ce}.detail-facts{scroll-margin-top:100px}
.pricing-context{display:grid;grid-template-columns:1fr auto;gap:22px 40px;background:#eef1f5;padding:30px 35px;border-top:2px solid #172437;margin-bottom:40px}.pricing-context[hidden]{display:none}
.pricing-context>[data-context-back]{grid-column:1/-1;justify-self:start}.pricing-context h2{font-size:28px;margin:8px 0 12px}
.pricing-context p:not(.eyebrow){max-width:650px;font-size:16px;line-height:1.9}.pricing-context>.button{align-self:center}
.pricing-footnote{line-height:1.9}.service-boundary p{line-height:2}
[data-selected-sample-back]{display:inline-block;margin-top:8px;font-size:14px;text-decoration:underline;text-underline-offset:4px}
.demo-guide-consult{text-decoration:underline;text-underline-offset:4px;font-size:15px;line-height:1.8}
@media(max-width:1000px){.case-head{gap:35px}.case-decisions{gap:30px}.case-pages{gap:25px}.case-pages ul{grid-template-columns:1fr}.case-next{align-items:start;flex-direction:column;gap:25px}}
@media(max-width:700px){
.case-head{display:block;padding:28px 0 36px}.case-head h1{font-size:36px}.case-summary{font-size:16px}
.case-cover{max-width:none;margin-top:30px}.case-cover>span{padding:13px 16px}.case-head .button{width:100%}
.case-scope{font-size:13px;margin:18px 0 22px}.case-fiction{font-size:12px}
.case-decisions,.case-pages{display:block}.case-decisions{padding-top:28px}.case-decisions h2{font-size:21px}
.case-budget{margin-top:20px;padding:24px}.case-pages{margin-top:38px}.case-pages ul{margin-top:20px;grid-template-columns:1fr}
.case-next{margin-top:38px;padding:28px 0}.case-next h3{font-size:24px}.case-next .button{width:100%;font-size:14px}
.pricing-context{display:block;padding:25px}.pricing-context>div{margin:24px 0}.pricing-context>.button{width:100%}
.sample-card-actions{gap:12px}.sample-card-actions a{font-size:13px}.project-brief.section{padding-top:0;padding-bottom:40px}
}
@media(prefers-reduced-motion:reduce){.case-cover img{transition:none}}

#selected-expression{border:1px solid #bbc6da;background:#eff3fa;padding:22px;margin:0 0 22px;border-radius:10px}#selected-expression[hidden]{display:none}#selected-expression p{font-size:14px;margin:0 0 12px}#selected-expression a{font-size:14px;text-decoration:underline}#selected-expression button{margin-left:22px;font-size:13px;text-decoration:underline;min-height:44px}

/* Editorial notes explain the work before the commissioning guide. */
.case-story{padding:48px 0 56px;border-top:1px solid #bfc7ce;display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:80px}
.case-story-intro h2{font-size:clamp(24px,2.5vw,34px);font-weight:500;line-height:1.65;letter-spacing:-.03em;margin:18px 0 24px;max-width:18em}
.case-story-intro>p:not(.eyebrow){font-size:16px;line-height:1.95;max-width:32em;color:#46505d}
.case-story-points{list-style:none;padding:0;margin:0}
.case-story-points li{display:grid;grid-template-columns:28px 1fr;gap:18px;padding:26px 0;border-bottom:1px solid #cbd0db}
.case-story-points li:first-child{padding-top:0}
.case-story-points li:last-child{padding-bottom:0;border-bottom:0}
.case-story-points li>span{font-size:12px;line-height:2.7;color:#3159d5}
.case-story-points h3{font-size:20px;font-weight:600;line-height:1.7;margin:0 0 12px}
.case-story-points p{font-size:16px;line-height:1.95;margin:0;color:#46505d}
@media(max-width:1000px){.case-story{gap:36px;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr)}}
@media(max-width:700px){.case-story{display:block;padding:30px 0 36px}.case-story-intro h2{font-size:25px}.case-story-points{margin-top:32px}.case-story-points h3{font-size:19px}.case-story-points li{gap:12px;grid-template-columns:24px 1fr}}

/* Commissioning guide: price, scope, and the effect of requested changes. */
.representative-case .case-head{padding:28px 0 36px;gap:48px;grid-template-columns:minmax(0,1fr) minmax(220px,.45fr)}
.representative-case .case-cover{max-width:330px}
.representative-case .case-head h1{font-size:clamp(30px,4vw,52px);margin:12px 0 16px}
.representative-case .case-summary{font-size:16px;line-height:1.8}
.project-brief{scroll-margin-top:110px}
.case-estimate{display:grid;grid-template-columns:1fr 1.1fr;gap:48px;padding:36px;background:#fff;border-top:3px solid #3159d5}
.case-estimate h2{font-size:23px;line-height:1.6;margin:14px 0 20px;font-weight:500}
.case-estimate-price>strong{display:block;font-size:clamp(36px,4.5vw,62px);line-height:1.25;font-weight:600;letter-spacing:-.04em}
.case-estimate-price>p:last-child{font-size:14px;color:#56616d;line-height:1.9;margin-top:14px}
.case-estimate-terms h3{font-size:18px;margin:0 0 12px}.case-estimate-terms p{font-size:16px;line-height:1.9}
.case-estimate-caution{padding-top:18px;margin:18px 0 22px;border-top:1px solid #cbd0db;color:#46505d}
.case-price-section{padding:40px 0;border-bottom:1px solid #bfc7ce;scroll-margin-top:110px}
.case-price-section>h2{font-size:clamp(23px,2.4vw,30px);font-weight:500;line-height:1.6;margin:0 0 24px}
.case-price-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}
.case-price-reasons h3{font-size:18px;line-height:1.7;margin:0 0 10px}
.case-price-reasons p,.case-price-note{font-size:15px;line-height:1.9;color:#46505d}
.case-cost-table table{width:100%;border-collapse:collapse;text-align:left;font-size:15px;line-height:1.8}
.case-cost-table th,.case-cost-table td{padding:18px 20px 18px 0;border-bottom:1px solid #cbd0db;vertical-align:top}
.case-cost-table thead{color:#56616d;font-size:13px}.case-cost-table tbody th{width:25%;font-weight:600}.case-cost-table td:nth-child(2){width:25%;font-weight:500}.case-cost-table td:last-child{color:#46505d;padding-right:0}
.case-price-changes{padding:0;list-style:none;margin:0}.case-price-changes li{display:grid;grid-template-columns:1fr 1.4fr;gap:36px;padding:22px 0;border-top:1px solid #cbd0db}
.case-price-changes h3{font-size:18px;line-height:1.8;margin:0}.case-price-changes strong{font-size:15px;color:#2446c2}.case-price-changes p{font-size:15px;line-height:1.9;color:#46505d;margin:8px 0 0}
.case-price-note{margin:22px 0 0}.case-price-alternative{padding:24px;background:#fff;font-size:16px;line-height:1.9;margin-top:24px}
.case-price-approaches{display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:26px}.case-price-approaches>div{border-top:2px solid #bfc7ce;padding-top:20px}.case-price-approaches h3{font-size:20px;margin:0 0 16px}.case-price-approaches strong{font-size:32px;font-weight:500}.case-price-approaches small{font-size:13px;margin-left:10px}.case-price-approaches p{font-size:15px;line-height:1.8;margin:16px 0}.case-price-approaches dl{font-size:14px;line-height:1.8}.case-price-approaches dl>div{display:grid;grid-template-columns:100px 1fr;gap:14px;padding:12px 0;border-top:1px solid #cbd0db}.case-price-approaches dt{color:#56616d}.case-price-approaches dd{margin:0}
.case-running-costs{margin-top:30px}.case-price-links{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;margin:28px 0}
.case-page-details{border-top:1px solid #cbd0db;border-bottom:1px solid #cbd0db;padding:18px 0}.case-page-details summary{cursor:pointer;font-size:15px}.case-page-details ul{list-style:none;padding:12px 0 0;display:grid;grid-template-columns:1fr 1fr;gap:14px 30px}.case-page-details a{display:flex;justify-content:space-between;font-size:14px;line-height:1.8}.case-page-details svg{width:18px;flex-shrink:0}
@media(max-width:1000px){.case-estimate{gap:28px;padding:28px}.case-price-reasons{gap:22px}.case-price-reasons h3{font-size:17px}}
@media(max-width:700px){.representative-case .case-head{display:block}.representative-case .case-cover{max-width:240px;margin:24px 0 0}.case-estimate{display:block;padding:24px}.case-estimate-terms{margin-top:28px}.case-price-section{padding:30px 0}.case-price-reasons{grid-template-columns:1fr;gap:20px}.case-price-reasons p{margin:0}.case-price-changes li{grid-template-columns:1fr;gap:10px}.case-price-approaches{grid-template-columns:1fr;gap:24px}.case-cost-table thead{display:none}.case-cost-table table,.case-cost-table tbody,.case-cost-table tr,.case-cost-table td,.case-cost-table tbody th{display:block;width:100%}.case-cost-table tr{padding:18px 0;border-top:1px solid #cbd0db}.case-cost-table th,.case-cost-table td{padding:0;border:0}.case-cost-table td:nth-child(2){width:100%;margin:8px 0;color:#2446c2}.case-page-details ul{grid-template-columns:1fr}.case-price-section>h2{font-size:23px}.case-price-links{font-size:14px}}