/* YI MEDIA — orange gold, warm ivory and copper. */
:root{--orange:#ce4b13;--orange-dark:#a9350b;--ink:#342922;--muted:#81736b;--line:#ece3d9;--cream:#fcf8f2;--peach:#fff0df;--green:#694837}
.site-header{border-bottom-color:#f0e7df;background:#fffefbf5}
.brand{gap:10px}
.brand-symbol{width:64px;height:62px;letter-spacing:0;flex-shrink:0}
.brand-symbol img{display:block;width:100%;height:100%;max-width:none;max-height:none;object-fit:contain}
.brand-word{font-size:27px;line-height:1.2;font-weight:800;letter-spacing:3px;color:#7c3015}
.brand-word small{font-size:9px;letter-spacing:3.7px;color:#aa653f;margin-top:7px;font-weight:600}
.site-header nav{color:#756659}.site-header nav a:hover{color:var(--orange)}
.btn:not(.btn-outline){background:linear-gradient(115deg,#cc4515,#dc601a);border-color:#ce4b13;box-shadow:0 5px 15px #bb470e12}
.btn:not(.btn-outline):hover{background:#a9350b;border-color:#a9350b}
.hero-copy .eyebrow,.hero-copy>p,.hero-promise{color:#817065}
.hero h1 em{color:#bd4518}.title-star{color:#f38023}.hero-promise svg{color:#b66b37}
.hero-stage{background:radial-gradient(circle at 15% 10%,#fffaf0,transparent 55%),linear-gradient(145deg,#fff3e5,#f4ddc4)}
.art-back{background:#f0d9b9;color:#9c6237}.art-chart i{background:#c69766}
.art-front{background:#fffdf9;color:#633922}.art-label,.art-slide-foot{color:#998473}
.orange-orbit{background:#fff8ed;border-color:#eed2b0}.orange-orbit:before{display:none}
.orange-orbit>img{position:relative;width:94%;height:94%;object-fit:contain;transform:rotate(8deg)}
.floating-tag{color:#886f5a}.metrics strong{color:#71472f}.metrics strong small,.metrics>div>span{color:#8b796b}
.section-heading>p,.service-card>p,.service-bottom{color:#897a6f}.section h2{color:#49342a}
.segmented{background:#f0e6da}.segmented button,.segmented small{color:#967960}.segmented button.active{color:#874a26}
.service-card{border-color:#eee2d7}.service-card:hover{border-color:#e6ad7f}.service-card-top>span{background:#fff0df}
.tags span{background:#faf3e9;color:#8e765e}.service-card-foot{border-color:#f2e9e0}
.work-filters button{background:#faf3ea;color:#887260}.work-filters button.active{background:#75412a;color:white}
.quality{background:#fcf8f2}.plan-card.featured{border-color:#d7894d}
footer{background:#fcf8f2;border-color:#eee2d7}.footer-main .brand{width:max-content}
@media(max-width:650px){.brand-symbol{width:53px;height:51px}.brand-word{font-size:23px;letter-spacing:2px}.brand-word small{font-size:8px;letter-spacing:2.8px;margin-top:5px}.brand{gap:7px}}

/* Compact editorial brand lockup: symbol, wordmark and service proof. */
.brand:has(.brand-word-studio){gap:10px}
.brand:has(.brand-word-studio) .brand-symbol{width:58px;height:58px}
.brand .brand-word-studio{font-size:28px;font-weight:750;letter-spacing:2px;color:#633421;line-height:1.25;white-space:nowrap}
.brand .brand-word-studio>small{display:inline-block;font:600 8px/1.2 Arial,sans-serif;letter-spacing:1.1px;color:#ad7654;margin:0 0 0 9px;vertical-align:middle;border-left:1px solid #e6d7ca;padding-left:9px;max-width:38px;white-space:normal}
.brand .brand-word-studio .brand-tagline{display:block;font-size:11px;line-height:1.6;font-weight:500;letter-spacing:.5px;color:#a36a46;margin-top:7px}
@media(max-width:1150px){.brand .brand-word-studio{font-size:25px;letter-spacing:1.5px}.brand:has(.brand-word-studio) .brand-symbol{width:49px;height:49px}.brand .brand-word-studio .brand-tagline{font-size:10px;letter-spacing:.3px}}
@media(max-width:650px){.brand:has(.brand-word-studio){gap:7px}.brand:has(.brand-word-studio) .brand-symbol{width:45px;height:45px}.brand .brand-word-studio{font-size:24px}.brand .brand-word-studio>small{font-size:7px;margin-left:7px;padding-left:7px;max-width:31px}.brand .brand-word-studio .brand-tagline{margin-top:4px;font-size:10px;letter-spacing:0}}

/* Compact Chinese wordmark with a quiet secondary tagline. */
.site-header .brand:has(.brand-word-studio){gap:11px;flex-shrink:0}
.site-header .brand:has(.brand-word-studio) .brand-symbol{width:54px;height:54px}
.site-header .brand .brand-word-studio{font-size:28px;line-height:1.2;letter-spacing:1px;font-weight:750}
.site-header .brand .brand-word-studio .brand-tagline{font-size:11px;line-height:1.6;font-weight:400;letter-spacing:0;margin-top:7px}
@media(max-width:1150px){.site-header .brand .brand-word-studio{font-size:25px}.site-header .brand:has(.brand-word-studio) .brand-symbol{width:48px;height:48px}}
@media(max-width:650px){.site-header .brand:has(.brand-word-studio){gap:8px}.site-header .brand .brand-word-studio{font-size:24px}.site-header .brand:has(.brand-word-studio) .brand-symbol{width:44px;height:44px}.site-header .brand .brand-word-studio .brand-tagline{font-size:10px;margin-top:5px}}