/*
Theme Name: Starhan Laser Commerce
Theme URI: https://example.com/starhan-laser-commerce
Author: Codex
Description: Premium laser equipment commerce theme.
Version: 2.1.0
License: GPL-2.0-or-later
Text Domain: starhan-laser-commerce
*/
:root{--ink:#111;--muted:#6e6e73;--orange:#f45114;--paper:#f5f5f3;--dark:#151515}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;background:#fff}a{color:inherit;text-decoration:none}.slc-container{width:min(1360px,calc(100% - 48px));margin:auto}
.site-header{height:64px;background:rgba(255,255,255,.96);position:sticky;top:0;z-index:50;border-bottom:1px solid #ececec;backdrop-filter:blur(16px)}.header-inner{height:100%;display:flex;align-items:center;gap:34px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;font-size:22px;letter-spacing:-1px;white-space:nowrap}.brand-mark{width:17px;height:25px;display:inline-block;position:relative}.brand-mark:before,.brand-mark:after{content:"";position:absolute;width:4px;height:24px;background:var(--orange);transform:rotate(36deg);border-radius:4px}.brand-mark:after{height:11px;background:#111;left:9px;top:7px}.main-nav{display:flex;align-items:center;gap:32px;font-size:14px;margin-right:auto}.main-nav a{transition:.2s}.main-nav a:hover{color:var(--orange)}.header-actions{display:flex;gap:10px;align-items:center}.slc-button,.xl-btn{display:inline-flex;align-items:center;justify-content:center;background:var(--orange);color:#fff;border-radius:999px;border:0;padding:13px 27px;font-weight:700;font-size:14px;transition:.25s;box-shadow:0 8px 24px rgba(244,81,20,.18)}.slc-button:hover,.xl-btn:hover{transform:translateY(-2px);background:#db3d08}.slc-button.secondary{background:#f1f1f1;color:#111;box-shadow:none}.header-actions .slc-button{padding:9px 17px}
.xl-main{overflow:hidden}.xl-hero{min-height:calc(100vh - 64px);height:760px;position:relative;background:linear-gradient(118deg,#2b140b 0 27%,#8a4d31 27.2% 47%,#c88c69 47.2% 67%,#6f3823 67.2% 100%);isolation:isolate;color:#fff;display:grid;place-items:start center}.xl-hero:before{content:"";position:absolute;inset:51% 0 0;background:linear-gradient(12deg,#4c1f10 0 28%,#e1ac87 28.2% 73%,#70402c 73.2%);z-index:-1}.xl-hero:after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 59% 38%,rgba(255,233,207,.38),transparent 24%),linear-gradient(90deg,rgba(0,0,0,.24),transparent 35%);z-index:-1}.xl-hero-copy{text-align:center;padding-top:72px;z-index:3}.xl-hero-copy>span,.xl-heading>span,.xl-cta span{font-size:13px;letter-spacing:2.6px;font-weight:800;color:#ffd6c5}.xl-hero h1{font-size:clamp(42px,5vw,76px);line-height:.98;letter-spacing:-3px;margin:12px 0}.xl-hero-copy p{font-size:21px;margin:0 0 28px;color:#fff}.xl-actions{display:flex;align-items:center;justify-content:center;gap:26px}.xl-link{font-weight:700;border-bottom:1px solid rgba(255,255,255,.6);padding-bottom:4px}.xl-machine{position:absolute;width:370px;height:235px;left:50%;bottom:84px;transform:translateX(-50%) skewY(-2deg);background:linear-gradient(145deg,#f1f1ef,#8b8d8d 55%,#2c2d2d 56%);border-radius:12px 22px 18px 12px;box-shadow:0 40px 70px rgba(22,10,4,.5),inset 0 0 0 2px rgba(255,255,255,.45);z-index:3}.xl-machine:before{content:"";position:absolute;left:0;bottom:0;width:115px;height:170px;background:#171919;border-radius:10px 0 0 12px;box-shadow:inset -10px 0 20px #000}.xl-handle{position:absolute;top:-27px;right:55px;width:115px;height:35px;border:12px solid #b9b9b7;border-bottom:0;border-radius:9px}.xl-screen{position:absolute;z-index:2;left:14px;top:26px;width:86px;height:56px;background:linear-gradient(135deg,#263e44,#62b9ad);border:5px solid #444;color:#d8f9f4;font-size:10px;padding:7px;text-align:center}.xl-screen b{font-size:14px}.xl-vent{position:absolute;right:28px;bottom:34px;width:105px;height:58px;background:repeating-linear-gradient(90deg,#333 0 3px,transparent 3px 7px);opacity:.75}.xl-light{position:absolute;left:77px;bottom:42px;width:14px;height:14px;background:#f44;border-radius:50%;box-shadow:0 0 17px #f33}.xl-rail{position:absolute;left:32px;bottom:70px;display:flex;flex-direction:column;gap:21px;font-size:13px;color:rgba(255,255,255,.5)}.xl-rail b{color:#fff;border-left:3px solid var(--orange);margin-left:-32px;padding-left:29px}
.xl-section{padding:110px 32px}.xl-heading{text-align:center;max-width:790px;margin:0 auto 52px}.xl-heading>span{color:var(--orange)}.xl-heading h2{font-size:clamp(36px,4vw,58px);letter-spacing:-2.4px;line-height:1.05;margin:12px 0 15px}.xl-heading p{font-size:18px;line-height:1.65;color:var(--muted);margin:0}.xl-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;max-width:1360px;margin:auto}.xl-product-card{min-height:545px;padding:36px;position:relative;overflow:hidden;background:#eee;display:flex;flex-direction:column;justify-content:flex-end}.xl-product-card>div:last-child{position:relative;z-index:3}.xl-product-card span{font-size:12px;font-weight:800;letter-spacing:2px;color:var(--orange)}.xl-product-card h3{font-size:34px;margin:7px 0}.xl-product-card p{color:#5f5f61;margin:0 0 15px}.xl-product-card a{font-weight:800}.xl-product-card:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 60% 25%,#fff,transparent 45%)}.xl-mini-machine,.xl-cleaner,.xl-engraver{position:absolute!important;z-index:2!important;top:90px;left:50%;transform:translateX(-50%);width:245px;height:145px;border-radius:9px;background:linear-gradient(145deg,#e9e9e7 0 45%,#202323 46%);box-shadow:0 25px 40px #0003}.xl-mini-machine:before{content:"";position:absolute;width:72px;height:108px;left:0;bottom:0;background:#121515}.xl-cleaner{width:230px;height:160px;background:linear-gradient(135deg,#f5f5f3 0 62%,#1b1c1c 63%)}.xl-cleaner:after{content:"Q1";position:absolute;right:30px;top:40px;font-size:32px;font-weight:900}.xl-engraver{width:170px;height:190px;background:linear-gradient(90deg,transparent 0 38%,#1d1f20 38% 54%,transparent 54%);box-shadow:none;border-bottom:8px solid #222}.xl-engraver:after{content:"";position:absolute;width:160px;height:105px;bottom:0;left:5px;border:2px solid #777;background:radial-gradient(circle,#ff5c19 0 3px,transparent 4px)}.clean{background:#ece8e2}.engrave{background:#e7eaec}
.xl-dark{background:var(--dark);color:#fff}.xl-heading.light p{color:#aaa}.xl-feature-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #333}.xl-feature-grid>div{padding:48px 30px;border-right:1px solid #333}.xl-feature-grid>div:last-child{border:0}.xl-feature-grid strong{font-size:50px;color:var(--orange);letter-spacing:-2px}.xl-feature-grid h3{font-size:20px;margin:16px 0 10px}.xl-feature-grid p{line-height:1.6;color:#aaa}
.xl-community{background:#f5f5f3}.xl-story-grid{max-width:1360px;margin:auto;display:grid;grid-template-columns:1.1fr .9fr .9fr;gap:16px}.xl-story{height:440px;padding:36px;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;position:relative;overflow:hidden}.xl-story:before{content:"";position:absolute;width:230px;height:230px;border-radius:50%;right:-50px;top:40px;background:#fff2;box-shadow:-110px 120px 0 #0002}.xl-story span{font-size:12px;letter-spacing:2px;font-weight:800}.xl-story h3{font-size:36px;line-height:1.08;margin:10px 0;position:relative}.orange{background:linear-gradient(135deg,#5d210e,#ef5b1b)}.steel{background:linear-gradient(135deg,#313436,#8d9293)}.blue{background:linear-gradient(135deg,#132739,#397aa2)}
.xl-proof{background:#fff}.xl-quotes{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.xl-quotes blockquote{margin:0;padding:38px;border:1px solid #e6e6e6;font-size:22px;line-height:1.45;min-height:260px;display:flex;flex-direction:column;justify-content:space-between}.xl-quotes cite{display:block;font-size:13px;font-style:normal;color:var(--orange);font-weight:800;margin-top:25px}.xl-trust{background:#f5f5f3}.xl-trust-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.xl-trust-grid>div{background:#fff;padding:32px;min-height:240px}.xl-trust-grid b{color:var(--orange);font-size:13px}.xl-trust-grid h3{font-size:21px;margin:34px 0 10px}.xl-trust-grid p{color:#686868;line-height:1.6}.xl-cta{padding:74px max(32px,calc((100% - 1180px)/2));display:flex;align-items:center;justify-content:space-between;gap:30px;background:#2d1108;color:#fff}.xl-cta h2{font-size:38px;margin:8px 0}.xl-cta span{color:#ff966c}
.site-footer{background:#101010;color:#ccc}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:40px;padding:70px 0}.site-footer h3,.site-footer h4{color:#fff}.site-footer ul{list-style:none;padding:0}.site-footer li{margin:10px 0}.site-footer a:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #333;padding:20px 0;color:#777}
@media(max-width:900px){.slc-container{width:min(100% - 28px,1360px)}.site-header{height:58px}.main-nav{display:none}.header-actions .secondary{display:none}.header-actions{margin-left:auto}.xl-hero{height:700px;min-height:0}.xl-hero-copy{padding:62px 20px}.xl-hero h1{letter-spacing:-2px}.xl-machine{width:300px;height:200px;bottom:95px}.xl-rail{display:none}.xl-section{padding:76px 18px}.xl-product-grid,.xl-story-grid{grid-template-columns:1fr}.xl-product-card{min-height:500px}.xl-feature-grid,.xl-trust-grid{grid-template-columns:1fr 1fr}.xl-feature-grid>div:nth-child(2){border-right:0}.xl-quotes{grid-template-columns:1fr}.xl-story{height:380px}.xl-cta{padding:58px 24px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.brand{font-size:18px}.header-actions .slc-button{font-size:0;width:40px;height:40px;padding:0}.header-actions .slc-button:after{content:"↗";font-size:18px}.xl-hero{height:620px}.xl-hero-copy{padding-top:48px}.xl-hero-copy p{font-size:17px}.xl-actions{gap:14px}.xl-machine{width:250px;height:165px;bottom:82px}.xl-machine:before{width:83px;height:125px}.xl-screen{width:62px;height:45px;font-size:7px;left:10px}.xl-feature-grid,.xl-trust-grid{grid-template-columns:1fr}.xl-feature-grid>div{border-right:0;border-bottom:1px solid #333}.xl-heading h2{letter-spacing:-1.5px}.footer-grid{grid-template-columns:1fr}}


/* Subpage system */
.sub-main{background:#fff}.sub-hero{min-height:440px;padding:95px 28px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;background:#f3f3f1;position:relative;overflow:hidden}.sub-hero:before{content:"";position:absolute;width:620px;height:620px;border-radius:50%;background:radial-gradient(circle,#fff 0 4%,#e7e7e4 5% 28%,transparent 29%);right:-170px;top:-260px;opacity:.8}.sub-hero>span,.product-summary>span,.product-story span,.pattern-band span,.comparison span,.article-feature span,.contact-layout span,.about-hero span,.about-problem span,.about-timeline>span{color:var(--orange);font-weight:800;letter-spacing:2.4px;font-size:12px;position:relative}.sub-hero h1{font-size:clamp(46px,6vw,82px);letter-spacing:-4px;line-height:.98;margin:14px 0;position:relative;max-width:1050px}.sub-hero p{max-width:720px;color:#666;font-size:18px;line-height:1.6;position:relative}.catalog-hero{background:linear-gradient(120deg,#e9e5df,#f8f8f6 48%,#d4c5b8)}.academy-hero{background:linear-gradient(135deg,#181818,#3a1b10);color:#fff}.academy-hero p,.support-hero p,.contact-hero p{color:#ccc}.support-hero{background:linear-gradient(135deg,#242424,#101010);color:#fff}.contact-hero{background:linear-gradient(120deg,#3b1509,#9d4323);color:#fff}.sub-filter{position:sticky;top:64px;z-index:20;background:#fff;border-bottom:1px solid #e5e5e5}.sub-filter .slc-container{display:flex;justify-content:center;gap:34px;overflow:auto;padding:18px}.sub-filter a{white-space:nowrap;font-size:13px;font-weight:750}.sub-filter a:hover{color:var(--orange)}.sub-section{padding:100px 28px}.catalog-layout{display:grid;grid-template-columns:220px 1fr;gap:50px;max-width:1360px;margin:auto}.catalog-layout aside{display:flex;flex-direction:column;gap:0}.catalog-layout aside>b{font-size:12px;letter-spacing:2px;margin-bottom:26px}.catalog-layout aside label{padding:19px 0;border-top:1px solid #ddd;display:flex;justify-content:space-between;font-weight:700;font-size:14px}.catalog-layout aside span{color:#999}.catalog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.catalog-card{border:1px solid #e4e4e4;background:#fff;padding-bottom:28px;transition:.25s;overflow:hidden}.catalog-card:hover{transform:translateY(-5px);box-shadow:0 22px 50px #00000014}.catalog-card>span,.catalog-card>h2,.catalog-card>p,.catalog-card>b{display:block;margin-left:26px;margin-right:26px}.catalog-card>span{font-size:11px;letter-spacing:1.8px;color:var(--orange);font-weight:800;margin-top:25px}.catalog-card h2{font-size:25px;margin-top:7px;margin-bottom:8px}.catalog-card p{color:#696969;line-height:1.55;min-height:50px}.catalog-card>b{font-size:13px}.catalog-visual{height:290px;position:relative;background:radial-gradient(circle at 50% 35%,#fff,#e7e7e4 72%);overflow:hidden}.catalog-visual i{position:absolute;width:205px;height:124px;left:50%;top:83px;transform:translateX(-50%);border-radius:8px;background:linear-gradient(145deg,#eee 0 48%,#232525 49%);box-shadow:0 25px 30px #0003}.catalog-visual i:before{content:"";position:absolute;left:0;bottom:0;width:64px;height:94px;background:#121414;border-radius:7px}.catalog-visual.v2 i{width:190px;height:145px;background:linear-gradient(140deg,#f2f2ef 0 62%,#1d1e1e 63%)}.catalog-visual.v2 i:after{content:"Q1";position:absolute;right:22px;top:32px;font-size:28px;font-weight:900}.catalog-visual.v3 i{width:145px;height:180px;background:linear-gradient(90deg,transparent 0 38%,#252727 38% 55%,transparent 55%);box-shadow:none;border-bottom:8px solid #222}.catalog-visual.accessory i{width:145px;height:155px;border-radius:50% 50% 36% 36%;background:linear-gradient(135deg,#222,#747777);box-shadow:0 25px 35px #0003}.catalog-visual.a2 i{border-radius:50%;width:160px;height:160px;background:radial-gradient(circle,#cde6e0 0 38%,#252828 39% 50%,transparent 51%)}.sub-faq{padding:100px 28px;background:#f5f5f3}.sub-faq .slc-container{max-width:960px}.sub-faq>div>span{color:var(--orange);letter-spacing:2px;font-size:12px;font-weight:800}.sub-faq h2{font-size:50px;letter-spacing:-2px;margin:12px 0 40px}.sub-faq details{border-top:1px solid #ccc;padding:24px 0}.sub-faq summary{font-weight:800;font-size:19px;cursor:pointer}.sub-faq details p{color:#666;line-height:1.7;max-width:700px}
.product-top{min-height:680px;display:grid;grid-template-columns:1.18fr .82fr}.product-gallery{background:#efefed;display:flex;align-items:center;justify-content:center;position:relative}.product-summary{padding:90px 8vw 70px 70px;display:flex;flex-direction:column;justify-content:center}.product-summary h1{font-size:56px;letter-spacing:-3px;margin:12px 0 0}.product-summary h2{font-size:25px;margin:7px 0 18px}.product-summary p{font-size:17px;color:#666;line-height:1.65}.product-summary ul{list-style:"✓  ";padding-left:21px;line-height:2;color:#555}.product-summary .xl-btn{align-self:flex-start}.product-price{font-size:26px;font-weight:900;margin:8px 0}.detail-machine{width:400px;height:260px;background:linear-gradient(145deg,#f4f4f1 0 47%,#242626 48%);border-radius:14px;box-shadow:0 45px 70px #0004;position:relative}.detail-machine:before{content:"";position:absolute;width:120px;height:190px;left:0;bottom:0;background:#111313;border-radius:12px 0 0 12px}.detail-machine:after{content:"STARHAN";position:absolute;right:50px;top:55px;font-size:25px;font-weight:900}.detail-machine i{position:absolute;z-index:2;width:90px;height:60px;left:14px;top:35px;border:6px solid #3a3d3d;background:#559d90}.detail-machine.q1-cleaner{width:350px;height:280px;background:linear-gradient(135deg,#f5f5f2 0 66%,#202222 67%)}.detail-machine.e3-engraver{width:230px;height:350px;background:linear-gradient(90deg,transparent 0 34%,#242626 34% 57%,transparent 57%);box-shadow:none;border-bottom:14px solid #252525;border-radius:0}.detail-machine.e3-engraver:before{display:none}.detail-machine.e3-engraver:after{content:"E3 UV";top:90px;right:70px;writing-mode:vertical-rl;color:#fff}.detail-machine.e3-engraver i{width:220px;height:140px;left:5px;top:210px;background:radial-gradient(circle,#ff591c 0 4px,transparent 5px);border:2px solid #777}.thumbs{position:absolute;bottom:25px;display:flex;gap:8px}.thumbs button{width:44px;height:44px;border:1px solid #aaa;background:#fff;border-radius:5px}.product-specs{background:#151515;color:#fff;display:grid;grid-template-columns:repeat(4,1fr);padding:0 max(28px,calc((100% - 1200px)/2))}.product-specs div{padding:45px 30px;border-right:1px solid #333}.product-specs div:last-child{border:0}.product-specs strong{font-size:42px;color:var(--orange);display:block}.product-specs span{font-size:13px;color:#aaa}.product-story{min-height:650px;padding:100px max(30px,calc((100% - 1200px)/2));display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:90px}.product-story h2{font-size:54px;letter-spacing:-2.5px;line-height:1.05;margin:14px 0}.product-story p,.product-story li{color:#aaa;line-height:1.7}.tone-dark{background:#171717;color:#fff}.tone-light{background:#f4f4f2}.tone-light p,.tone-light li{color:#666}.reverse>div:first-child{order:2}.process-orbit,.hand-control{width:380px;height:380px;border-radius:50%;border:1px solid #555;position:relative;display:grid;place-items:center;margin:auto}.process-orbit:before,.process-orbit:after{content:"";position:absolute;inset:45px;border:1px solid #444;border-radius:50%}.process-orbit:after{inset:100px;background:var(--orange);border:0;box-shadow:0 0 70px #f4511466}.process-orbit b{z-index:2;max-width:130px;text-align:center}.hand-control{border:0;border-radius:30px;background:linear-gradient(145deg,#ddd,#777);box-shadow:25px 30px 0 #333}.hand-control:after{content:"SMART CONTROL";font-weight:900;color:#fff;letter-spacing:2px}.pattern-band{padding:110px 28px;background:#2c1007;color:#fff}.pattern-band h2,.comparison h2{font-size:54px;letter-spacing:-2px}.application-grid,.value-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.application-grid>div{min-height:230px;background:#fff1;padding:30px}.application-grid b,.value-grid b{color:var(--orange)}.application-grid p{color:#c3aca4;line-height:1.6}.comparison{padding:110px 28px;background:#fff}.compare-table{border-top:1px solid #ddd}.compare-table>div{display:grid;grid-template-columns:2fr repeat(3,1fr);padding:22px;border-bottom:1px solid #ddd}.compare-table .highlight{background:#f3f3f1;color:var(--orange);font-weight:800}
.article-feature{max-width:1180px;margin:0 auto 70px;display:grid;grid-template-columns:1.2fr .8fr;background:#f1f1ef}.article-feature>div:last-child{padding:55px;display:flex;flex-direction:column;justify-content:center}.article-feature h2{font-size:45px;letter-spacing:-2px;margin:12px 0}.article-feature p{color:#666;line-height:1.7}.article-feature a{font-weight:800}.article-visual{min-height:430px;background:linear-gradient(135deg,#31140a,#d26b3d);position:relative}.article-visual:after{content:"LASER ACADEMY";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:40px;font-weight:900;color:#fff;text-align:center}.article-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.article-grid article{padding:32px;border:1px solid #ddd;min-height:240px}.article-grid i{font-style:normal;color:var(--orange);font-size:11px;letter-spacing:2px;font-weight:800}.article-grid h3{font-size:24px}.article-grid p{color:#666;line-height:1.6}.support-search{margin-top:25px;background:#fff;color:#333;padding:20px 25px;display:flex;justify-content:space-between;width:min(560px,90%);border-radius:5px;position:relative;text-align:left}.support-products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1080px;margin:auto}.support-products>a{padding:40px;border:1px solid #ddd;text-align:center}.support-products h3{font-size:23px}.support-products span{font-size:13px;color:var(--orange);font-weight:800}.support-icon{width:125px;height:125px;border-radius:50%;background:#f1f1ef;margin:0 auto 28px;display:grid;place-items:center;font-size:34px;font-weight:900}.self-service{padding:100px 28px;background:#161616;color:#fff}.resource-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.resource-grid a{padding:30px;background:#242424;display:flex;justify-content:space-between;font-weight:800}.resource-grid b{color:var(--orange)}
.about-hero{min-height:700px;background:linear-gradient(120deg,#140b08 0 48%,#6e2f1a 48%);color:#fff;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:80px max(30px,calc((100% - 1200px)/2));gap:80px}.about-hero h1{font-size:62px;letter-spacing:-3px;line-height:1.02;margin:18px 0}.about-hero p{color:#ccc;font-size:18px;line-height:1.7}.about-symbol{height:430px;position:relative}.about-symbol:before,.about-symbol:after{content:"";position:absolute;width:65px;height:420px;background:var(--orange);left:44%;transform:rotate(35deg);border-radius:20px}.about-symbol:after{height:210px;background:#fff;left:62%;top:120px}.about-problem{padding:120px max(30px,calc((100% - 1050px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.about-problem h2,.about-timeline h2{font-size:58px;letter-spacing:-2.5px;line-height:1.05;margin:15px 0}.about-problem>p{font-size:20px;line-height:1.75;color:#555}.about-values{padding:110px max(28px,calc((100% - 1200px)/2));background:#171717;color:#fff}.value-grid>div{padding:35px;background:#242424;min-height:230px}.value-grid p{color:#aaa;line-height:1.6}.about-timeline{padding:120px max(30px,calc((100% - 1050px)/2));background:#f3f3f1}.about-timeline>div{display:grid;grid-template-columns:100px 1fr;gap:0;margin-top:55px}.about-timeline>div>*{padding:24px;border-top:1px solid #ccc;margin:0}.about-timeline b{color:var(--orange)}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;padding:110px max(30px,calc((100% - 1180px)/2));align-items:start}.contact-layout h2{font-size:52px;letter-spacing:-2px}.contact-layout>div:first-child p{color:#666;line-height:1.7;margin-bottom:30px}.contact-panels{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-panels>div{padding:30px;background:#f3f3f1;min-height:200px}.contact-panels b{color:var(--orange)}.contact-panels p{color:#666;line-height:1.6}
@media(max-width:900px){.sub-filter{top:58px}.catalog-layout{grid-template-columns:1fr}.catalog-layout aside{display:none}.catalog-grid{grid-template-columns:1fr 1fr}.product-top{grid-template-columns:1fr}.product-gallery{min-height:520px}.product-summary{padding:65px 28px}.product-specs{grid-template-columns:1fr 1fr}.product-specs div:nth-child(2){border-right:0}.product-story{grid-template-columns:1fr;gap:50px}.reverse>div:first-child{order:0}.application-grid,.value-grid{grid-template-columns:1fr 1fr}.article-feature{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr 1fr}.support-products{grid-template-columns:1fr}.resource-grid{grid-template-columns:1fr 1fr}.about-hero,.about-problem,.contact-layout{grid-template-columns:1fr}.about-symbol{height:300px}.about-symbol:before{height:280px}.about-symbol:after{height:150px;top:80px}.contact-panels{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.sub-hero{min-height:370px;padding:70px 20px}.sub-hero h1{font-size:48px;letter-spacing:-2px}.sub-filter .slc-container{justify-content:flex-start}.sub-section{padding:70px 18px}.catalog-grid{grid-template-columns:1fr}.catalog-visual{height:250px}.sub-faq h2,.product-story h2,.pattern-band h2,.comparison h2,.about-problem h2,.about-timeline h2,.contact-layout h2{font-size:40px}.product-gallery{min-height:420px}.detail-machine{transform:scale(.72)}.product-summary h1{font-size:44px}.product-specs{grid-template-columns:1fr 1fr}.product-specs strong{font-size:33px}.product-story{padding:75px 22px}.process-orbit,.hand-control{width:280px;height:280px}.application-grid,.value-grid,.article-grid,.resource-grid{grid-template-columns:1fr}.compare-table{font-size:12px;overflow:auto}.compare-table>div{min-width:600px}.article-feature>div:last-child{padding:35px 25px}.support-products>a{padding:30px 20px}.about-hero{padding:70px 24px}.about-hero h1{font-size:46px}.about-symbol{display:none}.about-problem{padding:80px 24px;gap:25px}.about-timeline{padding:80px 22px}.contact-layout{padding:80px 22px;gap:45px}.contact-panels{grid-template-columns:1fr}}