/* Témák: köztes és világos (generált: theme-build.cjs). A sötét az alapértelmezett, a saját stíluslapok szerint. */
html[data-theme="light"], html[data-theme="mid"] { color-scheme: light; }
:where(html[data-theme="light"]) :where(.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img), :where(html[data-theme="mid"]) :where(.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, header.header, header.top, footer, .mm-drawer, .mm-panel, .calc-rail, .calc-basket, .project-rail, .calc-side, .pack-rail, .pack-panel, #project-basket, .basket-mobile-bar, .calc-split) { color-scheme: dark; color: #f1ebdd; }
/* választó a fejlécben és a mobilmenüben */
.theme-sw { display: inline-flex; flex-shrink: 0; padding: 2px; border: 1px solid rgba(241,235,221,.22); }
.theme-sw button { all: unset; box-sizing: border-box; width: 30px; height: 30px; display: grid; place-items: center; cursor: pointer; color: #bdb4a2; transition: background .2s, color .2s; }
.theme-sw button:hover { color: #f6ead0; }
.theme-sw button[aria-checked="true"] { background: #c9a86b; color: #15130f; }
.theme-sw button:focus-visible { outline: 2px solid #e2c894; outline-offset: 1px; }
.theme-sw.in-drawer { align-self: flex-start; margin: 4px 0 14px; }
.theme-sw.in-drawer button { width: 40px; height: 40px; }
html[data-theme="light"] .theme-sw { border-color: #d8cfbd; }
html[data-theme="light"] .theme-sw button { color: #5b5448; }
html[data-theme="light"] .theme-sw button:hover { color: #1d1a15; }
html[data-theme="light"] .theme-sw button[aria-checked="true"] { background: #1d1a15; color: #f1ebdd; }
@media (max-width: 1080px) { .theme-sw.in-head { display: none; } }
/* style */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="style"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body { background: #f4f1ea; color: #1a1712; }
:scope button:focus-visible, :scope a:focus-visible, :scope input:focus-visible, :scope select:focus-visible, :scope textarea:focus-visible { outline: 3px solid #c7beac; }
:scope ::selection { background: #c9a86b; color: #1a1712; }
:scope .skip { background: #c9a86b; }
:scope .header { background: #f6f3ef; color: #212121; }
:scope .brand-symbol { border: 1px solid #998f7a; color: #876931; }
:scope .header nav a { color: #79663f; }
:scope .header nav a:hover { color: #876931; }
:scope .header-cta { border-bottom: 1px solid #c7bfad; }
:scope .header-cta span { color: #876931; }
:scope .menu-toggle { color: #212121; }
:scope .hero { color: #212121; }
:scope .hero-shade { background: linear-gradient(90deg,rgba(246, 243, 239, 0.74),rgba(246, 243, 239, 0.26) 62%,rgba(246, 243, 239, 0.08)),linear-gradient(0deg,rgba(246, 243, 239, 0.72),transparent 30%); }
:scope .hero-topline { color: #7a663d; }
:scope .tiny-line { background: #c9a86b; }
:scope h1 em { color: #876931; }
:scope .hero-description { color: #7a673d; }
:scope .lime { background: #c9a86b; color: #1a1712; }
:scope .dark { background: #f6f3ef; color: #212121; }
:scope .outline { border-color: #d9d3c7; }
:scope .hero-side { border-top: 1px solid rgba(29, 26, 21, 0.257); }
:scope .orbit { border: 1px solid rgba(29, 26, 21, 0.33); }
:scope .orbit:after { border: 1px solid rgba(29, 26, 21, 0.22); }
:scope .hero-bottom { border-top: 1px solid rgba(29, 26, 21, 0.147); }
:scope .hero-rule { background: #fff; }
:scope .discipline-strip { background: #c9a86b; }
:scope h2 span { color: #5e5748; }
:scope .muted { color: #5e5748; }
:scope .text-link { border-bottom: 1px solid #e0d9cd; }
:scope .footer { background: #f6f3ef; color: #212121; }
:scope .footer>p { color: #544d40; }
:scope .footer-bottom { border-top: 1px solid #d0c9ba; color: #4f493c; }
:scope .footer a:hover { color: #876931; }
:scope dialog::backdrop { background: rgba(246, 244, 238, 0.922); }
:scope .dialog-close { background: #f6f3ef; color: #212121; }
:scope #lightbox { color: #212121; }
:scope .light-prev, :scope .light-next { border: 1px solid #736a59; background: #f6f3ef; color: #212121; }
@media(max-width:650px) { :scope .header nav { background: #f6f3ef; } }
@media(max-width:650px) { :scope .hero-shade { background: linear-gradient(90deg,rgba(246, 244, 238, 0.702),rgba(246, 244, 238, 0.267)),linear-gradient(0deg,rgba(246, 244, 238, 0.8),transparent); } }
}
/* visual-sale */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="visual-sale"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body { background: #f6f3ee; color: #373226; }
:scope ::selection { background: #c9a86b; color: #1a1712; }
:scope body :is(a, button, input, select, textarea, summary):focus-visible { outline: 2px solid #d3ab5c; }
:scope body .header { background: rgba(246, 243, 238, 0.86); border-bottom: 1px solid #d9d3c7; color: #373226; }
:scope body .header .brand { color: #373226; }
:scope .vs-mark { color: #876931; }
:scope .vs-word small { color: #635c4d; }
:scope body .header nav a { color: #494233; }
:scope body .header nav a:hover { color: #8a6d2e; }
:scope body .header .header-cta { background: #c9a86b; color: #1a1712; }
:scope body .header .header-cta:hover { background: #e2c894; }
:scope body :is(h1, h2) em { color: #8a6b2e; }
:scope body .eyebrow, :scope body .breadcrumb { color: #876931; }
:scope body .breadcrumb a { color: #5a5140; }
:scope body .breadcrumb a:hover { color: #8a6b2e; }
:scope body .muted, :scope body .page-lead { color: #5a5140; }
:scope body .button.lime, :scope body .button.dark { background: #c9a86b; color: #1a1712; }
:scope body .button.lime:hover, :scope body .button.dark:hover { background: #e2c894; color: #1a1712; }
:scope body .text-link { color: #8a6b2e; border-bottom: 1px solid #cfc6b6; }
:scope body .text-link:hover { color: #8a6d2e; }
:scope body :is(input:not([type=checkbox]):not([type=radio]):not([type=range]), select, textarea) { background-color: #f6f4f0; color: #373226; border-color: #d4cabc; }
:scope body :is(input, textarea)::placeholder { color: #8c8475; }
:scope body .footer { background: #f6f3ee; border-top: 1px solid #d9d3c7; color: #635c4d; }
:scope body .footer a { color: #5a5140; }
:scope body .footer a:hover { color: #8a6b2e; }
:scope body .footer-bottom { border-top-color: #d9d3c7; color: #635c4d; }
:scope body .contact-hub .hub-paths > a { background: #f6f4f0; border-color: #d4cabc; color: #373226; }
:scope body .contact-hub .hub-paths > a:hover, :scope body .contact-hub .hub-paths > a[aria-current=true] { background: #f7f5f1; border-color: #ad873f; color: #373226; }
:scope body .contact-hub .hub-paths span { color: #876931; }
:scope body .contact-hub .hub-paths small { color: #5a5140; }
:scope body .contact-hub .hub-panel { background: #f6f4f0; border-color: #d9d3c7; color: #373226; }
:scope body .contact-hub .hub-panel :is(p, small, label) { color: #5a5140; }
:scope body .contact-hub .hub-panel :is(h3, strong) { color: #373226; }
:scope body .contact-hub textarea { background: #f6f3ee; color: #373226; }
:scope body .space-guide .guide-launch { background: #f6f4f0; border: 1px solid #d4cabc; color: #373226; }
}
/* ambient-details */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="ambient-details"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .ambient-line>span { background: linear-gradient(90deg,transparent,#c9a86b,transparent); box-shadow: 0 0 6px rgba(201,168,107,0.2); }
:scope .ambient-spark { color: #876931; }
}
/* booking */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="booking"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .booking-section { background: #f6f4ef; color: #79663e; border-top: 1px solid #d2cbbd; }
:scope .booking-intro>p { color: #564f42; }
:scope .booking-facts span { border: 1px solid #cfc7b9; color: #8a6b2e; }
:scope .booking-panel { background: #f8f6f1; border: 1px solid #cdc5b6; }
:scope .booking-arrows button { border: 1px solid #c9c0b0; color: #8a6b2e; }
:scope .booking-week { color: #675f4e; }
:scope .booking-days button { color: #8a6b2e; }
:scope .booking-days button:not(:disabled):hover { border-color: #ad873f; background: #f9f7f5; }
:scope .booking-days button[aria-pressed=true] { background: #c9a86b; color: #1c1914; }
:scope .booking-times-panel { border-left: 1px solid #d1cbbc; }
:scope .booking-times-panel>strong { color: #876931; }
:scope .booking-times button { border: 1px solid #cbc3b3; color: #8a6b2e; }
:scope .booking-times button:hover, :scope .booking-times button[aria-pressed=true] { background: #c9a86b; color: #1c1914; }
:scope .booking-panel #booking-status { color: #876931; }
:scope .booking-panel form { border-top: 1px solid #d1cbbc; }
:scope .booking-panel label { color: #876931; }
:scope .booking-panel input:not([type=checkbox]), :scope .booking-panel textarea { background: #f6f4ef; border: 1px solid #cdc4b4; color: #826b35; }
:scope .booking-consent input { accent-color: #876931; }
:scope .booking-panel .booking-submit { background: #c9a86b; color: #211e18; }
:scope .booking-panel :focus-visible { outline: 2px solid #d3ab5c; }
:scope .booking-result-link { color: #8a6b2e; }
:scope .booking-panel #booking-result { border-top: 1px solid #ccc4b3; }
@media(max-width:540px) { :scope .booking-times-panel { border-top: 1px solid #d1cbbc; } }
}
/* calculator-compact */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="calculator-compact"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .property-setup { border-block: 1px solid #d0c9ba; }
:scope .property-setup small { color: #575043; }
:scope .scope-options button { background: #f7f5f1; color: #8a6b2e; border: 1px solid #cec6b6; }
:scope .scope-options button[aria-pressed=true] { background: #faf8f6; border-color: #ad873f; box-shadow: inset 0 0 0 1px #c9a86b; }
:scope .property-source p { color: #8a6b2e; }
:scope .calc-heading>span { color: #595245; }
:scope #group-basis { color: #595245; }
:scope .calculator-page .calc-card { background: #f7f5f0; border: 1px solid #d2cbbd; }
:scope .calculator-page .calc-card.is-selected { border-color: #ad873f; background: #f9f7f5; box-shadow: inset 0 0 0 1px #c9a86b; }
:scope .card-selected-label { background: #e2c894; color: #24211a; }
:scope .card-pricing small { color: #876931; }
:scope .card-stepper { border: 1px solid #c6bdab; }
:scope .card-stepper button, :scope .card-stepper input { background: #f7f6f2 !important; color: #866a32 !important; }
:scope .card-film-example { color: #876931 !important; }
:scope .calculator-page .calc-summary { background: #f7f5f2; }
:scope .basket-mini { border-bottom: 1px solid #d3ccbd; }
:scope .basket-mini small { color: #876931; }
:scope .basket-mini button { color: #876931; }
:scope .basket-travel small { color: #5b5547; }
:scope .reset-row .calc-reset { color: #876931; }
:scope .calc-starting summary { color: #876931; }
:scope .menu-project-total { color: #8a6b2e; border-left: 1px solid #c9c0af; }
:scope .calculator-page .calc-film { background: #f7f5f1; border: 1px solid #ccc4b3; }
:scope .calc-film #add-film { background: #c9a86b; color: #232019; }
:scope .film-track { border: 1px solid #d0c9ba; }
:scope .film-track.active { border-color: #ad873f; }
:scope .track-heading { background: #f8f6f4; }
:scope .track-heading button { color: #876931; }
:scope .format-radios legend { color: #876931; }
:scope .format-radios label { border: 1px solid #cec5b6; }
:scope .format-radios label:has(input:checked) { background: #fbfaf8; border-color: #ad873f; }
:scope .format-radios input { accent-color: #876931; }
:scope .ratio-icon { border: 1.5px solid #ad873f; }
:scope .calculator-page .film-timeline { border-top: 1px dashed #cbc3b2; }
:scope #onsite-address { background: #f7f6f2; border: 1px solid #cfc7b8; }
:scope #onsite-address p { color: #876931; }
:scope .calculator-page input:invalid:not(:placeholder-shown) { border-color: #bc6444; }
:scope #design-unlock { background: #f7f5f1; color: #342f24; border: 1px solid #ad873f; box-shadow: 0 20px 90px rgba(0, 0, 0, 0.213); }
:scope #design-unlock::backdrop { background: rgba(240, 239, 236, 0.667); }
:scope #design-unlock-items { color: #876931; }
:scope .design-unlock-actions button { border: 1px solid #ad873f; }
:scope .design-unlock-actions #design-keep { background: #c9a86b; color: #25221b; }
:scope .design-unlock-actions button:focus-visible { outline: 2px solid #000000; }
}
/* calculator-image-cards */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="calculator-image-cards"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .area-pictogram { color: #876931; }
:scope .source-choices button { border: 1px solid #cbc3b3; background: #f7f5f0; color: #8a6b2e; }
:scope .source-choices button[aria-pressed=true] { background: #faf8f6; border-color: #ad873f; box-shadow: inset 0 0 0 1px #c9a86b; color: #8a6b2e; }
:scope .area-stepper { border: 1px solid #a09682; background: #f6f4ef; }
:scope .area-stepper button { background: #f8f7f3; color: #8a6b2e; }
:scope .area-stepper>span { color: #876931; }
:scope .source-radios legend { color: #876931; }
:scope .calculator-page .source-radios label { border: 1px solid #ccc4b4; background: #f7f5f0; }
:scope .source-radios input { accent-color: #876931; }
:scope .source-radios label:has(input:checked) { border-color: #ad873f; background: #f9f8f5; color: #8a6d2e; }
:scope .model-scale>span { color: #876931; }
:scope .scale-switch { border: 1px solid #ad873f; background: rgba(246, 243, 238, 0.8); }
:scope .calculator-page .scale-switch button { color: #8a6b2e; }
:scope .scale-switch output { color: #363026; }
:scope .calculator-page .calc-card { background: #f6f3ee; }
:scope .calculator-page .calc-card::after { background: linear-gradient(180deg,rgba(244, 241, 235, 0.06) 0%,rgba(244, 241, 235, 0.15) 25%,rgba(244, 241, 235, 0.82) 56%,rgba(244, 241, 235, 0.96) 100%); }
:scope .calculator-page .calc-card.is-selected { border: 2px solid #d3ab5c; box-shadow: 0 0 0 1px #c9a86b; }
:scope .calculator-page .calc-card.is-selected::after { background: linear-gradient(180deg,rgba(245, 243, 237, 0.031) 0%,rgba(245, 243, 237, 0.125) 25%,rgba(247, 244, 240, 0.851) 56%,rgba(247, 244, 240, 0.98) 100%); }
:scope .calculator-page .calc-card h3 { color: #2d291f; }
:scope .calculator-page .calc-card p { color: #8a6b2e; }
:scope .calculator-page .card-pricing small { color: #876931; }
:scope .calculator-page .card-pricing strong { color: #342f24; }
:scope .calculator-page .card-purchase .card-stepper { background: rgba(245, 242, 238, 0.8); border: 1px solid #ad873f; }
:scope .calculator-page .card-stepper button, :scope .calculator-page .card-stepper input { color: #342f24 !important; }
:scope .calculator-page .calc-card button.card-add { background: #e2c894; color: #1e1b16; }
:scope .calculator-page .calc-card button.card-film-example { background: rgba(246, 243, 238, 0.8) !important; border: 1px solid rgba(173, 135, 63, 0.376) !important; color: #8a682e !important; }
:scope .calculator-page .card-purchase>label { color: #8a6b2e; }
:scope .calculator-page .card-purchase select { background: rgba(246, 243, 239, 0.867); }
:scope .duration-stepper { border: 1px solid #988e79; background: #f6f3ef; }
:scope .calculator-page .duration-stepper button { color: #8a6b2e; }
:scope .calculator-page .film-timeline { border-block: 1px solid #c7beac; background-color: #f5f2ee; background-image: repeating-linear-gradient(90deg,transparent 0 9px,#c9a86b 9px 19px,transparent 19px 29px),repeating-linear-gradient(90deg,transparent 0 9px,#c9a86b 9px 19px,transparent 19px 29px); box-shadow: inset 0 0 0 1px rgba(39, 35, 27, 0.4); }
:scope .calculator-page .film-timeline .timeline-clip { background: #f8f6f2; border-color: #cbc2b1; box-shadow: 0 0 0 3px rgba(19, 17, 14, 0.4); }
:scope .calculator-page .film-timeline .calc-empty { border: 1px dashed #a29884; color: #8a6b2e; background: rgba(247, 245, 240, 0.4); }
:scope .calculator-page .film-timeline.drag-over { background-color: #f8f6f3 !important; background-image: repeating-linear-gradient(90deg,transparent 0 9px,#c9a86b 9px 19px,transparent 19px 29px),repeating-linear-gradient(90deg,transparent 0 9px,#c9a86b 9px 19px,transparent 19px 29px) !important; }
:scope .duration-stepper .duration-unit { color: #876931; }
:scope .duration-stepper:focus-within { outline: 2px solid #d3ab5c; }
:scope .area-stepper:focus-within { outline: 2px solid #d3ab5c; }
:scope .travel-label { color: #8a6b2e; }
:scope .travel-label svg { color: #876931; }
:scope .project-incentive { border: 1px solid #cdc6b6; background: linear-gradient(120deg,#f8f6f3,#f7f5f0); }
:scope .incentive-label { color: #876931; }
:scope #incentive-title { color: #8a6c2e; }
:scope #incentive-copy { color: #876931; }
:scope #incentive-progress span { background: #fdfdfc; }
:scope #incentive-progress .filled { background: #c9a86b; }
:scope #incentive-action { border-bottom: 1px solid #9d927d; color: #8a6b2e; }
:scope #incentive-offer { color: #876931; }
:scope .project-incentive.is-earned { border-color: #ad873f; background: linear-gradient(120deg,#faf8f5,#f7f5f1); }
:scope .calculator-page .project-description-field textarea { background: #f6f3ef; }
:scope .upload-field-label { color: #876931; }
:scope .calculator-page .project-upload-field .project-file-drop { border: 1px dashed #ad873f; background: linear-gradient(145deg,#f8f6f3,#f7f5f0); }
:scope .upload-symbol { color: #876931; }
:scope .project-file-drop>strong { color: #8a6b2e; }
:scope .upload-or { color: #876931; }
:scope .calculator-page .upload-button { border: 1px solid #ad873f; background: #c9a86b; color: #211e17; }
:scope .calculator-page .upload-button:hover { background: #e2c894; }
:scope .calculator-page .project-file-drop p { color: #876931; }
:scope .calculator-page .project-upload-field .project-file-drop.drag-over { border: 2px solid #d3ab5c; background: #fbf9f7 !important; outline: 2px solid #ad873f; }
:scope .project-file-drop.drag-over .upload-symbol { color: #8a702e; }
:scope .calc-tabs .calc-tab-section-start::before { background: #f8f6f3; }
:scope .calculator-page .calc-card.design-service-card { background: #f7f5f0; border: 1px solid #cfc8b8; }
:scope .calculator-page .calc-card.design-service-card.is-selected { border-color: #ad873f; background: #f8f6f2; }
:scope .design-service-icon { color: #876931; }
:scope .calculator-page .design-service-card h3 { color: #8a6b2e; }
:scope .design-service-status { color: #876931; }
:scope .calculator-page .design-service-toggle { border: 1px solid #c9c0b0; color: #876931; }
:scope .calculator-page .design-service-toggle:hover { background: rgba(29, 26, 21, 0.022); border-color: #ad873f; }
:scope .calculator-page .calc-tabs [data-group=base] { color: #876931; border-color: #cbc3b3; }
:scope .calculator-page .calc-tabs [data-group=base][aria-pressed=true] { background: #f9f8f5; color: #8a6b2e; border-color: #ad873f; }
:scope .calculator-page .design-service-card .calc-card-copy .design-service-toggle { color: #876931 !important; border: 1px solid #c9c0b0 !important; }
}
/* calculator-v14 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="calculator-v14"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .calculator-page :is(#calc-cards, #fe-body) .calc-card .card-corner { background: #c9a86b; color: #1a1712; }
:scope .calculator-page :is(#calc-cards, #fe-body) .calc-card .card-corner:hover { background: #c9a86b; }
:scope .calculator-page .calc-card .qty-pad button { color: #8a6d2e; }
:scope .calculator-page .calc-card .qty-pad button:hover:not(:disabled) { color: #876931; }
:scope .calculator-page .calc-card .qty-pad .qty-num { color: #8a6d2e; }
:scope .calculator-page .calc-card .qty-pad input.qty-num:focus { outline: 1px dashed rgba(173, 135, 63, 0.6); }
:scope .calculator-page .calc-card.is-selected .qty-toggle { color: #876931; }
:scope .calculator-page .calc-tabs { background: rgba(246, 243, 238, 0.96); border-bottom: 1px solid #d9d3c7; }
:scope .calculator-page #group-basis { color: #575043; }
:scope .calculator-page .calc-summary #basket-items { border-top: 1px solid #d6d0c2; border-bottom: 1px solid #d6d0c2; }
:scope .calculator-page .basket-step button { border: 1px solid #d2cbbd; color: #373126; }
:scope .calculator-page .basket-step button:hover { border-color: #ad873f; color: #876931; }
:scope .calculator-page .basket-step em { color: #8a6d2e; }
:scope .calculator-page .saved-project-bar :is(#save-account-project, #new-account-project, a.quiet) { border: 1px solid #d2cbbd; color: #876931; }
:scope .calculator-page .saved-project-bar :is(#save-account-project, #new-account-project, a.quiet):hover { border-color: #ad873f; background: rgba(201,168,107,.12); }
:scope .calculator-page .saved-project-bar #save-account-project { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M5%203h11l3%203v15H5zM8%203v6h8V3M8%2021v-7h8v7'%2F%3E%3C%2Fsvg%3E"); background: #c9a86b; color: #1a1712; border-color: #ad873f; }
:scope .calculator-page .saved-project-bar #new-account-project { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M12%205v14M5%2012h14'%2F%3E%3C%2Fsvg%3E"); }
:scope .calculator-page .saved-project-bar a.quiet { --ic: url("data:image/svg+xml,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2024%2024'%20fill%3D'none'%20stroke%3D'black'%20stroke-width%3D'1.8'%20stroke-linecap%3D'round'%20stroke-linejoin%3D'round'%3E%3Cpath%20d%3D'M3%206h6l2%202h10v11H3z'%2F%3E%3C%2Fsvg%3E"); }
:scope .calculator-page .saved-project-bar .saved-project-picker::before { background: #c9a86b; }
:scope .calculator-page .saved-project-bar #saved-project-status { color: #645c4d; }
:scope .calculator-page :is(#calc-cards, #fe-body) .calc-card .card-cut path { stroke: #464035; }
:scope .calculator-page :is(#calc-cards, #fe-body) .calc-card.is-selected .card-cut path { stroke: #876931; }
@media (min-width: 861px) { :scope.calc-split-on .calculator-page .calc-summary { border-left: 1px solid #d9d3c7; background: #f6f4ef; } }
@media (min-width: 861px) { :scope .calc-split::before { background: #faf8f6; } }
@media (min-width: 861px) { :scope .calc-split span { background: #f8f6f3; border: 1px solid #d2cbbd; } }
@media (min-width: 861px) { :scope .calc-split span::before { background: repeating-linear-gradient(180deg, #726957 0 2px, transparent 2px 5px); } }
@media (min-width: 861px) { :scope .calc-split:hover::before, :scope .calc-split:focus-visible::before, :scope.calc-resizing .calc-split::before { background: #c9a86b; } }
@media (min-width: 861px) { :scope .calc-split:hover span, :scope .calc-split:focus-visible span, :scope.calc-resizing .calc-split span { background: #c9a86b; border-color: #ad873f; } }
:scope .calculator-page .basket-mini.film-mini .edit-film:hover strong { color: #876931; }
:scope .calculator-page .calc-summary .basket-help summary { color: #8a6b2e; }
:scope .calculator-page .calc-summary .basket-help[open] > nav { background: #f7f5f1; border: 1px solid #d2cbbd; box-shadow: 0 14px 40px rgba(0, 0, 0, 0.24); }
:scope .calculator-page #project-basket .saved-project-bar .saved-project-picker select option { color: #373126; }
:scope .calculator-page .calc-summary .basket-foot { border-top: 1px solid #d6d0c2; }
:scope .calculator-page .calc-summary .basket-foot .calc-total > span { color: #645c4d; }
:scope .calculator-page .calc-summary .basket-foot .calc-total small { color: #645c4d; }
:scope .calculator-page .calc-summary .basket-foot #calc-status { color: #645c4d; }
:scope .calculator-page .calc-summary .basket-pop { background: #f7f6f2; border: 1px solid #ad873f; box-shadow: 0 -10px 40px rgba(0, 0, 0, 0.24); }
:scope .calculator-page .calc-summary .basket-pop-close { color: #876931; }
:scope .calculator-page .calc-summary .basket-pop-close:hover { color: #8a6d2e; }
:scope .calculator-page #project-basket .saved-project-picker .designed-select-trigger { border: 1px solid #d2cbbd; }
:scope .calculator-page #project-basket .saved-project-picker .designed-select-trigger:hover:not(:disabled) { border-color: #ad873f; }
:scope .calculator-page .calc-group { border-top: 1px solid #d6d0c2; }
:scope .calculator-page .calc-group-head h3 { color: #373126; }
:scope .calculator-page .calc-group-head h3 svg { color: #876931; }
:scope .calculator-page .calc-group-head p { color: #645c4d; }
:scope .calculator-page .calc-summary .basket-quote { color: #876931; border: 1px solid #c9c0b0; }
:scope .calculator-page .calc-summary .basket-quote:hover { border-color: #ad873f; color: #8a6d2e; }
:scope .calculator-page .calc-summary #calc-status.is-hint { color: #876931; }
:scope .calculator-page .calc-tabs button small[data-group-count] { color: #876931; }
:scope .calculator-page .calc-tabs button[aria-pressed=true] small[data-group-count] { color: #1a1712; }
:scope .calculator-page .basket-fold, :scope .calculator-page .basket-close { border: 1px solid #d2cbbd; color: #876931; }
:scope .calculator-page .basket-fold:hover, :scope .calculator-page .basket-close:hover { border-color: #ad873f; color: #8a6d2e; }
@media (min-width: 861px) { :scope.basket-folded .calculator-page .basket-rail { color: #876931; } }
@media (min-width: 861px) { :scope.basket-folded .calculator-page .basket-rail:hover { background: #f7f5f1; } }
@media (min-width: 861px) { :scope .calculator-page .basket-rail .rail-count { background: #c9a86b; color: #1a1712; } }
@media (min-width: 861px) { :scope .calculator-page .basket-rail .rail-total { color: #373126; } }
@media (max-width: 860px) { :scope .calculator-page .calc-summary { border-left: 1px solid #d6d0c2; background: #f6f4ef; box-shadow: -20px 0 60px rgba(0, 0, 0, 0.24); } }
@media (max-width: 860px) { :scope .basket-shade { background: rgba(244, 241, 236, 0.6); } }
@media (max-width: 860px) { :scope .basket-mobile-bar { background: #f7f5f1; border-top: 1px solid #ad873f; color: #876931; } }
@media (max-width: 860px) { :scope .basket-mobile-bar span { color: #373126; } }
@media (max-width: 860px) { :scope .basket-mobile-bar span b { background: #c9a86b; color: #1a1712; } }
@media (max-width: 860px) { :scope .basket-mobile-bar strong { color: #8a6d2e; } }
:scope .calculator-page .calc-pack { background: #f7f4f0; border: 1px solid #d2cbbd; }
:scope .calculator-page .calc-pack.is-on { border-color: #ad873f; box-shadow: inset 0 0 0 1px #c9a86b; }
:scope .calculator-page .calc-pack .pack-badge { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .calc-pack .pack-aud { color: #876931; }
:scope .calculator-page .calc-pack h4 { color: #373126; }
:scope .calculator-page .calc-pack .pack-text { color: #575043; }
:scope .calculator-page .calc-pack ul { border-top: 1px solid #d6d0c2; }
:scope .calculator-page .calc-pack li { color: #8a6b2e; }
:scope .calculator-page .calc-pack li b { color: #876931; }
:scope .calculator-page .calc-pack .pack-state { color: #645c4d; }
:scope .calculator-page .calc-pack.is-on .pack-state { color: #876931; }
:scope .calculator-page .calc-pack .pack-pick { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .calc-pack .pack-pick:hover { background: #c9a86b; }
:scope .calculator-page .calc-pack.is-on .pack-pick { color: #876931; border: 1px solid #c9c0b0; }
:scope .calculator-page .basket-discount { color: #876931; }
:scope .calculator-page .basket-discount span { color: #3d7a49; }
:scope .calculator-page .calc-summary #basket-items .basket-discount { border-bottom: 1px solid #d6d0c2; }
:scope .calculator-page .pack-panel { background: #f6f4ef; border-right: 1px solid #d9d3c7; }
:scope .calculator-page .pack-panel .pack-head h2 { color: #373126; }
:scope .calculator-page .pack-panel .pack-fold { border: 1px solid #d2cbbd; color: #876931; }
:scope .calculator-page .pack-panel .pack-fold:hover { border-color: #ad873f; }
:scope .calculator-page .pack-panel .pack-intro { color: #645c4d; }
@media (min-width: 861px) { :scope.pack-folded .calculator-page .pack-panel .pack-rail { color: #876931; } }
@media (min-width: 861px) { :scope.pack-folded .calculator-page .pack-panel .pack-rail:hover { background: #f7f5f1; } }
@media (min-width: 861px) { :scope .calculator-page .pack-panel .pack-rail span { color: #373126; } }
@media (min-width: 861px) { :scope .calculator-page .pack-panel .pack-rail b { background: #c9a86b; color: #1a1712; } }
@media (max-width: 860px) { :scope .calculator-page .pack-panel { box-shadow: 20px 0 60px rgba(0, 0, 0, 0.24); } }
@media (max-width: 860px) { :scope .calculator-page .pack-panel .pack-rail { background: #f7f5f1; border: 1px solid #ad873f; color: #876931; } }
@media (max-width: 860px) { :scope .calculator-page .pack-panel .pack-rail span { color: #373126; } }
:scope .calculator-page .calc-intro > .property-fold > summary { border: 1px solid #d6d0c2; }
:scope .calculator-page .calc-intro > .property-fold > summary:hover { border-color: #ad873f; }
:scope .calculator-page .calc-intro > .property-fold[open] > summary { border-color: #d6d0c2; }
:scope .calculator-page .property-setup .type-options button, :scope .calculator-page .property-setup .material-options button { border: 1px solid #d2cbbd; color: #8a6b2e; }
:scope .calculator-page .property-setup .type-options button svg, :scope .calculator-page .property-setup .material-options button svg { color: #876931; }
:scope .calculator-page .property-setup .material-options button b { color: #645c4d; }
:scope .calculator-page .property-setup .type-options button:hover, :scope .calculator-page .property-setup .material-options button:hover { border-color: #ad873f; }
:scope .calculator-page .property-setup .type-options button[aria-pressed="true"], :scope .calculator-page .property-setup .material-options button[aria-pressed="true"] { border-color: #ad873f; background: #f7f6f2; color: #8a6d2e; box-shadow: inset 0 0 0 1px #c9a86b; }
:scope .calculator-page .property-setup .material-options button[aria-pressed="true"] b { color: #876931; }
:scope .calculator-page .basket-why { color: #645c4d !important; }
:scope .calculator-page .basket-auto { color: #948973; }
:scope .calculator-page .property-setup .focus-options { color: #645c4d; }
:scope .calculator-page .property-setup .focus-options button { border: 1px solid #d2cbbd; color: #8a6b2e; }
:scope .calculator-page .property-setup .focus-options button[aria-pressed="true"] { border-color: #ad873f; color: #8a6d2e; background: #f7f6f2; }
:scope .calculator-page .property-fold .property-setup #property-price { color: #645c4d; }
:scope .calculator-page .calc-summary .incentive-pop #incentive-copy { color: #8a6b2e; }
:scope .calculator-page .property-fold > summary > b { border: 1px solid #d2cbbd; color: #876931; }
:scope .calculator-page .property-fold > summary:hover > b { border-color: #ad873f; }
:scope .calculator-page .calc-summary .basket-badge { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .calc-summary .basket-badge .badge-count { color: #1a1712; }
:scope .calculator-page .calc-summary .calc-heading #summary-title::after { background: #948973; }
:scope .calculator-page .calc-summary .calc-heading #summary-title:hover { border-bottom-color: #d2cbbd; }
:scope .calculator-page .calc-summary .calc-heading #summary-title:hover::after { background: #c9a86b; }
:scope .calculator-page #project-basket .calc-heading .saved-project-bar #saved-project-status { color: #645c4d; }
:scope .calculator-page #project-basket > #saved-project-status { color: #645c4d; }
:scope .calculator-page .calc-summary .basket-foot #prepare-brief:not(:disabled) { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .calc-summary .basket-foot #prepare-brief:not(:disabled):hover { background: #c9a86b; }
:scope .calculator-page .calc-tabs button { background: #fbfaf9 !important; color: #8a6b2e; }
:scope .calculator-page .calc-tabs button::before { background: #f6f4ef; }
:scope .calculator-page .calc-tabs button:hover:not(:disabled) { background: #c9a86b !important; }
:scope .calculator-page .calc-tabs button:hover:not(:disabled)::before { background: #f7f5f1; }
:scope .calculator-page .calc-tabs button[aria-pressed="true"] { background: #c9a86b !important; color: #1a1712 !important; }
:scope .calculator-page .calc-tabs button[aria-pressed="true"]::before { background: #c9a86b; }
:scope .calculator-page .calc-pack.is-on { border: 2px solid #ad873f; box-shadow: 0 0 0 4px rgba(201,168,107,.18); background: #f7f6f2; }
:scope .calculator-page .calc-pack .pack-chosen { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .calc-pack.is-on .pack-pick { color: #876931; border: 1px solid #ad873f; }
:scope .calculator-page .calc-pack.is-on .pack-pick:hover { background: rgba(201,168,107,.12); }
:scope .calculator-page .calc-pack:not(.is-on) .pack-pick { background: #c9a86b; color: #1a1712; }
:scope .fly-ghost { background: #c9a86b center / cover no-repeat; border: 2px solid #ad873f; box-shadow: 0 10px 28px rgba(0, 0, 0, 0.18); }
:scope .calculator-page .pack-panel .pack-head { background: #f6f4ef; border-bottom: 1px solid #d9d3c7; }
:scope .calculator-page .basket-bonus { border: 1px solid #ad873f; background: rgba(201,168,107,.1); color: #8a6d2e; }
:scope .calculator-page .basket-bonus .gift-ic { color: #876931; }
:scope .calculator-page .basket-bonus span { color: #3d7a49; }
:scope .calculator-page .basket-bonus .bonus-remove { color: #876931; }
:scope .fly-ghost.is-gift { background: #c9a86b; color: #1a1712; }
@media (min-width: 861px) { :scope.pack-folded .calculator-page .pack-panel .pack-rail .rail-pick { border: 1px solid #ad873f; background: #f7f6f2; color: #8a6d2e; } }
@media (min-width: 861px) { :scope.pack-folded .calculator-page .pack-panel .pack-rail .rail-pick.is-incomplete { color: #645c4d; } }
@media (min-width: 861px) { :scope.pack-folded .calculator-page .pack-panel .pack-rail.has-pick > svg { color: #876931; } }
:scope .calculator-page .calc-pack .pack-clear { border: 1px solid #ad873f; color: #876931; }
:scope .calculator-page .calc-pack .pack-clear:hover { background: rgba(201,168,107,.15); color: #8a6d2e; }
:scope .calc-pager { color: #373126; }
:scope .calc-pager button { border: 1px solid #d2cbbd; }
:scope .calc-pager button:not(:disabled):hover { border-color: #ad873f; }
:scope .calc-pager .cp-dots i { background: linear-gradient(#fbfaf9, #fbfaf9) center / 100% 2px no-repeat; }
:scope .calc-pager .cp-dots i.on { background-image: linear-gradient(#c9a86b, #c9a86b); }
:scope .calc-pager .cp-dots i::before { background: #fbfaf9; }
:scope .calc-pager .cp-dots i.on::before { background: #c9a86b; }
:scope .calc-pager .cp-dots i::before { background: rgba(29, 26, 21, 0.266); }
:scope .calc-pager .cp-dots i.on::before { background: #c9a86b; }
:scope .calculator-page #calc-cards .calc-group-cards.wheel-on { outline: 1px dashed rgba(173, 135, 63, 0.55); }
:scope .calculator-page .film-card { border: 1px solid #d2cbbd; background: #f7f4f0; }
:scope .calculator-page .film-card:hover { border-color: #ad873f; }
:scope .calculator-page .film-card.is-own { border: 1px solid #ad873f; }
:scope .calculator-page .film-card .fc-photo { background: #f6f3ee; }
:scope .calculator-page .film-card .fc-photo.portrait img { border: 1px solid rgba(173, 135, 63, 0.45); }
:scope .calculator-page .film-card .card-corner { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .film-card .card-corner:hover { background: #c9a86b; }
:scope .calculator-page .film-card .fc-story { color: #876931; }
:scope .calculator-page .film-card .fc-btns .fc-o { color: #876931; }
:scope .calculator-page .film-card .fc-btns .fc-o:hover, :scope .calculator-page .film-card .fc-btns .fc-x:hover { background: #f7f6f2; }
:scope .calculator-page .film-card .fc-copy { background: linear-gradient(0deg, rgba(246, 243, 238, 0.95) 30%, rgba(21,19,15,0)); }
:scope .calculator-page .film-card h3 { color: #373126; }
:scope .calculator-page .film-card h3 em { color: #876931; }
:scope .calculator-page .film-card p { color: #8a6b2e; }
:scope .calculator-page .film-card .fc-new { color: #876931; }
:scope .calculator-page .film-card .fc-price { color: #8a6d2e; }
:scope .calculator-page .film-card .fc-btns button { border: 1px solid #ad873f; background: #c9a86b; color: #1a1712; }
:scope .calculator-page .film-card .fc-btns .fc-x { color: #876931; }
:scope dialog.film-editor { border: 1px solid #ad873f; background: #f6f4ef; color: #373126; }
:scope dialog.film-editor::backdrop { background: rgba(244, 241, 236, 0.86); }
:scope .film-editor .fe-head { border-bottom: 1px solid #d9d3c7; background: #f7f5f1; }
:scope .film-editor .fe-label { color: #876931; }
:scope .film-editor .fe-sum { color: #8a6b2e; }
:scope .film-editor .fe-fav input { border: 1px solid #d2cbbd; background: #f6f3ee; color: #373126; }
:scope .film-editor .fe-fav button { border: 1px solid #ad873f; color: #876931; }
:scope .film-editor .fe-done { background: #c9a86b; color: #1a1712; }
:scope .film-editor .fe-copy { border: 1px solid #d2cbbd; color: #876931; }
:scope .film-editor .fe-copy:hover { border-color: #ad873f; }
:scope .film-editor .fe-story label b { color: #373126; }
:scope .film-editor .fe-story label small { color: #5b5446; }
:scope .film-editor .fe-story textarea { border: 1px solid #d2cbbd; background: #f6f3ee; color: #373126; }
:scope .film-editor .fe-story textarea:focus { border-color: #ad873f; }
:scope .film-editor .fe-hint { color: #5b5446; }
:scope .film-editor .fe-insert { background: #c9a86b; box-shadow: 0 0 12px #c9a86b; }
:scope .film-editor .fe-insert::before, :scope .film-editor .fe-insert::after { background: #c9a86b; }
:scope .film-editor .fe-name { color: #373126; }
:scope .film-editor .fe-name::placeholder { color: #8f846e; }
:scope .film-editor .fe-name:hover, :scope .film-editor .fe-name:focus { border-bottom-color: #ad873f; }
:scope .film-editor .fe-win { border: 1px solid #d2cbbd; color: #876931; }
:scope .film-editor .fe-win:hover { border-color: #ad873f; }
:scope .film-editor .fe-foot { border-top: 1px solid #d6cfc3; background: #f7f4f0; box-shadow: 0 -12px 30px rgba(0, 0, 0, 0.14); }
:scope .calculator-page .film-editor .timeline-clip > div { background: linear-gradient(180deg, rgba(244, 241, 236, 0.55), transparent 42%, transparent 58%, rgba(244, 241, 236, 0.7)); }
:scope .calculator-page .film-editor .timeline-clip .duration-stepper { border: 1px solid rgba(173, 135, 63, 0.55); background: rgba(246, 243, 238, 0.78); }
:scope .calculator-page .film-editor .timeline-clip .duration-stepper button { color: #876931; }
:scope .calculator-page .film-editor .timeline-clip .duration-stepper input { color: #8a6d2e; }
:scope .calculator-page .film-editor .timeline-clip .duration-unit { color: #876931; }
:scope .calculator-page .film-editor .timeline-clip .clip-controls [data-remove] { border: 1px solid rgba(173, 135, 63, 0.4); background: rgba(246, 243, 238, 0.78); color: #876931; }
:scope .calculator-page .film-editor .timeline-clip .clip-caption { color: #212121; }
:scope .calculator-page .film-editor .timeline-clip .clip-caption::placeholder { color: rgba(55, 49, 38, 0.55); }
:scope .calculator-page .film-editor .timeline-clip .clip-caption:hover, :scope .calculator-page .film-editor .timeline-clip .clip-caption:focus { border-bottom-color: #ad873f; }
:scope.film-standalone dialog.film-editor::backdrop { background: #f6f3ee; }
:scope .calculator-page .film-editor .timeline-clip .clip-caption:focus { background: rgba(246, 243, 238, 0.92); border: 1px solid #ad873f; }
:scope .film-editor .fe-names button { color: #8f846e; }
:scope .film-editor .fe-names button.is-used { color: #876931; }
:scope .film-editor .fe-names button.is-in { color: #876931; border-bottom-color: rgba(173, 135, 63, 0.6); }
:scope .film-editor .fe-names button:hover { color: #8a6d2e; }
:scope .calculator-page .film-card .fc-fmt { color: #8a6d2e; }
:scope .calculator-page .film-card:hover .fc-fmt { color: #876931; }
:scope .calculator-page .film-card.fmt-landscape::after { background: repeating-linear-gradient(90deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) left 8px / 100% 9px no-repeat, repeating-linear-gradient(90deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) left calc(100% - 8px) / 100% 9px no-repeat, linear-gradient(#f5f2ee, #f5f2ee) top / 100% 25px no-repeat, linear-gradient(#f5f2ee, #f5f2ee) bottom / 100% 25px no-repeat; }
:scope .calculator-page .film-card.fmt-portrait::after { background: repeating-linear-gradient(180deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) 8px top / 9px 100% no-repeat, repeating-linear-gradient(180deg, transparent 0 9px, rgba(201,168,107,.92) 9px 19px, transparent 19px 29px) calc(100% - 8px) top / 9px 100% no-repeat, linear-gradient(#f5f2ee, #f5f2ee) left / 25px 100% no-repeat, linear-gradient(#f5f2ee, #f5f2ee) right / 25px 100% no-repeat; }
:scope .film-editor .fe-foot-bar b { color: #876931; }
:scope .film-editor .fe-foot-bar .fe-total { color: #876931; }
:scope .film-editor .fe-clear { border: 1px solid #d2cbbd; color: #876931; }
:scope .film-editor .fe-clear:hover { border-color: #ad873f; color: #8a6d2e; }
:scope .film-editor .fe-clear.is-armed { border-color: #c86033; color: #8a4a2e; }
:scope .calculator-page .film-card .fc-use li { color: #8a6d2e; }
:scope .calculator-page .film-card .fc-use li + li::before { background: #c9a86b; }
:scope .calculator-page .film-card .fc-btns .fc-x.is-armed { border-color: #c86033; color: #8a4a2e; background: rgba(249, 244, 243, 0.6); }
:scope .film-editor .fe-fav-open { border: 1px solid #ad873f; color: #876931; }
:scope .film-editor .fe-fav-open[aria-expanded="true"], :scope .film-editor .fe-fav-open:hover { background: #f7f6f2; }
:scope .film-editor .fe-favlist { border: 1px solid #ad873f; background: #f6f4ef; box-shadow: 0 18px 40px rgba(0, 0, 0, 0.24); }
:scope .film-editor .fe-favlist p { color: #5b5446; }
:scope .film-editor .fe-favlist button { border: 1px solid #d6cfc3; background: #f7f5f0; color: #373126; }
:scope .film-editor .fe-favlist button:hover { border-color: #ad873f; background: #f7f6f2; }
:scope .film-editor .fe-favlist small { color: #5b5446; }
:scope .film-editor .fe-tip { color: #8f846e; }
:scope .film-editor .fe-undo { border: 1px solid #ad873f; background: #c9a86b; color: #1a1712; }
:scope .film-editor .fe-undo:disabled { border-color: #d2cbbd; color: #aaa18f; }
:scope .film-editor .fe-undo:not(:disabled):hover { background: #c9a86b; }
:scope .calculator-page .film-editor .film-timeline .timeline-clip.timeline-clip > div > h4 { color: #8a6d2e; }
:scope .calculator-page .film-card .fc-phone { color: #876931; }
:scope .calculator-page .film-card:hover .fc-phone { color: #8a6d2e; }
:scope .calculator-page .tour-combo { border: 1px dashed #cac3b2; color: #876931; }
:scope .calculator-page .tour-combo svg { color: #876931; }
:scope .calculator-page .tour-combo b { color: #876931; }
:scope .calculator-page .tour-combo.is-on { border: 1px solid #ad873f; background: rgba(201,168,107,.08); color: #373126; }
:scope .calculator-page .property-setup > #onsite-address::before { color: #373126; }
:scope .calculator-page .property-setup > #onsite-address > p { color: #5b5446; }
:scope .calculator-page .calc-tabs button.calc-tab-hub .tab-hub-ic { color: #876931; }
:scope .calculator-page .calc-tabs button.calc-tab-hub[aria-pressed="true"] .tab-hub-ic { color: #1a1712; }
:scope .calculator-page .film-card.fc-onsite { border: 1px solid #d2cbbd; }
:scope .calculator-page .film-card.fc-onsite .fc-trans { color: #876931; }
:scope .calculator-page .film-card.fc-onsite .fc-trans svg { border: 1px solid rgba(173, 135, 63, 0.5); background: rgba(246, 243, 238, 0.55); }
:scope .calculator-page .film-card.fc-onsite .fc-toggle { color: #8a6d2e; }
:scope .calculator-page .film-card.fc-onsite.is-on { border-color: #ad873f; }
:scope .calculator-page .film-card.fc-onsite.is-on .fc-toggle { color: #876931; }
:scope .calculator-page .film-card.fc-onsite .fc-copy h3 { color: #2d291f; }
:scope .calculator-page .film-card.fc-onsite .fc-copy p { color: #876931; }
:scope .calculator-page .film-card.fc-onsite .fc-unit { color: #876931; }
:scope .calculator-page .film-card.fc-onsite .fc-price { color: #342f24; }
:scope .calculator-page .calc-card .card-picto { color: #876931; }
:scope .calculator-page .calc-card .card-picto svg { border: 1px solid rgba(173, 135, 63, 0.5); background: rgba(246, 243, 238, 0.55); }
:scope .calculator-page .calc-sub-head h4 { color: #876931; }
:scope .calculator-page .calc-sub-head p { color: #575043; }
:scope .calculator-page .calc-sub-chips button { border: 1px solid #d2cbbd; color: #8a6b2e; }
:scope .calculator-page .calc-sub-chips button:hover { border-color: #ad873f; }
:scope .calculator-page .calc-sub-chips button[aria-pressed=true] { border-color: #ad873f; background: #c9a86b; color: #161410; }
:scope .calculator-page .src-stack { background: #f6f3ee; box-shadow: 14px 0 0 rgba(21, 19, 15, 0.4); }
:scope .calculator-page .src-fan > .calc-card { border-color: rgba(173, 135, 63, 0.35); }
:scope .calculator-page .src-fan > .calc-card.is-selected { border-color: #ad873f; }
:scope .calculator-page .src-tick { border: 1px solid rgba(173, 135, 63, 0.7); background: rgba(246, 243, 238, 0.6); }
:scope .calculator-page .src-fan > .calc-card.is-selected .src-tick { background: #c9a86b; border-color: #ad873f; }
:scope .calculator-page .src-fan > .calc-card.is-selected .src-tick::after { border: solid #dfdacf; }
:scope .calculator-page .src-q { color: #876931; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-copy { background: linear-gradient(90deg, rgba(245, 242, 236, 0.82), rgba(245, 242, 236, 0.35)); }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .src-q { color: #8a6d2e; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open):hover { border-color: rgba(173, 135, 63, 0.75); }
:scope .calculator-page .calc-card .qty-pad .qty-unit { color: #8a6d2e; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .card-picto svg { border-color: rgba(173, 135, 63, 0.35); }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .calc-card-photo .card-picto svg { border-color: rgba(173, 135, 63, 0.6); color: #876931; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open)::after { background: linear-gradient(90deg, rgba(245, 242, 236, 0.86), rgba(245, 242, 236, 0.6)); }
:scope .calculator-page .src-fan > .calc-card:not(.is-selected) { border-color: #d3cbbe; }
:scope .calculator-page .src-fan > .calc-card.is-selected { border-color: #ad873f; }
:scope .calculator-page .calc-card .qty-pad .qty-unit { color: #8a6d2e; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open):not(.is-selected) .card-pricing strong { color: #876931; }
:scope .calculator-page #calc-cards .src-fan > .calc-card:not(.is-open):not(.is-selected):hover .card-cut path { stroke: rgba(135, 105, 49, 0.75); }
:scope .calculator-page #calc-cards .src-fan > .calc-card:not(.is-open) .card-pricing small { color: #876931; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .card-pricing strong, :scope .calculator-page .src-fan > .calc-card:not(.is-open):not(.is-selected) .card-pricing strong { color: #342f24; }
:scope .calculator-page .src-fan > .calc-card:not(.is-open) .src-tick:hover { border-color: #ad873f; background: rgba(201,168,107,.25); }
:scope .calculator-page .film-cards.has-fan > .src-stack { box-shadow: 14px 0 0 rgba(21, 19, 15, 0.4); }
:scope .calculator-page #calc-cards .calc-group-head[data-fold] { border: 1px solid #d3cbbe; background: #f6f3ee; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]::after { background: linear-gradient(90deg, rgba(245, 242, 236, 0.92) 0, rgba(245, 242, 236, 0.72) 45%, rgba(245, 242, 236, 0.35) 100%); }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:hover { border-color: #ad873f; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold] p { color: #8a6b2e; }
:scope .calculator-page #calc-cards .calc-group-head .fold-chev { border: solid #ad873f; }
:scope .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold] { border-color: #cec7b7; }
:scope .calculator-page #calc-cards .calc-fold-sum.has { border: 1px solid #ad873f; background: #f7f6f2; color: #876931; }
:scope .calculator-page #calc-cards .calc-fold-sum span { color: #342f24; }
:scope .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { border-top: 1px solid rgba(173, 135, 63, 0.45); background: rgba(247, 246, 242, 0.85); }
:scope .calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) { border-color: #ad873f; }
:scope .calculator-page #calc-cards .calc-group-head .fold-ico { border: 1px solid rgba(173, 135, 63, 0.45); background: rgba(246, 243, 238, 0.55); color: #876931; }
:scope .calculator-page #calc-cards .calc-group-head .fold-title::after { background: #c9a86b; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) h3 { color: #8a6d2e; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-ico { border-color: #ad873f; background: #c9a86b; color: #161410; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) p { color: #373126; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:is(:hover, :focus-visible) .fold-chev { border-color: #ebcf94; }
:scope .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head .fold-ico { background: #f7f6f2; border-color: #ad873f; }
:scope .calculator-page #calc-cards .calc-group-head .fold-cut path { stroke: #464035; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:hover .fold-cut path, :scope .calculator-page #calc-cards .calc-group-head:has(.calc-fold-sum.has) .fold-cut path { stroke: #876931; }
:scope .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head:not(:hover):not(:has(.calc-fold-sum.has)) .fold-cut path { stroke: #bcb5a6; }
:scope .calculator-page .pack-seg { border-bottom: 1px solid #d6cfc3; }
:scope .calculator-page .pack-seg-ico { background: #c9a86b; color: #1a1712; }
:scope .calculator-page .pack-seg b { color: #373126; }
:scope .calculator-page .pack-seg small { color: #645c4d; }
:scope .calculator-page .calc-pack .pack-ico { color: #876931; }
:scope .calculator-page .calc-pack .pack-ico.is-promo { color: #8a2e3c; }
:scope .calculator-page .calc-pack .pack-badge.is-promo { background: radial-gradient(120% 140% at 30% 20%, #b33a4c 0%, #8c1d2e 45%, #faf6f7 100%); color: #342f24; }
:scope .calculator-page .property-setup .area-presets button { border: 1px solid #d2cbbd; color: #8a6b2e; }
:scope .calculator-page .property-setup .area-presets button:hover { border-color: #ad873f; color: #8a6d2e; }
:scope .calculator-page .property-setup > #onsite-address .address-field input { background: #f6f3ee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23c9a86b' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M19 9c0 5-7 12-7 12S5 14 5 9a7 7 0 1 1 14 0Z'/%3E%3Ccircle cx='12' cy='9' r='2.5'/%3E%3C/svg%3E") 12px center / 20px no-repeat; }
:scope .calculator-page .property-setup.needs-setup { outline: 1px solid #ad873f; }
:scope .calculator-page #calc-cards .calc-group-head .fold-thumb { background: #f5f2ec; border: 1px solid rgba(173, 135, 63, 0.35); }
:scope .calculator-page #calc-cards .calc-group-head .fold-dots i { background: rgba(29, 26, 21, 0.315); }
:scope .calculator-page #calc-cards .calc-group-head .fold-dots i.on { background: #c9a86b; }
:scope .calculator-page #calc-cards .calc-group-head .fold-play { color: #8a6d2e; }
:scope .calculator-page #calc-cards .calc-group-head .fold-tip b { color: #876931; }
:scope .calculator-page #calc-cards .calc-group-head .tip-i { border: 1px solid #ad873f; color: #876931; }
:scope .calculator-page #calc-cards .calc-group-head .fold-tip { color: #8a6b2e; }
:scope .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { border-left: 1px solid rgba(173, 135, 63, 0.35) !important; }
:scope .calculator-page #calc-cards .calc-group-head .calc-fold-sum b { color: #575043; }
:scope .calculator-page #calc-cards .calc-group-head .calc-fold-sum span { color: #876931; }
@media (max-width: 860px) { :scope .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { border-top: 1px solid rgba(173, 135, 63, 0.35) !important; } }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) { border-color: #d3cbbe; }
:scope .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) { border-color: #cec7b7; }
:scope .calculator-page #calc-cards .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) .fold-cut path { stroke: #464035; }
:scope .calculator-page #calc-cards .calc-group:not(.is-folded) > .calc-group-head[data-fold]:has(.calc-fold-sum.has):not(:hover) .fold-cut path { stroke: #bcb5a6; }
:scope .calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { border-left: 1px solid rgba(173, 135, 63, 0.38); }
:scope.calc-k4 .calculator-page .pack-panel { background: #f5f3ec; border-right: 1px solid #ddd6c8; }
:scope.calc-k4 .calculator-page .pack-panel .pack-head { border-bottom: 1px solid #ddd6c8; }
:scope.calc-k4 .calculator-page .pack-panel .pack-head h2 { color: #968c77; }
:scope.calc-k4 .calculator-page .pack-panel .pack-fold { border-color: #d6cfc3; color: #876931; }
:scope.calc-k4 .calculator-page .pack-panel .cn-label { color: #7e663a; }
:scope.calc-k4 .calculator-page .cn-cats { border-bottom: 1px solid #ddd6c8; }
:scope.calc-k4 .calculator-page .cn-cat { color: #675f50; }
:scope.calc-k4 .calculator-page .cn-cat svg { color: #968c77; }
:scope.calc-k4 .calculator-page .cn-cat .cn-n { background: #c9a86b; color: #15130f; }
:scope.calc-k4 .calculator-page .cn-cat:hover { color: #373126; background: #f6f3ee; }
:scope.calc-k4 .calculator-page .cn-cat:hover svg { color: #876931; }
:scope.calc-k4 .calculator-page .cn-cat.is-on { color: #8a6d2e; background: rgba(201,168,107,.13); }
:scope.calc-k4 .calculator-page .cn-cat.is-on svg { color: #876931; }
:scope.calc-k4 .calculator-page .cn-cat.is-on::before { background: #c9a86b; }
:scope.calc-k4 .calculator-page .cn-cat:focus-visible, :scope.calc-k4 .calculator-page .cn-segs button:focus-visible { outline: 2px solid #ad873f; }
:scope.calc-k4 .calculator-page .cn-segs { border-bottom: 1px solid #ddd6c8; }
:scope.calc-k4 .calculator-page .cn-segs button { color: #968c77; }
:scope.calc-k4 .calculator-page .cn-segs button:hover { color: #876931; }
:scope.calc-k4 .calculator-page .cn-segs button[aria-selected="true"] { color: #876931; border-bottom-color: #ad873f; }
:scope.calc-k4 .calculator-page .cn-seg-name { color: #968c77; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack:hover { background: #f6f3ee; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.is-on::before { background: #c9a86b; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack h4 { color: #7d683b; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack h4 .pack-ico { color: #7e663a; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.is-on h4 .pack-ico, :scope.calc-k4 .calculator-page .pack-panel .calc-pack:hover h4 .pack-ico { color: #876931; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open { background: #f6f3ee; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-text { color: #645c4d; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > ul { border-top: 1px solid #d9d3c7; color: #8a6b2e; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.cn-open > .pack-state { color: #968c77; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack.is-on:not(.cn-open) h4::after { color: #876931; }
:scope.calc-k4 .calculator-page #calc-cards .calc-group-head[data-fold] { background: #f5f3ec !important; border: 1px solid #ddd6c8 !important; }
:scope.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > h3 { color: #373126; }
:scope.calc-k4 .calculator-page #calc-cards .calc-group-head .fold-main > :is(.fold-tip, p) { border-left: 1px solid rgba(173, 135, 63, 0.5) !important; color: #876931; }
:scope.calc-k4 .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { border-left: 1px solid rgba(173, 135, 63, 0.35) !important; }
:scope.calc-k4 .calculator-page .cn-next button { border: 1px solid #d7d0c3; color: #7d683b; }
:scope.calc-k4 .calculator-page .cn-next button:hover { border-color: #ad873f; background: #f6f3ee; }
:scope.calc-k4 .calculator-page .cn-next button small { color: #7e663a; }
:scope.calc-k4 .calculator-page .cn-next svg { color: #876931; }
:scope.calc-k4 .calculator-page .cn-next button:focus-visible { outline: 2px solid #ad873f; }
@media (max-width: 860px) { :scope.calc-k4 .calculator-page #calc-cards .calc-group-head .calc-fold-sum.has { border-top: 1px solid rgba(173, 135, 63, 0.35) !important; } }
:scope.calc-k4 .calculator-page .pack-panel .pack-head { background: #f5f3ec; }
:scope.calc-k4 .calculator-page .pack-panel .calc-pack h4 .cn-price { color: #968c77; }
:scope.calc-k4 .calculator-page .cn-cat { background: #f8f6f3; }
:scope.calc-k4 .calculator-page .cn-cat::after { background: #f5f3ec; }
:scope.calc-k4 .calculator-page .cn-cat:hover { background: #fbfaf9; }
:scope.calc-k4 .calculator-page .cn-cat:hover::after { background: #f6f3ee; }
:scope.calc-k4 .calculator-page .cn-cat.is-on { background: #c9a86b; }
:scope.calc-k4 .calculator-page .cn-cat.is-on::after { background: #f7f6f2; }
:scope.calc-k4 .calculator-page .cn-cat:has(.cn-n)::after { background: #f6f3ee; }
:scope.calc-k4 .calculator-page .cn-cat:has(.cn-n):not(.is-on) { background: #fbfaf9; }
:scope.calc-k4 .calculator-page .pack-panel .pack-head h2 { color: #373126; }
@media (min-width: 861px) { :scope.calc-k4.pack-folded .calculator-page .pack-panel { background: #f6f4ef; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page #calc-cards .film-cards::before { color: #7e663a; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page #calc-cards .k4-fan .src-q { color: #876931; } }
:scope.calc-k4 .calculator-page .cn-mini-in { background: rgba(245, 243, 236, 0.96); border: 1px solid #d9d3c7; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.24); }
:scope.calc-k4 .calculator-page .cn-mini-t { color: #373126; }
:scope.calc-k4 .calculator-page .cn-mini-s small { color: #665f4f; }
:scope.calc-k4 .calculator-page .cn-mini-s b { color: #876931; }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q1, :scope.calc-k4 .calculator-page #calc-cards .film-sub-head { background: #f7f5f2; border: 1px solid rgba(173, 135, 63, 0.32); } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page #calc-cards :is(.calc-group-cards, .film-cards) > .src-stack { background: #f7f5f2 !important; border: 1px solid rgba(173, 135, 63, 0.32); } }
:scope .calculator-page .calc-card .qty-toggle .fan-n { color: #8a6d2e; }
:scope.calc-k4 .calculator-page .cn-mini-in { background: #f6f3ee; box-shadow: 0 10px 20px -12px rgba(0, 0, 0, 0.24), inset 0 0 0 1px rgba(57, 52, 43, 0.4); }
:scope.calc-k4 .calculator-page .cn-mini-i { border: 1px solid #a0824a; color: #876931; background: rgba(201,168,107,.06); }
:scope.calc-k4 .calculator-page .cn-mini-s { border-left: 1px solid rgba(173, 135, 63, 0.35); }
:scope.calc-k4 .calculator-page .cn-mini-s b { color: #8a6d2e; }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page #calc-cards .calc-sub-head.is-split > .calc-sub-q2, :scope.calc-k4 .calculator-page #calc-cards .film-cards::before { border-top: 1px solid rgba(173, 135, 63, 0.4); } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc { background: #f5f3ec; border: 1px solid #d9d3c7; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-i { border: 1px solid #a0824a; color: #876931; background: rgba(201,168,107,.06); } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc h3 { color: #373126; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-tip { border-left: 1px solid rgba(173, 135, 63, 0.5); color: #876931; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-tip b { color: #876931; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-sum small { color: #665f4f; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-sum b { color: #8a6d2e; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .cn-hc-q { border-top: 1px solid #d9d3c7; color: #876931; } }
@media (min-width: 861px) { :scope.calc-k4 .calculator-page .pack-panel::-webkit-scrollbar-thumb { background: #fdfdfc; } }
}
/* calculator */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="calculator"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .calculator-page { background: #f6f4ef; color: #332e24; }
:scope .calc-intro h1 em { color: #876931; }
:scope .calc-rate-notice { color: #876931; border-left: 2px solid #ad873f; }
:scope .calc-library, :scope .calc-film, :scope .calc-basket { border-top: 1px solid #d2cbbe; }
:scope .calc-heading>span, :scope .calc-help, :scope #group-basis { color: #595244; }
:scope .calc-tabs button, :scope .calc-card button, :scope .clip-controls button, :scope .calc-reset { border: 1px solid #cec7b7; color: #79663e; }
:scope .calc-tabs button[aria-pressed=true], :scope .calc-card button[data-add] { background: #c9a86b; color: #221f18; border-color: #ad873f; }
:scope .calc-card { border: 1px solid #d3cbbe; background: #f7f5f2; }
:scope .calc-card-photo small { background: rgba(246, 244, 239, 0.788); }
:scope .calc-card p { color: #595244; }
:scope .calculator-page select, :scope .calculator-page input, :scope .calculator-page textarea { background: #f6f3ef; border: 1px solid #cac2b1; color: #343024; }
:scope .calculator-page label { color: #876931; }
:scope .film-timeline { background: #f7f5f0; border: 1px dashed #c8c0ae; }
:scope .timeline-clip { background: #f9f7f4; border: 1px solid #ccc3b4; }
:scope .timeline-clip small { color: #876931; }
:scope .timeline-clip p, :scope [data-line] { color: #876931; }
:scope .calc-empty { color: #8a6b2e; }
:scope .calc-empty small { color: #615a4b; }
:scope .basket-item { border-bottom: 1px solid #d3cbbe; }
:scope .basket-item small { color: #876931; }
:scope .basket-item>button { color: #876931; }
:scope .drag-over { outline: 2px solid #ad873f; background: #faf8f6 !important; }
:scope .calc-summary { background: #f8f6f2; border: 1px solid #cec7b7; }
:scope #calc-subtotals>div { border-bottom: 1px solid #d2cbbd; }
:scope #calc-subtotals small { color: #60594b; }
:scope .calc-total small { color: #5b5345; }
:scope .calculator-page :focus-visible { outline: 2px solid #d3ab5c; }
:scope .calculator-page .calc-error { color: #8a452e; }
:scope .calc-brief { background: #f8f6f2; }
:scope #calc-preview { background: #f8f6f1; color: #7c663c; border: 1px solid #c9c0b0; }
:scope #calc-preview::backdrop { background: rgba(240, 239, 236, 0.8); }
:scope #close-preview { color: #7c663c; }
:scope .calc-starting { border-top: 1px solid #d2cbbe; }
:scope .calc-starting>p { color: #544e41; }
:scope .project-file-drop { border: 1px dashed #9d927d; background: #f7f5f1; }
:scope .project-file-drop p { color: #544e41; }
:scope .project-file { border-bottom: 1px solid #d2cbbe; }
:scope .project-file small { color: #625b4c; }
:scope .project-file button { color: #876931; }
:scope .file-pdf { color: #876931; border: 1px solid #9d927d; }
:scope #project-file-status { color: #876931; }
:scope #discount-invitation { border: 1px solid #ad873f; background: #f9f8f5; }
:scope #discount-brief { background: #c9a86b; color: #221f18; }
:scope #bonus-picker { border: 1px solid #8a806b; background: #f9f8f5; }
:scope #bonus-options button { border: 1px solid #c7beac; color: #8a6b2e; }
:scope #bonus-options button[aria-pressed=true] { background: #c9a86b; color: #232019; border-color: #ad873f; }
:scope #bonus-selection { color: #876931; }
}
/* circles */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="circles"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .circle-paths>a { background: #f7f5f2; }
:scope .circle-paths>a[aria-current] { border-color: #ad873f; background: #f9f8f5; }
:scope .circle-paths span>span { color: #504a3d; }
:scope .circle-panel, :scope .circle-empty { background: #f8f6f1; }
:scope .circles input:not([type=checkbox]):not([type=radio]), :scope .circles textarea { border: 1px solid #cbc3b3; background: #f6f4ef; color: #343024; }
:scope .circles input:focus, :scope .circles textarea:focus { outline: 2px solid #ad873f; }
:scope .circle-consent input { accent-color: #876931; }
:scope .circle-options label { border: 1px solid #cbc3b3; }
:scope .circle-options label:has(:checked) { background: #c9a86b; color: #1a1813; }
:scope .circle-options input { accent-color: #b3ab9a; }
:scope .circles button[type=submit] { background: #c9a86b; color: #1a1813; }
:scope .circle-thread { background: #f7f5f1; }
:scope .circle-thread:hover { border-color: #ad873f; }
:scope .circle-badge { border: 1px solid #ad873f; }
:scope #circle-status { color: #8a6b2e; }
:scope .academy-module { border: 1px solid rgba(173, 135, 63, 0.333); }
:scope .academy-module>summary>span { color: #876931; }
:scope .academy-module[open] { background: rgba(201,168,107,0.039); }
:scope .academy-module details { border-top: 1px solid rgba(173, 135, 63, 0.2); }
}
/* contact-experience */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="contact-experience"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .human-grid input:not([type=checkbox]), :scope .human-grid textarea { border: 1px solid #ad873f; background: rgba(29, 26, 21, 0.132); color: #27241e; }
:scope .human-send { border-top: 1px solid rgba(173, 135, 63, 0.376); }
:scope .advisor-starters { background: rgba(247, 246, 242, 0.031); border: 1px solid rgba(173, 135, 63, 0.314); }
:scope .advisor-starters button { border: 1px solid rgba(173, 135, 63, 0.502) !important; }
:scope .advisor-starters button:hover { background: rgba(247, 246, 242, 0.051) !important; }
:scope .voice-tools button[aria-pressed=true] { outline: 2px solid #ad633b; }
:scope .advisor-goal-options button { border: 1px solid #807662 !important; }
:scope .advisor-goal-options button[aria-pressed=true] { background: #f8f6f2 !important; color: #212121 !important; }
:scope .advisor-conversation>summary, :scope #human-calendar-option>summary { border-top: 1px solid rgba(173, 135, 63, 0.376); }
:scope #onkiszolgalo .guided-stepper input { background: rgba(29, 26, 21, 0.088); border: 1px solid #ad873f; }
:scope .human-grid>div+div:before { color: #a09580; }
:scope #human-calendar-option>summary { border: 1px solid rgba(173, 135, 63, 0.376); }
:scope .human-calendar-symbol { color: #9e937e; }
:scope #human-message-first { border: 1px solid #ad873f !important; }
}
/* contact-hub */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="contact-hub"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body:not(.subpage) .contact-hub { background: #c9a86b; color: #26221b; }
:scope .hub-paths>a { border: 1px solid #9e937e; background: rgba(29, 26, 21, 0.132); }
:scope .hub-paths>a:hover, :scope .hub-paths>a[aria-current=true] { background: #f7f5f1; color: #352f25; }
:scope .hub-panel { border: 1px solid #918670; background: rgba(29, 26, 21, 0.467); }
:scope .contact-hub button, :scope .hub-channel a, :scope #guide-answer>a { background: #f7f5f1; color: #353025; border: 1px solid #c7bead; }
:scope .guide-options button[aria-pressed=true] { background: #fdfdfc; outline: 2px solid #ccc4b4; }
:scope .hub-chat, :scope .hub-services { border-top: 1px solid #726957; }
:scope .hub-channel a:nth-child(n+3) { color: #26221b; }
:scope .contact-hub .booking-section { color: #26221b; }
:scope .contact-hub .booking-facts span { color: #524b3d; }
:scope .contact-hub .booking-note { color: #524b3d; }
:scope .contact-hub .booking-panel { color: #806938; }
:scope #chat-question { background: #f4f0e9; color: #26221b; border: 1px solid #8c816b; }
:scope #chat-log p { background: #f2eee7; }
:scope #chat-log p[data-role=user] { background: #e2c894; }
:scope .advisor-promise { color: #b6ae9f; }
:scope .self-primary { background: #f7f5f1; color: #353025; }
:scope .starter-packages { border-top: 1px solid #726957; }
:scope #starter-form input, :scope #starter-form select { background: #f1ede5; border: 1px solid #79705d; color: #26221b; }
:scope #starter-results article { border: 1px solid #776e5c; background: rgba(29, 26, 21, 0.187); }
}
/* dark-gallery */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="dark-gallery"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .subpage { --paper: #f6f4ee; --ink: #342f24; --muted: #5f5849; --line: #d6cfc2; background: #f6f4ee; color: #342f24; }
:scope .subpage .header { background: #f6f4ee; border-bottom: 1px solid #d9d3c7; }
:scope .subpage .page-top { background: #f6f4ef; }
:scope .subpage .page-top h1 em, :scope .subpage h2 em { color: #876931; }
:scope .subpage .breadcrumb { color: #5f5849; }
:scope .subpage .page-top .eyebrow { color: #585243; }
:scope .subpage .page-lead, :scope .subpage .source-note { color: #544d40; }
:scope .subpage .button.dark { background: #c9a86b; color: #26221b; }
:scope .subpage .text-link { border-color: #c7bfad; color: #342f24; }
:scope .subpage .child-pages { background: #f6f4ee; }
:scope .subpage .child-pages a { color: #454036; background: #f7f5f0; border-color: #d5cec1; }
:scope .subpage .child-pages a:hover { background: #c9a86b; color: #26221b; }
:scope .subpage .content-block+.content-block { border-top: 1px solid #d9d2c7; }
:scope .subpage .content-copy p { color: #4a453a; }
:scope .subpage .content-links a { color: #786540; border-color: #cec7b7; }
:scope .subpage .content-links a:hover { color: #876931; }
:scope .subpage .gallery-image { background: #f7f5f0; }
:scope .subpage .gallery-image:hover { box-shadow: 0 0 0 1px rgba(201,168,107,0.4); }
:scope .subpage .gallery-image span { background: #c9a86b; color: #171510; }
:scope .subpage .plan-gallery .gallery-image img { background: #f7f6f2; }
:scope .subpage .embed-gate { background: #f7f5f0; border-color: #d4cec1; }
:scope .subpage .embed-symbol { color: #876931; }
:scope .subpage .embed-gate p { color: #595244; }
:scope .subpage .embed-gate iframe { background: #f6f3ee; }
:scope .subpage .external-view { color: #876931; }
:scope .subpage .page-end { background: #f7f5f0; border-bottom: 1px solid #d4cec1; }
:scope .subpage .footer { background: #f6f4ee; }
:scope .subpage .search-label input { background: #f7f5f0; color: #332e24; border-color: #d0c8ba; }
:scope .subpage .search-label input::placeholder { color: #635b4c; }
:scope .subpage .favorites-toggle { color: #7a653d; border-color: #d0c8ba; }
:scope .subpage .favorites-toggle[aria-pressed=true] { background: #c9a86b; color: #26221b; }
:scope .subpage .filter-chips button { color: #484236; border-color: #d4cdbf; }
:scope .subpage .filter-chips button[aria-pressed=true] { background: #c9a86b; color: #26221b; border-color: #ad873f; }
:scope .subpage .filter-chips button:hover { border-color: #6c6453; }
:scope .subpage .project-photo { background: #f7f5f1; }
:scope .subpage .project-open, :scope .subpage .save-project { background: rgba(246, 244, 239, 0.863); color: #332e24; border: 1px solid rgba(29, 26, 21, 0.11); }
:scope .subpage .save-project[aria-pressed=true], :scope .subpage .project-card:hover .project-open { background: #c9a86b; color: #26221b; }
:scope .subpage .project-label h3 { color: #373226; }
:scope .subpage .project-label p { color: #5b5547; }
:scope .subpage .directory-list>a { border-color: #d5cec2; }
:scope .subpage .directory-list>a:hover { background: #f7f5f0; }
:scope .subpage .directory-list>a:hover strong { color: #876931; }
:scope .subpage .directory-list small { color: #615a4b; }
:scope .subpage .directory-list strong { color: #786640; }
:scope .subpage #lightbox .dialog-close, :scope .subpage #lightbox .light-prev, :scope .subpage #lightbox .light-next { background: #f7f5f0; color: #876931; }
:scope .subpage .project-card>a:after { background: linear-gradient(transparent,rgba(245, 242, 236, 0.851) 88%); }
:scope .subpage .project-label h3 { color: #212121; }
:scope .subpage .project-label p { color: #8a6b2e; }
:scope .subpage .project-card>a:focus-visible { outline: 2px solid #ad873f; }
}
/* designed-selects */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="designed-selects"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .designed-select .designed-select-trigger { border: 1px solid #c7bfae; background: #f6f4f0; color: #8a6b2e; }
:scope .designed-select .designed-select-trigger:hover { border-color: #ad873f; background: #f8f6f3; }
:scope .designed-select .designed-select-trigger:focus-visible { outline: 2px solid #ad873f; }
:scope .designed-select .designed-select-trigger[aria-invalid=true] { border-color: #c7704e; }
:scope .quote-form .designed-select-trigger { background: #e2c894; color: #26221b; border-color: #746b59; }
:scope .quote-form .designed-select-trigger:hover, :scope .quote-form .designed-select-trigger[aria-expanded=true] { background: #eee7d7; border-color: #c8bfae; }
:scope .designed-select-menu { border: 1px solid #a19782; background: #f7f5f1; color: #856b32; box-shadow: 0 16px 44px rgba(0, 0, 0, 0.16); }
:scope .designed-select-menu [role=option].is-active { background: #faf9f7; }
:scope .designed-select-menu [aria-selected=true] { color: #8a6b2e; background: #f9f7f5; }
:scope .designed-select-menu.is-light { background: #eae3d3; color: #26221b; border-color: #867c67; }
:scope .designed-select-menu.is-light [aria-selected=true] { background: #c9a86b; color: #26221b; }
:scope .designed-select-menu.is-light [role=option].is-active { background: #e2c894; }
}
/* details */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="details"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .service-row { border-top: 1px solid #d9d3c7; }
:scope .service-row:last-child { border-bottom: 1px solid #d9d3c7; }
:scope .service-row:hover { color: #524b3d; }
:scope .service-number { color: #5e5748; }
:scope .service-row p { color: #5e5748; }
:scope .project-photo { background: #ece6d9; }
:scope .project-open { background: rgba(29, 26, 21, 0.637); }
:scope .project-card:hover .project-open { background: #c9a86b; }
:scope .project-label p { color: #5e5748; }
:scope .save-project { background: rgba(29, 26, 21, 0.645); }
:scope .save-project[aria-pressed=true] { background: #c9a86b; color: #353128; }
:scope .work-note { border-top: 1px solid #d9d3c7; color: #5e5748; }
:scope .work-note a { color: #1a1712; }
:scope .comparison-section { background: #ede7dc; }
:scope .comparison { background: #f6f3ef; }
:scope .comparison:focus-within { outline: 3px solid #c8c0af; }
:scope .compare-handle { background: #fff; }
:scope .compare-handle:after { background: #c9a86b; color: #1a1712; box-shadow: 0 2px 15px rgba(0, 0, 0, 0.107); }
:scope .compare-label { background: rgba(247, 245, 241, 0.702); color: #212121; }
:scope .comparison-caption { color: #5e5748; }
:scope .immersive { background: #f6f3ef; color: #212121; }
:scope .immersive-overlay { background: linear-gradient(90deg,rgba(246, 244, 239, 0.863),rgba(246, 244, 239, 0.2)); }
:scope .immersive h2 em { color: #876931; }
:scope .immersive p:not(.eyebrow) { color: #7a673e; }
:scope .giant-360 { color: rgba(33, 33, 33, 0.2); }
:scope .process-intro { color: #5e5748; }
:scope .process-grid article { border-top: 1px solid #d9d3c7; }
:scope .process-grid article>span { color: #ada492; }
:scope .process-grid p { color: #5e5748; }
:scope .portrait>span { color: #212121; background: rgba(247, 245, 241, 0.702); }
:scope .person span { color: #5e5748; }
:scope .contact { background: #c9a86b; }
:scope .contact .muted { color: #544d3f; }
:scope .quote-form { background: rgba(29, 26, 21, 0.321); }
:scope .quote-form input, :scope .quote-form select, :scope .quote-form textarea { border-bottom: 1px solid #786f5d; color: #1a1712; }
:scope .quote-form input::placeholder, :scope .quote-form textarea::placeholder { color: #afa694; }
:scope .form-note { color: #bcb5a6; }
:scope .quote-result { border-top: 1px solid #786f5d; }
:scope .quote-result>textarea { background: rgba(29, 26, 21, 0.42); }
:scope .page-top { background: #efeae0; }
:scope .page-top h1 em { color: #b4ac9b; }
:scope .breadcrumb { color: #a69c89; }
:scope .page-lead { color: #a69c89; }
:scope .source-note { color: #b4ac9b; }
:scope .child-pages { border-bottom: 1px solid #d9d3c7; }
:scope .child-pages a { border: 1px solid #d9d3c7; }
:scope .child-pages a:hover { background: #c9a86b; border-color: #ad873f; }
:scope .content-block { border-bottom: 1px solid #d9d3c7; }
:scope .gallery-image { background: #eee9de; }
:scope .gallery-image span { background: #f4f1ea; }
:scope .content-links a { border-bottom: 1px solid #807662; }
:scope .content-links a:hover { color: #575041; }
:scope .embed-gate { background: #efeae0; border: 1px solid #d9d3c7; }
:scope .embed-symbol { color: #b9b1a2; }
:scope .embed-gate p { color: #5e5748; }
:scope .embed-gate iframe { background: white; }
:scope .page-end { background: #f6f3ef; color: #212121; border-bottom: 1px solid #d0c9ba; }
:scope .search-label>span { color: #5e5748; }
:scope .search-label input { border: 1px solid #4a4439; color: #1a1712; }
:scope .favorites-toggle { border: 1px solid #4a4439; }
:scope .favorites-toggle[aria-pressed=true] { background: #c9a86b; border-color: #ad873f; }
:scope .filter-chips button { border: 1px solid #d9d3c7; }
:scope .filter-chips button[aria-pressed=true] { background: #f6f3ef; color: #212121; border-color: #e0d9cd; }
:scope .filter-chips button:hover { border-color: #e0d9cd; }
:scope .no-photo { color: #a59b87; }
:scope .directory-list>a { border-top: 1px solid #d9d3c7; }
:scope .directory-list small { color: #5e5748; }
:scope .directory-list>a:hover strong { color: #b5ad9e; }
:scope .hero-controls button { border: 1px solid rgba(29, 26, 21, 0.242); color: #212121; }
:scope .hero-controls button:hover { background: #c9a86b; color: #1a1712; border-color: #ad873f; }
:scope .social-links { color: #494438; }
}
/* gallery-layout */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="gallery-layout"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .gallery-layout-bar>span { color: #876931; }
:scope .gallery-layout-bar button { border: 1px solid #a29883; background: #f7f5f1; color: #8a6b2e; }
:scope .gallery-layout-bar button[aria-pressed=true] { background: #c9a86b; color: #211e17; }
:scope .gallery-layout-bar button:focus-visible { outline: 2px solid #ad873f; }
}
/* home-atmospheres */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="home-atmospheres"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .atmosphere-panel .experience-invitation a { border-bottom: 1px solid #c8bfad; color: #8a6b2e; }
:scope .film-tile:focus-visible { outline: 2px solid #ad873f; }
}
/* home-experience */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="home-experience"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body:not(.subpage) { background: #f6f4ef; color: #342f24; }
:scope body:not(.subpage) .header { background: #f6f4ef; }
:scope .experience-hero { color: #212121; background: #f7f5f1; }
:scope .scene-shade { background: linear-gradient(90deg,rgba(245, 243, 237, 0.722),transparent 90%),linear-gradient(0deg,rgba(245, 243, 237, 0.91),transparent 65%); }
:scope .scene-top { color: #78653f; }
:scope .scene-copy h1 em { color: #8a6b2e; }
:scope .scene-copy .eyebrow { color: #8a6b2e; }
:scope .scene-copy>p:not(.eyebrow) { color: #79653f; }
:scope .scene-copy .button { background: #c9a86b; color: #26221b; }
:scope .peek { border: 1px solid rgba(29, 26, 21, 0.147); background: #f6f4ef; color: #212121; }
:scope .peek-icon { border: 1px solid rgba(29, 26, 21, 0.345); background: rgba(246, 244, 239, 0.376); }
:scope .scene-bottom { border-top: 1px solid rgba(29, 26, 21, 0.173); }
:scope .scene-controls button { background: rgba(247, 245, 241, 0.502); color: #7a663d; border: 1px solid rgba(29, 26, 21, 0.183); }
:scope .scene-controls button:hover { background: #c9a86b; color: #26221b; }
:scope .scene-progress { background: rgba(29, 26, 21, 0.088); }
:scope .scene-progress span { background: #c9a86b; }
:scope .experience-gallery { background: #f6f4ef; }
:scope .experience-heading h2 { color: #363025; }
:scope .experience-heading h2 em { color: #876931; }
:scope .experience-heading .eyebrow { color: #625b4c; }
:scope .experience-intro { color: #564f42; }
:scope .new-selection { border-bottom: 1px solid #9e947f; color: #876931; }
:scope .wire-scene { color: #876931; }
:scope .wire-scene>span { color: #928771; }
:scope .theme-tabs { border-bottom: 1px solid #d0c9ba; }
:scope .theme-tabs button { color: #5b5446; }
:scope .theme-tabs button span { color: #8e836e; }
:scope .theme-tabs button[aria-pressed=true] { color: #8a6b2e; border-color: #ad873f; }
:scope .experience-tile { background: #f8f6f2; }
:scope .experience-tile:after { background: linear-gradient(transparent,rgba(245, 243, 237, 0.792)); }
:scope .experience-tile>span { color: #212121; }
:scope .experience-tile small { color: #8a6b2e; }
:scope .experience-invitation { border: 1px solid #d0c9ba; background: linear-gradient(120deg,#f7f6f2,#f6f4ef); }
:scope .experience-invitation p { color: #79653f; }
:scope .experience-invitation em { color: #876931; }
:scope .experience-invitation button { border-bottom: 1px solid #c8bfad; color: #8a6b2e; }
:scope .experience-foot { color: #5a5446; }
:scope .experience-foot a { color: #8a6b2e; border-color: #c8bead; }
:scope body:not(.subpage) .intro, :scope body:not(.subpage) .services, :scope body:not(.subpage) .work, :scope body:not(.subpage) .process, :scope body:not(.subpage) .about { background: #f5f2eb; color: #26221b; }
:scope body:not(.subpage) .comparison-section { color: #26221b; }
:scope body:not(.subpage) .contact { color: #26221b; }
:scope #experience-dialog { background: #f6f4ef; color: #363126; border: 1px solid #c7bead; }
:scope .experience-close { border: 1px solid #c8bead; color: #8a6b2e; }
:scope #experience-player iframe { background: #f7f5f1; }
:scope #experience-external { color: #876931; }
:scope body:not(.subpage) .photo-albums .text-link { color: #8a6b2e; border-color: #c8bfae; }
:scope body:not(.subpage) .discipline-strip { color: #26221b; }
}
/* home-selling */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="home-selling"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .seller-heading h2 em, :scope .seller-development h2 em { color: #876931; }
:scope .seller-heading>p { color: #544e41; }
:scope .seller-section .eyebrow, :scope .seller-formats .eyebrow, :scope .seller-development .eyebrow { color: #876931; }
:scope .situation-card { border: 1px solid rgba(29, 26, 21, 0.082); background: #f7f5f1; color: #342f24; }
:scope .situation-copy small { color: #876931; }
:scope .situation-copy>span { color: #544e41; }
:scope .situation-copy b { color: #8a6b2e; }
:scope .situation-card[aria-pressed=true] { border-color: #ad873f; background: #f8f7f4; }
:scope .situation-card:hover { border-color: #ad873f; }
:scope .situation-card:focus-visible, :scope .case-tabs button:focus-visible, :scope .format-tabs button:focus-visible { outline: 2px solid #ad873f; }
:scope .situation-result p { color: #544e41; }
:scope .situation-result li { border: 1px solid rgba(29, 26, 21, 0.104); }
:scope .situation-start strong { color: #342f24; }
:scope .seller-actions .text-link { color: #8a6b2e; }
:scope .seller-comparison { background: #ece6d9; color: #26221b; }
:scope .seller-comparison .seller-heading>p { color: #b0a897; }
:scope .seller-comparison h2 em { color: #aaa18e; }
:scope .case-tabs button, :scope .format-tabs button { border: 1px solid #928771; }
:scope .case-tabs button[aria-pressed=true] { background: #f7f5f1; color: #312c22; border-color: #dcd5c9; }
:scope .case-description>p { color: #b0a897; }
:scope .case-description .text-link { color: #26221b; }
:scope .case-description .visualization-note { border-top: 1px solid #4a4439; }
:scope .format-tabs button { border-color: #cac1b1; }
:scope .format-tabs button[aria-pressed=true] { background: #c9a86b; color: #26221b; }
:scope .format-viewer { background: #f7f5f1; }
:scope .format-viewer[data-format=plan] { background: #ece6d9; }
:scope .format-caption p { color: #544e41; }
:scope .format-caption a { color: #8a6b2e; }
:scope .seller-development { background: #f8f6f1; }
:scope .seller-development p:not(.eyebrow) { color: #544e41; }
:scope .seller-development .text-link { color: #8a6b2e; }
:scope .development-items span { border-top: 1px solid #c9c1b1; }
:scope .client-spectrum { background: #f7f5f1; color: #342f24; border-bottom: 1px solid rgba(173, 135, 63, 0.169); }
:scope .client-heading .eyebrow { color: #876931; }
:scope .client-heading h2 em { color: #876931; }
:scope .client-heading>p { color: #4d483c; }
:scope .client-scale article { border-top: 1px solid rgba(173, 135, 63, 0.361); }
:scope .client-symbol { color: #876931; }
:scope .client-scale small { color: #876931; }
:scope .client-scale article>p { color: #4d483c; }
:scope .client-promise { border-top: 1px solid rgba(173, 135, 63, 0.169); }
:scope .client-promise p { color: #4d483c; }
:scope .client-promise strong { color: #342f24; }
:scope .client-promise a { color: #8a6b2e; }
:scope .service-illustration { color: #9f947f; }
:scope body:not(.subpage) .configurator-service h3 small { border: 1px solid #847a65; color: #b0a897; }
:scope .director-feature:before { background: radial-gradient(ellipse at 50% 48%,rgba(201,168,107,0.141),transparent 66%); }
:scope .director-caption { background: linear-gradient(transparent,rgba(248, 246, 241, 0.922) 35%,#f8f6f1 90%); }
:scope .director-caption>span { color: #876931; }
:scope .director-caption a { color: #8a6b2e; border-bottom: 1px solid #9d937e; }
:scope body:not(.subpage) .services .spatial-service { border-bottom: 1px solid #d9d3c7; }
:scope body:not(.subpage) .services .spatial-service h3 small { color: #a69d8a; }
:scope .seller-development.connected-development { background: #f8f6f1; }
:scope .solutions-brace { stroke: #876931; }
:scope .connected-development .development-intro { color: #544e41; }
:scope .development-channels:before { background: linear-gradient(#c9a86b,transparent); }
:scope .development-channel { border-top: 1px solid rgba(173, 135, 63, 0.349); }
:scope .channel-medium { color: #876931; }
:scope .development-channel svg { color: #876931; }
:scope .seller-development .development-channel p { color: #544e41; }
:scope .channel-link { color: #8a6b2e; border-bottom: 1px solid #9d937e; }
:scope .development-channel:hover svg { color: #8a6b2e; }
@media(max-width:650px) { :scope .connected-development .director-caption { background: linear-gradient(transparent,rgba(248, 246, 241, 0.922) 35%,#f8f6f1 90%); } }
}
/* image-tags-admin */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="image-tags-admin"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .tag-admin-grid label { border: 2px solid #d3ccbf; }
:scope .tag-admin-grid label:has(input:checked) { border-color: #ad873f; background: #f9f8f5; }
:scope .tag-admin-grid input { accent-color: #876931; }
:scope .tag-admin-grid small { color: #876931; }
:scope .tag-assign-panel { border-block: 1px solid #cec6b8; }
:scope .assign-tags label { border: 1px solid #cec5b6; }
:scope .assign-tags label:has(input:checked) { background: #c9a86b; color: #201d17; }
:scope .assign-tags input { accent-color: #afa695; }
:scope .tag-management>div { border: 1px solid #d3ccbd; }
:scope .tag-admin-grid label:focus-within { outline: 2px solid #d3ab5c; }
:scope .tag-sidebar { background: #f7f5f1; border: 1px solid #ccc4b5; }
:scope .tag-sidebar small { color: #876931; }
:scope .tag-project-upload { border: 1px dashed #ad873f; }
:scope .tag-project-upload.dragging { background: #fcfbf9; }
:scope .tag-project-upload input::file-selector-button { background: #c9a86b; color: #201d17; }
:scope .tag-sidebar>.portal-row { border-bottom: 1px solid #ccc4b5; }
:scope .tag-admin-grid .tag-media-badge { background: rgba(246, 244, 239, 0.933); color: #8a6b2e; border: 1px solid #ad873f; }
}
/* inline-editor */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="inline-editor"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .cms-toolbar { background: #f7f5f1; color: #886b30; border: 1px solid #ad873f; }
:scope .cms-toolbar button, :scope .cms-toolbar a, :scope .cms-dialog button { background: #f9f8f6; border: 1px solid #7e7461; }
:scope .cms-editing [data-cms-key] { outline: 1px dashed #ad873f; }
:scope .cms-dialog { background: #f7f5f1; color: #886b30; border: 1px solid #ad873f; }
:scope .cms-dialog::backdrop { background: rgba(240, 239, 236, 0.6); }
:scope .cms-dialog input:not([type=radio]):not([type=checkbox]) { background: #f6f4ee; border: 1px solid #ad873f; }
:scope .cms-dialog input::file-selector-button { background: #c9a86b; }
:scope .cms-dialog fieldset { border: 1px solid #9f9580; }
:scope .cms-image-link { background: #f8f6f2; color: #8a6b2e !important; }
:scope .cms-project-gallery span { background: rgba(247, 246, 242, 0.867); color: #212121; }
:scope .cms-gallery-controls button, :scope .cms-gallery-controls label { background: #f9f8f5; color: #8a6b2e; border: 1px solid #ad873f; }
}
/* kapcsolat-v14 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="kapcsolat-v14"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body.contact-v14 { --k-gold: #876931; --k-gold2: #876931; --k-gold3: #8a6d2e; --k-surf: #f6f4f0; --k-line: #d9d3c7; --k-line2: #d2cbbd; --k-tx: #373126; --k-mut: #575043; }
:scope body.contact-v14 .ct-hero { background: radial-gradient(ellipse at 75% 85%, #f9f8f5 0%, transparent 60%), #f6f3ee; }
:scope body.contact-v14 .ct-btn { color: #1a1712; }
:scope body.contact-v14 .ct-btn:hover { color: #1a1712; }
:scope body.contact-v14 .ct-btn-o { background: rgba(246, 243, 238, 0.4); border: 1px solid rgba(29, 26, 21, 0.22); }
:scope body.contact-v14 .ct-tag { background: rgba(246, 243, 238, 0.92); }
:scope body.contact-v14 .ct-prof-fig span { background: rgba(246, 243, 238, 0.92); }
:scope body.contact-v14 .hub-paths a { background: #f6f4f0; border: 1px solid #d6d0c2; }
:scope body.contact-v14 .hub-paths a::after { background: linear-gradient(180deg, transparent, #f6f4f0); }
:scope body.contact-v14 .hub-paths a[data-hub="tanacsado"]::before { background: radial-gradient(ellipse at 50% 70%, #f9f8f5 0%, #f6f4f0 75%); }
:scope body.contact-v14 .hub-paths a[data-hub="egyeztetes"]::before { background-color: #f7f6f2; }
:scope body.contact-v14 .hub-paths a[data-hub="onkiszolgalo"] > svg, :scope body.contact-v14 .hub-paths a[data-hub="egyeztetes"] > svg { background: rgba(246, 243, 238, 0.75); }
:scope body.contact-v14 .hub-panel { border-color: #d6d0c2; }
:scope body.contact-v14 .hub-panel button[type="submit"], :scope body.contact-v14 #quick-price-form button[type="submit"] { color: #1a1712; }
}
/* media-cards */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="media-cards"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .mc-card { background: #f7f5f1; }
:scope .mc-card .mc-badge { border: 1px solid rgba(173, 135, 63, 0.6) !important; background: rgba(246, 243, 239, 0.929) !important; color: #352f25 !important; box-shadow: 0 3px 16px rgba(0, 0, 0, 0.187); }
:scope .mc-card .mc-badge:hover { background: #fbfaf8 !important; }
:scope .mc-card button:focus-visible, :scope .mc-card input:focus-visible { outline: 3px solid #ffe074; }
:scope .mc-editing { outline: 2px dashed #ad873f; }
:scope .mc-card .mc-divider { background: #fff !important; }
:scope .mc-card .mc-divider:after { background: #e2c894; color: #26221b; }
:scope .mc-card .mc-before-label, :scope .mc-card .mc-after-label { background: rgba(246, 243, 239, 0.867) !important; color: #212121; }
:scope .mc-gallery-nav button { background: rgba(246, 243, 239, 0.91); color: #363026; border: 1px solid #ad873f; }
:scope .mc-card .mc-thumbs { background: rgba(246, 244, 238, 0.867) !important; }
:scope .mc-thumbs button[aria-pressed=true] { border-color: #d3ab5c; }
:scope .mc-player { background: #f6f3ee; color: #8a6b2e; }
:scope .mc-player iframe, :scope .mc-player video { background: #f6f3ee; }
:scope .mc-hint, :scope .mc-external { color: #8a6b2e; }
:scope .mc-inline-close, :scope .mc-modal-close { border: 1px solid #ad873f; background: rgba(246, 244, 239, 0.929); color: #212121; }
:scope .mc-lightbox { border: 1px solid #ad873f; background: #f6f4ee; color: #8a6b2e; }
:scope .mc-lightbox::backdrop, :scope .mc-editor::backdrop, :scope .mc-picker::backdrop { background: rgba(240, 239, 236, 0.733); }
:scope .mc-editor, :scope .mc-picker { background: #f7f5f1; color: #8a6b2e; border: 1px solid #ad873f; }
:scope .mc-editor input:not([type=radio]):not([type=checkbox]), :scope .mc-editor textarea, :scope .mc-picker input { border: 1px solid #968b76; background: #f6f4ee; color: #8a6c2e; }
:scope .mc-editor button, :scope .mc-picker button { background: #f9f8f5; color: #8a6b2e; border: 1px solid #ad873f; }
:scope .mc-editor input::file-selector-button { background: #c9a86b; color: #26221b; }
:scope .mc-editor fieldset { border: 1px solid #c8c0af; }
:scope .mce-options label { border: 1px solid #c8bead; }
:scope .mce-options label:has(:checked) { background: #c9a86b; color: #26221b; }
:scope .mc-editor input[type=radio], :scope .mc-editor input[type=checkbox] { accent-color: #876931; }
:scope .mc-editor small, :scope .mce-help { color: #876931; }
:scope .mc-editor details { border: 1px solid #a19782; }
:scope .mc-editor footer { background: #f7f5f1; border-top: 1px solid #c8bfad; }
:scope .mc-editor button[type=submit] { background: #c9a86b; color: #201d16; }
:scope .mc-picker-grid button[aria-pressed=true] { outline: 3px solid #ad873f; }
:scope .mc-editor [role=status], :scope .mc-picker [role=status] { color: #876931; }
:scope .mc-lightbox>.mc-card { background: #f6f3ee; }
:scope .mc-card .mc-indicator { color: #212121 !important; }
:scope .mc-card[role=button]:focus-visible { outline: 3px solid #d3ab5c; }
:scope .mc-editor .mce-intro { color: #876931; }
:scope .mc-editor .mce-cover-preview { background: #f6f4ef; }
:scope .mc-editor .mce-options label:has(:focus-visible) { outline: 2px solid #d3ab5c; }
:scope .mc-editor .mce-slides { border-top: 1px solid #c8c0af; }
:scope .mc-editor .mce-selected strong { color: #8a6b2e; }
:scope .mc-editor .mce-live-preview { background: #f6f4ee; }
:scope .mce-live-preview>small { color: #876931; }
:scope .mc-editor .mce-tabs { border-bottom: 1px solid #c8c0af; }
:scope .mc-card .mc-indicator { color: #876931 !important; }
:scope .mc-editor .mce-page-results { border: 1px solid #a29883; background: #f6f3ef; }
:scope .mc-editor .mce-page-results>button:hover, :scope .mc-editor .mce-page-results>button[aria-selected=true] { background: #fbfaf8; }
:scope .mc-editor .mce-page-results strong { color: #8a6b2e; }
@media(hover:hover) { :scope .mc-card:hover>.mc-indicator { color: #8a6b2e !important; } }
:scope .mc-card:focus-visible>.mc-indicator { color: #8a6b2e !important; }
}
/* media-effects */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="media-effects"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .me-nav button { background: rgba(247, 246, 242, 0.8); color: #212121; border: 1px solid rgba(208, 194, 163, 0.533); }
:scope .me-panels .me-item { background: #f6f4ef; }
:scope .me-point { border: 1px solid #000000; background: rgba(247, 245, 241, 0.867); color: #212121; }
:scope .me-point-info { background: rgba(247, 245, 241, 0.961) !important; color: #212121; }
:scope .me-lens { border: 2px solid #000000; }
:scope .mc-card .me-track .me-item img { background: #f6f4ee; }
:scope .mc-editor .mce-reveal-control { color: #876931; }
:scope .mc-editor .mce-reveal-control input { accent-color: #876931; }
:scope .mc-card.me-snap .me-track>.me-item { background: #f6f4ee; }
:scope .mc-card .me-nav>button { border: 1px solid rgba(173, 135, 63, 0.502) !important; background: rgba(247, 245, 240, 0.722) !important; color: #876931 !important; }
:scope .mc-card.me-snap .me-dots>button:before { background: #c9a86b; box-shadow: 0 0 2px rgba(24, 22, 17, 0.4); }
:scope .mc-card.me-snap .me-dots>button:focus-visible { outline: 1px solid #ad873f; }
:scope .me-cursor-list { background: #f8f6f1; }
:scope .me-cursor-row { border-bottom: 1px solid rgba(173, 135, 63, 0.184); color: #8a6b2e; }
:scope .me-cursor-row[aria-pressed=true] { background: rgba(201,168,107,0.078); }
:scope .mc-card>img.me-cursor-float { border: 1px solid rgba(173, 135, 63, 0.314); }
:scope .me-marquee-viewport { background: #f7f4f0; }
:scope .me-belt-tile>figcaption { color: #8a6b2e; background: linear-gradient(transparent,rgba(240, 239, 236, 0.733)); }
:scope .me-marquee-pause { background: rgba(248, 246, 241, 0.867); color: #876931; border: 1px solid rgba(173, 135, 63, 0.314); }
}
/* mediatar-admin */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="mediatar-admin"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .mt-page { --mt-bg: #f6f3ee; --mt-surf: #f6f4f0; --mt-surf2: #f7f5f1; --mt-line: #d6cfc3; --mt-gold: #876931; --mt-gold2: #876931; --mt-fg: #342f24; --mt-mut: #645c4d; }
:scope .mt-pagebtn[aria-current=true] { background: #f7f6f2; }
:scope .mt-item { background: #f5f2ed; }
:scope .mt-item img { background: #f4f2ec; }
:scope .mt-item.is-sel { box-shadow: 0 0 0 2px rgba(201,168,107,.25); }
:scope .mt-item.is-over-drop, :scope .mt-drop.is-over-drop, :scope .mt-pitem.is-over-drop { background: #f7f6f2; }
:scope .mt-n { background: rgba(246, 243, 238, 0.82); }
:scope .mt-play { color: #212121; }
:scope .mt-len { background: rgba(246, 243, 238, 0.82); }
:scope .mt-mini { background: rgba(246, 243, 238, 0.86); }
:scope .mt-drop { border: 1px dashed #cbc3b2; }
:scope .mt-savebar { background: #f7f6f2; box-shadow: 0 10px 40px rgba(0, 0, 0, 0.24); }
:scope .mt-savebar .primary, :scope .mt-tagnew .primary { color: #161410; }
:scope .mt-picker::backdrop { background: rgba(244, 241, 235, 0.72); }
:scope .mt-pick { background: #f4f2ec; }
:scope .mt-pick b { color: #161410; }
:scope .mt-picker footer .primary { color: #161410; }
:scope .mt-proj.is-cur { background: #f7f6f2; }
:scope .mt-proj img, :scope .mt-proj > i { background: #f4f2ec; }
:scope .mt-star { color: #aaa18f; }
:scope .mt-star.big[aria-pressed=true] { color: #161410; }
:scope .mt-tagbar { background: #f7f6f2; }
:scope .mt-tag.is-on { color: #161410 !important; }
:scope .mt-pitem { background: #f5f2ed; }
:scope .mt-pitem figcaption span { border: 1px solid #d3ccbd; }
:scope .mt-badge { background: rgba(246, 243, 238, 0.85); }
}
/* mobile-menu */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="mobile-menu"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
@media (max-width: 1080px) { :scope header .mm-toggle { border: 1px solid #d2cbbd; color: #876931; } }
@media (max-width: 1080px) { :scope header .mm-toggle:hover { border-color: #ad873f; } }
@media (max-width: 1080px) { :scope .mm-shade { background: rgba(244, 241, 236, 0.7); } }
@media (max-width: 1080px) { :scope .mm-drawer { background: #f6f4ef; border-right: 1px solid #ad873f; box-shadow: 24px 0 60px rgba(0, 0, 0, 0.24); } }
@media (max-width: 1080px) { :scope .mm-head { border-bottom: 1px solid #d9d3c7; } }
@media (max-width: 1080px) { :scope .mm-head .brand { color: #373126; } }
@media (max-width: 1080px) { :scope .mm-head .brand svg { color: #876931; } }
@media (max-width: 1080px) { :scope .mm-head .brand b, :scope .mm-head .brand .vs-word { color: #373126; } }
@media (max-width: 1080px) { :scope .mm-head .brand small { color: #645c4d; } }
@media (max-width: 1080px) { :scope .mm-close { border: 1px solid #d2cbbd; color: #876931; } }
@media (max-width: 1080px) { :scope .mm-links a { border-bottom: 1px solid #d9d3c7; color: #373126; } }
@media (max-width: 1080px) { :scope .mm-links a::after { color: #aca392; } }
@media (max-width: 1080px) { :scope .mm-links a:hover, :scope .mm-links a:focus-visible { color: #876931; } }
@media (max-width: 1080px) { :scope .mm-links a[aria-current="page"] { color: #876931; } }
@media (max-width: 1080px) { :scope .mm-links a[aria-current="page"]::after { background: #c9a86b; } }
@media (max-width: 1080px) { :scope .mm-cta { background: #c9a86b; color: #1a1712; } }
@media (max-width: 1080px) { :scope .mm-call { border: 1px solid rgba(29, 26, 21, 0.22); color: #373126; } }
:scope header nav a[aria-current="page"] { color: #876931 !important; }
:scope header nav a[aria-current="page"]::after { background: linear-gradient(90deg, transparent, rgba(201,168,107,.75), transparent); }
:scope header nav a[aria-current="location"] { color: #876931 !important; }
:scope header nav a[aria-current="location"]::after { background: linear-gradient(90deg, transparent, rgba(201,168,107,.75), transparent); }
:scope header nav .nav-contact { border-left: 1px solid rgba(173, 135, 63, 0.35); }
:scope header nav .nav-contact a { color: #575043 !important; }
:scope header nav .nav-contact a:hover { color: #876931 !important; }
@media (max-width: 1080px) { :scope .mm-mail { color: #575043; } }
:scope .foot-slogan { color: #876931; }
@media (min-width: 1800px) { :scope header .brand-slogan { border-left: 1px solid rgba(173, 135, 63, 0.28); color: #948973; } }
@media (min-width: 1081px) { :scope header.top, :scope header.header, :scope header.vs-top { background: rgba(246, 243, 238, 0.94) !important; border-bottom: 1px solid #d9d3c7 !important; } }
:scope header.top nav > a, :scope header.header nav > a, :scope header.vs-top nav > a { color: #8a6b2e; }
:scope header.top nav > a:hover, :scope header.header nav > a:hover, :scope header.vs-top nav > a:hover, :scope header nav > a:focus-visible { color: #8a6d2e !important; }
:scope header nav > a[aria-current]:hover { color: #8a6d2e !important; }
}
/* onboard */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="onboard"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope dialog.onb { border: 1px solid #d2cbbd; background: #f6f4ef; color: #373126; }
:scope dialog.onb::backdrop { background: rgba(244, 241, 236, 0.86); }
:scope dialog.onb .onb-label { color: #876931; }
:scope dialog.onb .onb-head h2 em { color: #876931; }
:scope dialog.onb .onb-head p { color: #645c4d; }
:scope dialog.onb .onb-step { border-top: 1px solid #d9d3c7; }
:scope dialog.onb .onb-num { color: #876931; }
:scope dialog.onb .onb-hint { color: #645c4d; }
:scope dialog.onb .onb-step-btn { border: 1px solid #d2cbbd; color: #876931; }
:scope dialog.onb .onb-step-btn:hover { border-color: #ad873f; }
:scope dialog.onb .onb-area-in { border: 1px solid #ad873f; background: #f6f3ee; }
:scope dialog.onb .onb-area-in input { color: #8a6d2e; }
:scope dialog.onb .onb-area-in input::placeholder { color: #484237; }
:scope dialog.onb .onb-area-in span { color: #645c4d; }
:scope dialog.onb .onb-presets button { border: 1px solid #d2cbbd; color: #8a6b2e; }
:scope dialog.onb .onb-presets button:hover, :scope dialog.onb .onb-presets button.on { border-color: #ad873f; color: #1a1712; background: #c9a86b; }
:scope dialog.onb .onb-card { border: 1px solid #d2cbbd; background: #f6f3ee; color: #373126; }
:scope dialog.onb .onb-card::after { background: linear-gradient(0deg, rgba(246, 243, 238, 0.9) 0%, rgba(21,19,15,0) 55%); }
:scope dialog.onb .onb-card .onb-cap small { color: #8a6b2e; }
:scope dialog.onb .onb-card .onb-tick { border: 1px solid rgba(29, 26, 21, 0.33); background: rgba(246, 243, 238, 0.5); }
:scope dialog.onb .onb-card[aria-pressed="true"] { border: 2px solid #ad873f; }
:scope dialog.onb .onb-card[aria-pressed="true"] .onb-tick { background: #c9a86b; border-color: #ad873f; color: #1a1712; }
:scope dialog.onb .onb-src { border: 1px solid #d2cbbd; background: #f6f3ee; color: #373126; }
:scope dialog.onb .onb-src > svg { color: #876931; }
:scope dialog.onb .onb-src small { color: #645c4d; }
:scope dialog.onb .onb-src i { border: 1px solid #d2cbbd; }
:scope dialog.onb .onb-src:hover { border-color: #ad873f; }
:scope dialog.onb .onb-src[aria-pressed="true"] { border: 2px solid #ad873f; background: #f7f5f1; }
:scope dialog.onb .onb-src[aria-pressed="true"] i { background: #c9a86b; border-color: #ad873f; color: #1a1712; }
:scope dialog.onb .onb-foot { background: #f7f5f1; border-top: 1px solid #ad873f; }
:scope dialog.onb .onb-sum { color: #645c4d; }
:scope dialog.onb .onb-sum b { color: #373126; }
:scope dialog.onb .onb-go { background: #c9a86b; color: #1a1712; }
:scope dialog.onb .onb-go:hover:not(:disabled) { background: #c9a86b; }
:scope dialog.onb .onb-row { border-top: 1px solid #d9d3c7; }
:scope dialog.onb .onb-row > .onb-step + .onb-step { border-left: 1px solid #d9d3c7; }
:scope dialog.onb .onb-ico { color: #876931; }
@media (max-width: 680px) { :scope dialog.onb .onb-row > .onb-step + .onb-step { border-top: 1px solid #d9d3c7; } }
:scope dialog.onb .onb-pack img { border: 1px solid #ad873f; }
:scope dialog.onb .onb-pack p { color: #645c4d; }
:scope dialog.onb .onb-x { border: 1px solid #d2cbbd; color: #876931; }
:scope dialog.onb .onb-x:hover { border-color: #ad873f; color: #8a6d2e; }
:scope dialog.onb .onb-city { border: 1px solid #ad873f; background: #f6f3ee; }
:scope dialog.onb .onb-city svg { color: #876931; }
:scope dialog.onb .onb-city input { color: #8a6d2e; }
:scope dialog.onb .onb-city input::placeholder { color: #aca392; }
:scope dialog.onb .onb-city-note { color: #645c4d; }
:scope dialog.onb .onb-ghost b { color: #a19782; }
:scope .vs-addr-list { border: 1px solid #ad873f; background: #f6f4ef; box-shadow: 0 16px 36px rgba(0, 0, 0, 0.24); }
:scope .vs-addr-list button { border-bottom: 1px solid #d9d3c7; color: #373126; }
:scope .vs-addr-list button small { color: #5b5446; }
:scope .vs-addr-list button:hover, :scope .vs-addr-list button.on { background: #f7f6f2; }
:scope .vs-addr-list .vs-addr-g { color: #8f846e; }
}
/* portal */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="portal"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body.portal-page { background: #f6f3ee; color: #322c23; }
:scope button, :scope .portal-button { border: 1px solid #d9d3c7; background: #f8f7f3; color: #322c23; }
:scope button:hover, :scope .portal-button:hover { border-color: #ad873f; background: #faf8f6; }
:scope .primary { background: #c9a86b; color: #1a1712; }
:scope .primary:hover { background: #e2c894; color: #1a1712; }
:scope button:focus-visible, :scope a:focus-visible, :scope input:focus-visible, :scope textarea:focus-visible, :scope select:focus-visible { outline: 2px solid #ad873f; }
:scope .portal-header { border-bottom: 1px solid #d9d3c7; }
:scope .eyebrow { color: #876931; }
:scope em { color: #876931; }
:scope .portal-heading>p, :scope small, :scope .muted { color: #5e5748; }
:scope #portal-status:not(:empty) { background: #f9f8f5; border-left: 3px solid #ad873f; }
:scope #portal-tabs [aria-current=true] { color: #171511; background: #c9a86b; }
:scope .portal-panel { background: #f7f5f1; border: 1px solid #d9d3c7; }
:scope label { color: #4b453a; }
:scope input, :scope textarea, :scope select { color: #322c23; border: 1px solid #cec6b6; background: #f6f3ef; }
:scope input[type=checkbox] { accent-color: #876931; }
:scope .tag { color: #876931; border: 1px solid #d9d3c7; }
:scope .portal-list article { border: 1px solid #d9d3c7; }
:scope .quote-lines td { border-bottom: 1px solid #d9d3c7; }
:scope .upload-zone { border: 1px dashed #ad873f; }
:scope .upload-zone.dragging { background: #faf9f7; }
:scope .upload-zone input::file-selector-button { background: #c9a86b; color: #171511; }
:scope .offer-card { background: #f7f5f1; border: 1px solid #d9d3c7; }
:scope .offer-card>div { background: linear-gradient(transparent,rgba(246, 243, 238, 0.925)); }
:scope .offer-total { background: #f7f5f1; }
:scope .offer-total>strong { color: #876931; }
:scope .connection-status span { background: #f7f5f1; border: 1px solid #d9d3c7; }
:scope .saved-project-bar { border: 1px solid #ccc4b3; background: #f7f6f2; }
:scope .saved-project-bar button, :scope .saved-project-bar a { border: 1px solid #ccc4b3; background: #c9a86b; color: #1a1712; }
:scope .saved-project-bar .quiet { color: #876931; }
:scope .project-stages li { border: 1px solid #ccc4b3; color: #595344; }
:scope .project-stages .current { background: #c9a86b; color: #1a1712; border-color: #ad873f; }
}
/* portfolio */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="portfolio"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .portfolio-switch button, :scope .portfolio-share, :scope .portfolio-match button, :scope .portfolio-result-bar button, :scope .portfolio-tags button { border: 1px solid #cfc8b9; color: #8a6b2e; }
:scope .portfolio-switch button[aria-pressed=true], :scope .portfolio-tags button[aria-pressed=true], :scope .portfolio-match button[aria-pressed=true], :scope #portfolio-favorites[aria-pressed=true] { background: #c9a86b; color: #26221b; border-color: #ad873f; }
:scope .portfolio-tag-panel { border-block: 1px solid #d6d0c3; }
:scope .portfolio-tags button:hover { border-color: #ad873f; }
:scope .portfolio-tag-panel p { color: #635b4c; }
:scope .portfolio-result-bar p, :scope #portfolio-status { color: #876931; }
:scope .portfolio-image { background: #f7f5f1; }
:scope .portfolio-image>button { color: #212121; }
:scope .portfolio-image-caption { background: linear-gradient(transparent,rgba(240, 239, 236, 0.867)); }
:scope .portfolio-image-caption small { color: #8a6b2e; }
:scope .portfolio-image-caption>span { color: #876931; }
:scope .portfolio-image>a { color: #8a6b2e; }
:scope #portfolio-lightbox { background: #f6f4ee; color: #373226; border: 1px solid #c8bfad; }
:scope #portfolio-lightbox::backdrop { background: rgba(240, 239, 236, 0.867); }
:scope #portfolio-close { color: #8a6b2e; }
:scope .portfolio-lightbox-info button { border: 1px solid #c8bfae; color: #8a6b2e; }
:scope #portfolio-project-links { color: #8a6b2e; }
:scope #portfolio-browser button:focus-visible { outline: 2px solid #d3ab5c; }
}
/* pricing-admin */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="pricing-admin"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .pricing-admin p { color: #565043; }
:scope .pricing-admin input { background: #f7f5f0; border: 1px solid #c7bead; color: #846834; }
:scope #admin-status { color: #8a6b2e; }
@media(max-width:450px) { :scope .admin-schedule { border: 1px solid #c7bead; } }
:scope .admin-onsite { border: 1px solid #ad873f; background: rgba(201,168,107,.06); }
:scope .admin-onsite legend { color: #876931; }
:scope .admin-onsite > p { color: #575043; }
:scope .admin-rate-name { color: #342f24; }
:scope .admin-rate-row label { color: #575043; }
:scope .admin-group-min { color: #876931; }
:scope .price-test { background: #f7f5f0; border: 1px solid #ad873f; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.18); }
:scope .price-test h3 { color: #876931; }
:scope .price-test .pt-head small { color: #575043; }
:scope .price-test label { color: #575043; }
:scope .price-test .pt-area span { color: #342f24; }
:scope .price-test input[type=range] { accent-color: #876931; }
:scope .price-test .pt-sum { background: #f7f6f2; border: 1px solid #d2cbbd; }
:scope .price-test .pt-sum span { color: #575043; }
:scope .price-test .pt-sum strong { color: #876931; }
:scope .price-test .pt-sum small { color: #575043; }
:scope .price-test .pt-sum small.is-err { color: #8a462e; }
:scope .price-test #pt-extra { color: #575043; }
:scope .price-test #pt-extra b { color: #342f24; }
:scope .pt-check { accent-color: #876931; }
:scope .pt-row .pt-qty { color: #575043; }
:scope .pt-unit { color: #575043; }
:scope .pt-row output { color: #342f24; }
:scope .pt-row output.is-min { color: #876931; }
:scope .admin-rate.pt-on { outline: 1px solid #ad873f; }
:scope .admin-rate.pt-on .pt-row output { color: #876931; }
}
/* project-account */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="project-account"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .saved-project-bar { border: 1px solid #ccc4b3; background: #f7f6f2; }
:scope .saved-project-bar button, :scope .saved-project-bar a { border: 1px solid #ccc4b3; background: #c9a86b; color: #1a1712; }
:scope .saved-project-bar .quiet { color: #876931; }
:scope .calculator-page .saved-project-bar>small { color: #876931; }
@media(min-width:651px) and (max-width:1000px) { :scope .calculator-page .header nav { background: #f6f3ef; } }
:scope .calc-assistance { color: #876931; }
:scope .calc-assistance a { border-bottom: 1px solid #c7bfad; color: #8a6b2e; }
:scope .calc-assistance a:hover { color: #212121; }
:scope .starter-import { border: 1px solid #ad873f; background: #f8f7f4; }
:scope .starter-import p { color: #8a6b2e; }
:scope .starter-import button { background: #c9a86b; color: #26221b; border: 1px solid #887e69; }
:scope .calculator-page #project-basket .saved-project-bar { border-bottom: 1px solid #ccc4b3; }
:scope .basket-help nav { background: #f8f6f1; border: 1px solid #958a75; box-shadow: 0 8px 30px rgba(0, 0, 0, 0.213); }
:scope .basket-help nav a { color: #8a6b2e; }
:scope .basket-help nav a:hover { background: rgba(29, 26, 21, 0.049); }
}
/* project-collage */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="project-collage"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .pc-heading>a { color: #876931; }
:scope .project-collage>.pc-card { background: #f7f5f2; }
:scope .pc-image>a { color: #322e23; }
:scope .pc-image figcaption { background: linear-gradient(transparent,rgba(245, 242, 238, 0.902)); }
:scope .pc-type { color: #876931; }
:scope .pc-text { --pc-color: #322e26; color: #7b683c; }
:scope .pc-text[data-texture=linen] { background-image: repeating-linear-gradient(0deg,rgba(29, 26, 21, 0.011) 0 1px,transparent 1px 4px),repeating-linear-gradient(90deg,rgba(240, 239, 236, 0.043) 0 1px,transparent 1px 4px); }
:scope .pc-text[data-texture=denim] { background-image: repeating-linear-gradient(125deg,rgba(29, 26, 21, 0.016) 0 1px,transparent 1px 4px),repeating-linear-gradient(35deg,rgba(240, 239, 236, 0.063) 0 1px,transparent 1px 5px); }
:scope .pc-text[data-texture=stitch]:after { border: 1px dashed rgba(173, 135, 63, 0.18); }
:scope .pc-card-tools button, :scope .pc-editor button { background: #f8f6f2; color: #8a6b2e; border: 1px solid #948974; }
:scope .pc-editor { background: #f7f5f1; color: #322e23; border: 1px solid #ad873f; }
:scope .pc-editor::backdrop { background: rgba(240, 239, 236, 0.733); }
:scope .pc-editor input, :scope .pc-editor textarea, :scope .pc-editor select { background: #f6f3ef; color: #322e23; border: 1px solid #9f947f; }
:scope .pc-copy-icon { color: #876931; }
:scope .pc-layout-picker select { background: #f7f5f1; color: #8a6b2e; border: 1px solid #948974; }
:scope .pc-arrange-tools button { background: rgba(248, 246, 241, 0.91); border: 1px solid #ad873f; color: #8a6b2e; }
:scope .pc-drop { outline: 3px solid #ad873f; }
:scope .cms-editing .pc-card.pc-selected, :scope .cms-editing .cms-project-gallery>figure.pc-selected { outline: 2px solid #ad873f; }
:scope .pc-arrange-tools .pc-select { accent-color: #876931; }
:scope .pc-insert-marker { background: #c9a86b; box-shadow: 0 0 0 3px rgba(24, 22, 17, 0.276),0 0 16px rgba(201,168,107,0.467); }
:scope .pc-insert-marker>span { background: #c9a86b; color: #211e17; }
}
/* property-guide */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="property-guide"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .property-fold { border-top: 1px solid rgba(148, 137, 115, 0.333); border-bottom: 1px solid rgba(148, 137, 115, 0.333); }
:scope .needs-attention { outline: 1px solid #ad873f; }
@media(prefers-reduced-motion:reduce) { :scope .needs-attention { outline: 2px solid #ad873f; } }
:scope .guided-scope-options button { border: 1px solid #948973 !important; }
:scope .guided-scope-options button[aria-pressed=true] { background: #f9f8f5 !important; color: #342f24 !important; border-color: #ad873f !important; }
}
/* sale */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="sale"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .sale { --s-accent: #876931; --s-line: #d2cbbd; background: #f6f4ef; color: #363126; }
:scope .sale p { color: #544d40; }
:scope .sale-orbit { background: radial-gradient(ellipse at top,#f9f8f6,transparent 75%); }
:scope .sale-orbit small { color: #876931; }
:scope .sale button, :scope .sale-primary { background: #f8f6f3; color: #846c33; }
:scope .sale .sale-primary { color: #211e18; }
:scope .sale small, :scope .sale-note { color: #876931; }
:scope .sale label { color: #8a6b2e; }
:scope .sale input:not([type=radio]):not([type=checkbox]) { background: #f6f4ee; color: #363026; }
:scope .sale input:invalid { outline: 1px solid #c97b60; }
:scope .sale-pills label:has(:checked) { background: #fbfaf9; }
:scope .sale-reference, :scope .sale-callout { background: #f8f6f3; }
:scope .sale-reference h3 { color: #8a6b2e; }
:scope .sale-choice:has(:checked) { background: #f9f8f5; }
:scope .sale-scenario { background: #f7f5f1; }
:scope .sale-effects b { color: #8a6b2e; }
:scope .sale-result-cards article { background: #f7f5f1; }
:scope .sale-result-cards strong { color: #8a6b2e; }
:scope .sale-bar i { background: #c9a86b; }
:scope .sale-results svg text { fill: #876931; }
:scope .sale caption { color: #876931; }
:scope .sale-broker { background: #f7f5f1; }
:scope .sale-select-broker span { color: #8a6b2e; }
:scope .sale-market-cards article { background: #f7f6f2; }
:scope .sale-market-cards strong { color: #8a6b2e; }
:scope .sale :focus-visible { outline: 2px solid #d3ab5c; }
:scope .sale-kpis article { background: #f7f5f1; }
:scope .sale-kpis strong { color: #8a6b2e; }
:scope .sale-kpis article:last-child { background: #f9f8f5; border-color: #ad873f; }
:scope .sale-nav svg { color: #876931; }
:scope .sale-nav button[aria-selected=true] { background: #c9a86b; color: #211e18; }
:scope .sale-inspector { background: #f7f5f0; }
:scope .sale-center { background: #f6f4f0; }
:scope .sale-chart-toolbar button[aria-pressed=true] { background: #c9a86b; color: #211e18; }
:scope .sale-chart-legend span:first-child { color: #837964; }
:scope .sale-chart-legend span:last-child { color: #876931; }
}
/* semantic-content */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="semantic-content"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .subpage .navigation-card { background: #f7f5f1; border: 1px solid #d4cdbf; }
:scope .subpage .navigation-card:hover { background: #f8f7f4; }
:scope .subpage .navigation-card:focus-visible, :scope .subpage .brief-card:focus-visible { outline: 2px solid #ad873f; }
:scope .subpage .navigation-card>span { color: #876931; }
:scope .subpage .content-links a { background: #f7f5f1; border: 1px solid #d0c8b9; }
:scope .subpage .content-links a:hover { background: #f9f8f5; }
:scope .subpage .video-frame { background: #f6f4ee; }
:scope .subpage .video-embed figcaption { color: #5b5446; }
:scope .subpage .video-embed figcaption a { color: #876931; }
:scope .subpage .pricing-page p { color: #514b3e; }
:scope .subpage .pricing-page .eyebrow { color: #876931; }
:scope .subpage .starting-prices { border: 1px solid #cfc8b9; background: linear-gradient(125deg,#f8f6f3,#f7f4f0); }
:scope .subpage .starting-prices>span { color: #4f493c; }
:scope .subpage .starting-prices strong { color: #8a6b2e; }
:scope .subpage .starting-prices small { color: #484236; }
:scope .subpage .pricing-section { border-top: 1px solid #d5cfc1; }
:scope .subpage .brief-card { background: #f7f5f0; border: 1px solid #d5cec2; }
:scope .subpage .step-index { color: #876931; }
:scope .subpage .card-cta { color: #8a6b2e; }
:scope .subpage a.brief-card:hover { border-color: #736a59; background: #f8f6f2; }
:scope .subpage .price-case { border: 1px solid #d4cec1; background: #f7f5f0; }
:scope .subpage .case-pair figcaption { background: rgba(246, 244, 238, 0.851); color: #332e23; }
:scope .subpage .case-price { color: #8a6b2e; }
:scope .subpage .case-copy li { color: #7a653e; }
:scope .subpage .case-copy li:before { color: #876931; }
:scope .subpage .purpose-grid article { background: #f7f5f0; }
:scope .subpage .button.lime { color: #26221b; }
:scope .subpage .quality-card { background: #f7f5f1; border: 1px solid #d3cbbe; }
:scope .subpage .quality-card>img { background: #f7f4f0; }
:scope .subpage .quality-card strong { color: #8a6b2e; }
:scope .subpage .quality-card p { color: #4c473b; }
:scope .subpage .quality-examples { border-block: 1px solid #d4cec0; }
:scope .subpage .quality-examples summary { color: #8a6b2e; }
:scope .subpage .tour-embed { background: #f6f4ef; }
:scope .subpage .tour-embed iframe { background: #f6f4ef; }
:scope .subpage .tour-embed figcaption { color: #514b3f; }
:scope .subpage .tour-embed figcaption a { color: #876931; }
:scope .subpage .qr-card img { background: #fff; }
:scope .subpage .qr-card figcaption { color: #4c473b; }
:scope .subpage .photo-albums { border-top: 1px solid #d4cec0; }
}
/* space-guide */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="space-guide"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .space-guide { --sg-bg: #f6f3ee; --sg-surf: #f6f4f0; --sg-surf2: #f7f5f1; --sg-line: #d9d3c7; --sg-line2: #d2cbbd; --sg-tx: #373126; --sg-tx2: #8a6b2e; --sg-mut: #575043; --sg-mut2: #645c4d; --sg-gold: #876931; --sg-gold2: #876931; --sg-ink: #1a1712; }
:scope .space-guide .sg-live { background: #8fc79a; }
:scope body .space-guide button.guide-launch { box-shadow: 0 10px 30px rgba(0, 0, 0, 0.22),0 0 0 6px rgba(201,168,107,.08); }
:scope body .space-guide button.guide-launch:hover { box-shadow: 0 14px 34px rgba(0, 0, 0, 0.24),0 0 0 8px rgba(201,168,107,.14); }
:scope .guide-launch::after { background: #8fc79a; }
:scope #space-guide-panel { box-shadow: 0 20px 60px rgba(0, 0, 0, 0.24); }
:scope .guide-log p[data-role=user] { background: #f8f6f2; }
:scope .guide-mic:hover { background: rgba(201,168,107,.1); }
:scope .space-guide nav a:hover { color: #8a6d2e; }
}
/* support */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="support"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .kb { --kb-line: #d3ccbd; --kb-accent: #876931; color: #373126; background: #f6f4ef; }
:scope .kb p { color: #524c3f; }
:scope .kb-map { background: radial-gradient(ellipse at top,#f9f8f5,transparent 70%); }
:scope .kb-start>a { background: #f7f5f2; }
:scope .kb-search input { color: #373126; }
:scope .kb button { background: #f8f6f2; }
:scope .kb-topics [aria-current] { color: #211e18; }
:scope .kb-card { background: #f7f5f1; }
:scope .kb-card:hover { background: #f8f7f4; }
:scope .kb-roles { background: #f7f5f1; }
:scope .kb .button { color: #1d1a14; }
:scope .kb-source-note { color: #524c3f; }
:scope .kb-contents a { color: #554e41; }
:scope .kb-prose ul { color: #524c3f; }
:scope .kb :focus-visible { outline: 2px solid #d3ab5c; }
:scope .kb-help-choices button { background: #f7f5f1; border: 1px solid #cfc8b8; color: #7e693a; }
:scope .kb-help-choices small { color: #876931; }
:scope .kb-help-choices button[aria-pressed=true] { background: #f9f8f6; border-color: #ad873f; }
:scope .kb-help-steps b { color: #876931; }
:scope #support-assistant .support-handoff { border: 1px solid #8e836e; color: #8a6b2e; }
:scope #support-assistant .guide-launch { color: #876931; }
:scope #support-assistant .guide-launch small { color: #876931; }
}
/* team */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="team"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body.team-page { background: #f6f4ef; color: #363026; }
:scope .team-intro .eyebrow, :scope .team-workspace .eyebrow { color: #876931; }
:scope .team-intro h1 em { color: #876931; }
:scope .team-intro-grid>p { color: #554e41; }
:scope .team-draft-note { color: #5a5345; border-top: 1px solid #d2cbbd; }
:scope .manager-card { background: #f7f5f1; border: 1px solid #d4cdc0; }
:scope .manager-portrait { background: radial-gradient(ellipse at 50% 90%,rgba(169, 160, 141, 0.2),transparent 70%),#f7f4ef; border-bottom: 1px solid #d4cdc0; }
:scope .manager-portrait>svg { stroke: #897e69; }
:scope .manager-index { color: #876931; }
:scope .portrait-placeholder { color: #876931; }
:scope .manager-role { color: #876931; }
:scope .manager-copy h3 { color: #8a6b2e; }
:scope .manager-copy>p:not(.manager-role) { color: #554f42; }
:scope .manager-copy li { color: #876931; border: 1px solid #cec7b7; }
:scope .team-workspace { border-top: 1px solid #d4cdc0; }
:scope .workspace-heading h2 em, :scope .team-contact h2 em { color: #876931; }
:scope .workspace-heading>p { color: #554e41; }
:scope .workspace-placeholder { background: linear-gradient(135deg,#f8f6f2,#f6f4f0); border: 1px dashed #ccc4b5; }
:scope .workspace-placeholder>svg { stroke: rgba(151, 141, 120, 0.31); }
:scope .workspace-number { color: #876931; }
:scope .workspace-placeholder figcaption span { color: #615a4b; }
:scope .team-contact { border-top: 1px solid #d4cdc0; }
}
/* if1d25e1999 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="if1d25e1999"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body.portal-page { background: #f6f3ee; color: #373226; }
:scope body.portal-page .vs-top { background: rgba(246, 243, 238, 0.94); border-bottom: 1px solid #d9d3c7; }
:scope body.portal-page .vs-brand { color: #373226; }
:scope body.portal-page .vs-brand small { color: #635c4d; }
:scope body.portal-page .vs-nav a { color: #494233; }
:scope body.portal-page .vs-nav a:hover { color: #8a6b2e; }
:scope body.portal-page .portal-subnav a { color: #635c4d; }
:scope body.portal-page .portal-subnav a:hover { color: #8a6b2e; }
:scope body.portal-page #account-name { color: #5a5140; }
:scope body.portal-page .portal-heading .eyebrow { color: #876931; }
:scope body.portal-page .portal-heading h1 em { color: #8a6b2e; }
:scope body.portal-page .portal-heading > p { color: #5a5140; }
:scope body.portal-page .auth-visual { background: #f6f4f0; }
:scope body.portal-page .auth-visual::after { background: linear-gradient(0deg, rgba(246, 243, 238, 0.88) 0%, rgba(21,19,15,0) 55%); }
:scope body.portal-page .auth-visual span { color: #494233; }
:scope body.portal-page .portal-auth-grid .portal-panel { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope body.portal-page .portal-panel label { color: #494233; }
:scope body.portal-page .portal-panel input { background: #f6f3ee; border: 1px solid #d4cabc; color: #373226; }
:scope body.portal-page .portal-panel input:focus { border-color: #ad873f; }
:scope body.portal-page .portal-panel button.primary, :scope body.portal-page .portal-panel .primary { background: #c9a86b; color: #1a1712; }
:scope body.portal-page .portal-panel button.primary:hover { background: #e2c894; }
:scope body.portal-page #portal-auth > .muted { color: #635c4d; }
:scope body.portal-page #logout { border: 1px solid #d4cabc; color: #373226; }
}
/* iaedad3fc73 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="iaedad3fc73"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope body.cms-editing [contenteditable="true"] { outline: 1px dashed rgba(211, 171, 92, 0.75); }
:scope .header nav a.account-identity { color: #494233; }
}
/* iee9b4879cc */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="iee9b4879cc"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope { background: #f6f3ee; }
:scope body { background: #f6f3ee; color: #373226; }
:scope a { color: #8a6b2e; }
:scope a:hover { color: #8a6d2e; }
:scope :focus-visible { outline: 2px solid #d3ab5c; }
:scope .label { color: #876931; }
:scope h1 em, :scope h2 em { color: #8a6b2e; }
:scope .sec-head p { color: #5a5140; }
:scope .btn { background: #c9a86b; color: #1a1712; }
:scope .btn:hover { background: #e2c894; color: #1a1712; }
:scope .btn-o { border: 1px solid rgba(29, 26, 21, 0.248); background: rgba(246, 243, 238, 0.35); color: #373226; }
:scope .btn-o:hover { border-color: #221c0e; color: #373226; }
:scope .btn-o .ic { border: 1px solid rgba(29, 26, 21, 0.33); }
:scope .tlink { border-bottom: 1px solid #cfc6b6; }
:scope .minta { background: #e2c894; color: #1a1712; }
:scope .dia { background: #c9a86b; }
:scope .top { background: rgba(246, 243, 238, 0.84); border-bottom: 1px solid #d9d3c7; }
:scope .brand { color: #373226; }
:scope .brand:hover { color: #373226; }
:scope .brand b small { color: #635c4d; }
:scope .main-nav a { color: #494233; }
:scope .login { color: #5a5140; }
:scope .fader { background: #f6f4f0; }
:scope .hero-shade { background: linear-gradient(90deg, rgba(246, 243, 238, 0.9) 0%, rgba(246, 243, 238, 0.58) 40%, rgba(246, 243, 238, 0.06) 74%), linear-gradient(0deg, rgba(246, 243, 238, 0.97) 0%, rgba(21,19,15,0) 34%); }
:scope .hero .lead { color: #79673f; }
:scope .hero-facts { color: #5a5140; }
:scope .tamas-note { color: #8a6b2e; }
:scope .tamas-note b { color: #8a6d2e; }
:scope .tamas-note i { color: #8a6b2e; }
:scope .tamas-note .scribble { color: #876931; }
:scope .tamas-arrow { color: #8a6b2e; }
:scope .tamas > span:not(.tamas-note) { background: rgba(246, 243, 238, 0.9); border: 1px solid #d4cabc; color: #373226; }
:scope .tamas > span em { color: #876931; }
:scope .scene-head span:last-child { color: #5a5140; }
:scope .scene { color: #635c4d; }
:scope .scene .t b { color: #876931; }
:scope .scene .bar { background: rgba(29, 26, 21, 0.168); }
:scope .scene .bar i { background: #c9a86b; }
:scope .scene.on { color: #373226; }
:scope .sq { border: 1px solid rgba(29, 26, 21, 0.248); background: rgba(246, 243, 238, 0.5); color: #373226; }
:scope .sq:hover { border-color: #221c0e; }
:scope .assist { border: 1px solid #d4cabc; background: #f6f4f0; color: #373226; box-shadow: 0 12px 30px rgba(0, 0, 0, 0.16); }
@media (max-width: 960px) { :scope .hero-shade { background: linear-gradient(0deg, rgba(246, 243, 238, 0.97) 0%, rgba(246, 243, 238, 0.7) 45%, rgba(246, 243, 238, 0.35) 100%); } }
:scope .kinek-head span:last-child { color: #635c4d; }
:scope .tab { border: 1px solid #d9d3c7; background: #f6f4f0; color: #373226; }
:scope .tab[aria-selected="true"] { background: #f1ebdd; color: #1a1712; border-color: #221c0e; }
:scope .card { background: #f6f4f0; }
:scope .card.ring { box-shadow: inset 0 0 0 2px #c9a86b; }
:scope .card-shade { background: linear-gradient(0deg, rgba(246, 243, 238, 0.96) 0%, rgba(246, 243, 238, 0.25) 55%, rgba(246, 243, 238, 0.42) 100%); }
:scope .card-num { color: #876931; }
:scope .card-hint { color: #494233; }
:scope .dots i { background: rgba(29, 26, 21, 0.266); }
:scope .dots i.on { background: #e2c894; }
:scope .card-body p { color: #756643; }
:scope .icons span { color: #756643; }
:scope .icons i { border: 1px solid rgba(29, 26, 21, 0.33); background: rgba(246, 243, 238, 0.45); }
:scope .card-link { border-bottom: 1px solid #cfc6b6; }
:scope .playbadge { background: rgba(246, 243, 238, 0.55); border: 1px solid rgba(29, 26, 21, 0.385); color: #373226; }
:scope .svc .tile { color: #373226; }
:scope .svc .tile:hover { color: #373226; }
:scope .svc .tile-cap .sub { color: #79673f; }
:scope .ba { background: #f6f4f0; }
:scope .ba-line { background: #f1ebdd; }
:scope .ba-knob { background: #f1ebdd; color: #1a1712; }
:scope .ba:has(input:focus-visible) .ba-knob { outline: 2px solid #d3ab5c; }
:scope .ba .tag { color: #373226; background: rgba(246, 243, 238, 0.6); }
:scope .quote-card { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .who i { background: #faf8f6; }
:scope .who small { color: #635c4d; }
:scope .stats { border-top: 1px solid #d9d3c7; }
:scope .stats small { color: #635c4d; }
:scope .q { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .q .q-name { color: #635c4d; }
:scope .tip-card { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .tip-num { color: #635c4d; }
:scope .tip-body p { color: #79673f; }
:scope .tip-nav .ib { border: 1px solid #d4cabc; color: #373226; }
:scope .tip-nav .ib:hover { border-color: #ad873f; color: #8a6b2e; }
:scope .tip-dots button i { background: #fbfaf9; }
:scope .tip-dots button i::after { background: #c9a86b; }
:scope .vids-edge { color: #373226; }
:scope .vids-edge.l { background: linear-gradient(90deg, rgba(246, 243, 238, 0.92) 0%, rgba(246, 243, 238, 0.62) 45%, rgba(21,19,15,0) 100%); }
:scope .vids-edge.r { background: linear-gradient(270deg, rgba(246, 243, 238, 0.92) 0%, rgba(246, 243, 238, 0.62) 45%, rgba(21,19,15,0) 100%); }
:scope .vids-edge span { border: 1px solid rgba(29, 26, 21, 0.248); background: rgba(246, 243, 238, 0.55); }
:scope .vids-edge:hover span { border-color: #ad873f; color: #8a6b2e; }
:scope .hs-pager i::before { background: rgba(29, 26, 21, 0.266); }
:scope .hs-pager i.on::before { background: #e2c894; }
:scope .vid { border: 6px solid #e2ddd3; background: #f4f2ec; box-shadow: 0 24px 50px rgba(0, 0, 0, 0.18); }
:scope .vid-shade { background: linear-gradient(0deg, rgba(244, 242, 236, 0.92) 0%, rgba(11,10,8,0) 42%); }
:scope .vid-meta { color: #494233; }
:scope .vid-meta a { border: 1px solid rgba(29, 26, 21, 0.22); color: #373226; }
:scope .vid-meta a:hover { border-color: #221c0e; }
:scope .vid-play { background: rgba(244, 242, 236, 0.5); border: 1px solid rgba(29, 26, 21, 0.385); }
:scope .tile { background: #f6f4f0; }
:scope .tile-shade { background: linear-gradient(0deg, rgba(246, 243, 238, 0.86) 0%, rgba(21,19,15,0) 45%); }
:scope .tile-cap .sub { color: #494233; }
:scope .paper { background: #f4f1ea; color: #24221d; }
:scope .paper .label { color: #7e693a; }
:scope .paper .sec-head > span { color: #b7b0a4; }
:scope .pack { background: #ffffff; border: 1px solid #c6b99d; }
:scope .pack.feat { border: 2px solid #d9d5cb; }
:scope .pack p { color: #b7b0a4; }
:scope .price .ft { color: #ada391; }
:scope .pack ul { border-top: 1px solid #c6b99d; }
:scope .pack li::before { background: #7f6a3a; }
:scope .pack a.go { border: 1px solid #4b4230; color: #24221d; }
:scope .pack.feat a.go { background: #f7f5f2; color: #373226; }
:scope .paper .tlink { color: #24221d; border-color: #685d47; }
:scope .proc > div { border-top: 1px solid #ad873f; }
:scope .proc .n { color: #876931; }
:scope .proc p { color: #5a5140; }
:scope .proc .proc-time { color: #635c4d; }
:scope .team-peek { color: #876931; }
:scope .tbot { color: #8a6b2e; }
:scope .assist-t small { color: #5a5140; }
:scope .live { background: #8fc79a; box-shadow: 0 0 0 0 rgba(143,199,154,.6); }
:scope .tbot-link b { color: #8a6d2e; }
:scope .prof-peek { color: #8a6b2e; }
:scope .talk { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .talk-img { background: #f8f6f2; }
:scope .talk-body p { color: #5a5140; }
:scope footer.foot { border-top: 1px solid #d9d3c7; color: #635c4d; }
:scope footer.foot nav a { color: #5a5140; }
:scope dialog.lb { border: 1px solid #d9d3c7; background: #f6f4f0; color: #373226; }
:scope dialog.lb::backdrop { background: rgba(244, 241, 236, 0.88); }
:scope .lb-in video { background: #f4f2ec; }
:scope .lb-side p { color: #5a5140; }
:scope .lb-links a.soon::after { color: #494233; }
:scope .lb-arrow { color: #373226; border: 1px solid #d4cabc; }
:scope .lb-arrow:hover { border-color: #ad873f; color: #8a6b2e; }
:scope #lbNum { color: #5a5140; }
:scope .lb-ident { background: #f1f0ed; color: #876931; }
:scope .lb-ident .id-line { background: linear-gradient(90deg, transparent, #e2c894, transparent); }
:scope .lb-ident .id-name { color: #373226; }
:scope .lb-ident .id-slogan { color: #8a6b2e; }
:scope .lb-ident .id-url { color: #8d8370; }
:scope .lb-ident::after { background: linear-gradient(110deg, transparent 40%, rgba(29, 26, 21, 0.112) 50%, transparent 60%); }
@media (max-width: 760px) { :scope .lb-hint { color: #635c4d; } }
@media (max-width: 720px) { :scope .hero-shade { background: linear-gradient(0deg, rgba(246, 243, 238, 0.98) 0%, rgba(246, 243, 238, 0.86) 46%, rgba(246, 243, 238, 0.18) 74%, rgba(246, 243, 238, 0.4) 100%); } }
:scope .steps-end { color: #8a6b2e; }
:scope .steps-end .sold { color: #948a73; }
:scope .steps-end-txt { color: #8a6b2e; }
:scope .steps-down { border: 1px solid #ad873f; color: #8a6b2e; }
:scope .steps-end:hover .steps-down { background: #c9a86b; color: #1a1712; }
:scope .j-row { border-top: 1px solid #cfc6b6; border-bottom: 1px solid #cfc6b6; }
:scope .j-num { color: #876931; }
:scope .j-word { color: #373226; }
:scope .j-word em { color: #8a6b2e; }
:scope .j-text { color: #494233; }
:scope .j-link { color: #8a6b2e; border-bottom: 1px solid #cfc6b6; }
:scope .j-item:hover .j-word { color: #8a6b2e; }
:scope .j-item:hover .j-link { border-color: #ad873f; }
:scope .j-arrow { color: #876931; }
:scope .j-close { color: #373226; }
:scope .j-close em { color: #8a6b2e; }
:scope .label .j-tag { color: #8a6b2e; border-right: 1px solid #cfc6b6; }
:scope .pack .pack-bottom { border-top: 1px solid #c6b99d; }
:scope .hc-pager { color: #373226; --hc-line: #d4cabc; }
:scope .packs-sec .hc-pager { color: #24221d; --hc-line: #c6b99d; }
:scope .hc-pager button:not(:disabled):hover { border-color: #ad873f; }
:scope .hc-dots i.on { background-image: linear-gradient(#c9a86b, #c9a86b); }
:scope .svc .tile-ic { background: rgba(246, 243, 238, 0.55); border: 1px solid rgba(211, 171, 92, 0.55); color: #8a6b2e; }
:scope .gal .tile .gal-info { background: linear-gradient(0deg, rgba(246, 243, 238, 0.97) 0%, rgba(246, 243, 238, 0.93) 78%, rgba(21,19,15,.0) 100%); }
:scope .gal .tile .gal-info strong { color: #373226; }
:scope .gal .tile .gal-client { color: #876931; }
:scope .gal-chip { border: 1px solid rgba(211, 171, 92, 0.4); color: #8a6b2e; }
:scope .gal-chip em { color: #373226; }
:scope .gal .tile .gal-info blockquote { color: #79673f; }
:scope .gal .tile .gal-info cite { color: #494233; }
@media (hover: none) { :scope .gal-mini .gal-chip { border-color: rgba(211, 171, 92, 0.3); } }
:scope .gal .tile .gal-info-btn { border: 1px solid rgba(211, 171, 92, 0.6); background: rgba(246, 243, 238, 0.55); color: #8a6b2e; }
:scope .gal .tile .gal-info-btn:hover, :scope .gal .tile.info-open .gal-info-btn { background: #c9a86b; color: #1a1712; border-color: #ad873f; }
:scope .svc-more { background: linear-gradient(180deg, rgba(21,19,15,0) 0%, rgba(246, 243, 238, 0.82) 55%, #f6f3ee 92%); }
:scope .svc-filter button { border: 1px solid #d9d3c7; color: #373226; }
:scope .svc-filter button svg { color: #8a6b2e; }
:scope .svc-filter button small { color: #494233; }
:scope .svc-filter button:hover { border-color: #ad873f; }
:scope .svc-filter button[aria-pressed="true"] { border-color: #ad873f; background: rgba(201,168,107,.12); }
:scope .svc-filter button[aria-pressed="true"] b { color: #8a6d2e; }
:scope .svc-filter-note { color: #8a6b2e; }
:scope .svc-more-btn { border: 1px solid #ad873f; background: rgba(246, 243, 238, 0.7); color: #8a6b2e; }
:scope .svc-more-btn:hover { background: #c9a86b; color: #1a1712; }
:scope .aud-bar { background: rgba(246, 243, 238, 0.9); border-bottom: 1px solid #d9d3c7; }
:scope .aud-bar-l { color: #876931; }
:scope .aud-bar button { border: 1px solid #d4cabc; color: #79673f; }
:scope .aud-bar button:hover { border-color: #ad873f; color: #373226; }
:scope .aud-bar button[aria-selected="true"] { background: #c9a86b; border-color: #ad873f; color: #1a1712; }
:scope .card .card-person-tag { background: rgba(246, 243, 238, 0.88); border: 1px solid #d4cabc; color: #373226; }
:scope .card .card-person-tag em { color: #876931; }
:scope .card .card-person-tag:hover { border-color: #ad873f; color: #8a6b2e; }
:scope .card .card-person.cutout path { fill: #15130f; }
:scope .card .card-person.biz .cp-l { fill: #79673f; }
:scope .card .card-person.biz .cp-s { stroke: rgba(121, 103, 63, 0.55); }
:scope .aud-bar .aud-more { color: #8a6b2e; }
:scope .aud-shade { background: rgba(244, 241, 236, 0.6); }
:scope .aud-drawer { background: #f6f3ef; border-right: 1px solid #ad873f; box-shadow: 24px 0 60px rgba(0, 0, 0, 0.24); }
:scope .aud-d-x { border: 1px solid #d4cabc; color: #8a6b2e; }
:scope .aud-drawer h3 { color: #373226; }
:scope .aud-d-lead { color: #494233; }
:scope .aud-drawer ul { border-top: 1px solid #d9d3c7; }
:scope .aud-drawer li { color: #79673f; }
:scope .aud-drawer li::before { background: #c9a86b; }
:scope .aud-d-switch button { border: 1px solid #d4cabc; color: #494233; }
:scope .aud-d-switch button[aria-pressed="true"] { background: #c9a86b; border-color: #ad873f; color: #1a1712; }
:scope .card .il-plus { color: #8a6b2e; }
:scope .card .card-strat { color: #8a6b2e; }
:scope .card .strat-go { border: 1px solid #ad873f; background: rgba(246, 243, 238, 0.7); color: #8a6b2e; }
:scope .icons .ic-link:hover i, :scope .icons .ic-link:focus-visible i { border-color: #ad873f; background: #c9a86b; color: #1a1712; }
:scope .icons .ic-link:hover .il, :scope .icons .ic-link:focus-visible .il { color: #8a6b2e; }
:scope .card .card-strat .strat-go:hover { background: #c9a86b; color: #1a1712; }
@media (min-width: 1200px) { :scope .aud-bar { background: #f6f3ef; border-right: 1px solid #d9d3c7; } }
@media (min-width: 1200px) { :scope .aud-bar.on { background: #f6f3ef; } }
@media (min-width: 1200px) { :scope .aud-bar-ic { color: #8a6b2e; } }
@media (min-width: 1200px) { :scope .aud-bar-l { color: #373226; } }
@media (min-width: 1200px) { :scope .aud-bar button { border: 1px solid #d4cabc; color: #494233; } }
@media (min-width: 1200px) { :scope .aud-bar button:hover { color: #373226; border-color: #ad873f; } }
@media (min-width: 1200px) { :scope .aud-bar button[aria-selected="true"] { border: 1px dashed #ad873f; background: #f8f6f2; color: #8a6d2e; } }
@media (min-width: 1200px) { :scope .aud-bar button[aria-selected="true"]::before { color: #8a6b2e; } }
@media (min-width: 1200px) { :scope .aud-bar .aud-more { background: #c9a86b; color: #1a1712; } }
@media (min-width: 1200px) { :scope .aud-bar .aud-more:hover { background: #e2c894; color: #1a1712; } }
:scope .aud-d-foot { border-top: 1px solid #d9d3c7; }
:scope .pk { color: #24221d; }
:scope .pk-segs button { color: #8f8575; }
:scope .pk-segs button svg { color: #7a653e; }
:scope .pk-segs button:hover { color: #24221d; }
:scope .pk-segs button[aria-selected="true"] { color: #24221d; border-bottom-color: #a0824a; }
:scope .pk-segs button[aria-selected="true"] svg { color: #7e663a; }
:scope .pk-segs button.is-rec::after { background: #c9a86b; }
:scope .pk-view { border: 1px solid #c6b99d; color: #24221d; }
:scope .pk-view:hover { border-color: #ad873f; background: #fbf9f4; }
:scope .pk-view svg { color: #7e663a; }
:scope .pk-segs button:focus-visible, :scope .pk-view:focus-visible, :scope .pk-go:focus-visible, :scope .pk-more button:focus-visible { outline: 2px solid #ad873f; }
:scope .pk-fill { background: #f6f3ee; color: #373226; }
:scope .pk-f { border: 1px solid rgba(173, 135, 63, 0.42); background: #f7f5f1; color: #8a6d2e; }
:scope .pk-f:hover, :scope .pk-f:focus-within { border-color: #ad873f; }
:scope .pk-f svg { color: #876931; }
:scope .pk-area button { color: #876931; }
:scope .pk-area button:hover { color: #8a6d2e; }
:scope .pk-area small { color: #876931; }
:scope .pk-type-btn { color: #8a6d2e; }
:scope .pk-type-btn:focus-visible { outline: 2px solid #ad873f; }
:scope .pk-type-list { background: #f6f4f0; border: 1px solid rgba(173, 135, 63, 0.5); box-shadow: 0 18px 40px -10px rgba(0, 0, 0, 0.24); }
:scope .pk-type-list li { color: #7d683b; }
:scope .pk-type-list li svg { color: #7e663a; }
:scope .pk-type-list li .ok { color: #8a6b2e; }
:scope .pk-type-list li.is-act { background: rgba(201,168,107,.14); color: #212121; }
:scope .pk-type-list li.is-act svg { color: #8a6b2e; }
:scope .pk-type-list li[aria-selected="true"] { color: #8a6b2e; }
:scope .pk-addr input::placeholder { color: #898070; }
:scope .pk-card { --ln: #c6b99d; --mut: #b7b0a4; background: #fbf9f4; }
:scope .pk-img { background: #e9e2d4; }
:scope .pk-promo { background: radial-gradient(120% 140% at 30% 20%, #b33a4c 0%, #8c1d2e 45%, #faf6f7 100%); color: #342b24; box-shadow: inset 0 1px 0 rgba(255,255,255,.18), 0 2px 6px rgba(92, 15, 27, 0.14); }
:scope .pk-rec { background: #f6f3ee; color: #8a6b2e; }
:scope .pk-badge { color: #7e663a; }
:scope .pk-text { color: #5a5140; }
:scope .pk-in li::before { background: #c9a86b; }
:scope .pk-more button { color: #5a5140; text-decoration-color: #876931; }
:scope .pk-more button:hover { color: #7e663a; }
:scope .pk-price .ft { color: #5a5140; }
:scope .pk-price .pack-note { color: #5a5140; }
:scope .pk-go { background: #f6f3ee; color: #373226; }
:scope .pk-go:hover { background: #a0824a; color: #212121; }
:scope .pk-card.is-feat { --ln: #d7cfc2; --mut: #605744; background: #f6f3ee; color: #373226; border-color: #e0dacf; }
:scope .pk-card.is-feat .pk-badge { color: #8a6b2e; }
:scope .pk-card.is-feat .pk-go { background: #c9a86b; color: #15130f; }
:scope .pk-card.is-feat .pk-go:hover { background: #e2c894; }
:scope .pk-compare { --mut: #b7b0a4; }
:scope .pk-compare table { background: #fbf9f4; border: 1px solid #c6b99d; }
:scope .pk-compare thead th { border-left: 1px solid #c6b99d; }
:scope .pk-compare thead th.pk-corner { background: #f6f3ee; color: #373226; }
:scope .pk-corner .seg-i { color: #876931; }
:scope .pk-corner small { color: #605744; }
:scope .pk-off { color: #5a5140; }
:scope .pk-compare tbody th { border-top: 1px solid #c9bc9f; }
:scope .pk-compare tbody td { border-top: 1px solid #c9bc9f; border-left: 1px solid #c6b99d; color: #7e663a; }
:scope .pk-compare td .no { background: #cfc5b1; }
:scope .pk-compare tbody th, :scope .pk-compare tfoot th { background: #fbf9f4; }
:scope .pk-compare tbody tr:hover > * { background-color: rgba(201,168,107,.09); }
:scope .pk-compare .is-feat { background: #f3ead8; }
:scope .pk-compare tbody tr:hover > th { background-color: #f5efe3; }
:scope .pk-compare tfoot th { color: #5a5140; border-top: 1px solid #c6b99d; }
:scope .pk-compare tfoot td { border-top: 1px solid #c6b99d; border-left: 1px solid #c6b99d; }
}
/* i0500623b69 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="i0500623b69"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .subpage .pf-top .page-lead { color: #5a5140; }
:scope .pf-bar { background: rgba(246, 243, 238, 0.96); border-bottom: 1px solid #d9d3c7; }
:scope .pf-bar #portfolio-count { color: #5a5140; }
:scope body.subpage #portfolio-results:not(.portfolio-image-grid) .project-card .project-label { background: linear-gradient(0deg, rgba(244, 242, 237, 0.92), rgba(13,12,10,0)); }
:scope body.subpage #portfolio-results .project-card .pc-n { color: #8a6b2e; }
:scope body.subpage #portfolio-results .project-card .pc-dots i { background: rgba(29, 26, 21, 0.28); }
:scope body.subpage #portfolio-results .project-card .pc-dots i.on { background: #e2c894; }
:scope body.subpage #portfolio-results .project-card .pc-info { background: linear-gradient(0deg, rgba(246, 243, 238, 0.97) 0%, rgba(246, 243, 238, 0.93) 78%, rgba(21,19,15,0) 100%); }
:scope body.subpage #portfolio-results .project-card .pc-info strong { color: #373226; }
:scope body.subpage #portfolio-results .project-card .pc-cat { color: #876931; }
:scope body.subpage #portfolio-results .project-card .pc-chip { border: 1px solid rgba(211, 171, 92, 0.4); color: #8a6b2e; }
:scope body.subpage #portfolio-results .project-card .pc-chip em { color: #373226; }
:scope body.subpage #portfolio-results .project-card .pc-count { color: #5a5140; }
:scope body.subpage #portfolio-results .project-card .pc-go { color: #8a6b2e; border-bottom: 1px solid #cfc6b6; }
:scope body.subpage #portfolio-results .project-card .pc-info-btn { border: 1px solid rgba(211, 171, 92, 0.6); background: rgba(246, 243, 238, 0.55); color: #8a6b2e; }
:scope body.subpage #portfolio-results .project-card .pc-info-btn:hover, :scope body.subpage #portfolio-results .project-card.info-open .pc-info-btn { background: #c9a86b; color: #1a1712; border-color: #ad873f; }
}
/* ieb2e50bc22 */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="ieb2e50bc22"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .ab-hero p { color: #5a5140; }
:scope .ab-note { color: #635c4d; }
:scope .tl::before, :scope .tl-fill { background: #fbfaf9; }
:scope .tl-fill { background: linear-gradient(180deg, #e2c894, #c9a86b); box-shadow: 0 0 12px rgba(201,168,107,.5); }
:scope .tl-media { background: #f6f4f0; }
:scope .tl-dot { background: #f6f3ee; border: 2px solid #d4cabc; box-shadow: 0 0 0 6px rgba(21, 19, 15, 0.4); }
:scope .tl-item.in .tl-dot { background: #c9a86b; border-color: #d3ab5c; box-shadow: 0 0 0 6px rgba(21, 19, 15, 0.4), 0 0 18px rgba(201,168,107,.7); }
:scope .tl-year { background: #f6f3ee; color: #635c4d; }
:scope .tl-item.in .tl-year { color: #8a6b2e; }
:scope .tl-card { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .tl-card .tl-big { color: #8a6b2e; }
:scope .tl-card p { color: #79673f; }
:scope .tl-end span { background: #f6f3ee; border: 1px solid #ad873f; color: #8a6b2e; }
:scope .ab-portrait { background: radial-gradient(ellipse at 50% 80%, #faf8f5 0%, #f6f4f0 70%); }
:scope .ab-portrait figcaption { color: #876931; }
:scope .ab-copy blockquote { color: #79673f; }
:scope .ab-person span { color: #876931; }
:scope .ab-copy > p { color: #5a5140; }
:scope .ab-channel { background: #f6f4f0; border: 1px solid #d9d3c7; color: #373226; }
:scope .ab-channel:hover { border-color: #ad873f; color: #373226; }
:scope .ab-channel .label { color: #876931; }
:scope .ab-channel p { color: #5a5140; }
:scope .ab-channel b { color: #8a6b2e; }
:scope .ab-tl-link { background: #f6f4f0; border: 1px solid #d4cabc; color: #8a6b2e; }
:scope .ab-tl-link:hover { border-color: #ad873f; color: #8a6b2e; }
:scope .ab-tl-link b { color: #373226; }
:scope .ab-tl-link small { color: #635c4d; }
}
/* i301fe5a73d */
@scope (html:is([data-theme="light"], [data-theme="mid"])[data-css~="i301fe5a73d"]) to (.hero, .vid, .tile, .tile-cap, .lightbox, .lb, .fold-thumb, .player, .film-editor, .vs-video, .q-img, .talk-img, .media-overlay, .cap-over, .steps .card, .pk-promo, .pk-rec, .deck-promo, .calc-card, .src-stack, .src-fan, .pack-badge.is-promo, .calc-pack .pack-img, :scope[data-theme="mid"] header.header, :scope[data-theme="mid"] header.top, :scope[data-theme="mid"] footer, :scope[data-theme="mid"] .mm-drawer, :scope[data-theme="mid"] .mm-panel, :scope[data-theme="mid"] .calc-rail, :scope[data-theme="mid"] .calc-basket, :scope[data-theme="mid"] .project-rail, :scope[data-theme="mid"] .calc-side, :scope[data-theme="mid"] .pack-rail, :scope[data-theme="mid"] .pack-panel, :scope[data-theme="mid"] #project-basket, :scope[data-theme="mid"] .basket-mobile-bar, :scope[data-theme="mid"] .calc-split) {
:scope .crew-hero p { color: #5a5140; }
:scope .crew-note { color: #635c4d; }
:scope .crew-lead { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .crew-lead .lead-pic { background: radial-gradient(circle at 50% 35%, rgba(201,168,107,.22), rgba(201,168,107,0) 62%), #f4f2ec; }
:scope .crew-lead .lead-role { color: #8a6b2e; }
:scope .crew-lead p { color: #79673f; }
:scope .mate { background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .mate-pic { background: #f4f2ec; }
:scope .mate-badge .label { background: rgba(246, 243, 238, 0.7); color: #494233; }
:scope .mate-badge .label b { color: #8a6b2e; }
:scope .mate-num { color: #494233; }
:scope .mate-body p { color: #79673f; }
:scope .mate-body .fact { border-top: 1px solid #d9d3c7; color: #5a5140; }
:scope .mate-body .fact b { color: #876931; }
:scope .mate { --bot-bg: #f6f4f0; }
:scope .buzz { color: #8a6b2e; }
:scope .mate-ai > span { color: #635c4d; }
:scope .chip { border: 1px solid #d4cabc; color: #494233; }
:scope .chip:hover { border-color: #ad873f; color: #373226; }
:scope .chip .bot { color: #8a6b2e; }
:scope .ai-rule { background: #f8f6f3; border: 1px solid #d9d3c7; }
:scope .ai-rule > div { background: #f6f3ee; }
:scope .ai-rule b { color: #373226; }
:scope .ai-rule span { color: #5a5140; }
:scope .ai { --bot-bg: #f7f5f1; background: #f6f4f0; border: 1px solid #d9d3c7; }
:scope .ai:target { border-color: #ad873f; }
:scope .ai-top .bot { color: #8a6b2e; }
:scope .ai .does { color: #79673f; }
:scope .ai .tags span { background: #f7f5f1; color: #5a5140; }
:scope .ai .boss { border-top: 1px solid #d9d3c7; color: #5a5140; }
:scope .ai .boss b { color: #373226; }
:scope .pic { background: radial-gradient(ellipse at 50% 35%, #f8f6f2 0%, #f6f4f0 70%); border: 1px solid #d9d3c7; }
:scope .pic > svg { color: #876931; }
:scope .pic-badge { color: #494233; background: rgba(246, 243, 238, 0.7); }
:scope .pic figcaption strong { color: #373226; }
:scope .pic figcaption span { color: #5a5140; }
}