.experience-panel{background:var(--color-surface);border-top:1px solid var(--color-border)}.experience-panel h2,.experience-faq h2{font-size:clamp(30px,3.5vw,50px);line-height:1.2;font-weight:500;max-width:900px}.experience-split{display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.experience-split p{color:var(--color-muted);margin-top:24px;max-width:58ch}.architecture-flow{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.architecture-flow span{padding:12px 16px;border:1px solid #c8d2e1;border-radius:8px;background:var(--color-bg);font-size:13px}.architecture-flow i{color:var(--color-accent-text);font-style:normal}.experience-split .architecture-caption{font-size:12px}.deliverable-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:40px}.deliverable-grid article{border-top:1px solid #c8d2e1;padding-top:25px}.deliverable-grid h3{font-size:23px;margin-bottom:18px;font-weight:500}.deliverable-grid p{color:var(--color-muted);font-size:15px}.experience-faq .faq-list{margin-top:35px;max-width:900px}.case-study:nth-child(odd){background:var(--color-surface)}.case-heading{margin-bottom:40px}.project-kind{font:11px/1.7 var(--mono);color:var(--color-accent-text);letter-spacing:.1em}.case-heading h2{font-size:clamp(36px,4vw,56px);line-height:1.2;font-weight:500;margin:20px 0}.case-heading>p:last-child{color:var(--color-muted);font-size:15px}.case-spread{display:grid;grid-template-columns:1.1fr 1fr;gap:9%;align-items:start}.case-spread>img{max-height:670px;width:100%;height:auto;object-fit:contain;border-radius:12px;background:#fff}.case-story h3{font-size:17px;font-weight:600;color:var(--color-accent-text);margin:28px 0 12px}.case-story h3:first-child{margin-top:0}.case-story p{color:var(--color-muted);font-size:15px;line-height:1.9}.case-story .quiet-link{margin-top:25px}.contact-main .form{max-width:900px}.package-details{border:1px solid var(--color-border);border-radius:10px;padding:18px 20px;margin:12px 0 25px}.package-details>summary{cursor:pointer;font-size:15px;font-weight:600;color:var(--color-text);min-height:28px}.package-details .builder{margin-top:25px}.form-privacy{font-size:12px;color:var(--color-muted);line-height:1.8;margin-bottom:20px}.form-privacy a{color:var(--color-accent-text)}.privacy-copy h2{margin:40px 0 20px;font-size:26px}.privacy-copy p,.privacy-copy li{color:var(--color-muted);line-height:1.9}.privacy-copy ul{padding-left:20px}
/* The website-gallery framework uses its own class vocabulary. */
body:has(.gallery-slider){background:var(--color-bg)}.intro{background:var(--color-surface);color:var(--color-text);border-color:var(--color-border)}.intro h1{font-family:var(--sans);color:var(--color-text)}.intro h1 em{color:var(--color-accent-text)}.intro p,.intro .lead{color:var(--color-muted)}.intro .eyebrow{color:var(--color-accent-text)}.category-nav{background:var(--color-bg);border-color:var(--color-border)}.category-nav a{color:var(--color-muted)}.category-nav a:hover{color:var(--color-accent-text)}.category-section,.category,.cat{background:var(--color-bg);color:var(--color-text);border-color:var(--color-border)}.section-head h2{color:var(--color-text)}.section-head p,.section-head .section-meta{color:var(--color-muted)}.slide-caption h3{color:var(--color-text)}.slide-caption small,.slide-caption>span{color:var(--color-muted)}.slider-controls .count{color:var(--color-muted)}.slider-controls .arrows button{background:var(--color-surface);color:var(--color-text);border-color:#c8d2e1}.slider-controls .dots button{background:#aebccb}.slider-controls .dots button.active{background:var(--color-accent)}.modal-head{color:#0e1633}.modal-head h2{color:#0e1633}.gallery-slider .slide{border-color:var(--color-border)}
@media(max-width:800px){.experience-split,.case-spread{grid-template-columns:1fr;gap:35px}.deliverable-grid{gap:25px}.case-spread>img{max-height:580px}.case-story{max-width:68ch}}
@media(max-width:600px){.deliverable-grid{grid-template-columns:1fr;gap:28px}.case-heading h2{font-size:36px}.case-story p{font-size:16px}.package-details{padding:15px}.package-details>summary{font-size:14px}.architecture-flow{gap:8px}.architecture-flow span{font-size:12px;padding:9px 11px}}