.theme-blue-orange{--accent:#b84019;--accent-hover:#983310;--accent-soft:#fff0e7;--ink:#162c46;--on-accent:#fff;--surface:#f4f7fb;--dark:#162c46}
.theme-navy-cyan{--accent:#086f88;--accent-hover:#055c71;--accent-soft:#def8ff;--ink:#14243f;--on-accent:#fff;--surface:#eff9fc;--dark:#14243f}
.theme-green-sand{--accent:#37624c;--accent-hover:#264a37;--accent-soft:#eee9d7;--ink:#263c30;--on-accent:#fff;--surface:#f7f5ed;--dark:#263c30}
.theme-charcoal-yellow{--accent:#f1c849;--accent-hover:#e4b62d;--accent-soft:#fff6d7;--ink:#282a2e;--on-accent:#282a2e;--surface:#f6f6f3;--dark:#282a2e}
.theme-burgundy-cream{--accent:#8b3448;--accent-hover:#732639;--accent-soft:#f9e8e9;--ink:#492d36;--on-accent:#fff;--surface:#fcf5ef;--dark:#492d36}
.theme-black-copper{--accent:#99532f;--accent-hover:#7d3d20;--accent-soft:#f9e9dc;--ink:#242323;--on-accent:#fff;--surface:#f6f1ec;--dark:#242323}
.trade-page{color:var(--ink)}.trade-page .primary,.trade-page .trade-logo,.trade-page .map-center{background:var(--accent);color:var(--on-accent)}.trade-page .primary:hover{background:var(--accent-hover)}.trade-page h1 span,.trade-page .eyebrow,.trade-page .local-label span,.trade-page .trade-ribbon b{color:var(--accent)}.theme-charcoal-yellow .eyebrow,.theme-charcoal-yellow h1 span,.theme-charcoal-yellow .local-label span,.theme-charcoal-yellow .trade-ribbon b{color:#806000}.trade-page .service-symbol,.trade-page .portrait-icon{background:var(--accent-soft);color:var(--ink)}.trade-page .trade-portrait:before{background:var(--accent-soft)}.trade-page .reviews-section,.trade-page .trade-ribbon,.trade-page .review-button,.trade-page .towns span{background:var(--surface)}.trade-page .trade-contact,.trade-page .site-footer{background:var(--dark)}.trade-page .trade-contact .eyebrow{color:#fff}.trade-page .response-contact .eyebrow{color:#fff}.trade-page .demo-bar a{margin-left:14px}.trade-page .demo-bar a.edit-link{font-weight:700}.trade-page .trade-copy h1{color:var(--ink)}.trade-page .trade-portrait.visual-comic img,.trade-page .trade-portrait.visual-graphic img{object-fit:contain;object-position:center bottom;background:transparent}
.response-hero{display:grid;grid-template-columns:1.1fr .85fr;gap:90px;padding-top:55px;padding-bottom:75px;align-items:center}.response-copy h1{font-size:62px;letter-spacing:-2.6px;font-weight:750}.response-contact{border-radius:18px;padding:45px;background:var(--dark);color:white}.response-contact p{color:#d2dce4;font-size:15px}.response-contact .button{width:100%;margin:15px 0 25px}.response-contact .secondary-link{display:block;color:white}.response-note{font-size:11px;color:#cad4de;line-height:1.7;margin-top:30px;border-top:1px solid #ffffff35;padding-top:20px}.response-person{display:flex;align-items:center;gap:25px;margin-top:30px}.response-person img{height:175px;width:150px;object-fit:cover;object-position:50% 20%;border-radius:12px;background:var(--surface)}.response-person strong{font-size:21px}.response-person p{margin:7px 0;font-size:13px}.response-person small{font-size:10px;color:#607184}.portfolio-hero{padding-top:40px;padding-bottom:55px}.portfolio-heading{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center;margin-bottom:35px}.portfolio-heading h1{font-size:72px;font-weight:700;margin:0}.portfolio-heading p{font-size:14px}.portfolio-cover{margin:0;position:relative;height:475px;overflow:hidden;border-radius:14px}.portfolio-cover img{width:100%;height:100%;object-fit:cover}.portfolio-cover figcaption{position:absolute;bottom:16px;left:18px;color:white;background:#162638d9;padding:9px 12px;border-radius:5px;font-size:11px}.portfolio-profile{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid var(--line)}.portfolio-profile img{width:65px;height:65px;object-fit:cover;object-position:center 15%;border-radius:50%;background:var(--surface)}.portfolio-profile strong,.portfolio-profile span{display:block}.portfolio-profile span{font-size:12px;color:#657388;margin-top:6px}.portfolio-profile>a{margin-left:auto;font-size:13px;font-weight:700}
.studio{background:#f2f4f7;min-height:100vh;color:#202c3c}.studio-header{height:76px;background:white;border-bottom:1px solid #dfe4ec;display:flex;align-items:center;gap:30px;padding:0 30px}.studio-header>a:last-child{margin-left:auto;font-size:13px}.studio-name{font-size:13px;color:#697487}.studio-grid{display:grid;grid-template-columns:330px minmax(0,1fr);align-items:start}.studio-controls{padding:30px 24px;background:white;border-right:1px solid #dfe4ec;min-height:calc(100vh - 76px)}.studio-controls h1{font-size:32px;font-weight:700;letter-spacing:-1px;margin-bottom:14px}.studio-intro{font-size:13px;line-height:1.6}.studio-controls fieldset{border:0;padding:0;margin:28px 0}.studio-controls legend{font-size:12px;font-weight:700;margin-bottom:15px}.layout-choice{display:flex;gap:10px;align-items:center;border:1px solid #dfe4ec;border-radius:8px;padding:12px;margin-bottom:8px;cursor:pointer}.layout-choice:has(input:checked){border-color:#253f61;background:#f0f4f9;box-shadow:0 0 0 1px #253f61}.layout-choice strong{font-size:12px;display:block}.layout-choice small{font-size:10px;line-height:1.5;display:block;color:#718095;margin-top:4px}.studio input[type=radio]{accent-color:#253f61;flex-shrink:0}.palette-choices{display:grid;grid-template-columns:1fr 1fr;gap:8px}.palette-choice{display:flex;align-items:center;gap:5px;font-size:9px;border:1px solid #dfe4ec;border-radius:6px;padding:8px 4px;cursor:pointer}.palette-choice:has(input:checked){border-color:#253f61;background:#f0f4f9}.palette-choice input{margin:0;width:12px}.swatch{width:20px;height:20px;flex-shrink:0;border-radius:50%;background:linear-gradient(90deg,var(--dark) 50%,var(--accent) 50%)}.visual-choices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.visual-choices label{position:relative;border:1px solid #dfe4ec;border-radius:8px;overflow:hidden;cursor:pointer;display:flex;flex-direction:column;background:#f7f8fa}.visual-choices label:has(input:checked){border:2px solid #253f61}.visual-choices input{position:absolute;left:3px;top:3px}.visual-choices img{width:100%;height:105px;object-fit:cover;object-position:50% 15%}.visual-choices span{font-size:9px;text-align:center;padding:8px 0}.studio-offer{font-size:11px;line-height:1.65;background:#f0f4f9;padding:12px;border-radius:6px}.studio-controls>.button{background:#243d5a;width:100%;font-size:12px;justify-content:center}.studio-reset{display:block;border:0;background:none;color:#4e6278;font-size:11px;padding:12px;width:100%;text-decoration:underline}#studio-feedback{font-size:12px;line-height:1.5;margin:8px 0;color:#46614c}.studio-preview{min-width:0;position:sticky;top:0}.preview-toolbar{height:62px;display:flex;align-items:center;justify-content:space-between;padding:0 25px;gap:15px}.preview-toolbar>span{font-size:9px;letter-spacing:1px;color:#6b7b8d}.preview-toolbar button{font-size:11px;background:transparent;border:1px solid #ccd4e0;padding:8px 11px;color:#384c65}.preview-toolbar button[aria-pressed=true]{background:#243d5a;color:white;border-color:#243d5a}.preview-canvas{padding:0 20px 20px;display:flex;justify-content:center}.preview-canvas iframe{display:block;border:1px solid #d9dfe8;background:white;border-radius:9px;width:100%;height:calc(100vh - 155px);min-height:600px}.preview-canvas.mobile iframe{width:390px;max-width:100%;height:844px}
@media(max-width:900px){.response-hero{gap:30px}.response-copy h1{font-size:46px}.response-contact{padding:28px}.portfolio-heading{gap:35px}.portfolio-heading h1{font-size:55px}.studio-grid{grid-template-columns:290px minmax(0,1fr)}.studio-controls{padding:25px 16px}.preview-toolbar{padding:0 15px}.preview-toolbar>span{display:none}}
@media(max-width:650px){.response-hero{grid-template-columns:1fr;gap:25px;padding-top:25px;padding-bottom:40px}.response-copy h1{font-size:43px}.response-person img{height:130px;width:110px}.response-contact{padding:28px}.portfolio-heading{grid-template-columns:1fr;gap:20px}.portfolio-heading h1{font-size:50px}.portfolio-cover{height:330px}.portfolio-cover figcaption{font-size:9px;left:10px;right:10px;bottom:10px}.portfolio-profile>a{font-size:10px;max-width:80px}.portfolio-profile strong{font-size:13px}.portfolio-profile span{font-size:10px}.portfolio-hero{padding-top:20px}.studio-header{padding:0 15px;gap:15px;height:66px}.studio-name{display:none}.studio-grid{display:block}.studio-controls{min-height:0;border-right:0;padding:25px 20px}.studio-controls fieldset{margin:22px 0}.visual-choices img{height:145px}.studio-preview{position:static}.preview-toolbar{justify-content:space-between}.preview-toolbar>span{display:block}.preview-canvas{padding:0 10px 15px}.preview-canvas iframe{height:780px}.studio .brand{font-size:25px}}

/* Cutout silhouettes sit in the composition, without an image card. */
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic){height:620px;border-radius:0;padding-top:0}
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic)::before{inset:auto 0 0;width:100%;height:77%;border-radius:48% 48% 12px 12px;background:var(--accent-soft);z-index:-1}
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic)::after{content:'';position:absolute;right:4%;top:16%;width:64px;height:64px;border:1px solid var(--accent);border-radius:50%;z-index:-1;opacity:.4}
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic) img{background:transparent;border-radius:0;object-fit:contain;object-position:center bottom;filter:drop-shadow(0 12px 12px #14243f12)}
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic) figcaption{z-index:2;background:var(--ink);bottom:10px;font-size:9px}
.trade-page .trade-portrait:is(.visual-comic,.visual-graphic) .portrait-label{z-index:2;bottom:55px;left:-18px}
.response-person:is(.visual-comic,.visual-graphic){position:relative;isolation:isolate;align-items:flex-end;padding-bottom:18px;gap:18px}
.response-person:is(.visual-comic,.visual-graphic)::before{content:'';position:absolute;inset:55px 0 0;border-radius:90px 12px 12px 12px;background:var(--accent-soft);z-index:-1}
.response-person:is(.visual-comic,.visual-graphic) img{height:260px;width:180px;object-fit:contain;object-position:center bottom;background:transparent;border-radius:0;margin-bottom:-18px;flex-shrink:0}
.response-person:is(.visual-comic,.visual-graphic)>div{padding:0 15px 15px 0}
.portfolio-profile:is(.visual-comic,.visual-graphic){position:relative;min-height:150px;padding-left:170px;background:var(--surface);border-radius:0 0 12px 12px;padding-right:24px}
.portfolio-profile:is(.visual-comic,.visual-graphic) img{position:absolute;bottom:0;left:10px;width:150px;height:225px;object-fit:contain;object-position:center bottom;border-radius:0;background:transparent;filter:drop-shadow(0 4px 4px #14243f15)}
.portfolio-hero:has(.portfolio-profile:is(.visual-comic,.visual-graphic)) .portfolio-cover figcaption{bottom:auto;top:16px}
@media(max-width:900px){.trade-page .trade-portrait:is(.visual-comic,.visual-graphic){height:520px}.response-person:is(.visual-comic,.visual-graphic) img{width:140px;height:220px}.response-person:is(.visual-comic,.visual-graphic){gap:8px}.response-person:is(.visual-comic,.visual-graphic) strong{font-size:17px}}
@media(max-width:650px){.trade-page .trade-portrait:is(.visual-comic,.visual-graphic){height:470px;max-width:390px;margin:0 auto}.trade-page .trade-portrait:is(.visual-comic,.visual-graphic) .portrait-label{left:0;bottom:50px}.response-person:is(.visual-comic,.visual-graphic) img{width:140px;height:225px}.portfolio-profile:is(.visual-comic,.visual-graphic){padding:22px 12px 22px 120px;min-height:145px;flex-wrap:wrap;gap:12px}.portfolio-profile:is(.visual-comic,.visual-graphic) img{width:115px;height:180px;left:0}.portfolio-profile:is(.visual-comic,.visual-graphic)>a{margin-left:0;max-width:none}.portfolio-hero:has(.portfolio-profile:is(.visual-comic,.visual-graphic)) .portfolio-cover figcaption{top:10px;bottom:auto}}