/* Main theme: Graphite, selected variant 04. */
.graphite-site{--page:#171b1d;--ink:#edf0eb;--muted:#adb7b4;--intro:#171b1d;--intro-ink:#edf0eb;--intro-muted:#adb7b4;--surface:#22282b;--panel:#2b3335;--line:#404b4d;--accent:#bdcec7;--accent-ink:#182621;--estimate:#111819;--estimate-ink:#edf1ec;--soft:#354441;--soft-ink:#d6e6dd;--hero:#101a17;--object:#45665b}
body.graphite-site{background:var(--page);color:var(--ink);background-image:radial-gradient(ellipse at 85% 18%,color-mix(in srgb,var(--accent),transparent 97%),transparent 55%)}
.graphite-site h2,.graphite-site h3{color:var(--ink)}
.graphite-site .eyebrow{color:var(--muted)}
.graphite-site .section-head>p{color:var(--muted)}
.graphite-site .primary,.graphite-site .wine{background:var(--accent);color:var(--accent-ink)}
.graphite-site .primary:hover,.graphite-site .wine:hover{background:color-mix(in srgb,var(--accent),var(--accent-ink) 12%)}
.graphite-site .secondary{background:var(--soft);color:var(--soft-ink)}
.graphite-site .text-link{color:var(--ink)}
.graphite-site .hero{background:var(--hero)}
.graphite-site .hero:after{background:linear-gradient(0deg,var(--hero) 0%,color-mix(in srgb,var(--hero),transparent 65%) 48%,color-mix(in srgb,var(--hero),transparent 85%) 75%,color-mix(in srgb,var(--hero),transparent 57%) 100%),linear-gradient(90deg,color-mix(in srgb,var(--hero),transparent 60%),transparent 72%)}
.graphite-site .hero h1{color:#fff}
.graphite-site .hero-details>.button{background:#f5f3ec;color:#16261d}
.graphite-site .hero-details>.button:hover{background:#fff}
.graphite-site .hero-details>p{color:#edf0e9}
.graphite-site .hero .eyebrow{color:#e3e8df}
.graphite-site .header.is-scrolled{background:color-mix(in srgb,var(--page),transparent 5%);box-shadow:0 1px 0 var(--line);color:var(--ink)}
.graphite-site .header.is-scrolled .brand,.graphite-site .header.is-scrolled nav{color:var(--ink)}
.graphite-site .header.is-scrolled .brand-symbol{border-color:var(--line)}
.graphite-site .header.is-scrolled .header-cta{background:var(--accent);color:var(--accent-ink)}
.graphite-site .header.is-scrolled #menu{background:var(--soft);border-color:var(--line);color:var(--ink)}
.graphite-site .hero-facts{background:var(--intro);border-color:color-mix(in srgb,var(--intro-ink),transparent 88%);color:var(--intro-ink)}
.graphite-site .hero-facts>div{border-color:color-mix(in srgb,var(--intro-ink),transparent 88%)}
.graphite-site .hero-facts span{color:var(--intro-muted)}
.graphite-site .services{background:var(--intro);color:var(--intro-ink);position:relative}
.graphite-site .services:after{content:"";position:absolute;left:0;right:0;bottom:-65px;height:66px;background:linear-gradient(var(--intro),var(--page));pointer-events:none;z-index:-1}
.graphite-site .services h2,.graphite-site .service-card h3,.graphite-site .service-extra h3{color:var(--intro-ink)}
.graphite-site .services .eyebrow,.graphite-site .services .section-head>p,.graphite-site #service-count,.graphite-site .service-card>p,.graphite-site .service-extra p,.graphite-site .image-disclaimer{color:var(--intro-muted)}
.graphite-site .service-filters button{background:color-mix(in srgb,var(--intro-ink),transparent 95%);color:var(--intro-ink)}
.graphite-site .service-filters button[aria-pressed=true]{background:color-mix(in srgb,var(--accent),var(--intro) 78%);color:var(--intro-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--intro-ink),transparent 85%)}
.graphite-site .service-extra{background:color-mix(in srgb,var(--intro-ink),transparent 96%);color:var(--intro-ink)}
.graphite-site .service-extra .extra-icon{background:color-mix(in srgb,var(--intro-ink),transparent 93%);color:var(--intro-ink)}
.graphite-site .service-arrow{background:#f7f5ed;color:#24392c}
.graphite-site .service-badge{color:#24392c}
.graphite-site .process-showcase{background:var(--surface);border:1px solid color-mix(in srgb,var(--line),transparent 45%)}
.graphite-site .hero-process button{background:var(--panel);color:var(--muted)}
.graphite-site .hero-process button>span{color:var(--muted)}
.graphite-site .hero-process button[aria-selected=true]{background:var(--soft);color:var(--soft-ink);box-shadow:none}
.graphite-site .hero-process button[aria-selected=true]>i{background:var(--accent)}
.graphite-site .hero-product{--parcel-color:var(--object)}
.graphite-site .scene-orbit{border-color:color-mix(in srgb,var(--line),transparent 35%)}
.graphite-site .orbit-one{background:color-mix(in srgb,var(--accent),transparent 94%)}
.graphite-site .scene-coordinate,.graphite-site .parcel-state>p,.graphite-site .parcel-state>span,.graphite-site .rotate-hint{color:var(--muted)}
.graphite-site .scene-label{color:#2c4335;background:#f5f5ee}
.graphite-site .about-copy h2{color:var(--ink)}
.graphite-site .about-copy p{color:var(--muted)}
.graphite-site .about-promises{color:var(--muted)}
.graphite-site .about-promises .icon{color:var(--accent)}
.graphite-site .about-identity{background:var(--estimate)}
.graphite-site .calculator-section{background:var(--surface)}
.graphite-site .calc-workspace{background:var(--panel);border-color:var(--line)}
.graphite-site .calc-tabs{border-color:var(--line)}
.graphite-site .calc-tabs>button,.graphite-site .calc-tabs>button>span{color:var(--muted)}
.graphite-site .calc-tabs>button[aria-selected=true]{background:var(--soft);color:var(--soft-ink)}
.graphite-site .calc-panel h3{color:var(--ink)}
.graphite-site .panel-heading>span{color:var(--muted)}
.graphite-site .calc-panel label{color:var(--ink)}
.graphite-site .calc-panel input,.graphite-site .calc-panel select,.graphite-site .calc-panel textarea{color:var(--ink)!important;background:color-mix(in srgb,var(--page),var(--panel) 55%)!important;border-color:var(--line)!important}
.graphite-site .calc-panel input::placeholder,.graphite-site .calc-panel textarea::placeholder{color:var(--muted);opacity:.85}
.graphite-site .calc-panel input[type=checkbox]{accent-color:var(--accent)}
.graphite-site .qty-control input{color:var(--ink)!important}
.graphite-site .qty-control>label>span:last-child{color:var(--muted)}
.graphite-site .qty-control>button{background:var(--soft);color:var(--soft-ink);border-color:var(--line)}
.graphite-site #qty-slider{background:linear-gradient(90deg,var(--accent) var(--range,12.5%),var(--line) var(--range,12.5%))!important}
.graphite-site .slider-labels,.graphite-site .panel-note,.graphite-site .included-details{color:var(--muted)}
.graphite-site .complex-option{background:var(--soft);border-color:var(--line)}
.graphite-site .complex-option b,.graphite-site .complex-option small{color:var(--soft-ink)}
.graphite-site .pill{background:color-mix(in srgb,var(--accent),transparent 80%);color:var(--soft-ink)}
.graphite-site .extra-row{background:var(--panel);color:var(--ink)!important;border-color:var(--line)}
.graphite-site .extra-row:has(input:checked){background:var(--soft);border-color:var(--accent)}
.graphite-site .extra-row small{color:var(--muted)}
.graphite-site .extra-row:has(input:checked) small{color:var(--soft-ink)}
.graphite-site .conditional,.graphite-site .calc-navigation{border-color:var(--line)}
.graphite-site .calc-navigation>span,.graphite-site .calc-navigation>button:not(.button){color:var(--muted)}
.graphite-site .estimate{background:var(--estimate);color:var(--estimate-ink);border:1px solid color-mix(in srgb,var(--estimate-ink),transparent 90%)}
.graphite-site .estimate-top,.graphite-site .total,.graphite-site .estimate-footer{border-color:color-mix(in srgb,var(--estimate-ink),transparent 85%)}
.graphite-site .estimate-symbol{background:color-mix(in srgb,var(--estimate-ink),transparent 95%);color:var(--estimate-ink);border-color:color-mix(in srgb,var(--estimate-ink),transparent 85%)}
.graphite-site .estimate-top>span:nth-child(2),.graphite-site .estimate-badge,.graphite-site .result-line small,.graphite-site .total small,.graphite-site .estimate-disclaimer{color:color-mix(in srgb,var(--estimate-ink),var(--estimate) 28%)}
.graphite-site .estimate-top b,.graphite-site .result-line span:first-child,.graphite-site .estimate-footer,.graphite-site .estimate-footer .icon{color:var(--estimate-ink)}
.graphite-site .estimate-badge{border-color:color-mix(in srgb,var(--estimate-ink),transparent 80%)}
.graphite-site .estimate .button{background:var(--accent);color:var(--accent-ink)}
.graphite-site .estimate .button:hover{background:color-mix(in srgb,var(--accent),#fff 12%)}
.graphite-site .minimum-note,.graphite-site .warning{color:var(--estimate-ink)}
.graphite-site .tariffs>span,.graphite-site .tariffs small{color:var(--muted)}
.graphite-site .tariffs b{color:var(--ink)}
.graphite-site .tariffs>div>div.active-tier{background:var(--soft)}
.graphite-site .route-experience{background:var(--surface)}
.graphite-site .route-icon,.graphite-site .route-home .route-icon{background:var(--soft);color:var(--soft-ink)}
.graphite-site .route-stop h3{color:var(--ink)}
.graphite-site .route-stop small,.graphite-site .route-stop p,.graphite-site .route-connector>span,.graphite-site .delivery-footer p{color:var(--muted)}
.graphite-site .route-connector i{border-color:var(--line)}
.graphite-site .logistics-rates,.graphite-site .logistics-rates dl>div{border-color:var(--line)}
.graphite-site .logistics-rates summary,.graphite-site .logistics-rates dt{color:var(--ink)}
.graphite-site .logistics-rates>p,.graphite-site .logistics-rates dd,.graphite-site .logistics-rates small{color:var(--muted)}
.graphite-site .warehouse-overlay h2,.graphite-site .warehouse-overlay h2 em{color:#fff}
.graphite-site .warehouse-details>span,.graphite-site .warehouse-address{color:var(--muted);border-color:var(--line)}
.graphite-site .warehouse-details b{color:var(--ink)}
.graphite-site .china-heading p,.graphite-site .china-options p{color:var(--muted)}
.graphite-site .china-options h3{color:var(--ink)}
.graphite-site .china-options article{border-color:var(--line)}
.graphite-site .china-options article>span{color:var(--muted)}
.graphite-site .faq-list summary{color:var(--ink)}
.graphite-site .faq-list p,.graphite-site .faq-list summary:after{color:var(--muted)}
.graphite-site .faq-list details{border-color:var(--line)}
.graphite-site .contacts,.graphite-site footer{background:var(--estimate);color:var(--estimate-ink)}
.graphite-site .contact-top h2,.graphite-site .contact-top h2 em{color:var(--estimate-ink)}
.graphite-site .contact-top .eyebrow,.graphite-site .contact-bottom p,.graphite-site .contact-location a,.graphite-site .contact-location small,.graphite-site footer p{color:color-mix(in srgb,var(--estimate-ink),var(--estimate) 25%)}
.graphite-site .contact-top, .graphite-site footer{border-color:color-mix(in srgb,var(--estimate-ink),transparent 85%)}
.graphite-site .contact-top .button{background:var(--accent);color:var(--accent-ink)}
.graphite-site footer .brand,.graphite-site footer .brand-symbol{color:var(--estimate-ink)}
.graphite-site dialog{background:var(--panel);color:var(--ink)}
.graphite-site dialog h2{color:var(--ink)}
.graphite-site dialog>p,.graphite-site #service-description,.graphite-site #service-details,.graphite-site .local-notice{color:var(--muted)}
.graphite-site dialog label,.graphite-site .consent{color:var(--ink)}
.graphite-site dialog input,.graphite-site dialog textarea,.graphite-site dialog select{background:var(--surface);border-color:var(--line);color:var(--ink)}
.graphite-site dialog .close{background:var(--soft);color:var(--soft-ink)}
.graphite-site .consent a{color:var(--ink)}
@media(max-width:850px){.graphite-site .header nav{background:var(--panel);color:var(--ink)}
.graphite-site .header.is-scrolled nav{color:var(--ink)}}
.graphite-site .services{background:linear-gradient(180deg,var(--intro) 0%,var(--intro) calc(100% - 70px),var(--page) 100%)}
.graphite-site .services:after{display:none}
.graphite-site .service-filters button:hover{background:color-mix(in srgb,var(--intro-ink),transparent 91%);color:var(--intro-ink)}
.graphite-site .header.is-scrolled nav a:hover{color:var(--accent)}
.graphite-site #qty-slider::-webkit-slider-thumb{background:var(--panel);border-color:var(--accent);box-shadow:0 2px 6px #0002}
.graphite-site #qty-slider::-moz-range-thumb{background:var(--panel);border-color:var(--accent);box-shadow:0 2px 6px #0002}
.graphite-site button:focus-visible,.graphite-site a:focus-visible,.graphite-site input:focus-visible,.graphite-site select:focus-visible,.graphite-site textarea:focus-visible{outline-color:var(--accent)}
@media(max-width:600px){.graphite-site .services{background:linear-gradient(180deg,var(--intro) 0%,var(--intro) calc(100% - 45px),var(--page) 100%)}}
.graphite-site{color-scheme:dark}
.graphite-site .qty-control input{font-size:clamp(58px,6vw,84px)!important;line-height:1.1!important}
@media(max-width:600px){.graphite-site .qty-control input{font-size:64px!important}}
@media(max-width:360px){.graphite-site .qty-control input{font-size:56px!important}}
