/* Kreator Studio: charcoal, midnight navy, silver, and cobalt. */
:root{color-scheme:dark;--blue:#9eb4ff;--ink:#edf0f1;--muted:#abb6c1;--line:#394650;--paper:#172027;--soft:#1d2933}
body{background:var(--paper);color:var(--ink)}
.header{border-bottom-color:#394650}
.button{background:#315be5;border-color:#315be5;color:#fff}
.button:hover{background:#2448bf}
.button-white{background:#e7edf5;border-color:#e7edf5;color:#172027}
.button-white:hover{background:#cad8ed}
.button-outline{background:transparent;border-color:#8395a8;color:#edf0f1}
.button-outline:hover{background:#253342}
.button-outline-white{background:transparent;border-color:#8ba3c3;color:#edf0f1}
.button-outline-white:hover{background:#263f5f}
.header nav>a:not(.button):hover,.text-link:hover{color:#c0cdff}
.hero h1 em{color:#a4b8ff}
.hero-description{color:#bcc6ce}
.hero-note,.art-index{color:#aebbc7}
.hero-art{background:#1535b7}
.principles{background:#10181e;border-top:1px solid #31404a;border-bottom:1px solid #31404a}
.principles span+span{border-color:#4a5a66}
.intro>div>p{color:#b4c0ca}
.intro-facts{border-color:#394650;color:#cbd5de}
.work-section{background:#1c2832}
.section-heading>p,.concept-note,.work-meta p{color:#aebcc9}
.pricing-grid{border-top-color:#697985}
.price-card{background:transparent;color:#edf0f1;border-bottom-color:#394650}
.price-top .eyebrow{color:#c3cddd}
.price-tag,.care-card .price-tag{color:#aeb9c5}
.price-card>p:not(.price):not(.price-footnote),.care-card>p:not(.price):not(.price-footnote){color:#b5c2ce}
.price-card .price span,.care-card .price span{color:#b7c4d0}
.price-card .price-footnote,.care-card .price-footnote{color:#aab8c6}
.check-list li:before,.care-card .check-list li:before{color:#a4b8ff}
.price-card .button{background:#315be5;border-color:#315be5;color:white}
.price-card .button:hover{background:#2448bf}
.care-card .button{background:#dce5ee;border-color:#dce5ee;color:#172027}
.care-card .button:hover{background:#bfcee0}
.offer-bottom p+p{color:#aebbc7}
.process-section{background:#111a21;border-top:1px solid #2b3944;border-bottom:1px solid #2b3944}
.process-section .section-heading>p,.process-grid p{color:#b7c3cf}
.process-grid li{border-top-color:#526473}
.step-num{color:#a8bcff}
.studio-label p,.studio-section>div+div>p{color:#b2bfca}
.studio-label .eyebrow,.studio-section .studio-lead{color:#e4eaf1}
.studio-monogram{color:#9eb4ff}
.faq-section,.faq-list details{border-color:#394650}
.faq-list details p{color:#b4c1cd}
.faq-list summary:after{color:#a4b8ff}
.contact-section{background:#1a3049;border-top:1px solid #3d5267}
.contact-copy>p:not(.eyebrow){color:#c4d2e1}
.contact-email{border-bottom-color:#97accb;color:#edf3fa}
.contact-section .eyebrow{color:#becce0}
.contact-section input,.contact-section textarea,.contact-section select{background:#162b40;color:#edf3fa;border-color:#738ca4;border-radius:0}
.contact-section input::placeholder,.contact-section textarea::placeholder{color:#bccbd9}
.contact-section label{font-size:.9rem}
.contact-section label span{color:#c0cedd}
.contact-section select option{background:#172d43;color:#edf3fa}
.form-note{color:#c0cedd}
.inquiry-result{border-top-color:#8096ac}
.inquiry-result p{color:#cedae5}
.footer>p,.footer>div>span{color:#afbdc9}
.closing-mark{background:#10171c;color:#dee7f0;border-top:1px solid #33424d}
dialog{background:#1c2a35;color:#edf0f1}
.dialog-toolbar{background:#1c2a35;color:#edf0f1;border-bottom-color:#485a69}
.dialog-toolbar button{color:#edf0f1}
.concept-site{color:#edf0f1}
.concept-site.summit{color:#f9f5e9}
.concept-site.fieldwork{color:#263825}
.concept-site .button-white{color:#172027}
.skip-link{background:#315be5;color:white}
.studio-label{display:block}
.studio-portrait{margin:0 0 24px;max-width:400px}
.studio-portrait img{display:block;width:100%;height:auto;aspect-ratio:4/5;object-fit:cover;object-position:center;border:1px solid #50606b}
.studio-portrait figcaption{font-size:.875rem;letter-spacing:.08em;line-height:1.5;color:#bcc8d3;border-bottom:1px solid #394650;padding:15px 0}
@media(max-width:800px){.principles span+span{border:0}.studio-label>p:last-child{color:#afbdc9}.studio-portrait{max-width:360px}}
@media(max-width:500px){.studio-portrait{max-width:320px}}