/* SUMIBRANDS: a shared, architectural identity for the site and supply desk. */
@media screen {
.brand-home,.brand-desk{--sb-line:#b9c9d3;--sb-blue:#091e31;--sb-yellow:#f6c700}
.brand-home .button,.brand-desk .primary,.brand-desk .outline{border-radius:0;font-weight:700}
.brand-home .site-header{border-bottom:1px solid #ffffff26;padding-top:26px;padding-bottom:26px}
.brand-home .site-header::after,.brand-desk .corporate-masthead::after{content:"";position:absolute;left:5%;bottom:-2px;width:54px;height:3px;background:#f6c700}
.brand-home .hero-content{padding-left:6%;max-width:800px}
.brand-home .hero-content::before{content:"";position:absolute;left:3%;top:195px;bottom:135px;width:1px;background:#ffffff25}
.brand-home .hero .eyebrow{display:flex;align-items:center;gap:12px;letter-spacing:2px;color:#d1dee8}
.brand-home .hero .eyebrow::before{content:"";width:7px;height:7px;background:#f6c700;flex-shrink:0}
.brand-home .hero h1{font-size:clamp(52px,5.6vw,86px);line-height:1.01;letter-spacing:-3px;max-width:760px}
.brand-home .hero-intro{font-size:17px;max-width:470px;color:#c0d0dc}
.brand-home .hero-actions .button{min-height:55px;padding:17px 22px}
.brand-home .hero-actions .ghost{background:#091e3155;border-color:#8ba1b1}
.brand-home .hero-bottom{padding-top:18px;border-top:1px solid #ffffff25}
.brand-home .hero-bottom>span{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#cfdae2}
.brand-home .intro-section{padding:64px 6%;border-bottom:1px solid #bdcbd5;gap:40px}
.brand-home .intro-section h2,.brand-home .section-heading h2,.brand-home .process-heading h2,.brand-home .about-section h2,.brand-home .platform-invitation h2{font-weight:700;letter-spacing:-1.3px}
.brand-home .intro-section h2{font-size:39px}
.brand-home .intro-section article{position:relative}
.brand-home .intro-section article h3{font-weight:700}
.brand-home .intro-section .eyebrow,.brand-home .section-heading .eyebrow,.brand-home .about-section .eyebrow{color:#49677a;font-weight:700}
.brand-home .capabilities{padding:80px 6%;background:#e9eef0}
.brand-home .section-heading{border-top:2px solid #091e31;padding-top:30px}
.brand-home .section-heading h2{font-size:43px}
.brand-home .section-heading>p{color:#526c7e}
.brand-home .capability-grid{border:1px solid #aebfcb;background:#f7f9fa}
.brand-home .capability-grid a,.brand-home .capability-grid a+a{padding:29px 25px;position:relative;min-height:290px}
.brand-home .category-number{font-size:43px;font-weight:700;letter-spacing:-2px;color:#567184;line-height:1}
.brand-home .capability-grid h3{font-weight:700;font-size:23px;margin-top:30px}
.brand-home .capability-grid p{color:#5a7283}
.brand-home .category-arrow{width:32px;height:32px;border:1px solid #aebfcb;text-align:center;line-height:30px;transition:background .2s}
.brand-home .capability-grid a:hover{background:#091e31;color:white}
.brand-home .capability-grid a:hover .category-number,.brand-home .capability-grid a:hover p{color:#becfda}
.brand-home .capability-grid a:hover .category-arrow{background:#f6c700;color:#091e31;border-color:#f6c700}
.brand-home .fineprint{color:#526b7c}
.brand-home .process-section{position:relative;padding:85px 6%;border-top:5px solid #f6c700;background:#091e31}
.brand-home .process-heading h2{font-size:48px}
.brand-home .process-section li>span{font-size:27px;font-weight:700;letter-spacing:-1px;min-width:35px}
.brand-home .process-section h3{font-size:21px;font-weight:700}
.brand-home .process-section li p{font-size:13px;color:#afc1ce}
.brand-home .about-section{padding:80px 6%;gap:8%}
.brand-home .about-origin{background:#091e31;color:white;border:0;border-left:5px solid #f6c700;justify-content:center;min-height:320px}
.brand-home .about-origin strong{color:#fff;font-size:64px;font-weight:700;letter-spacing:-3px}
.brand-home .about-origin>span{color:#bacbd7}
.brand-home .about-origin .origin-rule{background:#3b5366}
.brand-home .about-section h2{font-size:39px}
.brand-home .about-section p:not(.eyebrow){color:#546e80}
.brand-home .platform-invitation{padding:55px 6%;border-top:1px solid #b4c6d1;border-bottom:5px solid #f6c700}
.brand-home .platform-invitation h2{font-size:39px}
.brand-home .platform-invitation p:not(.eyebrow){color:#546e80}
/* The request workspace: document hierarchy and decisive, quiet controls. */
.brand-desk .corporate-masthead{border-bottom:1px solid #3a5063}
.brand-desk .rail{background:#102a40;border-bottom:0}
.brand-desk .rail nav{counter-reset:sections;gap:36px}
.brand-desk .nav-item{counter-increment:sections;color:#b8cbd8;font-size:12px;font-weight:700}
.brand-desk .nav-item::after{content:counter(sections,decimal-leading-zero);font-size:9px;font-weight:400;color:#8da7ba;order:-1;margin-right:3px}
.brand-desk .nav-item:hover,.brand-desk .nav-item.active{color:white;background:transparent}
.brand-desk .nav-item.active::after{color:#f6c700}
.brand-desk .nav-item.active::before{background:#f6c700;height:3px}
.brand-desk .shell{background:#eaf0f3;min-height:calc(100vh - 159px)}
.brand-desk .topbar{height:60px}
.brand-desk .page-heading{border-bottom:1px solid #b7c8d3;padding-bottom:27px;align-items:center}
.brand-desk .page-heading .eyebrow{font-weight:700;color:#4b677c;letter-spacing:1.8px}
.brand-desk .page-heading h1{font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:-1.7px;max-width:790px}
.brand-desk .lede{font-size:13px;color:#526b7e;max-width:690px}
.brand-desk .workspace-panel{border:1px solid #aabecb;border-top:4px solid #091e31;box-shadow:0 10px 26px #091e3108}
.brand-desk .document-strip{background:#102a40;color:#c7d5de;height:48px}
.brand-desk .document-strip>span:first-child,.brand-desk .document-strip>span:first-child>#requestNumber{color:#c7d5de}
.brand-desk .status-chip{color:#f6c700;border:1px solid #526071;padding:5px 9px;background:none}
.brand-desk .stepnav{background:#edf2f5;border-bottom:1px solid #bfced8}
.brand-desk .stepnav button{font-size:12px;gap:12px}
.brand-desk .stepnav button span{font-size:19px;font-weight:700;color:#8098a9;letter-spacing:-.8px}
.brand-desk .stepnav button.selected{border-bottom-color:#f6c700;box-shadow:inset 0 -1px #f6c700}
.brand-desk .stepnav button.selected span{color:#091e31}
.brand-desk .section-head h2{font-weight:700;font-size:24px;letter-spacing:-.6px}
.brand-desk .section-head p{color:#627c8e;font-size:12px}
.brand-desk .category-tabs{gap:8px;border:0}
.brand-desk .category-tabs button{padding:12px 14px;background:#edf2f5;color:#4a6579;font-size:11px;border:1px solid #d3dfe6!important;text-align:center}
.brand-desk .category-tabs button.selected{background:#091e31;color:white;box-shadow:none;border-color:#091e31!important}
.brand-desk .field>span{font-weight:700;color:#39566b;font-size:11px}
.brand-desk input:focus,.brand-desk textarea:focus,.brand-desk select:focus{outline:2px solid #345d79;outline-offset:2px}
.brand-desk .line-head{background:#edf2f5;color:#36556c;font-weight:700}
.brand-desk .add-line{background:white;border-style:dashed;border-color:#829eaf;color:#24455c}
.brand-desk .form-footer{background:#edf2f5}
.brand-desk .form-footer .primary,.brand-desk .request-entry .primary{background:#f6c700;border-color:#f6c700;color:#091e31;font-weight:700}
.brand-desk .form-footer .primary>span:last-child,.brand-desk .request-entry .primary>span:last-child{color:#091e31}
.brand-desk .context{background:#091e31;border:0;border-top:4px solid #f6c700;color:white}
.brand-desk .context .eyebrow{font-weight:700;color:#bacbd8}
.brand-desk .micro-id{color:#f6c700}
.brand-desk .counter strong{font-size:57px;font-weight:700;letter-spacing:-2px}
.brand-desk .counter>span,.brand-desk .readiness>div:first-child,.brand-desk .scope p{color:#bbccda}
.brand-desk .readiness,.brand-desk .context-route,.brand-desk .scope{border-color:#3c5365}
.brand-desk .readiness li{color:#9cb4c6}
.brand-desk .readiness li.done,.brand-desk .readiness li.done::before{color:#f6c700}
.brand-desk .progress-track{background:#3b5265;height:3px}
.brand-desk .progress-track span{background:#f6c700;height:3px}
.brand-desk .context-route b{color:white;font-size:16px}
.brand-desk .context-route>div>span,.brand-desk .context-route b small{color:#a3bdce}
.brand-desk .route-arrow{color:#f6c700}
.brand-desk .scope h3{color:white;font-size:12px}
.brand-desk .scope p{font-size:11px}
.brand-desk .international-hero{border-top:4px solid #f6c700}
.brand-desk .hero-statement h1{font-weight:700;font-size:clamp(34px,4vw,61px);line-height:1.04;letter-spacing:-2px}
.brand-desk .request-entry h2,.brand-desk .capability-heading h2,.brand-desk .working-model h2,.brand-desk .workspace-invitation h2{font-weight:700}
.brand-desk .service-strip{background:#dce5eb;color:#2e4d64;font-weight:700;border-bottom:1px solid #aebfcc}
.brand-desk .industrial-number{font-size:25px;font-weight:700;letter-spacing:-1px;color:#507087}
.brand-desk .industrial-item strong{font-weight:700;font-size:20px}
.brand-desk .industrial-item:hover{background:#dce6ec}
.brand-desk .working-model{border-top:3px solid #091e31}
.brand-desk .working-model h3,.brand-desk .guide-steps h2,.brand-desk .draft-row h2{font-weight:700}
.brand-desk .guide-steps article>span{font-weight:700;font-size:29px;color:#395c75}
.brand-desk .guide-scope{border-top:4px solid #f6c700}
.brand-desk footer{background:#eaf0f3;border-top:1px solid #bdcbd5;color:#49677a}
@media(max-width:1100px){
.brand-home .hero h1{font-size:62px;max-width:580px}
.brand-home .hero-content{max-width:660px}
.brand-home .capability-grid a,.brand-home .capability-grid a+a{padding:25px 20px}
.brand-home .section-heading h2{font-size:36px}
.brand-desk .rail nav{gap:24px}
}
@media(max-width:720px){
.brand-home .hero h1{font-size:52px;letter-spacing:-1.8px}
.brand-home .hero-content{padding-left:24px}
.brand-home .hero-content::before{display:none}
.brand-home .intro-section,.brand-home .capabilities,.brand-home .process-section,.brand-home .about-section{padding:44px 24px}
.brand-home .intro-section h2,.brand-home .section-heading h2,.brand-home .about-section h2{font-size:32px}
.brand-home .process-heading h2{font-size:37px}
.brand-home .category-number{font-size:33px}
.brand-home .capability-grid a,.brand-home .capability-grid a+a{min-height:0;padding:25px}
.brand-home .capability-grid h3{margin-top:19px}
.brand-home .about-origin{min-height:260px}
.brand-home .about-origin strong{font-size:55px}
.brand-home .platform-invitation{padding:40px 24px}
.brand-home .platform-invitation h2{font-size:32px}
.brand-desk .rail nav{gap:0}
.brand-desk .nav-item{font-size:10px;gap:4px}
.brand-desk .nav-item::after{font-size:8px;margin-right:0}
.brand-desk .page-heading h1{font-size:33px;letter-spacing:-1px}
.brand-desk .stepnav button{padding:16px 8px;font-size:10px;gap:7px}
.brand-desk .stepnav button span{font-size:15px}
.brand-desk .category-tabs button{padding:10px 6px;font-size:10px}
.brand-desk .section-head h2{font-size:22px}
.brand-desk .hero-statement h1{font-size:38px;letter-spacing:-1.2px}
.brand-desk .context-route b{font-size:14px}
}
@media(prefers-reduced-motion:reduce){.brand-home .category-arrow{transition:none}}
}