:root{--ink:#292929;--muted:#707070;--green:#cf181e;--line:#e7e3e3;--cream:#f7f5f4}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;font-family:Arial,'PingFang SC','Microsoft YaHei',sans-serif;color:var(--ink);line-height:1.7}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a,input{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #d99e3a;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.25}h2{font-size:clamp(27px,3vw,42px);font-weight:500;letter-spacing:-.8px}h3{font-size:23px;font-weight:500}.container{width:min(1240px,88%);margin:auto}.topline{background:var(--ink);color:#e0dddd;padding:8px 6%;font-size:11px;letter-spacing:1.2px;display:flex;justify-content:space-between}.topline a{letter-spacing:0}header{height:96px;display:flex;align-items:center;justify-content:space-between;padding:0 6%;background:#fff;position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line);gap:22px}.brand img{width:205px;height:auto}nav{display:flex;align-items:center;gap:28px}nav a{font-size:14px;position:relative;white-space:nowrap}nav a[aria-current=page]{color:var(--green)}nav a[aria-current=page]:after{content:'';position:absolute;bottom:-34px;left:0;right:0;height:3px;background:var(--green)}.header-end{display:flex;gap:18px;align-items:center}.language{font-size:12px;white-space:nowrap;border-left:1px solid var(--line);padding-left:20px}.menu{display:none;border:0;background:none;font-size:24px}.hero{min-height:650px;height:calc(90vh - 125px);max-height:850px;position:relative;display:flex;align-items:center;color:white;background-image:linear-gradient(90deg,rgba(32,23,24,.86),rgba(38,27,28,.48) 55%,rgba(38,27,28,.12)),var(--hero);background-size:cover;background-position:center}.hero .container{padding-top:15px}.eyebrow{font-size:11px;letter-spacing:2.7px;font-weight:600;color:var(--green);margin-bottom:22px}.hero .eyebrow{color:#ffc9ca}.hero h1{font-size:clamp(40px,5.1vw,72px);font-weight:500;letter-spacing:-1px;margin-bottom:28px;max-width:850px}.hero p:not(.eyebrow){color:#f0e8e8;font-size:17px;line-height:1.9}.hero-actions{display:flex;align-items:center;gap:32px;margin-top:36px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;background:var(--green);color:white;padding:16px 24px;font-size:14px;transition:background .2s}.button:hover{background:#a71017}.text-link{font-size:14px;border-bottom:1px solid currentColor;padding:8px 0}.hero-caption{position:absolute;bottom:30px;right:6%;font-size:11px;letter-spacing:2px}.intro-band{display:grid;grid-template-columns:repeat(3,1fr);background:var(--ink);color:#ded8d8;padding:24px 6%;font-size:12px;letter-spacing:1px;gap:35px}.intro-band span+span{border-left:1px solid #555050;padding-left:35px}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:40px;gap:25px}.section-heading h2{margin:0}.section-heading .text-link{flex-shrink:0}.products-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.product{border:1px solid var(--line);transition:transform .2s,border-color .2s;background:#fff}.product:hover{transform:translateY(-5px);border-color:var(--green)}.product>img{width:100%;height:255px;object-fit:contain;padding:25px;background:#f8f7f6}.product>div{padding:23px 25px;position:relative}.product small{font-size:10px;letter-spacing:1.3px;color:var(--muted)}.product h3{margin:10px 25px 0 0}.arrow{position:absolute;right:25px;bottom:25px;font-size:23px;color:var(--green)}.about-split{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.about-image img{width:100%;height:100%;min-height:540px;object-fit:cover;object-position:42%}.about-copy{padding:75px min(6vw,90px)}.about-copy>p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:2}.facts{border-top:1px solid #e0d8d6;margin-top:35px;padding-top:25px;display:flex;gap:40px}.facts strong{display:block;font-size:35px;font-weight:500}.facts strong span{font-size:15px}.facts div>span{display:block;font-size:11px;color:var(--muted);max-width:170px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.principles article{border-top:1px solid var(--line);padding-top:22px}.principles article>span{font-size:13px;color:var(--green)}.principles h3{margin:28px 0 18px}.principles p{font-size:14px;color:var(--muted)}.cta{background:#f6edeb;padding:64px 0}.cta .container{display:flex;justify-content:space-between;align-items:center;gap:30px}.cta h2{margin-bottom:0;font-size:34px}.cta .eyebrow{margin-bottom:12px}footer{background:#292929;color:#d4cece;padding:65px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1.5fr;gap:70px}.footer-grid strong{font-size:30px;letter-spacing:1px;color:#fff}.footer-grid strong span{font-size:13px}.footer-grid p{font-size:12px;margin-top:14px;color:#bcb4b4}.footer-grid small{display:block;color:#b6aaaa;letter-spacing:2px;font-size:10px;margin-bottom:20px}.footer-grid a{display:block;font-size:12px;margin-bottom:8px}.copyright{border-top:1px solid #514949;margin-top:40px;padding-top:20px;font-size:10px;display:flex;justify-content:space-between;color:#b6aaaa}.page-head{padding:74px 0 65px;background:var(--cream);border-bottom:1px solid var(--line)}.page-head h1{font-size:clamp(36px,4vw,54px);font-weight:500;margin-bottom:15px}.page-head p:last-child{color:var(--muted);margin:0}.editorial{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:center}.editorial>img{width:100%;min-height:350px;object-fit:cover}.editorial p:not(.eyebrow){color:var(--muted);font-size:15px;line-height:2}.catalog-tools{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:38px}.filters{display:flex;gap:6px;flex-wrap:wrap}.filters button{background:#f5f0ef;border:0;padding:10px 18px;font-size:13px;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}input[type=search]{border:1px solid var(--line);padding:12px 16px;width:250px;font-size:13px;border-radius:0}.product-detail{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.product-detail>img{width:100%;background:var(--cream);padding:35px}.product-detail p{color:var(--muted)}.product-detail .button{margin:15px 0 25px}.news-list>a{display:grid;grid-template-columns:140px 1fr 40px;gap:30px;padding:35px 0;border-bottom:1px solid var(--line);align-items:start}.news-list time{font-size:14px;color:var(--muted)}.news-list small{color:var(--green);font-size:11px;letter-spacing:1px}.news-list h2{font-size:26px;margin:10px 0 14px}.news-list p{font-size:14px;color:var(--muted)}.news-list>a>span{font-size:30px}.article{max-width:850px;min-height:450px}.article>.eyebrow{margin-top:55px}.article h1{font-size:38px}.article>p:last-child{font-size:17px;line-height:2}.contact-layout{display:grid;grid-template-columns:1.2fr 1fr;gap:90px}.contact-layout p{color:var(--muted)}.contact-email{display:block;font-size:clamp(18px,2.2vw,30px);color:var(--green);margin:30px 0 12px;overflow-wrap:anywhere}.contact-details{border-left:1px solid var(--line);padding-left:60px}.contact-details>div{margin-bottom:30px}.contact-details small{display:block;letter-spacing:2px;color:var(--muted);margin-bottom:8px;font-size:10px}.contact-details a{font-size:22px}.contact-details p{font-size:15px}[hidden]{display:none!important}
@media(min-width:1500px){header, .topline{padding-left:calc((100vw - 1320px)/2);padding-right:calc((100vw - 1320px)/2)}}@media(max-width:1100px){nav{gap:16px}.brand img{width:170px}header{padding:0 4%;gap:14px}nav a{font-size:12px}.language{padding-left:12px}.about-copy{padding:50px 35px}.facts{gap:22px}.products-grid{gap:18px}.product>img{height:220px}}@media(max-width:800px){.topline{font-size:9px;letter-spacing:.3px}.topline>a{display:none}header{height:78px;padding:0 6%}.brand img{width:175px}.menu{display:block}.language{border:0}nav{display:none;position:absolute;top:78px;left:0;right:0;background:white;padding:20px 6%;box-shadow:0 12px 15px #29292910;flex-direction:column;align-items:start;gap:20px}nav.open{display:flex}nav a{font-size:15px}nav a[aria-current=page]:after{display:none}.hero{height:auto;min-height:600px;background-position:58% center}.hero h1{font-size:45px}.hero p:not(.eyebrow){font-size:15px}.hero-actions{gap:22px}.hero-caption{font-size:9px}.intro-band{gap:14px;font-size:9px;padding:22px 6%}.intro-band span+span{padding-left:14px}.section{padding-top:65px;padding-bottom:65px}.section-heading{align-items:start}.section-heading .text-link{font-size:12px}.products-grid{grid-template-columns:repeat(2,1fr)}.product>img{height:190px;padding:18px}.product>div{padding:18px}.product h3{font-size:20px}.product small{font-size:9px}.arrow{right:18px;bottom:18px}.about-split,.editorial,.product-detail,.contact-layout{grid-template-columns:1fr}.about-image img{min-height:0;height:330px}.about-copy{padding:45px 6%}.principles{gap:22px}.principles h3{font-size:20px}.cta .container{align-items:start;flex-direction:column}.cta h2{font-size:29px}.footer-grid{grid-template-columns:1fr 1fr;gap:35px}.footer-grid>div:first-child{grid-column:1/-1}.catalog-tools{align-items:start;flex-direction:column}.catalog-tools input{width:100%}.contact-details{border-left:0;border-top:1px solid var(--line);padding:35px 0 0}.contact-layout,.editorial,.product-detail{gap:35px}.news-list>a{grid-template-columns:1fr 30px;gap:12px}.news-list time{grid-column:1/-1}.news-list h2{font-size:23px}.copyright{gap:15px;flex-wrap:wrap}.page-head{padding:50px 0}.article h1{font-size:30px}}@media(max-width:480px){.hero h1{font-size:38px}.hero{min-height:560px}.hero .button{padding:14px 20px}.hero-actions{gap:18px}.products-grid{gap:12px}.product>img{height:150px;padding:12px}.product>div{padding:14px}.product h3{font-size:17px;margin-right:15px}.product small{font-size:8px;letter-spacing:.3px}.arrow{right:12px;bottom:12px;font-size:18px}.principles{grid-template-columns:1fr;gap:20px}.principles h3{margin-top:15px}.section-heading{flex-direction:column;gap:15px}.facts strong{font-size:30px}.filters button{padding:10px 12px}.footer-grid{gap:28px}.hero .eyebrow{font-size:9px}.intro-band{letter-spacing:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Logo-led red, charcoal and warm white */
.portfolio-section{background:#f7f5f4}.section-note{max-width:360px;color:var(--muted);font-size:14px;margin-bottom:0}.division-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.division{display:grid;grid-template-columns:.85fr 1.15fr;background:white;border-top:3px solid var(--green)}.division>div{background:#faf9f8;display:flex;align-items:center}.division img{width:100%;object-fit:contain;padding:18px}.division article{padding:32px 25px}.division article>span{font-size:9px;letter-spacing:1.2px;color:var(--green)}.division h3{margin:18px 0}.division p{font-size:13px;color:var(--muted)}.division b{font-size:12px;font-weight:500}.research-feature{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.research-visual{position:relative;padding:0 30px 30px 0}.research-visual:after{content:'';position:absolute;right:0;bottom:0;width:70%;height:70%;background:#f7eeee;z-index:-1}.research-visual img{width:100%;height:410px;object-fit:cover}.image-label{background:var(--green);color:white;font-size:9px;letter-spacing:1.5px;padding:17px 24px;position:absolute;bottom:0;left:0}.research-feature>div>p:not(.eyebrow){font-size:14px;color:var(--muted)}.approach-row{display:flex;gap:22px;border-top:1px solid var(--line);padding-top:22px;margin-top:25px}.approach-row>strong{font-size:13px;color:var(--green)}.approach-row h3{font-size:18px;margin-bottom:8px}.approach-row p{font-size:13px;color:var(--muted)}.markets-section{background:#2c2929;color:white;padding:80px 0;position:relative;overflow:hidden}.markets-section:after{content:'OUYA';position:absolute;font-size:240px;font-weight:bold;color:#ffffff03;right:-10px;bottom:-100px;pointer-events:none}.markets-section .eyebrow{color:#ff9a9e}.markets-section h2{max-width:720px}.markets-section .container>p:not(.eyebrow){max-width:650px;color:#cfc6c6;font-size:15px}.market-regions{display:flex;gap:25px;margin:35px 0}.market-regions span{border-left:2px solid #cf181e;padding-left:15px;font-size:14px}.home-news{display:grid;grid-template-columns:1fr 1fr;gap:35px}.home-news>a{border-top:1px solid var(--line);padding:30px;position:relative;background:#faf9f8}.news-number{position:absolute;right:25px;top:17px;font-size:46px;color:#ece4e3}.home-news small{font-size:10px;color:var(--muted);position:relative}.home-news h3{margin:30px 0 18px;position:relative;font-size:25px}.home-news p{font-size:14px;color:var(--muted)}.home-news a>span{display:block;margin-top:30px;font-size:12px;color:var(--green)}.cooperation-section{background:#f7f5f4;padding:75px 0}.cooperation-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:50px}.cooperation-steps article>span{display:block;color:var(--green);font-size:28px;border-bottom:1px solid #ded5d4;padding-bottom:16px;margin-bottom:25px}.cooperation-steps h3{font-size:22px}.cooperation-steps p{font-size:14px;color:var(--muted)}.intro-band{border-bottom:3px solid var(--green)}.brand img{width:210px}.product:hover{box-shadow:0 8px 25px #3b161608}.cta{border-top:1px solid #eadbd8}
@media(max-width:1000px){.division{grid-template-columns:1fr}.division>div{height:200px}.division img{height:100%}.research-feature{gap:35px}.research-visual img{height:370px}}
@media(max-width:800px){.division-grid,.research-feature{grid-template-columns:1fr}.division{grid-template-columns:.8fr 1.2fr}.division>div{height:auto}.division img{height:auto}.research-visual img{height:320px}.market-regions{flex-wrap:wrap;gap:18px}.markets-section{padding:60px 0}.home-news{gap:18px}.home-news>a{padding:24px}.home-news h3{font-size:22px}.cooperation-steps{gap:24px}.brand img{width:175px}.section-note{max-width:100%}}
@media(max-width:480px){.division{grid-template-columns:1fr}.division>div{height:210px}.division img{height:100%}.division article{padding:25px}.home-news,.cooperation-steps{grid-template-columns:1fr}.cooperation-steps{gap:20px}.cooperation-steps article>span{font-size:23px;margin-bottom:17px}.research-visual{padding-right:16px}.market-regions{flex-direction:column}.research-visual img{height:270px}}
.imported-content{max-width:1100px;border-top:1px solid var(--line)}.imported-content>p{font-size:15px;line-height:2;color:var(--muted);max-width:950px;margin-bottom:24px}.culture-values{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;padding-bottom:85px}.culture-values article{border-top:2px solid var(--green);padding-top:24px}.culture-values h3{font-size:23px}.culture-values p{font-size:14px;color:var(--muted)}.product-facts{margin:35px 0}.product-facts>div{display:grid;grid-template-columns:220px 1fr;border-top:1px solid var(--line);padding:22px 0;gap:30px}.product-facts dt{font-weight:600;font-size:14px}.product-facts dd{margin:0;font-size:15px;color:var(--muted)}.detail-note{font-size:13px!important;padding:20px;background:#f7f3f2}@media(max-width:800px){.culture-values{grid-template-columns:1fr 1fr;gap:24px}.product-facts>div{grid-template-columns:1fr;gap:12px}}
.full-product-details{padding-top:48px}.legacy-product-body{font-size:16px;line-height:1.9;color:var(--ink)}.legacy-product-body p{margin:20px 0;overflow-wrap:anywhere}.legacy-product-body h3{margin-top:32px}.source-note{padding:16px 20px;background:#f8f3f2;border-left:3px solid var(--green);font-size:13px!important;line-height:1.8!important}.spec-table-scroll{width:100%;overflow-x:auto;margin:28px 0}.legacy-product-body table{border-collapse:collapse;width:100%;min-width:620px;font-size:14px}.legacy-product-body td,.legacy-product-body th{border:1px solid #ddd;padding:12px 16px;vertical-align:middle}.legacy-product-body td p{margin:0}.legacy-product-body tr:first-child{background:#f5f3f2;font-weight:600}@media(max-width:800px){.legacy-product-body{font-size:15px}.full-product-details{padding-top:32px}}
/* About Ouya: seven dedicated sections. */
.nav-group{position:relative}.nav-group>a{display:block}.nav-submenu{display:none;position:absolute;top:100%;left:-20px;min-width:230px;background:#fff;box-shadow:0 12px 30px #0002;padding:12px;z-index:50}.nav-submenu a{display:block;padding:10px 14px;font-size:14px;white-space:nowrap}.nav-submenu a:hover,.nav-submenu a[aria-current=page]{background:#f8eeee;color:var(--green)}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu{display:block}.about-section-nav{border-bottom:1px solid var(--line);background:#faf8f7}.about-section-nav>.container{display:flex;flex-wrap:wrap;gap:8px;padding-top:16px;padding-bottom:16px}.about-section-nav a{padding:10px 17px;font-size:14px;border-radius:2px}.about-section-nav a[aria-current=page]{background:var(--green);color:white}.about-content{max-width:1200px;line-height:1.9}.about-content p{margin:18px 0}.about-profile{display:grid;grid-template-columns:40% 1fr;gap:48px;align-items:start}.about-profile figure{margin:0}.about-profile img{width:100%;height:auto}.about-profile figcaption{display:none}.about-facts{display:flex;flex-wrap:wrap;gap:24px;margin:32px 0}.about-facts>div{padding:22px;background:#faf6f5;border-bottom:2px solid var(--green);flex:1;min-width:180px}.about-values{display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-values article{padding:24px;border-top:2px solid var(--green);background:#faf8f7}.about-values h2{font-size:25px}.culture-photo{display:block;max-width:100%;max-height:480px;object-fit:contain;margin:32px auto}.about-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.about-gallery figure{margin:0;border:1px solid var(--line);background:#fff}.about-gallery img{display:block;width:100%;height:230px;object-fit:cover}.about-gallery figcaption{padding:14px 18px;font-size:15px}.honor-gallery img{height:340px;object-fit:contain;padding:14px}.about-timeline article{position:relative;border-left:2px solid var(--green);padding:0 0 36px 32px;margin-left:12px}.about-timeline article:before{content:"";position:absolute;left:-7px;top:12px;background:var(--green);width:12px;height:12px;border-radius:50%}.about-timeline h2{font-size:27px;margin:0}.about-cases{max-width:850px}.about-jobs{display:grid;grid-template-columns:1fr 1fr;gap:28px}.about-jobs article{padding:28px;border:1px solid var(--line)}.about-jobs h3{font-size:24px}.about-content>figure img{max-height:350px;max-width:100%;object-fit:contain}.about-content>figure{margin:28px 0}.about-content>figure figcaption{font-size:14px;color:var(--muted)}@media(max-width:900px){.about-profile{grid-template-columns:1fr}.about-profile img{max-height:400px;object-fit:contain}.about-gallery{grid-template-columns:1fr 1fr}.nav-submenu{left:auto;right:0}}@media(max-width:600px){.about-gallery,.about-values,.about-jobs{grid-template-columns:1fr}.about-section-nav a{padding:8px 11px;font-size:13px}.nav-submenu{position:static;box-shadow:none;padding:0 0 0 15px;min-width:0}.nav-group:focus-within .nav-submenu{display:block}.honor-gallery img{height:350px}}
/* Migrated R&D, news archives and contact sections. */
.legacy-prose img,.legacy-news img{display:block;max-width:100%;height:auto;margin:24px auto}.legacy-prose p,.legacy-news p{overflow-wrap:anywhere}.legacy-news{max-width:900px;margin:auto}.article-meta{display:flex;gap:20px;flex-wrap:wrap;align-items:center;color:var(--muted);font-size:13px}.article-meta a{color:var(--green)}.section-cards{display:grid;grid-template-columns:1fr 1fr;gap:25px}.section-cards>a{padding:30px;border:1px solid var(--line)}.section-cards>a:hover{border-color:var(--green);background:#faf6f5}.section-cards h2{font-size:26px}.section-cards span{color:var(--green)}.archive-news-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}.archive-news-card{border:1px solid var(--line);display:flex;flex-direction:column}.archive-news-card>img{width:100%;height:230px;object-fit:cover}.archive-news-card>div{padding:24px;flex:1}.archive-news-card h2{font-size:23px;line-height:1.5;margin:12px 0}.archive-news-card .news-excerpt{font-size:14px;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;line-height:1.8}.archive-news-card:hover h2{color:var(--green)}.migrated-contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;border-top:1px solid var(--line);padding-top:28px}.migrated-contact-grid h3{font-size:23px}.contact-message-form{max-width:800px;display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:32px}.contact-message-form label{font-size:14px;display:flex;flex-direction:column;gap:10px}.contact-message-form input,.contact-message-form textarea{font:inherit;border:1px solid #d6d0ce;border-radius:0;background:#fff;padding:14px;width:100%;box-sizing:border-box;color:var(--ink)}.contact-message-form label:has(textarea),.contact-message-form>button,.contact-message-form>p{grid-column:1/-1}.contact-message-form>button{justify-self:start;cursor:pointer;font:inherit;border:0}.contact-message-form input:focus,.contact-message-form textarea:focus{outline:2px solid var(--green);outline-offset:2px}.nav-submenu a[href="about-green.html"]{border-top:1px solid var(--line);margin-top:8px;padding-top:16px}.nav-submenu{max-height:75vh;overflow-y:auto}@media(max-width:650px){.archive-news-grid,.section-cards,.migrated-contact-grid,.contact-message-form{grid-template-columns:1fr}.archive-news-card>img{height:210px}.archive-news-card h2{font-size:21px}.about-content>h2{font-size:27px}.migrated-contact-grid{gap:28px}.nav-submenu{max-height:none}}
/* Original site banners, with full-width inner-page images. */
.page-head-with-image{padding:0;background:var(--cream)}.page-banner-image img{width:100%;height:auto;aspect-ratio:16/5;object-fit:cover}.page-head-copy{padding-top:34px;padding-bottom:34px}.page-head-copy .eyebrow{margin-bottom:15px}.page-head-copy h1{font-size:clamp(30px,3.3vw,46px)}.hero{background-image:none;background-color:#262626;isolation:isolate}.hero-slides{position:absolute;inset:0;z-index:0;overflow:hidden}.hero-slides img{width:100%;height:100%;object-fit:cover;object-position:center}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#201718d9,#261b1c75 55%,#261b1c20);z-index:1;pointer-events:none}.hero>.container{position:relative;z-index:2}.hero-caption{z-index:2}.hero-controls{position:absolute;left:6%;bottom:24px;z-index:2;display:flex;align-items:center;gap:14px;color:white}.hero-controls>button{width:36px;height:36px;background:#0003;color:#fff;border:1px solid #ffffff80;border-radius:50%;cursor:pointer;font:inherit;font-size:20px;padding:0}.hero-controls>button:hover{background:#fff3}.hero-dots{display:flex;align-items:center;gap:8px}.hero-dots button{width:9px;height:9px;min-width:9px;padding:0;border:1px solid #fff;background:transparent;border-radius:50%;cursor:pointer}.hero-dots button[aria-pressed=true]{background:#fff}.hero-slide-status{font-size:11px;letter-spacing:1px}.nav-submenu a[aria-current=page]:after{display:none}.nav-submenu a[href="about-green.html"]{border-top:0;margin-top:0;padding-top:10px}@media(max-width:800px){.page-head-with-image{padding:0}.page-head-copy{padding-top:28px;padding-bottom:28px}.page-head-copy .eyebrow{font-size:9px;letter-spacing:1.8px}.page-head-copy p:last-child{font-size:14px}}@media(max-width:600px){.hero-caption{bottom:76px;font-size:9px}.hero-controls{gap:12px}.page-banner-image img{object-fit:contain}}
/* Linked homepage category tiles and original company footer logo. */
.intro-band{padding:0 6%;gap:2px;background:#e7e3e3;border-bottom:3px solid var(--green)}.intro-tile{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:140px;padding:28px 32px;color:#fff;font-size:14px;font-weight:600;letter-spacing:1px}.intro-tile:before{content:"";position:absolute;inset:0;background-color:#eeeae7;background-image:var(--tile-image);background-size:auto 92%;background-position:80% center;background-repeat:no-repeat;filter:blur(.4px);transform:scale(1.01);z-index:-2;transition:transform .35s ease,filter .35s ease}.intro-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#252525eb 0%,#252525bd 30%,#25252538 52%,transparent 68%);z-index:-1;transition:background .25s ease}.intro-tile>span+span{border:0;padding-left:0}.intro-tile .tile-arrow{font-size:25px;line-height:1;transition:transform .25s ease}.intro-tile:hover:before,.intro-tile:focus-visible:before{transform:scale(1.04);filter:blur(0)}.intro-tile:hover:after,.intro-tile:focus-visible:after{background:linear-gradient(90deg,#571a1ceb 0%,#571a1cbd 30%,#571a1c38 52%,transparent 68%)}.intro-tile:hover .tile-arrow,.intro-tile:focus-visible .tile-arrow{transform:translate(3px,-3px)}.intro-tile:focus-visible{outline:3px solid #d99e3a;outline-offset:-4px}.footer-grid a.footer-brand{display:inline-flex;align-items:center;position:relative;background:transparent;padding:0;margin-bottom:8px;max-width:100%}.footer-brand img{width:240px;height:auto}.footer-grid .footer-brand+p{margin-top:16px}@media(max-width:800px){.intro-band{padding:0;gap:1px}.intro-tile{min-height:118px;padding:22px 16px;font-size:12px;letter-spacing:.4px}.intro-tile .tile-arrow{font-size:21px}}@media(max-width:600px){.intro-band{grid-template-columns:1fr;gap:1px}.intro-tile{min-height:86px;padding:24px 6%;font-size:14px}.intro-tile:before{background-position:80% center}.footer-brand img{width:220px}}@media(prefers-reduced-motion:reduce){.intro-tile:before,.intro-tile:after,.intro-tile .tile-arrow{transition:none}.intro-tile:hover:before,.intro-tile:focus-visible:before{transform:scale(1.01)}.intro-tile:hover .tile-arrow,.intro-tile:focus-visible .tile-arrow{transform:none}}

.intro-tile:nth-child(3):before{background-size:cover;background-position:center}.intro-tile>span:first-child{text-shadow:0 1px 4px #0008}.intro-tile .tile-arrow{display:grid;place-items:center;flex-shrink:0;width:34px;height:34px;border-radius:50%;background:#ffffffd9;color:var(--green);font-size:23px}.footer-brand img.footer-logo-type{position:absolute;inset:0;width:100%;height:100%;clip-path:inset(0 0 0 44%);filter:brightness(0) invert(1);pointer-events:none}
/* Touch-friendly mobile navigation and forms. */
@media(max-width:800px){#navigation{max-height:calc(100vh - 78px);max-height:calc(100dvh - 78px);overflow-y:auto;gap:4px}#navigation>.nav-group{width:100%}#navigation>a,#navigation>.nav-group>a{display:block;min-height:44px;padding:10px 0}#navigation .nav-submenu{position:static;max-height:none;box-shadow:none;padding:0 0 0 14px;min-width:0}#navigation .nav-submenu a{min-height:44px;padding:10px 12px;white-space:normal}input[type=search],.contact-message-form input,.contact-message-form textarea{font-size:16px}.spec-table-scroll{-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain}}

/* Phone banners preserve the complete 2:1 artwork, with compact overlay copy. */
@media(max-width:800px){
 .hero{display:block;aspect-ratio:2/1;height:auto;min-height:0;max-height:none;padding:0;overflow:hidden}
 .hero-slides{position:absolute;inset:0;width:100%;height:100%}
 .hero-slides img{object-fit:contain;object-position:center}
 .hero:before{background:linear-gradient(90deg,rgba(15,28,35,.8),rgba(15,28,35,.3) 58%,transparent 82%)}
 .hero>.container{position:absolute;top:14px;left:6%;width:88%;margin:0;padding:0}
 .hero .eyebrow,.hero p:not(.eyebrow),.hero-caption{display:none}
 .hero h1{font-size:clamp(19px,5.2vw,34px);line-height:1.18;letter-spacing:0;margin:0 0 10px;max-width:80%}
 .hero-actions{margin-top:0;gap:16px;flex-wrap:nowrap}
 .hero .button{font-size:11px;padding:7px 10px;gap:8px;min-height:30px}
 .hero .text-link{font-size:11px;padding:5px 0;min-height:30px}
 .hero-controls{bottom:8px;gap:9px}
 .hero-controls>button{width:26px;height:26px;font-size:17px}
 .hero-dots{gap:6px}.hero-dots button{width:7px;height:7px;min-width:7px}
 .hero-slide-status{font-size:9px}
 html[lang=en] .hero h1{font-size:clamp(17px,4.8vw,30px);max-width:95%}
 html[lang=en] .hero-actions{gap:12px}
}