/* SynTech · Bright creative showroom. Existing business layouts remain shared. */
:root{--bg:#fffdf8;--surface:#fff;--surface2:#f4f8f6;--paper:#fffdf8;--ink:#173e3b;--muted:#5b726e;--line:#cddfda;--accent:#057968;--accent2:#d4f5e8}
body{background:var(--bg);color:var(--ink);font-size:16px}.topbar{background:#fffdf7f2;border-color:#dbe8df}.header-inner{min-height:86px;gap:25px}.brand{color:#173e3b}.brand-mark{background:linear-gradient(145deg,#068674 0 28%,transparent 29% 40%,#ff916d 41% 65%,transparent 66% 76%,#068674 77%)}.brand span:last-child{color:#008877}.nav{gap:22px;font-size:14px}.nav a{color:#355951}.nav a:hover{color:#007c69}.header-actions{gap:11px}.language-select{color:#244e47;font-size:14px}.icon-btn{width:42px;height:42px;border-color:#d5e4dd}.icon-btn:hover{background:#e7f5eb}.notice-strip{background:#e6f8e9;color:#47745c;border-color:#d5eedc;font-size:12px;padding:6px 18px}.eyebrow{color:#008879;font-size:13px;letter-spacing:.14em}.hero{min-height:0;background:linear-gradient(118deg,#fff7e8 0%,#fff8e9 35%,#e9f6df 72%,#def3e8 100%)}.hero::before{background:radial-gradient(ellipse at 76% 24%,#f5ffc1a1,transparent 40%);mask-image:none}.hero-grid{min-height:585px;grid-template-columns:1.02fr 1fr;gap:35px}.hero-copy{padding:52px 0 42px;max-width:640px}.hero h1{font-size:clamp(43px,4.3vw,64px);line-height:1.2;font-weight:650;letter-spacing:-.055em;margin-bottom:25px}.hero h1 span{color:#008777}.hero-copy>p{color:#4b6b61;font-size:16px;line-height:1.95;max-width:485px}.hero-buttons{margin-top:27px;gap:25px}.btn{background:#078873;color:white;font-size:14px;border-radius:50px;padding:13px 23px;min-height:49px}.btn:hover{background:#006d5c}.btn.secondary{color:#24554b;border-color:#bcd4ca;background:#fff}.btn.secondary:hover{background:#e9f6ec}.btn.dark{background:#244f42}.btn.small{font-size:13px;min-height:40px}.text-link{font-size:14px}.hero-stage{height:465px;isolation:isolate;cursor:grab;margin-top:12px}.device-visual.has-photo{width:94%;max-width:510px;max-height:365px;border-radius:24px;filter:drop-shadow(0 24px 24px #376f4d1f);background:#fff;transform:rotate(-3deg);border:7px solid #fff}.stage-orbit{width:95%;height:76%;bottom:40px;background:#bbefbf85;border:0;border-radius:42% 54% 42% 48%;transform:rotate(-8deg);z-index:-1}.stage-orbit::before{inset:30px -10px;border:2px dashed #83bd9e65}.stage-orbit::after{display:none}.stage-glow{filter:none;width:80px;height:80px;right:-2%;top:35px;background:#ffce6580;border-radius:22px;transform:rotate(18deg);z-index:-1}.stage-label{color:#1e7566;background:#efffee;border:1px solid #c5e2c1;top:3px;right:25px;border-radius:50px;padding:9px 16px;font-size:12px;letter-spacing:.08em}.stage-label::before{display:none}.stage-chip{background:#ffde83;color:#523e12;border:4px solid #fff8e8;border-radius:13px;left:-15px;bottom:57px;padding:12px 17px;box-shadow:0 10px 25px #9f8c4a17;font-size:13px;transform:rotate(-3deg)}.stage-chip .status-dot{display:none}.stage-caption{color:#4e7264;font-size:12px;bottom:0;left:2%;right:0;line-height:1.6}.hero-footer{border-color:#c9e0ce;color:#4c7160;padding:18px 0 23px;letter-spacing:0;font-size:13px}.hero-footer .traits{gap:30px}.trait i{color:#018872}.hero-note{margin-top:25px;display:flex;gap:8px;flex-wrap:wrap}.hero-note a{font-size:13px;border:1px solid #dfdcc8;color:#6c6b48;padding:5px 12px;border-radius:20px;background:#ffffff75}.hero-note a:hover{background:#fff}.section{padding:80px 0}.section h2{font-weight:600;line-height:1.25}.section-head{gap:40px;margin-bottom:32px}.section-head>p{font-size:15px;line-height:1.9;color:#597267}.light-section{background:#fffdf9}.light-section .eyebrow,.apps-section .eyebrow{color:#007d6c}.tabs{gap:9px}.tab{border-radius:25px;border-color:#cdded3;background:white;font-size:14px;min-height:43px;color:#4a6c5b;padding:9px 18px}.tab:hover,.tab.active{background:#087d67;border-color:#087d67;color:#fff}.product-card{border-color:#e2e6da;border-radius:19px;background:#fff}.product-image{background:#f4f8f2;height:250px;padding:32px 25px}.product-category,.product-index{font-size:12px;color:#496952}.product-content h3{font-size:22px}.product-content p{font-size:14px;color:#587163}.product-price{font-size:12px;color:#687a6b}.product-bottom{border-color:#dfebdf}.apps-section{background:#fff;border:0}.application-grid{gap:22px}.application-card{background:#fff;border:1px solid #e2e7df;border-radius:17px;min-height:0;box-shadow:0 6px 20px #2d553306;display:flex;flex-direction:column}.application-art{height:240px;background:#edf8eb}.application-card:nth-child(4n+2) .application-art{background:#fff1dc}.application-card:nth-child(4n+3) .application-art{background:#edf1ff}.application-card:nth-child(4n+4) .application-art{background:#ffeded}.application-art img{height:100%;width:100%;object-fit:cover;transition:transform .3s}.application-card:hover .application-art img{transform:scale(1.035)}.application-caption{padding:18px;background:#fff;flex:1}.application-caption h3{font-size:18px;margin:5px 0 10px}.application-caption .label{font-size:13px;color:#137760}.application-caption .tag{font-size:12px;line-height:1.75;color:#62766b}.gallery-credit{font-size:12px;color:#657b6c;line-height:1.7;margin-top:12px}.gallery-credit a{text-decoration:underline;text-underline-offset:3px}.advisor-section{background:#edf8e5;color:#244b3d;border-block:1px solid #dfedd6}.advisor-copy>p{color:#567658;font-size:16px;max-width:480px}.advisor-mark{color:#517450;font-size:13px}.advisor-form{background:#fff;border-color:#dce8d4;box-shadow:0 15px 35px #4869380a;border-radius:21px}.field,.field label{font-size:14px;color:#4a6a5f}.field input,.field select,.field textarea{background:#fffdf8;color:#244f43;border-color:#ccdcd1;border-radius:8px;font-size:16px}.field input::placeholder,.field textarea::placeholder{color:#81948a}.advisor-result{background:#f0f8e9;color:#2a694b;border-color:#cce4bf;font-size:15px}.advisor-result p{font-size:14px}.about-section{background:#fff4df}.about-copy p{color:#6c6a50;font-size:16px}.footer{background:#eff7ec;color:#224735;border-top:1px solid #dce9d4}.footer-top p,.footer-links{font-size:14px;color:#59725a}.footer-bottom{color:#5b755c;font-size:12px;border-color:#d1e2cd}.modal{background:#fffdf8;color:#214b3f;border-color:#d6e6d7;box-shadow:0 35px 100px #20412840;border-radius:20px}.modal-backdrop{background:#24443870;backdrop-filter:blur(6px)}.modal .tabs .tab{color:#597360;border-color:#cfdece}.modal .tabs .tab.active{color:white;background:#007e66}.modal .muted{font-size:13px}.detail-description{color:#577565;font-size:15px}.spec-row{font-size:14px;border-color:#dce6db}.spec-row span:first-child{color:#5b7964}.detail-stage{background:#f0f6ed}.record-card{background:#fff;border-color:#d5e4d7;border-radius:14px}.record-card p{color:#557360;font-size:14px}.record-card small{color:#6d8370;font-size:12px}.status-pill{background:#e7f4df;border-color:#cce3bb;color:#3f703a;font-size:12px}.portal-tabs .tab{color:#4c7055;border-color:#bed4ba}.portal-tabs .tab.active{background:#087b63;color:#fff}.portal-heading p{font-size:14px}.empty-state{color:#628365;border-color:#c5d8bd;font-size:15px}.message-bubble{background:#eef6e9;border-color:#dcebd1;font-size:14px}.message-bubble small{color:#648262;font-size:12px}.quote-box{background:#f3f8e8;border-color:#cde1b0}.cart-row input{background:#fff;color:#204c3a;border-color:#c9d9c1}.stat-card{background:#fff;border-color:#dce7d4;border-radius:12px}.stat-card span{font-size:14px;color:#597651}.table-wrap{border-color:#d8e6d1}.admin-table{font-size:14px}.admin-table th{background:#eaf4e2;color:#52744b;font-size:13px}.admin-table td,.admin-table th{border-color:#e0e9db}.admin-table td{color:#355d3c}.admin-note{background:#f0f6e5;color:#5e774d;border-color:#dbe8c8;font-size:14px}.asset-card{background:#fff;border-color:#d9e6ce}.asset-card p{color:#56744d;font-size:13px}.translated,.record-card .translated{color:#057157;font-size:14px}.form-feedback{color:#a03c27;font-size:14px}.partnership-banner{background:#fffdf4;border-color:#e6dcbe;border-radius:20px}.partnership-banner p{color:#7a7153;font-size:14px}.partnership-banner .eyebrow{color:#98732b}.partnership-types article{background:#fff;border-color:#d9e7d6;color:#315c3f}.partnership-types p{color:#64815c}.partnership-page .muted{color:#5f7e58}.partnership-form{background:#fff;border-color:#d7e6cc}.partnership-types h3{font-size:20px}
@media(min-width:1600px){.hero-grid{min-height:650px}.hero-stage{height:520px}.device-visual.has-photo{max-width:580px}}
@media(max-width:1150px){.header-inner{gap:18px}.nav{font-size:13px;gap:16px}.header-actions{gap:7px}.hero-grid{gap:15px}.hero h1{font-size:49px}.hero-stage{height:425px}.stage-chip{left:0;bottom:45px}.application-art{height:255px}}
@media(max-width:900px){.nav{display:none;position:absolute;top:86px;inset-inline:0;background:#fffef8;border-bottom:1px solid #dce7d3;padding:22px;flex-direction:column;align-items:flex-start;font-size:16px}.nav.open{display:flex}.mobile-menu{display:inline-flex}.header-actions{margin-inline-start:auto}.hero-grid{grid-template-columns:1fr 1fr}.hero h1{font-size:42px}.hero-copy>p{font-size:15px}.stage-chip{font-size:12px;bottom:60px}.hero-stage{height:390px}.stage-caption{font-size:11px}.application-art{height:240px}}
@media(max-width:800px){.header-inner{min-height:73px}.nav{top:73px}.hero-grid{grid-template-columns:1fr;gap:0}.hero-copy{padding:42px 0 15px;max-width:650px}.hero h1{font-size:clamp(40px,7.3vw,57px)}.hero-copy>p{font-size:16px;max-width:620px}.hero-stage{height:415px;max-width:560px;margin-top:5px}.hero-footer{font-size:12px}.hero-footer .traits{gap:18px}.section{padding:59px 0}.section-head>p{font-size:15px;margin-top:15px}.section h2{font-size:34px}.stage-label{top:0;right:15px}.stage-chip{bottom:55px;left:0}.application-grid{gap:17px}.gallery-credit{font-size:12px}.advisor-copy>p,.about-copy p{font-size:16px}}
@media(max-width:500px){.container{width:calc(100% - 36px)}.header-actions{gap:6px}.header-inner{gap:9px}.brand{font-size:25px;gap:8px}.brand-mark{width:22px;height:27px}.icon-btn{width:35px;height:35px}.language-select{font-size:12px;max-width:65px}.hero-copy{padding-top:35px}.hero h1{font-size:43px;line-height:1.25}.hero-buttons{gap:18px;margin-top:25px}.hero-buttons .btn{padding:12px 19px}.hero-note{margin-top:20px;gap:6px}.hero-note a{font-size:12px}.hero-stage{height:345px;margin-top:15px}.device-visual.has-photo{max-height:260px;width:94%;border-width:5px;border-radius:18px}.stage-chip{bottom:54px;font-size:12px;padding:8px 10px}.stage-label{font-size:11px;padding:7px 12px;top:0}.stage-caption{font-size:11px;line-height:1.6;bottom:2px;gap:3px}.hero-footer{padding:15px 0;line-height:1.6}.hero-footer .traits{gap:10px;font-size:11px}.application-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}.application-art{height:173px}.application-caption{padding:13px 12px}.application-caption h3{font-size:16px;margin-bottom:7px}.application-caption .label,.application-caption .tag{font-size:12px}.gallery-credit{font-size:12px}.product-grid{grid-template-columns:1fr}.product-image{height:265px}.product-content h3{font-size:23px}.section h2{font-size:32px}.tab{font-size:13px;padding:8px 13px}.footer-top p{font-size:13px}.notice-strip{font-size:11px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.device-visual{will-change:auto}.application-card:hover .application-art img{transform:none}}
[dir=rtl] .hero h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0}[dir=rtl] .stage-chip{left:auto;right:0}[dir=rtl] .stage-label{right:auto;left:20px}
/* Application filters and playable process films. */
.sample-toolbar{display:flex;align-items:flex-start;gap:16px;justify-content:space-between}.sample-filters{max-width:1140px;margin-bottom:27px}.sample-count{font-size:13px;color:#6a806c;white-space:nowrap;padding-top:10px}.application-art{padding:0;border:0;width:100%;cursor:zoom-in}.application-art.contain{padding:18px;background:#eaf6e8}.application-art.contain img{object-fit:contain}.evidence-label{font-size:12px;line-height:1.55;color:#687867;display:block;margin-bottom:9px}.evidence-supplier-real{color:#087360}.evidence-simulation{color:#8a6631}.application-card .simulation-art img{object-fit:contain;background:#edf5e8}.sample-enlarged{width:100%;height:min(60vh,630px);object-fit:contain;background:#f0f6e9;border-radius:12px}.sample-detail-disclosure{margin:18px 0 7px;font-size:16px}.process-section{background:#f3f1ff;border-top:1px solid #e9e3fb;border-bottom:1px solid #e9e3fb}.process-section .eyebrow{color:#7562a9}.process-disclosure{font-size:14px;color:#715f8c;margin:-9px 0 25px;padding:11px 16px;background:#ffffffad;border:1px solid #e4dff1;border-radius:9px}.video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}.video-card{background:white;border:1px solid #e2ddef;border-radius:18px;overflow:hidden;min-width:0}.video-frame{aspect-ratio:16/9;background:#edf5e7;position:relative}.video-frame video{width:100%;height:100%;object-fit:contain}.video-caption{padding:21px}.video-card-heading{display:flex;align-items:flex-start;gap:15px;justify-content:space-between}.video-card h3{font-size:20px;line-height:1.4;letter-spacing:-.025em}.duration{font-size:12px;background:#f2edff;padding:4px 7px;border-radius:4px;color:#776091;flex-shrink:0}.video-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:18px 0 14px}.video-actions .btn{font-size:13px;padding:8px 13px;min-height:39px}.silent-note{font-size:12px;color:#758572;line-height:1.5}.video-caption p{font-size:13px;color:#6e7c69;line-height:1.8}.process-steps{display:flex;flex-wrap:wrap;gap:24px;justify-content:center;margin-top:28px;color:#675975;font-size:14px}.process-steps span{display:flex;gap:10px;align-items:center}.process-steps b{font-size:13px;border:1px solid #dcd0ed;border-radius:100%;width:29px;height:29px;display:grid;place-items:center;color:#8870a3;flex-shrink:0}video::cue{background:#fffdefed;color:#173e3b;font-size:16px}.nav{gap:17px;font-size:13px}.header-inner{gap:20px}
@media(max-width:1100px){.video-grid{gap:15px}.video-caption{padding:17px}.video-card h3{font-size:19px}}
@media(max-width:800px){.video-grid{grid-template-columns:1fr}.video-card{max-width:660px;margin:auto;width:100%}.video-card h3{font-size:23px}.process-steps{justify-content:flex-start;gap:15px}.sample-toolbar{display:block}.sample-count{padding:0;margin:-10px 0 20px}.sample-filters{margin-bottom:22px}.nav{font-size:16px;gap:14px}}
@media(max-width:500px){.application-art{height:180px}.application-card[data-evidence=simulation]{grid-column:auto}.application-card .simulation-art{height:130px}.video-caption{padding:18px}.video-card h3{font-size:22px}.video-actions .btn{font-size:14px}.sample-filters{gap:7px}.evidence-label{font-size:12px}.process-disclosure{font-size:13px}.process-steps{font-size:13px}}
/* Keep the nine applications in complete rows and show the decorated cup. */
@media(min-width:1000px){.application-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.application-art{height:265px}}
.application-art img[src*="mug-printed"]{object-position:50% 85%}
@media(max-width:500px){.application-card:last-child:nth-child(odd){grid-column:1/-1}.application-card:last-child:nth-child(odd) .application-art{height:215px}}

.application-art img[src*="tote-butterfly"]{object-position:50% 85%}

/* Normalize the visible machine size in these two supplied photos, which have wider white margins.
   Scope by original asset path so replacement product photos retain the standard contain fit. */
.product-image img{transform:scale(var(--product-photo-scale,1))}
.product-image[data-id="dtf1800"] img[src$="/assets/dtf1800-1.jpg"]{--product-photo-scale:1.7;--product-photo-hover:1.7765}
.product-image[data-id="kx2023"] img[src$="/assets/kx2023-1.jpg"]{--product-photo-scale:1.25;--product-photo-hover:1.30625}
.product-card:hover .product-image img{transform:scale(var(--product-photo-hover,1.045))}

/* Keep source dimensions and localized captions readable on narrow screens. */
@media(max-width:600px){.application-grid{grid-template-columns:minmax(0,1fr)}.application-art,.application-card .simulation-art{height:280px}.application-card:last-child:nth-child(odd) .application-art{height:280px}}

.sample-size-summary{font-size:.88rem;color:var(--ink);line-height:1.5;margin:8px 0}.sample-info,.footage-info{margin:12px 0;color:var(--muted);font-size:.85rem;line-height:1.6}.sample-info summary,.footage-info summary{cursor:pointer;color:var(--ink);font-weight:600}.sample-info[open],.footage-info[open]{border-top:1px solid var(--line);padding-top:10px}.sample-inquiry{margin-top:10px}