@charset "UTF-8";
:root{--ink:#152f3c;--muted:#667479;--teal:#009dbb;--paper:#f8f8f4;--line:#dedfd9;--navy:#102c3a}
*,*::before,*::after{box-sizing:border-box}
html{color-scheme:light;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid var(--teal);outline-offset:6px}
svg{flex-shrink:0}
.skip-link{position:fixed;z-index:10;left:16px;top:-80px;background:white;padding:12px 20px}
.skip-link:focus{top:16px}
.site-shell{max-width:1600px;margin:auto;padding:0 6.25%}
.header{display:flex;align-items:center;justify-content:space-between;min-height:155px;border-bottom:1px solid var(--line);gap:24px}
.brands{display:flex;align-items:center;gap:28px}
.brands img{display:block;object-fit:contain;mix-blend-mode:multiply;height:auto}
.logo-textile{width:132px}
.logo-qcc{width:130px}
.brand-divider{width:1px;height:44px;background:var(--line)}
.header-contact{font-size:13px;font-weight:600;display:flex;gap:22px;align-items:center;padding:12px 0}
.header-contact span{font-size:23px;font-weight:400;color:var(--teal)}
.header-contact:hover{color:var(--teal)}
.hero{display:grid;grid-template-columns:1.12fr 1fr;min-height:584px;gap:5.8%;padding:40px 0}
.hero-copy{align-self:center;padding:29px 0 36px}
.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:600;letter-spacing:2.05px;line-height:1.6;margin:0 0 29px}
.status-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--teal);box-shadow:0 0 0 4px #009dbb0d}
h1{font-size:clamp(44px,5vw,76px);font-weight:700;line-height:1.08;letter-spacing:-2.8px;margin:0}
h1 span{color:var(--teal)}
.accent-line{height:2px;width:44px;background:var(--teal);margin:29px 0 24px}
.intro{font-size:15px;line-height:1.85;color:var(--muted);max-width:395px;margin:0 0 27px}
.button{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;padding:16px 22px;background:var(--navy);color:#fff;font-size:13px;font-weight:600;min-height:52px;transition:background .2s,transform .2s}
.button svg{width:21px;height:21px}
.button:hover{background:#06536b;transform:translateY(-2px)}
.signoff{font-size:11px;color:#788287;letter-spacing:.25px;margin:24px 0 0}
.hero-art{background:var(--navy);position:relative;overflow:hidden;min-height:510px;isolation:isolate}
.hero-art::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#102c3a00 65%,#102c3a 100%);pointer-events:none}
.art-grid{position:absolute;inset:0;background-image:linear-gradient(#a3c8ce08 1px,transparent 1px),linear-gradient(90deg,#a3c8ce08 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(120deg,#000,transparent)}
.art-caption{position:absolute;top:27px;left:29px;right:29px;display:flex;justify-content:space-between;align-items:center;z-index:2;color:#e5ecec;font-size:12px;font-weight:600;letter-spacing:3.4px}
.art-caption span{font-weight:400;font-size:8px;letter-spacing:1.7px;color:#9cb1b9}
.fabric-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.art-footer{position:absolute;z-index:2;bottom:25px;left:29px;right:29px;display:flex;align-items:center;justify-content:space-between;color:#c0cdd0;font-size:10px;letter-spacing:.35px}
.art-mark{font-size:28px;font-weight:200;color:#77bdc9}
.contact{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1.4fr;padding:29px 0;gap:26px}
.contact-item{display:flex;align-items:center;gap:17px;min-width:0;padding:4px 0}
.contact-item+.contact-item{border-left:1px solid var(--line);padding-left:26px}
.contact-icon{height:22px;width:22px;color:var(--teal)}
.contact-label{display:block;font-size:9px;letter-spacing:1.8px;color:var(--muted);margin-bottom:8px}
.contact-value{font-size:13px;line-height:1.65;display:block}
.contact-arrow{font-size:18px;color:#8b9b9f;margin-left:auto;align-self:center;opacity:0;transition:opacity .2s}
.contact-item:hover .contact-arrow{opacity:1}
.contact-item:hover .contact-value{color:#007c96}
.contact-address .contact-value{font-size:12px}
.footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:24px 0;color:#7c8588;font-size:10px;line-height:1.6}
.footer p{margin:0}
.footer>span{display:flex;align-items:center;gap:10px;font-size:8px;letter-spacing:1.5px;white-space:nowrap}
.footer-dot{display:inline-block;background:var(--teal);width:4px;height:4px;border-radius:50%}
@media(min-width:1600px){.site-shell{padding:0 100px}}
@media(max-width:1100px){.site-shell{padding:0 5%}.hero{gap:5%;grid-template-columns:1.1fr 1fr}.hero-art{min-height:490px}.contact{gap:18px;grid-template-columns:1fr 1fr 1.25fr}.contact-item{gap:12px}.contact-item+.contact-item{padding-left:18px}.contact-arrow{display:none}.contact-value{font-size:12px}.contact-address .contact-value{font-size:11px}}
@media(max-width:760px){.site-shell{padding:0 6%}.header{min-height:122px}.brands{gap:18px}.logo-textile{width:105px}.logo-qcc{width:100px}.brand-divider{height:34px}.header-contact{gap:10px;font-size:12px}.hero{grid-template-columns:1fr;gap:32px;padding:39px 0 32px}.hero-copy{padding:9px 0 0}.eyebrow{font-size:9px;letter-spacing:1.55px;margin-bottom:25px}h1{font-size:clamp(46px,8.8vw,66px);letter-spacing:-2px}.intro{max-width:460px;font-size:14px}.hero-art{min-height:370px}.fabric-art{object-position:center 44%}.signoff{margin-top:20px}.contact{grid-template-columns:1fr 1fr;gap:24px 20px;padding:27px 0}.contact-item+.contact-item{padding-left:20px}.contact-address{grid-column:1/-1}.contact-item.contact-address{border-left:0;border-top:1px solid var(--line);padding:23px 0 0}.contact-value,.contact-address .contact-value{font-size:13px}.footer{align-items:flex-start;font-size:9px}}
@media(max-width:420px){.brands{gap:13px}.logo-textile{width:88px}.logo-qcc{width:86px}.header{min-height:108px;gap:14px}.header-contact{font-size:11px;gap:7px}.header-contact span{font-size:19px}.contact{grid-template-columns:1fr;gap:0;padding:7px 0}.contact-item{padding:19px 0}.contact-item+.contact-item{padding:19px 0;border-left:0;border-top:1px solid var(--line)}.contact-address{grid-column:auto}.contact-item.contact-address{padding:19px 0}.footer{flex-direction:column;gap:11px;padding:20px 0}.hero-art{min-height:310px}.art-caption,.art-footer{left:22px;right:22px}.art-caption{top:23px}.art-footer{bottom:22px}.eyebrow{letter-spacing:1.1px;font-size:8px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.site-credit{display:flex;justify-content:center;padding:0 0 20px}
.site-credit a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 12px;transition:opacity .2s}
.site-credit a:hover{opacity:.65}
.site-credit img{display:block;width:108px;height:auto;mix-blend-mode:multiply}

/* Language navigation */
.header-actions{display:flex;align-items:center;gap:28px}
.language-nav{display:flex;align-items:center;gap:8px}
.language-nav a{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-width:120px;min-height:48px;padding:11px 15px;border:1px solid #d5dfe0;border-radius:8px;background:#fff;color:var(--ink);font-size:13px;font-weight:600;line-height:1.2;box-shadow:0 2px 4px #102c3a04;transition:background .18s,border-color .18s,box-shadow .18s,transform .18s}
.language-flag{display:block;width:22px;height:15px;flex-shrink:0;border-radius:3px;box-shadow:0 0 0 1px #102c3a0d}
.language-nav a:hover{background:#eef6f5;border-color:#8cbec3;box-shadow:0 3px 9px #102c3a0d;transform:translateY(-1px)}
.language-nav a[aria-current="page"]{background:var(--navy);border-color:var(--navy);color:#fff;box-shadow:0 3px 8px #102c3a1a}
.language-nav a[aria-current="page"]:hover{background:#194353;border-color:#194353}
.language-nav a:active{transform:translateY(0)}
.header-actions .header-contact{white-space:nowrap}
@media(max-width:1100px){.header{gap:18px}.header-actions{gap:0}.header-actions .header-contact{display:none}.language-nav a{min-width:104px;padding:11px 12px;font-size:12px}}
@media(max-width:760px){.header{flex-wrap:wrap;justify-content:center;padding:24px 0 22px;gap:22px}.brands{justify-content:center;width:100%}.header-actions{width:100%}.language-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;gap:8px}.language-nav a{min-width:0;min-height:48px;padding:11px 8px;font-size:13px;gap:8px}.hero-copy{min-width:0}h1{overflow-wrap:normal}}
@media(max-width:380px){.language-nav{gap:6px}.language-nav a{font-size:12px;gap:6px;padding:11px 6px}.language-flag{width:19px;height:13px}}
@media(prefers-reduced-motion:reduce){.language-nav a{transition:none}}