/* Baker Dave Design / architectural light, cinematic dark.
   This layer styles the business site. The fictional demos keep their own identities. */
:root {
  color-scheme: light;
  --paper: #ffffff;
  --ink: #151515;
  --muted: #60605c;
  --line: #d8d8d3;
  --soft: #f2f2ef;
  --white: #ffffff;
  --green: #151515;
  --red: #bb2329;
  --gold: #82662f;
  --gold-line: #b19458;
  --surface: #fafaf8;
  --surface-raised: #ffffff;
  --button: #bb2329;
  --button-text: #ffffff;
  --focus: #ad2228;
  --error: #b51d25;
  --policy-bg: #f7f2e6;
  --policy-text: #6c5426;
  --body: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --display: "Helvetica Neue", Helvetica, Arial, sans-serif;
  --radius: 0px;
}
:root[data-theme="dark"] {
  color-scheme: dark;
  --paper: #101010;
  --ink: #f4f3ef;
  --muted: #b3b3ac;
  --line: #393937;
  --soft: #181818;
  --white: #1d1d1c;
  --green: #f4f3ef;
  --red: #ff7979;
  --gold: #c4a66a;
  --gold-line: #8f753f;
  --surface: #151515;
  --surface-raised: #1a1a1a;
  --button: #c32b31;
  --button-text: #ffffff;
  --focus: #e7bd70;
  --error: #ffaaaa;
  --policy-bg: #2a251a;
  --policy-text: #dfc18b;
}
html {scroll-padding-top:0;}
section[id],#main {scroll-margin-top:134px;}
main input,main textarea,main summary {scroll-margin-top:114px;scroll-margin-bottom:25px;}
body {font-family:var(--body);line-height:1.65;}
.container {width:min(calc(100% - 112px),1280px);}
::selection {background:#bb2329;color:#fff;}
h1,h2,h3 {font-family:var(--display);font-weight:500;}
h2 {font-size:clamp(2.4rem,4vw,3.7rem);line-height:1.06;letter-spacing:-.055em;}
h3 {font-weight:500;}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible {outline:3px solid var(--focus);outline-offset:5px;}
a:hover {text-decoration-thickness:1px;}
.section {padding-block:104px;}
.eyebrow {font-size:.68rem;font-weight:500;letter-spacing:.16em;}
.preview-banner {background:var(--soft);color:var(--muted);font-size:.68rem;}
.preview-banner .container {padding-block:6px;}
.preview-banner strong {color:var(--ink);font-weight:500;}
.preview-banner strong::before {color:var(--red);}
.site-header {background:var(--paper);border-color:var(--line);}
.header-inner {display:grid;grid-template-columns:auto 1fr auto;min-height:90px;gap:30px;}
.brand {border-left:3px solid var(--red);padding-left:13px;gap:0;}
.brand strong {font-size:1.02rem;font-weight:650;letter-spacing:-.05em;}
.brand small {font-size:.55rem;letter-spacing:.1em;line-height:1.8;margin-top:2px;}
.site-nav {display:flex;justify-content:flex-end;gap:23px;border:0;padding:0;}
.site-nav>a {font-size:.75rem;padding-block:14px;}
.site-nav>a:hover {color:var(--red);text-decoration:none;}
.site-nav .nav-contact {border:0;margin-left:5px;gap:12px;color:var(--red);}
.header-controls {display:flex;gap:12px;align-items:center;justify-content:flex-end;}
.theme-controls {display:flex;border:1px solid var(--line);padding:3px;gap:1px;}
.theme-controls button {border:0;background:transparent;color:var(--muted);font-size:.68rem;line-height:1;padding:10px 11px;min-height:36px;min-width:45px;font-weight:500;}
.theme-controls button[aria-pressed="true"] {background:var(--ink);color:var(--paper);}
.theme-controls button:hover:not([aria-pressed="true"]) {color:var(--red);}
.menu-toggle {border:1px solid var(--line);color:var(--ink);font-size:.72rem;border-radius:0;}
.button {border-radius:0;min-height:54px;padding:17px 23px;font-size:.85rem;}
.button-dark,.button-lime {background:var(--button);color:var(--button-text);}
.button:hover {filter:none;background:#a71f25;color:#fff;}
.text-link {font-weight:500;font-size:.85rem;gap:25px;border-bottom:1px solid var(--line);padding-block:8px;}
.text-link:hover {gap:25px;color:var(--red);border-color:var(--red);}
.hero {display:grid;grid-template-columns:minmax(0,1.9fr) minmax(0,1fr);gap:34px 68px;padding:68px 0 0;align-items:start;}
.hero-heading .eyebrow {margin-bottom:27px;}
.small-dot {width:6px;height:6px;background:var(--red);margin-right:10px;vertical-align:2px;}
.hero h1 {font-size:clamp(3.1rem,5.6vw,5.4rem);font-weight:550;line-height:1.02;letter-spacing:-.075em;margin:0;}
.hero h1>span {display:block;white-space:nowrap;}
.hero h1 em {display:block;font-family:var(--display);font-size:.89em;font-style:normal;font-weight:400;letter-spacing:-.065em;line-height:1.1;margin-top:8px;color:var(--muted);}
.hero-copy {padding-top:44px;}
.hero-description {font-size:.94rem;line-height:1.8;max-width:400px;color:var(--muted);margin-bottom:22px;}
.hero-actions {display:flex;align-items:flex-start;flex-direction:column;gap:10px;}
.hero-actions .button {width:100%;max-width:318px;}
.hero-actions .text-link {font-size:.8rem;gap:20px;}
.hero-fit {font-size:.75rem;margin-top:19px;max-width:320px;line-height:1.7;}
.hero-visual {display:block;grid-column:1/-1;width:100%;min-height:0;aspect-ratio:auto;border-radius:0;background:transparent;padding:0;color:var(--muted);margin:0;overflow:visible;}
.hero-artwork {width:100%;aspect-ratio:2.64/1;background-color:var(--soft);background-image:var(--architecture-image);background-size:cover;background-position:50% 59%;}
.hero-visual figcaption {display:flex;justify-content:space-between;gap:25px;padding:15px 0 20px;align-items:center;color:var(--muted);font-size:.65rem;letter-spacing:.015em;}
.hero-visual figcaption>span:last-child {font-size:.55rem;letter-spacing:.12em;color:var(--gold);white-space:nowrap;}
.value-strip {border-color:var(--line);}
.value-strip>.container {padding-block:19px;}
.value-strip span {font-size:.75rem;font-weight:400;gap:14px;}
.value-strip span::before {color:var(--red);}
.section-intro {grid-template-columns:1fr 2fr;gap:65px;margin-bottom:44px;}
.section-intro .eyebrow {color:var(--red);}
.section-description {font-size:.95rem;line-height:1.8;max-width:600px;}
.services-grid {border-color:var(--line);}
.service-card {padding:28px 35px 32px 0;}
.service-card+.service-card {padding-left:35px;border-color:var(--line);}
.service-number {color:var(--gold);margin-bottom:43px;}
.service-number span {color:var(--red);}
.service-card h3 {font-size:1.6rem;line-height:1.16;max-width:280px;letter-spacing:-.04em;}
.service-card p {font-size:.91rem;line-height:1.8;}
.service-card .service-detail {font-size:.72rem;line-height:1.7;}
.related-note {font-size:.83rem;max-width:850px;gap:22px;}
.related-note>span {color:var(--red);}
.work-section {background:var(--soft);}
.work-grid {gap:42px;}
.work-card {min-width:0;}
.work-art {border-radius:0;height:auto;aspect-ratio:1.6/1;}
.thumbnail-brand {font-family:Arial,Helvetica,sans-serif;}
.open-demo {border-radius:0;width:42px;height:42px;background:#fff;color:#111;}
.work-art:hover .open-demo {transform:none;background:var(--button);color:#fff;}
.work-status {font-size:.65rem!important;letter-spacing:.065em;color:var(--muted);margin-bottom:13px;}
.work-title h3 {font-size:1.8rem;margin-bottom:16px;}
.work-title>span {font-size:.7rem;}
.work-meta>p:not(.work-status) {font-size:.9rem;line-height:1.8;}
.work-meta>.work-role {font-size:.72rem!important;line-height:1.8;}
.work-meta .text-link {font-size:.84rem;border-color:var(--line);}
.process-grid {gap:32px;}
.process-grid>li {border-top:1px solid var(--line);padding-top:22px;}
.step-number {color:var(--red);font-size:.72rem;margin-bottom:38px;}
.process-grid h3 {font-size:1.4rem;line-height:1.15;}
.process-grid p {font-size:.88rem;line-height:1.8;}
.pricing-section {background:var(--surface);border-block:1px solid var(--line);}
.draft-pricing {border:1px solid var(--gold-line);background:var(--policy-bg);color:var(--policy-text);border-radius:0;font-size:.75rem;margin-bottom:29px;padding:10px 14px;}
.pricing-grid {grid-template-columns:1.06fr .94fr;gap:60px;}
.package-card {border-radius:0;background:var(--surface-raised);border-color:var(--line);padding:38px;border-top:3px solid var(--red);}
.package-heading .eyebrow {color:var(--red);}
.package-card h3 {font-size:1.65rem;line-height:1.15;}
.price {font-size:5.2rem;letter-spacing:-.07em;font-weight:400;margin-bottom:24px;}
.price>span {font-size:.85rem;font-weight:400;}
.included-list {margin-block:25px;}
.included-list li {font-size:.86rem;border-color:var(--line);padding-block:9px;}
.included-list li::before {color:var(--red);}
.package-exclusions {border-color:var(--line);}
.package-card .package-exclusions,.package-card .payment-note {font-size:.8rem!important;color:var(--muted);}
.care-column>.eyebrow {color:var(--gold);}
.support-card {padding:29px 0;border-color:var(--line);}
.support-card h3 {font-size:1.55rem;}
.care-price {font-size:1.9rem;}
.care-price>span {font-size:.8rem;}
.support-card>p {font-size:.88rem;line-height:1.8;}
.support-card .care-boundary,.without-support {font-size:.8rem!important;line-height:1.8;}
.without-support,.cost-note {border-color:var(--line);}
.cost-note {margin-top:42px;}
.cost-note strong {font-size:.9rem;font-weight:500;}
.cost-note p {font-size:.85rem;}
.about-grid {gap:100px;grid-template-columns:1fr 1.2fr;}
.about-art {background:var(--soft);color:var(--ink);aspect-ratio:1.12/1;padding:30px;border-top:1px solid var(--gold-line);}
.about-initials {font-family:var(--body);font-style:normal;font-weight:500;letter-spacing:-.1em;font-size:9.5rem;top:10%;left:10%;transform:none;}
.about-art-note {font-size:.6rem;letter-spacing:.15em;color:var(--red);}
.about-art-line {background:var(--gold-line);}
.about-art-footer {font-size:.85rem;line-height:1.7;max-width:240px;}
.about-copy>.eyebrow {color:var(--red);}
.about-copy>p:not(.eyebrow):not(.signature) {font-size:.96rem;line-height:1.8;}
.signature {font-family:var(--body);font-style:normal;font-size:1.2rem;font-weight:500;}
.signature>span {color:var(--red);}
.faq-layout {border-color:var(--line);grid-template-columns:1fr 1.55fr;gap:90px;}
.faq-layout .eyebrow {color:var(--red);}
.faq-layout h2 {font-size:clamp(2.4rem,3.2vw,3.1rem);}
.faq-list {border-color:var(--line);}
.faq-list summary {font-size:.98rem;font-weight:500;padding-block:24px;}
.faq-list summary::after {color:var(--red);top:20px;}
.faq-list details {border-color:var(--line);}
.faq-list details>div {font-size:.9rem;line-height:1.8;}
.policy-review {background:var(--policy-bg);color:var(--policy-text);border-radius:0;font-size:.75rem!important;}
.contact-section {background:var(--soft);color:var(--ink);border-top:1px solid var(--line);}
.contact-grid {gap:100px;grid-template-columns:1fr 1.12fr;}
.contact-copy .eyebrow {color:var(--red);}
.contact-copy h2 {font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1.02;}
.contact-copy>p:not(.eyebrow) {color:var(--muted);font-size:.95rem;line-height:1.8;}
.preview-note {border-color:var(--line);border-left:2px solid var(--gold-line);padding:19px 22px;background:var(--paper);border-radius:0;}
.preview-note strong {color:var(--ink);font-weight:500;}
.preview-note p {color:var(--muted);}
.contact-copy>.contact-missing {color:var(--muted);}
.form-key {color:var(--muted);font-size:.8rem;}
.field label {font-size:.85rem;}
.field label>span {font-size:.75rem;color:var(--muted);}
.field input,.field textarea {background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:0;padding:13px 14px;min-height:50px;font-size:1rem;}
.field input:hover,.field textarea:hover {border-color:var(--muted);}
.field input::placeholder,.field textarea::placeholder {color:var(--muted);font-size:.85rem;}
.field input[aria-invalid="true"],.field textarea[aria-invalid="true"] {border:2px solid var(--error);}
.field-hint {font-size:.8rem;color:var(--muted);}
.field .field-error {font-size:.8rem;color:var(--error);}
.optional-fields {border-color:var(--line);}
.optional-fields summary {font-size:.85rem;}
.optional-fields summary span {color:var(--muted);font-size:.8rem;}
.form-status {color:var(--ink);border-left:2px solid var(--gold-line);padding-left:13px;font-size:.85rem;}
.form-status.is-error {color:var(--error);border-color:var(--error);}
.privacy-note {color:var(--muted);font-size:.8rem!important;line-height:1.85;}
.site-footer {padding-block:35px;}
.footer-brand {font-weight:500;font-size:1.05rem;}
.footer-brand>span {color:var(--red);}
.site-footer p,.site-footer>p>span {font-size:.73rem;}
.skip-link {background:var(--button);color:#fff;}

@media (max-width:1200px) {
  .container {width:calc(100% - 80px);}
  .header-inner {gap:23px;}
  .site-nav {gap:17px;}
  .site-nav>a {font-size:.7rem;}
  .hero {gap:32px 45px;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);padding-top:56px;}
  .hero h1 {font-size:5.5vw;}
  .hero-copy {padding-top:40px;}
  .hero-description {font-size:.88rem;}
  .hero-fit {font-size:.7rem;}
  .section-intro {gap:45px;}
  .pricing-grid {gap:40px;}
  .about-grid,.faq-layout,.contact-grid {gap:65px;}
}
@media (max-width:1100px) {
  .header-inner {grid-template-columns:minmax(0,1fr) auto;gap:0 20px;min-height:82px;}
  .header-controls {grid-column:2;grid-row:1;}
  .site-nav {grid-column:1/-1;grid-row:2;display:grid;grid-template-columns:repeat(4,1fr);justify-content:start;gap:0 24px;border-top:1px solid var(--line);padding:14px 0 19px;}
  .site-nav>a {font-size:.85rem;min-height:44px;}
  .site-nav .nav-contact {margin:0;justify-content:start;}
  .menu-toggle:not([hidden]) {display:flex;}
  .hero {grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);}
  .hero h1 {font-size:5.5vw;}
  .hero-copy {padding-top:37px;}
}
@media (max-width:900px) {
  .container {width:calc(100% - 64px);}
  .hero {padding-top:45px;gap:30px;grid-template-columns:1fr;}
  .hero-heading .eyebrow {margin-bottom:22px;}
  .hero h1 {font-size:clamp(3.6rem,8.5vw,5rem);}
  .hero h1 em {font-size:.87em;}
  .hero-copy {padding:0;display:grid;grid-template-columns:1.3fr 1fr;gap:14px 35px;align-items:start;}
  .hero-description {font-size:.94rem;max-width:420px;grid-row:span 2;margin:0;}
  .hero-actions {gap:7px;}
  .hero-actions .button {font-size:.8rem;padding:16px 17px;}
  .hero-fit {font-size:.7rem;margin:0;}
  .hero-artwork {aspect-ratio:2.2/1;}
  .section {padding-block:78px;}
  .section-intro {grid-template-columns:1fr;gap:19px;}
  .services-grid {display:grid;grid-template-columns:1fr;}
  .service-card,.service-card+.service-card,.service-card:last-child {display:grid;grid-template-columns:45px 1fr 1.3fr;gap:12px 26px;padding:28px 0;border-left:0;}
  .service-number {grid-row:span 2;margin:0;}
  .service-number span {display:block;margin-top:18px;}
  .service-card h3 {grid-row:span 2;margin:0;font-size:1.5rem;}
  .service-card p {margin:0;font-size:.88rem;}
  .service-card .service-detail {margin:0;padding:0;}
  .work-grid {gap:28px;}
  .work-title {display:block;}
  .work-title>span {display:block;margin-bottom:12px;}
  .process-grid {grid-template-columns:1fr 1fr;gap:34px;}
  .process-grid h3 {max-width:none;}
  .pricing-grid {gap:30px;}
  .package-card {padding:26px;}
  .support-card>div {display:block;}
  .care-price {margin-top:12px;}
  .cost-note {grid-template-columns:1fr;gap:12px;}
  .about-grid {gap:45px;}
  .about-initials {font-size:7rem;}
  .faq-layout {grid-template-columns:1fr;gap:30px;}
  .contact-grid {grid-template-columns:1fr 1.2fr;gap:45px;}
  .form-row {grid-template-columns:1fr;}
}
@media (max-width:640px) {
  section[id],#main {scroll-margin-top:104px;}
  main input,main textarea,main summary {scroll-margin-top:94px;}
  .container {width:calc(100% - 40px);}
  .preview-banner .container {font-size:.65rem;gap:15px;padding-block:7px;}
  .preview-banner .container>span {max-width:190px;}
  .header-inner {min-height:76px;gap:0 10px;}
  .brand {padding-left:10px;border-left-width:2px;}
  .brand strong {font-size:.91rem;}
  .brand small {font-size:.48rem;letter-spacing:.07em;}
  .header-controls {gap:7px;}
  .theme-controls {padding:2px;}
  .theme-controls button {font-size:.64rem;padding:10px 8px;min-width:44px;min-height:44px;}
  .menu-toggle {font-size:.68rem;padding:8px;min-height:42px;gap:7px;}
  .menu-toggle>span {display:none;}
  .site-nav {grid-template-columns:1fr 1fr;gap:0 18px;}
  .hero {padding-top:39px;gap:25px;}
  .hero-heading .eyebrow {font-size:.6rem;letter-spacing:.12em;margin-bottom:25px;}
  .hero h1 {font-size:clamp(2.3rem,8.7vw,3.6rem);letter-spacing:-.068em;}
  .hero h1 em {font-size:.92em;letter-spacing:-.06em;margin-top:9px;}
  .hero-copy {display:block;padding:0;}
  .hero-description {font-size:.92rem;line-height:1.8;max-width:450px;margin-bottom:23px;}
  .hero-actions {flex-direction:row;flex-wrap:wrap;gap:13px 19px;align-items:center;}
  .hero-actions .button {max-width:none;width:auto;font-size:.8rem;gap:20px;min-height:52px;padding:16px 18px;}
  .hero-actions .text-link {font-size:.77rem;gap:13px;padding-block:8px;}
  .hero-fit {font-size:.74rem;margin-top:17px;max-width:100%;}
  .hero-artwork {aspect-ratio:1.3/1;background-position:59% 59%;}
  .hero-visual {min-height:0;}
  .hero-visual figcaption {font-size:.61rem;padding-block:12px 18px;line-height:1.7;}
  .hero-visual figcaption>span:last-child {display:none;}
  .value-strip>.container {padding-block:19px;gap:14px 10px;}
  .value-strip span {font-size:.69rem;gap:8px;}
  .section {padding-block:62px;}
  .section-intro {gap:18px;margin-bottom:31px;}
  h2 {font-size:2.25rem;line-height:1.1;}
  .section-description {font-size:.9rem;line-height:1.85;margin-top:18px;}
  .service-card,.service-card+.service-card,.service-card:last-child {grid-template-columns:28px 1fr;gap:13px 17px;padding:26px 0;}
  .service-number {grid-row:span 3;}
  .service-number span {margin-top:15px;}
  .service-card h3 {grid-row:auto;font-size:1.45rem;max-width:100%;}
  .service-card p,.service-card .service-detail {grid-column:2;}
  .service-card .service-detail {font-size:.73rem;}
  .related-note {font-size:.8rem;gap:13px;margin-top:24px;}
  .work-grid {grid-template-columns:1fr;gap:37px;}
  .work-art {aspect-ratio:1.4/1;}
  .work-status {font-size:.65rem!important;}
  .work-title h3 {font-size:1.7rem;margin-bottom:8px;}
  .work-title>span {font-size:.75rem;max-width:none;text-align:left;}
  .work-meta>p:not(.work-status) {font-size:.88rem;}
  .work-meta>.work-role {font-size:.75rem!important;}
  .process-grid {gap:29px 23px;}
  .process-grid h3 {font-size:1.27rem;line-height:1.2;max-width:160px;}
  .process-grid p {font-size:.85rem;}
  .step-number {margin-bottom:25px;}
  .pricing-grid {grid-template-columns:1fr;gap:34px;}
  .draft-pricing {font-size:.7rem;line-height:1.7;}
  .package-card {padding:25px;}
  .price {font-size:4.7rem;}
  .package-card h3 {font-size:1.5rem;}
  .included-list li {font-size:.83rem;}
  .care-column>.eyebrow {font-size:.67rem;}
  .support-card>div {display:flex;gap:20px;}
  .care-price {margin:0;}
  .support-card h3 {font-size:1.45rem;}
  .support-card>p {font-size:.88rem;}
  .cost-note {margin-top:31px;}
  .cost-note p {font-size:.85rem;}
  .about-grid {grid-template-columns:1fr;gap:35px;}
  .about-art {aspect-ratio:1.45/1;padding:25px;}
  .about-initials {font-size:7rem;top:3%;left:9%;}
  .about-art-note {font-size:.55rem;top:23px;}
  .about-art-footer {font-size:.8rem;max-width:100%;}
  .about-copy>p:not(.eyebrow):not(.signature) {font-size:.92rem;}
  .faq-layout {gap:27px;}
  .faq-layout h2 {font-size:2.25rem;}
  .faq-list summary {font-size:.94rem;padding-block:22px;}
  .faq-list details>div {font-size:.88rem;}
  .contact-grid {grid-template-columns:1fr;gap:35px;}
  .contact-copy h2 {font-size:2.8rem;max-width:340px;}
  .contact-copy>p:not(.eyebrow) {font-size:.92rem;}
  .preview-note {padding:17px 19px;}
  .field label {font-size:.85rem;}
  .field label>span {font-size:.75rem;}
  .privacy-note {font-size:.8rem!important;}
  .site-footer {padding-block:30px;}
  .footer-brand {font-size:1rem;}
}
@media (max-width:360px) {
  .brand strong {font-size:.8rem;}
  .brand small {font-size:.43rem;}
  .brand {padding-left:8px;}
  .header-controls {gap:5px;}
  .theme-controls button {font-size:.61rem;min-width:44px;padding:10px 6px;}
  .menu-toggle {padding:7px;font-size:.65rem;}
  .hero h1 {font-size:8.7vw;}
  .hero h1>span {white-space:normal;}
}
@media (prefers-reduced-motion:reduce) {*{scroll-behavior:auto!important;}}
@media print {
  .header-controls,.hero-visual {display:none!important;}
  :root {--paper:#fff;--ink:#111;--muted:#444;--soft:#fff;--line:#ccc;--white:#fff;--surface:#fff;--surface-raised:#fff;}
  .hero {display:block;padding:20px 0;}
  .hero-copy {padding:20px 0;}
  .contact-section {color:#111;background:#fff;}
  .section {padding-block:25px;}
}

/* Buying clarity: finished-site previews, practical scope, and a direct introduction. */
.hero-artwork {aspect-ratio:3.05/1;}
.work-art.work-preview {border:1px solid var(--line);background:var(--surface-raised);aspect-ratio:1.5/1;}
.work-status {font-size:.72rem!important;}
.work-preview img {display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .2s ease;}
.work-preview:hover img {transform:scale(1.025);}
.work-preview .open-demo {border:1px solid #ccc;}
.work-card--featured {grid-column:1/-1;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);align-items:center;gap:48px;}
.work-card--featured .work-art.work-preview {aspect-ratio:16/9;}
.work-card--featured .work-title {display:block;}
.work-card--featured .work-title h3 {font-size:clamp(1.8rem,3vw,2.65rem);margin-bottom:10px;}
.work-card--featured .work-title>span {display:block;margin-bottom:22px;}
.work-card--featured .work-meta {padding-top:0;}
.portfolio-demos {border-block:1px solid var(--line);margin-top:50px;}
.portfolio-demos>summary {padding:23px 0;cursor:pointer;font-size:1.05rem;font-weight:500;line-height:1.5;}
.portfolio-demos>p {font-size:.88rem;line-height:1.8;color:var(--muted);max-width:700px;margin:0 0 30px;}
.portfolio-demos .work-grid {padding-bottom:30px;}
.quote-price {font-size:clamp(2.1rem,4vw,3.25rem);line-height:1.12;letter-spacing:-.055em;margin:24px 0;}
.email-contact {min-width:0;padding:30px;border:1px solid var(--line);align-self:start;}
.contact-email {display:block;overflow-wrap:anywhere;font-size:clamp(1.25rem,2.3vw,1.9rem);line-height:1.4;letter-spacing:-.035em;margin-bottom:22px;}
.email-contact>p:not(.eyebrow) {font-size:.9rem;line-height:1.85;color:var(--muted);}
.email-contact .privacy-note {margin:25px 0 0;}
.not-found {padding-block:70px;max-width:900px;}
.not-found>.footer-brand {display:inline-block;margin-bottom:90px;}
.not-found h1 {font-size:clamp(2.7rem,7vw,5rem);line-height:1.05;letter-spacing:-.06em;}
.not-found>p:not(.eyebrow) {max-width:560px;color:var(--muted);}
.not-found .hero-actions {margin-top:32px;}
@media(max-width:900px){
  .work-card--featured {gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);}
}
@media(max-width:640px){
  .work-card--featured {grid-template-columns:1fr;gap:23px;}
  .work-card--featured .work-title h3 {font-size:1.9rem;}
  .work-card--featured .work-title>span {margin-bottom:17px;}
  .portfolio-demos {margin-top:35px;}
  .email-contact {padding:23px;}
  .email-contact .button {width:100%;font-size:.85rem;}
  .not-found {padding-block:35px;}
  .not-found>.footer-brand {margin-bottom:65px;}
}
.project-details {border-bottom:1px solid var(--line);margin-top:26px;}
.project-details>summary {padding:20px 0;cursor:pointer;font-size:1.03rem;line-height:1.5;font-weight:500;}
.project-details>p {font-size:.88rem;color:var(--muted);margin-top:6px;}
.project-essentials {display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding:10px 0 24px;}
.project-essentials h3 {font-size:1.2rem;line-height:1.25;margin-bottom:15px;}
.project-essentials p {font-size:.87rem;line-height:1.85;color:var(--muted);margin:0;}
.cost-heading {font-size:1.7rem;line-height:1.2;max-width:350px;}
.cost-breakdown {margin:25px 0;}
.cost-breakdown>div {border-top:1px solid var(--line);padding:19px 0;}
.cost-breakdown dt {font-size:1rem;font-weight:500;margin-bottom:8px;}
.cost-breakdown dd {font-size:.87rem;color:var(--muted);line-height:1.85;margin:0;}
.support-options {border-block:1px solid var(--line);margin-top:25px;}
.support-options>summary {padding:17px 0;cursor:pointer;font-size:.95rem;line-height:1.5;}
.support-options>summary>span {display:block;font-size:.76rem;margin:6px 0 0 15px;color:var(--gold);}
.support-options .support-card:first-child {border:0;}
.support-options .support-card {padding:23px 0;}
.practice-label {margin-bottom:auto;padding-top:20px;}
.practice-label span {display:block;font-size:clamp(1.8rem,3.3vw,3.05rem);line-height:1.2;letter-spacing:-.065em;}
.practice-label span:last-child {color:var(--red);}
.inquiry-next-steps {grid-column:1/-1;border-top:1px solid var(--line);padding-top:35px;display:grid;grid-template-columns:1fr 1.7fr;gap:50px;}
.inquiry-next-steps h3 {font-size:1.55rem;line-height:1.25;max-width:310px;}
.inquiry-next-steps>div>p {font-size:.85rem;color:var(--muted);max-width:320px;}
.inquiry-next-steps ol {display:grid;grid-template-columns:repeat(3,1fr);gap:27px;list-style:none;padding:0;margin:0;counter-reset:inquiry-steps;}
.inquiry-next-steps li {counter-increment:inquiry-steps;}
.inquiry-next-steps li::before {content:'0' counter(inquiry-steps);display:block;font-size:.7rem;color:var(--red);margin-bottom:17px;}
.inquiry-next-steps strong {font-size:.9rem;line-height:1.4;font-weight:500;display:block;margin-bottom:9px;}
.inquiry-next-steps li>p {font-size:.8rem;line-height:1.8;color:var(--muted);margin:0;}
@media(max-width:900px){
  .hero-artwork {aspect-ratio:2.2/1;}
  .project-essentials {gap:25px;}
  .inquiry-next-steps {grid-template-columns:1fr;gap:20px;}
  .inquiry-next-steps>div>p {max-width:500px;}
  .practice-label {padding-top:5px;}
}
@media(max-width:640px){
  .hero-artwork {aspect-ratio:1.6/1;background-position:59% 59%;}
  .work-art.work-preview {aspect-ratio:1.35/1;}
  .project-essentials {grid-template-columns:1fr;gap:23px;padding-bottom:27px;}
  .project-essentials h3 {margin-bottom:10px;}
  .cost-heading {font-size:1.6rem;}
  .practice-label {padding-top:0;}
  .practice-label span {font-size:clamp(1.8rem,8.1vw,2.7rem);line-height:1.15;}
  .about-art {aspect-ratio:1.4/1;}
  .about-art-note {right:17px;font-size:.5rem;}
  .about-art-footer {font-size:.76rem;max-width:250px;}
  .inquiry-next-steps {padding-top:29px;gap:19px;}
  .inquiry-next-steps ol {grid-template-columns:1fr;gap:23px;}
  .inquiry-next-steps li {display:grid;grid-template-columns:24px 1fr;gap:0 15px;}
  .inquiry-next-steps li::before {grid-row:span 2;margin:0;}
  .inquiry-next-steps li>p {grid-column:2;font-size:.84rem;}
}