/* TRASTOFF: product-led industrial layout with an orange accent. */
body.design-trastoff{background:#fff;font-size:16px;line-height:1.6;--paper:#fff;--accent:#bd461e;--soft:#f0f3f5}
body.design-trastoff .wrap{width:min(1160px,calc(100% - 48px))}
body.design-trastoff .site-header{background:#152c3c;border-bottom:3px solid #d65326}
body.design-trastoff .header-row{min-height:78px;padding:12px 0;gap:24px}
body.design-trastoff .brand{font-size:26px;letter-spacing:.8px}
body.design-trastoff .brand span{font-size:11px;line-height:1.45;max-width:30ch;margin-top:5px}
body.design-trastoff .main-nav{gap:19px}
body.design-trastoff .main-nav a,body.design-trastoff .phone{font-size:13px;line-height:1.5}
body.design-trastoff .breadcrumbs{padding:16px 0 8px;font-size:12px}
body.design-trastoff .hero{padding:28px 0 34px}
body.design-trastoff .hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:34px;align-items:center}
body.design-trastoff .hero-grid>.hero-media{order:-1}
body.design-trastoff .hero h1{font-size:clamp(30px,3.2vw,40px);line-height:1.15;letter-spacing:-.6px;max-width:23ch;margin:0 0 18px}
body.design-trastoff .hero-lead{font-size:16px;line-height:1.65;margin:0;color:#4d616f}
body.design-trastoff .eyebrow{font-size:10px;line-height:1.5;letter-spacing:.12em;margin:0 0 13px;color:#bd461e}
body.design-trastoff .hero-media{padding:0;margin:0;border:0;background:none;box-shadow:none;border-radius:0}
body.design-trastoff .hero-media img{width:100%;height:320px;object-fit:contain;display:block;background:#edf1f3}
body.design-trastoff .hero-media figcaption{font-size:11px;line-height:1.5;margin:0;padding:10px 0;border:0;color:#5d6c76}
body.design-trastoff .actions{gap:10px;margin-top:22px;align-items:stretch}
body.design-trastoff .button{min-height:44px;min-width:160px;border-radius:3px;padding:10px 16px;font-size:14px;font-weight:650;line-height:1.4;box-shadow:none}
body.design-trastoff .button-secondary{background:#fff;color:#243d4c;border-color:#a7b6c0}
body.design-trastoff .section{padding:28px 0}
body.design-trastoff .section-head{display:block;margin-bottom:22px;border-top:1px solid #d5dfe6;padding-top:24px}
body.design-trastoff .section-head h2{font-size:28px;line-height:1.2;margin:0 0 12px;letter-spacing:-.4px}
body.design-trastoff .section-head p{font-size:14px;line-height:1.55;max-width:80ch;margin:0}
body.design-trastoff .trast-showcase{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-bottom:26px}
body.design-trastoff .trast-product{display:flex;flex-direction:column;text-decoration:none;border:1px solid #d5dfe6;border-radius:3px;overflow:hidden;background:#fff;min-width:0}
body.design-trastoff .trast-product>img{width:100%;height:190px;object-fit:contain;background:#f0f3f5;display:block;margin:0 0 18px}
body.design-trastoff .trast-product h3{font-size:20px;line-height:1.25;margin:0 18px 12px}
body.design-trastoff .trast-product p{font-size:14px;line-height:1.55;color:#526674;margin:0 18px 18px}
body.design-trastoff .trast-product .arrow{font-size:13px;font-weight:600;line-height:1.45;margin:auto 18px 18px;color:#a43c18;padding-top:4px}
body.design-trastoff .trast-product:hover{border-color:#bd461e}
body.design-trastoff .trast-catalog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 26px;border-top:1px solid #d5dfe6}
body.design-trastoff .trast-category{display:flex;flex-direction:column;text-decoration:none;padding:18px 0;border-bottom:1px solid #d5dfe6;min-width:0}
body.design-trastoff .trast-category h3{font-size:17px;line-height:1.35;margin:0 0 10px}
body.design-trastoff .trast-category p{font-size:13px;line-height:1.55;color:#526674;margin:0 0 12px}
body.design-trastoff .trast-category .arrow{font-size:12px;line-height:1.45;color:#a43c18;margin-top:auto}
body.design-trastoff .trast-category:hover h3{color:#bd461e}
body.design-trastoff .content-grid{grid-template-columns:minmax(0,1fr) 235px;gap:44px;align-items:start}
body.design-trastoff .prose{padding:0;border:0;background:none;border-radius:0}
body.design-trastoff .prose h2{font-size:27px;line-height:1.25;margin:26px 0 16px}
body.design-trastoff .prose h2:first-child{margin-top:0}
body.design-trastoff .prose h3{font-size:18px;line-height:1.35}
body.design-trastoff .prose p,body.design-trastoff .prose li{font-size:16px;line-height:1.65}
body.design-trastoff .prose th,body.design-trastoff .prose td{font-size:14px;line-height:1.55;padding:12px}
body.design-trastoff .side-note{position:sticky;top:24px;background:#f0f3f5;padding:18px;border-left:2px solid #bd461e;font-size:13px;line-height:1.6}
body.design-trastoff .side-note h2{font-size:20px;line-height:1.3;margin:0 0 14px}
body.design-trastoff .side-note a{font-size:13px;margin-top:14px}
body.design-trastoff .process{grid-template-columns:1fr 1fr;gap:20px 28px;margin:24px 0}
body.design-trastoff .process div{border-top:1px solid #c5d0d8;padding-top:12px}
body.design-trastoff .process h3{font-size:17px;margin:8px 0}
body.design-trastoff .process p{font-size:14px;line-height:1.55}
body.design-trastoff .related{gap:8px 20px;margin:24px 0;padding-top:16px;border-top:1px solid #d5dfe6}
body.design-trastoff .related a{padding:2px 0;border:0;border-radius:0;background:none;font-size:13px;line-height:1.5;text-decoration:underline;text-underline-offset:4px}
body.design-trastoff .sf-brief{padding:22px;border-radius:3px;background:#f0f3f5}
body.design-trastoff .sf-brief h2{font-size:26px;margin:0 0 18px}
body.design-trastoff .sf-input-grid{gap:16px 20px}
body.design-trastoff .sf-brief label{font-size:13px;font-weight:650;line-height:1.5}
body.design-trastoff .sf-brief input,body.design-trastoff .sf-brief textarea{box-sizing:border-box;width:100%;min-height:44px;border-radius:3px;font:16px/1.4 Arial,sans-serif;margin:6px 0 12px;padding:10px 12px}
body.design-trastoff .sf-brief button,body.design-trastoff .sf-email{display:inline-flex;align-items:center;justify-content:center;min-height:44px;min-width:180px;padding:10px 16px;border-radius:3px;font-size:14px;line-height:1.4;margin:10px 10px 0 0}
body.design-trastoff .sf-brief textarea{min-height:100px;resize:vertical}
body.design-trastoff .faq details{padding:15px 0}
body.design-trastoff .faq summary{font-size:16px;font-weight:650;line-height:1.55}
body.design-trastoff .callout{padding:22px;border-left-width:2px;margin:24px 0}
body.design-trastoff .compare-card{padding:20px;border-radius:3px}
body.design-trastoff .site-footer{margin-top:28px;padding:30px 0 22px;border-top:3px solid #d65326;background:#152c3c}
body.design-trastoff .footer-grid{grid-template-columns:1.2fr .9fr 1fr;gap:36px}
body.design-trastoff .footer-grid a,body.design-trastoff .footer-grid p{font-size:13px;line-height:1.65}
body.design-trastoff .px-project{--px-accent:#a43c18!important}
body.design-trastoff .px-project :is(.px-section,.px-directory-group,.px-model-card,.px-context-links,.px-check){border-radius:3px;box-shadow:none}
@media(max-width:1100px){body.design-trastoff .header-row{gap:12px 18px}}
@media(max-width:800px){body.design-trastoff .hero-grid{grid-template-columns:1fr 1fr;gap:24px}body.design-trastoff .hero-media img{height:270px}body.design-trastoff .content-grid{grid-template-columns:1fr;gap:24px}body.design-trastoff .side-note{position:static}body.design-trastoff .trast-catalog{grid-template-columns:1fr 1fr}body.design-trastoff .trast-showcase{gap:16px}body.design-trastoff .trast-product>img{height:150px}body.design-trastoff .trast-product h3{font-size:18px;margin-left:14px;margin-right:14px}body.design-trastoff .trast-product p{margin-left:14px;margin-right:14px}}
@media(max-width:600px){body.design-trastoff .wrap{width:calc(100% - 32px)}body.design-trastoff .hero-grid,body.design-trastoff .trast-showcase,body.design-trastoff .trast-catalog{grid-template-columns:1fr}body.design-trastoff .hero-grid>.hero-media{order:0}body.design-trastoff .hero h1{font-size:32px;max-width:none}body.design-trastoff .hero-media img{height:auto;max-height:300px}body.design-trastoff .hero{padding:20px 0 24px}body.design-trastoff .actions .button{flex:1 1 150px;min-width:0}body.design-trastoff .trast-product>img{height:210px}body.design-trastoff .section-head h2,body.design-trastoff .prose h2{font-size:25px}body.design-trastoff .sf-input-grid{grid-template-columns:1fr}body.design-trastoff .sf-brief{padding:18px}body.design-trastoff .sf-brief button,body.design-trastoff .sf-email{display:flex;width:100%;margin-right:0}body.design-trastoff .footer-grid{grid-template-columns:1fr;gap:20px}body.design-trastoff .footer-grid>div:first-child{grid-column:auto}}

/* Live visual review: contact-first layout and concise industrial task tools. */
body.design-trastoff .sf-brief{scroll-margin-top:24px}
body.design-trastoff .sf-brief textarea[data-sf-output]{min-height:180px}
body.design-trastoff .hero-grid>.quality-contact-card{order:-1}
body.design-trastoff .quality-contact-card{border-radius:3px;box-shadow:none;padding:26px}
body.design-trastoff main>.px-project{width:min(1160px,calc(100% - 48px));margin:28px auto}
body.design-trastoff main>.px-project.px-reading{max-width:900px}
body.design-trastoff .px-hero{display:block;padding:6px 0 8px 26px;border:0;border-left:3px solid #bd461e;border-radius:0;background:none;margin-bottom:28px}
body.design-trastoff .px-hero>div{max-width:960px}
body.design-trastoff .px-project h1{font-size:38px;line-height:1.17;max-width:30ch}
body.design-trastoff .px-project h2{font-size:27px;line-height:1.25}
body.design-trastoff .px-hero p{font-size:16px;line-height:1.65;max-width:84ch}
body.design-trastoff .px-hero .px-steps{max-width:800px}
body.design-trastoff .px-hero .px-step{padding:8px 0;border-top-width:1px}
body.design-trastoff .px-project .px-section{margin:26px 0;padding:22px}
body.design-trastoff .px-project .px-button,body.design-trastoff .px-project input:not([type=checkbox]),body.design-trastoff .px-project select,body.design-trastoff .px-project textarea{border-radius:3px}
body.design-trastoff .px-guide .px-guide-nav{gap:8px 22px;padding:12px 0;border-top:1px solid var(--px-line);border-bottom:1px solid var(--px-line)}
body.design-trastoff .px-guide .px-guide-nav a{padding:3px 0;border:0;border-radius:0;font-size:14px;text-decoration:underline;text-underline-offset:4px}
@media(max-width:600px){body.design-trastoff main>.px-project{width:calc(100% - 32px)}body.design-trastoff .px-project h1{font-size:30px}body.design-trastoff .px-project h2{font-size:25px}body.design-trastoff .hero-grid>.quality-contact-card{order:0}body.design-trastoff .quality-contact-card{padding:20px}body.design-trastoff .px-hero{padding-left:18px}}