/* Auclean Chinese showcase: approved film, catalogue, structure, factory, knowledge and readable documents. */
:root{--blue:#22258a;--ink:#202329;--muted:#7d8188;--line:#dedfdf;--paper:#f4f4f0;--green:#4f842d;--nav-h:82px;--gutter:6.5vw}
*{box-sizing:border-box}html{scroll-padding-top:var(--nav-h);scroll-behavior:auto}body{margin:0;background:#fff;color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,"Helvetica Neue","PingFang SC","Noto Sans CJK SC",sans-serif;-webkit-font-smoothing:antialiased}body.has-dialog,body.is-menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button{color:inherit;font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0;border-radius:0;background:none}button:disabled{opacity:.3;cursor:default}img,video{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:500;letter-spacing:-.045em}p{line-height:1.9}::selection{background:#dbdcf4;color:var(--blue)}[hidden]{display:none!important}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid #6f78dc;outline-offset:6px}a,button{touch-action:manipulation}.section{padding:130px var(--gutter)}.eyebrow{display:block;font-size:10px;font-weight:500;letter-spacing:.16em;line-height:1.5}.text-link{display:inline-flex;align-items:center;gap:26px;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px;line-height:1.5;text-align:left}.text-link span{display:inline-block;transition:transform .3s}.text-link:hover span{transform:translate(3px,-3px)}.access-skip{position:fixed;top:12px;left:12px;z-index:300;padding:16px 20px;background:white;color:var(--blue);transform:translateY(-150%);font-size:13px}.access-skip:focus{transform:translateY(0)}

.nav{height:var(--nav-h);position:fixed;inset:0 0 auto;z-index:100;display:flex;align-items:center;gap:30px;padding:0 4.5vw;border-bottom:1px solid #ffffff22;color:#fff;transition:background .3s,color .3s,border-color .3s}.brand{width:136px;flex:0 0 136px}.brand img{width:100%;height:auto;filter:brightness(0) invert(1)}.desktop-nav{display:flex;gap:28px;align-items:center;margin-left:auto;font-size:12px}.desktop-nav a{position:relative;padding:25px 0}.desktop-nav a:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}.desktop-nav a:hover:after,.desktop-nav a[aria-current="location"]:after{transform:scaleX(1)}.nav-note{font-size:9px;letter-spacing:.11em;opacity:.55}.film-button{display:flex;align-items:center;gap:8px;font-size:10px;white-space:nowrap}.play-icon{font-size:20px;font-weight:300;line-height:1}.nav-contact{font-size:11px;border:1px solid #ffffff55;display:flex;align-items:center;gap:24px;padding:12px 16px;white-space:nowrap}.nav-contact span{font-size:16px}.light-nav .nav,.is-menu-open .nav{background:#ffffffef;color:var(--ink);border-color:var(--line);backdrop-filter:blur(12px)}.light-nav .brand img,.is-menu-open .brand img{filter:none}.light-nav .nav-contact,.is-menu-open .nav-contact{border-color:#c8c9cd}.page-progress{position:absolute;bottom:-1px;left:0;width:100%;height:2px;background:#818ac9;transform:scaleX(0);transform-origin:left;pointer-events:none}.menu-toggle{display:none}.mobile-menu{position:fixed;inset:var(--nav-h) 0 0;z-index:99;background:white;padding:40px var(--gutter);color:var(--blue);overflow:auto}

.scroll-story{height:680svh;background:#080c12}.pinned-scene{height:100svh;position:sticky;top:0;overflow:hidden;background:#080c12;color:white}.scene-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none}.scene-shade{position:absolute;inset:0;background:linear-gradient(90deg,#020407a6 0%,#02040730 44%,transparent 72%);opacity:var(--shade,1);pointer-events:none}.intro{position:absolute;left:var(--gutter);top:25%;will-change:transform,opacity}.intro .eyebrow{font-size:10px;letter-spacing:.18em;color:#c8cbe0}.dot{display:inline-block;width:4px;height:4px;background:#a5aee8;border-radius:50%;vertical-align:middle;margin-right:12px}.intro h1{font-size:clamp(56px,6.2vw,100px);line-height:1.2;margin:27px 0 23px;letter-spacing:-.055em}.intro p{font-size:13px;color:#ffffff8c;letter-spacing:.03em}.scroll-hint{display:flex;align-items:center;gap:16px;font-size:10px;color:#ffffff99;margin-top:52px}.scroll-hint b{font-weight:400;margin-left:22px}.scroll-line{width:40px;height:1px;background:currentColor;animation:breathe 2.4s ease-in-out infinite;transform-origin:left}@keyframes breathe{50%{transform:scaleX(.55);opacity:.35}}.scene-copy{position:absolute;left:var(--gutter);bottom:26%;opacity:0;will-change:transform,opacity}.scene-num{font-size:9px;letter-spacing:.14em;opacity:.55}.scene-copy h2{font-size:clamp(34px,4.2vw,66px);line-height:1.25;margin:20px 0}.scene-copy p{font-size:12px;opacity:.6}.scene-index{position:absolute;bottom:52px;left:var(--gutter);right:var(--gutter);display:flex;align-items:center;gap:65px;will-change:opacity}.index-label{font-size:8px;letter-spacing:.14em;opacity:.4}.rail{display:flex;gap:46px}.rail button{color:#ffffff66;padding:16px 0;font-size:11px;position:relative}.rail button i{font-style:normal;font-size:8px;margin-right:13px;opacity:.5}.rail button.active{color:white}.rail button:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:#c1c8fa;transform:scaleX(0);transform-origin:left;transition:transform .25s}.rail button.active:after{transform:scaleX(1)}.position{font-size:8px;letter-spacing:.1em;opacity:.5;margin-left:auto}.scene-progress{position:absolute;inset:auto 0 0;height:2px;background:#ffffff0c}.scene-progress i{height:100%;display:block;width:0;background:#929bdb}.skip{position:absolute;right:var(--gutter);top:117px;font-size:10px;opacity:.6;display:flex;gap:30px}.skip:hover{opacity:1}.final-note{position:absolute;bottom:10%;inset-inline:0;color:var(--blue);display:flex;justify-content:center;align-items:center;gap:55px;font-size:11px;opacity:0;pointer-events:none}.final-note a{display:flex;gap:28px;padding-bottom:9px;border-bottom:1px solid #22258a40;pointer-events:auto}.pinned-scene.is-final{background:#fff}

.brand-statement{display:grid;grid-template-columns:1fr 2.7fr;gap:60px;padding-top:150px;padding-bottom:130px;color:var(--blue)}.brand-statement h2{font-size:clamp(42px,4.9vw,78px);line-height:1.35;letter-spacing:-.04em}

.sleeve-story{display:grid;grid-template-columns:1.15fr 1fr;gap:9%;align-items:center;padding-top:150px;padding-bottom:150px;overflow:hidden}.sleeve-picture{height:690px;position:relative;overflow:hidden;background:#e9e9e4}.sleeve-picture img{width:100%;height:110%;object-fit:cover;will-change:transform}.sleeve-copy>.eyebrow{color:var(--green);font-size:9px}.sleeve-copy h2{font-size:clamp(38px,4vw,64px);line-height:1.3;margin:30px 0}.sleeve-copy>p{font-size:17px;line-height:1.8}.sleeve-text{margin-top:30px}.sleeve-text p{color:var(--muted);font-size:13px}.sleeve-text>a{margin-top:30px;color:var(--green);border-color:#5c8b3a55;font-size:12px}

.factory-section{background:#eff0ed}.factory-heading{display:grid;grid-template-columns:1fr 2.7fr;gap:60px;padding-top:120px;padding-bottom:75px}.factory-heading h2{font-size:clamp(40px,4.2vw,66px);line-height:1.3}.factory-heading p{font-size:13px;color:var(--muted);margin-top:30px}.factory-wide{position:relative;margin:0 var(--gutter)}.factory-wide>img{width:100%;height:550px;object-fit:cover;object-position:center 60%}.factory-wide figcaption{display:flex;justify-content:space-between;gap:20px;align-items:center;background:#fff;padding:22px 25px;font-size:10px}.factory-wide figcaption>span:first-child{font-size:8px;letter-spacing:.12em;color:var(--muted)}.factory-wide i{font-style:normal;margin-left:22px;color:var(--blue)}.factory-details{display:grid;grid-template-columns:1fr 1fr 1fr;gap:45px;padding-top:80px;padding-bottom:100px}.detail-photo>img{width:100%;height:270px;object-fit:cover}.detail-photo figcaption{font-size:11px;padding-top:17px}.detail-photo figcaption span{font-size:8px;color:var(--muted);margin-right:25px;letter-spacing:.1em}

.guides{padding-top:135px;padding-bottom:140px}.guides-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:65px;gap:50px}.guides-heading .eyebrow{color:var(--blue);font-size:9px}.guides h2{font-size:clamp(38px,4vw,60px);line-height:1.3;margin-top:28px}.guides-heading>p{font-size:12px;line-height:2;color:var(--muted);padding-bottom:5px;min-width:250px}.guide-row{display:flex;align-items:center;gap:50px;text-align:left;padding:35px 0;width:100%;border-top:1px solid var(--line);transition:padding .35s,background .35s}.guide-row:last-child{border-bottom:1px solid var(--line)}.guide-row:hover{padding-left:20px;padding-right:20px;background:#f7f7f4}.guide-row>div{flex:1}.guide-row small{display:block;font-size:8px;letter-spacing:.14em;color:var(--muted)}.guide-row h3{font-size:25px;margin:12px 0 8px}.guide-row p{font-size:12px;color:var(--muted)}.guide-arrow{display:grid;place-items:center;border:1px solid #d2d5da;width:48px;height:48px;border-radius:50%;font-size:20px;color:var(--blue);transition:background .3s,color .3s}.guide-row:hover .guide-arrow{background:var(--blue);border-color:var(--blue);color:white}
.contact-section{background:var(--blue);color:white;padding-top:100px;padding-bottom:80px}.contact-section>.eyebrow{font-size:9px;color:#a5a9db}.footer{display:flex;align-items:center;gap:40px;padding:40px var(--gutter);background:#f7f7f4;min-height:120px}.footer>a:first-child{width:130px}.footer img{width:100%;height:auto}.footer>span{font-size:7px;letter-spacing:.1em;color:#a0a1a8}.footer>a:nth-of-type(2){font-size:10px;margin-left:auto;display:flex;gap:25px}.footer small{font-size:9px;color:#a0a1a8}

dialog{border:0;padding:0;color:var(--ink);max-height:90svh;overscroll-behavior:contain}dialog::backdrop{background:#10151bc9;backdrop-filter:blur(5px)}.film-dialog{background:#05080d;width:min(1400px,92vw);max-width:none;overflow:visible}.film-dialog video{width:100%;max-height:84svh;background:#05080d}.close-film{position:absolute;right:0;bottom:calc(100% + 13px);color:white;font-size:11px;display:flex;gap:28px;align-items:center;padding:6px 0}.close-film span{font-size:24px;line-height:1}.detail-dialog{width:min(1120px,92vw);max-width:none;overflow:auto;background:#fff}.detail-dialog[open]{display:grid;grid-template-columns:1fr 1fr}.dialog-close{position:absolute;right:25px;top:20px;display:flex;gap:20px;align-items:center;font-size:10px;z-index:5;padding:8px 10px;background:#fffffff0;border:1px solid #e2e3e0}.dialog-close span{font-size:23px;line-height:1}.detail-media{background:#f1f2ee;min-height:550px;display:flex;align-items:center;justify-content:center;padding:35px}.detail-media img{width:100%;height:auto;max-height:550px;object-fit:contain;mix-blend-mode:multiply}.detail-content{padding:90px 45px 55px}.detail-content>.eyebrow,.guide-content>.eyebrow{font-size:8px;color:var(--blue)}.detail-content h2,.guide-content h2{font-size:38px;line-height:1.4;margin:23px 0}.detail-summary{font-size:16px;line-height:1.9;color:#6f747c}.detail-content dl{margin:32px 0 0;border-top:1px solid var(--line)}.detail-content dl>div{display:grid;grid-template-columns:100px 1fr;gap:15px;padding:14px 0;border-bottom:1px solid var(--line);font-size:11px;line-height:1.8}.detail-content dt{color:var(--muted)}.detail-content dd{margin:0}.detail-body{font-size:13px;line-height:1.95;color:#767b83;margin-top:28px}.detail-body p+p{margin-top:16px}.detail-content>.text-link,.guide-content>.text-link{margin-top:30px;color:var(--blue)}.guide-dialog{width:min(880px,92vw);max-width:none;background:#fff}.guide-content{padding:85px 80px 65px}.guide-content h2{font-size:40px}.guide-content>ol{padding:0;list-style:none;counter-reset:step;margin:40px 0 0}.guide-content>ol>li{position:relative;padding:24px 0 24px 43px;border-top:1px solid var(--line);counter-increment:step}.guide-content>ol>li:before{content:counter(step,decimal-leading-zero);position:absolute;left:0;top:29px;color:var(--blue);font-size:9px;letter-spacing:.05em}.guide-content>ol h3{font-size:19px;line-height:1.6;letter-spacing:-.02em;margin-bottom:12px}.guide-content>ol p{font-size:13px;color:#777d85;line-height:1.95}.guide-content .detail-body{border-top:1px solid var(--line);padding-top:24px}.noscript-note{padding:20px;background:#f5f5ef;font-size:12px}.noscript-note a{text-decoration:underline}

@media(min-width:1800px){:root{--gutter:8vw}.factory-wide>img{height:680px}.sleeve-picture{height:800px}}
@media(max-width:1100px){.nav{gap:20px}.desktop-nav{gap:20px;font-size:11px}.nav-note{display:none}.nav-contact{padding:10px 13px;gap:16px}.brand{width:120px;flex-basis:120px}.brand-statement,.factory-heading{grid-template-columns:1fr 2.7fr;gap:35px}.brand-statement h2{font-size:49px}.sleeve-story{gap:7%}.sleeve-picture{height:570px}.sleeve-copy h2{font-size:42px}.factory-details{gap:30px}.detail-photo>img{height:230px}.guide-row h3{font-size:23px}.footer{gap:25px}.guide-content{padding-inline:60px}}
@media(max-width:850px){:root{--nav-h:74px;--gutter:6vw}.desktop-nav{display:none}.film-button{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;width:30px;height:36px;padding:5px;margin-left:2px}.menu-toggle i{display:block;height:1px;width:21px;background:currentColor;transition:transform .3s}.menu-toggle[aria-expanded="true"] i:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded="true"] i:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-menu>.eyebrow{font-size:8px;color:#989bbb;margin-bottom:30px}.mobile-menu>a{display:flex;align-items:center;gap:25px;font-size:30px;padding:18px 0;border-bottom:1px solid #e3e4eb}.mobile-menu>a>small{font-size:9px;color:#9094af;letter-spacing:.1em}.mobile-menu>a>span{margin-left:auto;font-size:22px}.menu-signature{display:block;font-size:8px;letter-spacing:.12em;color:var(--muted);margin-top:35px}.section{padding-top:95px;padding-bottom:95px}.index-label{display:none}.scene-index{gap:35px}.brand-statement{display:block}.brand-statement h2{font-size:clamp(37px,5.7vw,49px)}.sleeve-story{gap:7%;grid-template-columns:1fr 1fr}.sleeve-picture{height:520px}.sleeve-copy>.eyebrow{font-size:7px}.sleeve-copy h2{font-size:35px}.sleeve-copy>p{font-size:15px}.sleeve-text p{font-size:11px}.factory-heading{grid-template-columns:1fr 2fr;gap:30px;padding-bottom:60px}.factory-heading h2{font-size:42px}.factory-heading .eyebrow{font-size:8px}.factory-details{grid-template-columns:1fr 1fr;gap:28px;padding-top:55px}.factory-wide>img{height:420px}.detail-photo>img{height:270px}.guides-heading>p{min-width:0;font-size:11px}.guide-row{gap:25px}.guide-row h3{font-size:21px}.footer{flex-wrap:wrap}.footer>span{font-size:6px}.footer small{display:block;width:100%;margin-top:-10px}.detail-dialog[open]{grid-template-columns:1fr}.detail-media{min-height:0;height:320px}.detail-media img{height:100%}.detail-content{padding:45px 40px}.guide-content{padding:80px 45px 50px}}
@media(max-width:650px){:root{--nav-h:68px;--gutter:7vw}.nav{padding:0 6%;gap:20px}.brand{width:108px;flex-basis:108px}.film-button{font-size:9px;gap:5px}.play-icon{font-size:17px}.nav-contact{display:none}.menu-toggle{width:25px;padding:2px}.mobile-menu{padding-top:30px}.mobile-menu>a{font-size:28px;padding:19px 0}.scroll-story{height:430svh}.intro{top:21%;left:var(--gutter)}.intro .eyebrow{font-size:7px;letter-spacing:.15em}.intro h1{font-size:clamp(37px,10vw,57px);margin:22px 0;line-height:1.28}.intro p{font-size:10px}.scroll-hint{margin-top:30px;font-size:8px;gap:12px}.scroll-hint b{margin-left:15px}.scroll-line{width:29px}.scene-video{height:auto;aspect-ratio:16/9;top:43%;bottom:auto;width:100%}.scene-shade{background:linear-gradient(#0002,transparent);opacity:.6}.scene-copy{top:21%;bottom:auto}.scene-copy h2{font-size:34px;margin:16px 0}.scene-copy p{font-size:10px}.scene-num{font-size:8px}.scene-index{display:block;bottom:68px}.rail{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.rail button{text-align:left;font-size:10px;padding:15px 0}.rail button i{font-size:7px;margin-right:8px}.position{display:block;text-align:right;font-size:7px;margin-top:18px}.skip{top:auto;bottom:23px;font-size:8px;gap:20px}.final-note{bottom:18%;display:block;text-align:center;font-size:10px}.final-note a{width:max-content;margin:16px auto 0;font-size:9px}.section{padding-top:65px;padding-bottom:65px}.eyebrow{font-size:8px}.brand-statement{padding-top:75px;padding-bottom:70px}.brand-statement h2{font-size:clamp(28px,7.4vw,43px);line-height:1.5;letter-spacing:-.05em;white-space:nowrap}.sleeve-story{display:flex;flex-direction:column;align-items:stretch;padding-top:70px;padding-bottom:70px;gap:36px}.sleeve-picture{height:390px}.sleeve-copy>.eyebrow{font-size:7px}.sleeve-copy h2{font-size:39px;margin:24px 0}.sleeve-copy>p{font-size:16px}.sleeve-text{margin-top:22px}.sleeve-text p{font-size:12px}.sleeve-text>a{font-size:11px;margin-top:22px}.factory-heading{display:block;padding-top:60px;padding-bottom:35px}.factory-heading .eyebrow{font-size:7px}.factory-heading h2{font-size:36px;margin-top:25px}.factory-heading p{font-size:11px;margin-top:23px}.factory-wide{margin:0}.factory-wide>img{height:300px;object-position:65% 50%}.factory-wide figcaption{padding:17px var(--gutter);font-size:8px;gap:10px}.factory-wide figcaption>span:first-child{font-size:5px;letter-spacing:.1em}.factory-wide i{margin-left:9px}.factory-details{grid-template-columns:1fr 1fr;gap:30px 17px;padding-top:38px;padding-bottom:55px}.detail-photo>img{height:180px}.detail-photo figcaption{font-size:9px;padding-top:13px}.detail-photo figcaption span{font-size:6px;margin-right:15px}.guides{padding-top:65px;padding-bottom:70px}.guides-heading{display:block;margin-bottom:35px}.guides-heading .eyebrow{font-size:7px}.guides h2{font-size:35px;margin-top:23px}.guides-heading>p{font-size:11px;margin-top:25px}.guide-row{padding:27px 0;gap:17px}.guide-row small{font-size:6px}.guide-row h3{font-size:17px;line-height:1.6;margin:9px 0}.guide-row p{font-size:9px;line-height:1.9}.guide-arrow{width:32px;height:32px;font-size:16px;flex:0 0 32px}.guide-row:hover{padding:27px 0;background:none}.contact-section{padding-top:60px;padding-bottom:40px}.contact-section>.eyebrow{font-size:6px}.footer{padding:32px var(--gutter);gap:23px 20px;align-items:center;min-height:0}.footer>a:first-child{width:110px}.footer>span{font-size:5px;margin-left:auto;max-width:110px;line-height:1.9}.footer>a:nth-of-type(2){font-size:9px;margin-left:0;order:4;gap:18px}.footer small{width:auto;order:3;font-size:7px;margin:0 auto 0 0}.film-dialog{width:96vw}.film-dialog video{max-height:78svh}.close-film{font-size:10px}.detail-dialog,.guide-dialog{width:94vw;max-height:92svh}.dialog-close{top:13px;right:13px;font-size:9px;gap:18px;padding:6px 9px}.dialog-close span{font-size:21px}.detail-media{height:270px;padding:25px}.detail-content{padding:35px 25px}.detail-content h2{font-size:30px;margin:18px 0}.detail-summary{font-size:14px}.detail-content dl>div{grid-template-columns:85px 1fr;font-size:10px}.detail-body{font-size:12px}.guide-content{padding:75px 26px 40px}.guide-content h2{font-size:28px;margin:19px 0}.guide-content>ol{margin-top:30px}.guide-content>ol>li{padding:23px 0 23px 30px}.guide-content>ol>li:before{font-size:7px;top:27px}.guide-content>ol h3{font-size:17px}.guide-content>ol p{font-size:12px}}
@media(max-width:360px){.nav{gap:12px}.brand{width:95px;flex-basis:95px}.intro h1{font-size:35px}.brand-statement h2{font-size:26px}.guide-row{gap:12px}.guide-row h3{font-size:16px}.guide-arrow{width:28px;height:28px;flex-basis:28px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.scroll-story{height:100svh}.scene-index,.scene-copy{display:none}.sleeve-picture img{transform:none!important}.scroll-hint{display:none}}

:root{--muted:#71767f}

.sleeve-picture{background:#f6f7f2}
.sleeve-picture>img{height:100%;object-fit:contain;padding:35px 20px 80px}

.sleeve-text p,.factory-heading p,.guides-heading>p,.guide-row p{color:#71767f}
.guide-content>ol p,.detail-body{color:#666d77}
@media(max-width:650px){.sleeve-picture>img{padding:20px 15px 55px}.sleeve-text p,.factory-heading p,.guides-heading>p{font-size:12px}.guide-row p{font-size:10px}.guide-content>ol p,.detail-body{font-size:13px}}

.sleeve-text p{font-size:15px;line-height:2.1;color:#5f6871;max-width:440px}
.sleeve-copy>.eyebrow,.guides-heading .eyebrow{font-size:11px;letter-spacing:.1em}
.contact-section>.eyebrow{font-size:10px;letter-spacing:.12em}
.film-button{min-height:44px;padding:8px 0}
.menu-toggle{min-width:44px;min-height:44px;padding-inline:11px;margin-right:-10px}

.mobile-menu[data-input="pointer"]:not([hidden]){animation:directory-enter .26s cubic-bezier(.2,.7,.2,1)}
.mobile-menu[data-input="pointer"]:not([hidden])>a{animation:directory-row .3s both cubic-bezier(.2,.7,.2,1)}
.mobile-menu[data-input="pointer"]>a:nth-of-type(2){animation-delay:25ms}
.mobile-menu[data-input="pointer"]>a:nth-of-type(3){animation-delay:50ms}
.mobile-menu[data-input="pointer"]>a:nth-of-type(4){animation-delay:75ms}
.mobile-menu[data-input="pointer"]>a:nth-of-type(5){animation-delay:100ms}
@keyframes directory-enter{from{transform:translateY(-12px);opacity:.5}to{transform:none;opacity:1}}
@keyframes directory-row{from{transform:translateY(10px);opacity:0}to{transform:none;opacity:1}}

@media(max-width:650px){
 .sleeve-copy>.eyebrow,.guides-heading .eyebrow{font-size:10px;letter-spacing:.08em}
 .contact-section>.eyebrow{font-size:9px;letter-spacing:.1em}






 .skip{font-size:11px;opacity:.75;min-height:44px;align-items:center;padding:10px 0;bottom:13px}
 .sleeve-text p{font-size:14px;line-height:2.05;max-width:none}
 .guide-row{min-height:120px}
}
@media(prefers-reduced-motion:reduce){.mobile-menu[data-input="pointer"],.mobile-menu[data-input="pointer"]>a{animation:none!important}}

.detail-dialog[open]{display:block}
.detail-layout{display:grid;grid-template-columns:1fr 1fr}
.dialog-toolbar{position:sticky;top:0;height:0;z-index:6;display:flex;justify-content:flex-end;pointer-events:none}
.dialog-toolbar .dialog-close{pointer-events:auto}
@media(max-width:850px){.detail-layout{grid-template-columns:1fr}}

html:not(.js-ready) .scroll-story{height:100svh}
html:not(.js-ready) .scene-index,html:not(.js-ready) .scene-copy,html:not(.js-ready) .scene-progress,html:not(.js-ready) .menu-toggle{display:none}

.document-body{background:#fff}
.document-nav{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 var(--gutter);border-bottom:1px solid var(--line)}
.document-nav>a:first-child{width:135px}.document-nav img{height:auto;width:100%}.document-nav>a:last-child{font-size:12px;display:flex;gap:30px;color:var(--blue)}
.document-page{padding:45px var(--gutter) 85px;max-width:1600px;margin:auto}
.document-breadcrumb{font-size:11px;display:flex;gap:16px;color:var(--muted);line-height:1.8;margin-bottom:45px}.document-breadcrumb a{color:var(--blue)}
.document-product-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:7vw;align-items:start}
.document-product-image{background:#f3f4ef;min-height:590px;display:flex;align-items:center;padding:40px}
.document-product-image img{width:100%;height:500px;object-fit:contain;mix-blend-mode:multiply}
.document-product-copy{padding:25px 0}
.document-product-copy h1{font-size:clamp(32px,3.2vw,50px);line-height:1.4;margin-bottom:25px}
.document-specs{margin:32px 0;border-top:1px solid var(--line)}
.document-specs>div{display:grid;grid-template-columns:95px 1fr;gap:20px;padding:15px 0;border-bottom:1px solid var(--line);font-size:12px;line-height:1.9}
.document-specs dt{color:var(--muted)}.document-specs dd{margin:0}
.document-prose{font-size:14px;color:#626c75;line-height:2}.document-prose p+p{margin-top:20px}
.document-product-copy>.text-link,.document-article>.text-link{margin-top:35px;color:var(--blue)}
.document-related{border-top:1px solid var(--line);margin-top:65px;padding-top:32px}.document-related h2{font-size:18px;letter-spacing:0;font-weight:400;margin-bottom:25px}
.document-related>div{display:flex;flex-wrap:wrap;gap:12px 32px}.document-related a{font-size:12px;line-height:2.3;color:var(--muted);border-bottom:1px solid transparent}.document-related a:hover,.document-related a[aria-current="page"]{color:var(--blue);border-color:var(--blue)}
.document-footer{border-top:1px solid var(--line);padding:30px var(--gutter);display:flex;justify-content:space-between;gap:30px;font-size:10px;color:var(--muted)}
.document-article{max-width:800px;margin:0 auto;padding:20px 0 30px}.document-article>h1{font-size:clamp(30px,3.6vw,52px);line-height:1.5;margin-bottom:25px}.document-article>.detail-summary{font-size:18px}
.document-steps{counter-reset:article-step;padding:0;list-style:none;margin:45px 0 15px}.document-steps li{counter-increment:article-step;position:relative;border-top:1px solid var(--line);padding:27px 0 27px 45px}.document-steps li:before{content:counter(article-step,decimal-leading-zero);position:absolute;left:0;top:33px;font-size:10px;color:var(--blue)}.document-steps h2{font-size:23px;line-height:1.6;margin-bottom:15px;letter-spacing:-.02em}.document-steps p{font-size:14px;line-height:2;color:#626c75}.document-article>.document-prose{border-top:1px solid var(--line);padding-top:27px}
@media(max-width:900px){.document-product-layout{grid-template-columns:1fr;gap:30px}.document-product-image{min-height:0;height:420px}.document-product-image img{height:350px}.document-product-copy{max-width:680px}.document-page{padding-top:30px}.document-breadcrumb{margin-bottom:30px}}
@media(max-width:650px){.document-nav{height:72px}.document-nav>a:first-child{width:110px}.document-nav>a:last-child{font-size:10px;gap:18px}.document-page{padding-top:27px;padding-bottom:55px}.document-breadcrumb{font-size:9px;gap:11px;flex-wrap:wrap}.document-product-image{height:310px;padding:20px}.document-product-image img{height:270px}.document-product-copy{padding:0}.document-product-copy h1{font-size:31px;margin-bottom:20px}.document-specs>div{grid-template-columns:75px 1fr;font-size:11px;gap:15px}.document-prose{font-size:13px}.document-related{margin-top:45px}.document-related>div{display:grid;grid-template-columns:1fr 1fr;gap:12px 18px}.document-related a{font-size:11px}.document-footer{font-size:8px;gap:20px}.document-article{padding-top:0}.document-article>h1{font-size:29px}.document-article>.detail-summary{font-size:15px}.document-steps{margin-top:35px}.document-steps li{padding-left:30px}.document-steps li:before{font-size:8px;top:32px}.document-steps h2{font-size:20px}.document-steps p{font-size:13px}.document-article+.document-related>div{grid-template-columns:1fr}}

.brand-statement{display:block;padding-top:85px;padding-bottom:85px}
.brand-statement .statement-copy{display:flex;justify-content:space-between;align-items:center;gap:60px}
.brand-statement h2{font-size:clamp(40px,4.4vw,68px);line-height:1.4}
.brand-statement p{margin:0;flex:0 0 220px;font-size:13px;line-height:2;color:#737981}
.catalog-section{background:#f1f3ee;padding-top:80px;padding-bottom:90px}
.catalog-heading{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:45px}
.catalog-heading h2{font-size:43px;line-height:1.35}
.catalog-heading>p{font-size:13px;color:#717870;line-height:1.9;padding-bottom:4px}
.catalog-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 28px}
.catalog-product{grid-column:span 4;min-width:0}
.catalog-product.anilox-item{grid-column:span 6}
.catalog-product.chamber-item,.catalog-product.sleeve-item{grid-column:span 3}
.catalog-image{height:260px;display:flex;align-items:center;justify-content:center;background:#f9faf7;overflow:hidden}
.catalog-image img{height:100%;width:100%;object-fit:contain;padding:18px;mix-blend-mode:multiply;transition:transform .4s}
.catalog-image:hover img{transform:scale(1.025)}
.catalog-product.anilox-item .catalog-image img{padding:0 5px}
.catalog-product.sleeve-item .catalog-image img{padding:20px 35px}
.catalog-product.cleaner-item .catalog-image{background:#252626}
.catalog-product.cleaner-item .catalog-image img{mix-blend-mode:normal;padding:0}
.catalog-copy{padding-top:22px}
.catalog-copy h3{font-size:22px;line-height:1.45;letter-spacing:-.025em;font-weight:500}
.catalog-copy h3 a:hover{color:var(--blue)}
.catalog-role{font-size:13px;color:#434d48;margin-top:12px;line-height:1.8}
.catalog-relation{font-size:12px;color:#768075;margin-top:7px;line-height:1.85;max-width:430px}
.catalog-more{display:inline-flex;align-items:center;gap:25px;font-size:11px;margin-top:17px;min-height:36px;border-bottom:1px solid #c4ccc0;color:var(--blue)}
.catalog-more span{font-size:13px}
.sleeve-story{grid-template-columns:1.15fr 1fr;gap:7%;padding-top:90px;padding-bottom:95px;align-items:center}
.sleeve-visuals{display:grid;grid-template-columns:1.3fr 1fr;gap:20px;align-items:center}
.sleeve-picture{height:460px;background:#f5f6f1;overflow:hidden}
.sleeve-picture>img{height:calc(100% - 47px);width:100%;padding:20px 5px 0;object-fit:contain;transform:none!important}
.sleeve-picture>figcaption{font-size:11px;color:#6d7768;line-height:1.8;text-align:center;padding:13px 5px}
.sleeve-cutaway>img{width:100%;height:250px;object-fit:contain}
.sleeve-cutaway>figcaption{font-size:11px;color:#6d7768;text-align:center;padding-top:18px;line-height:1.8}
.story-brand{width:140px;height:auto;margin-bottom:28px}
.sleeve-copy h2{font-size:45px;line-height:1.35;margin:0 0 28px}
.sleeve-text{margin-top:0}
.sleeve-text p{font-size:15px;line-height:2;color:#5e6871;max-width:none}
.sleeve-text p+p{margin-top:20px}
.sleeve-copy>.text-link{font-size:12px;color:var(--green);margin-top:25px;border-color:#789b6355}
.factory-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;padding-top:80px;padding-bottom:45px}
.factory-heading h2{font-size:43px;line-height:1.45}
.factory-heading p{font-size:13px;line-height:1.95;margin:0;max-width:400px}
.factory-wide>img{height:465px;object-position:center 58%}
.factory-wide figcaption{display:block;padding:15px 0;background:none;font-size:12px;color:#677368}
.factory-details{grid-template-columns:1fr 1fr;gap:35px;padding-top:25px;padding-bottom:80px}
.detail-photo>img{height:300px;object-fit:cover}
.detail-photo figcaption{padding-top:20px;font-size:13px;line-height:1.8}
.detail-photo figcaption strong{font-size:16px;font-weight:400}
.detail-photo figcaption p{font-size:13px;color:#747d74;margin-top:7px}
.guides{padding-top:85px;padding-bottom:90px}
.guides-heading{margin-bottom:40px;align-items:center}
.guides h2{font-size:42px;margin:0;line-height:1.4}
.guides-heading>p{font-size:13px;padding:0}
.guide-row{gap:30px;padding:27px 0}
.guide-row h3{margin:0 0 12px;font-size:24px}
.guide-row p{font-size:13px}
.guide-row:hover{padding:27px 15px}
.contact-section{display:flex;align-items:center;justify-content:space-between;gap:60px;padding-top:65px;padding-bottom:65px}
.contact-section h2{font-size:40px;line-height:1.4}
.contact-section p{font-size:13px;color:#c5c8e7;margin-top:18px}
.contact-address{display:flex;flex-direction:column;gap:20px;align-items:flex-end}
.contact-address>a{font-size:25px;display:flex;align-items:center;gap:30px}
.contact-address>a>span{font-size:20px}.contact-address>span{font-size:11px;color:#b1b5dc}
@media(max-width:1100px){.brand-statement h2{font-size:45px}.brand-statement p{flex-basis:180px;font-size:12px}.catalog-heading h2{font-size:36px}.catalog-copy h3{font-size:20px}.catalog-image{height:230px}.catalog-grid{gap:40px 22px}.sleeve-story{gap:5%}.sleeve-visuals{gap:12px}.sleeve-picture{height:410px}.sleeve-cutaway>img{height:200px}.sleeve-copy h2{font-size:38px}.sleeve-text p{font-size:14px}.factory-heading h2{font-size:36px}.factory-heading p{font-size:12px}.contact-section h2{font-size:35px}.contact-address>a{font-size:22px}}
@media(max-width:850px){.brand-statement .statement-copy{display:block}.brand-statement p{margin-top:25px}.brand-statement h2{font-size:44px}.catalog-heading{align-items:start;gap:35px}.catalog-heading h2{font-size:33px}.catalog-heading>p{font-size:12px;max-width:240px}.catalog-product,.catalog-product.anilox-item,.catalog-product.chamber-item,.catalog-product.sleeve-item{grid-column:span 6}.catalog-product.anilox-item{grid-column:span 12}.catalog-product.carbon-item{grid-column:span 12}.catalog-product.anilox-item .catalog-image,.catalog-product.carbon-item .catalog-image{height:230px}.catalog-image{height:235px}.sleeve-story{display:block}.sleeve-visuals{max-width:640px;margin:0 auto 45px}.sleeve-picture{height:400px}.sleeve-cutaway>img{height:280px}.sleeve-copy{max-width:600px;margin:0}.sleeve-text p{font-size:15px}.sleeve-copy h2{font-size:40px}.factory-heading{display:block;padding-bottom:35px}.factory-heading p{margin-top:25px}.factory-wide>img{height:400px}.detail-photo>img{height:260px}.guides-heading{display:block}.guides-heading>p{margin-top:24px;max-width:none}.contact-section{gap:40px}.contact-section h2{font-size:32px}.contact-address>a{font-size:20px}.contact-section p{font-size:11px}}
@media(max-width:650px){
 .brand-statement{padding-top:45px;padding-bottom:45px}.brand-statement h2{font-size:clamp(28px,7.4vw,42px);line-height:1.5;white-space:normal}.brand-statement p{font-size:11px;margin-top:21px;line-height:1.9}
 .catalog-section{padding-top:45px;padding-bottom:50px}.catalog-heading{display:block;margin-bottom:28px}.catalog-heading h2{font-size:30px;line-height:1.4}.catalog-heading>p{font-size:11px;max-width:none;margin-top:18px}
 .catalog-grid{gap:30px 18px}.catalog-image{height:185px}.catalog-product.anilox-item .catalog-image,.catalog-product.carbon-item .catalog-image{height:180px}
 .catalog-image img{padding:10px}.catalog-product.sleeve-item .catalog-image img{padding:15px 23px}.catalog-product.cleaner-item .catalog-image img{padding:0}
 .catalog-copy{padding-top:15px}.catalog-copy h3{font-size:17px;line-height:1.5;letter-spacing:-.035em}.catalog-role{font-size:11px;line-height:1.9;margin-top:9px}.catalog-relation{font-size:10px;line-height:1.9;margin-top:6px}.catalog-more{font-size:10px;min-height:40px;gap:16px;margin-top:10px}.catalog-more span{font-size:12px}
 .catalog-product.anilox-item .catalog-copy,.catalog-product.carbon-item .catalog-copy{display:grid;grid-template-columns:1fr auto;gap:0 20px}.catalog-product.anilox-item h3,.catalog-product.carbon-item h3{grid-column:1;grid-row:1}.catalog-product.anilox-item .catalog-role,.catalog-product.carbon-item .catalog-role{grid-column:1;grid-row:2}.catalog-product.anilox-item .catalog-relation,.catalog-product.carbon-item .catalog-relation{grid-column:1/-1;grid-row:3}.catalog-product.anilox-item .catalog-more,.catalog-product.carbon-item .catalog-more{grid-column:2;grid-row:1/3;align-self:center;margin:0}
 .sleeve-story{padding-top:50px;padding-bottom:55px}.sleeve-visuals{grid-template-columns:1.3fr 1fr;gap:15px;margin-bottom:30px}.sleeve-picture{height:270px}.sleeve-picture>img{height:calc(100% - 40px);padding:14px 3px 0}.sleeve-picture>figcaption{font-size:9px;padding:11px 3px}.sleeve-cutaway>img{height:170px}.sleeve-cutaway>figcaption{font-size:9px;padding-top:13px}.story-brand{width:120px;margin-bottom:23px}.sleeve-copy{margin:0}.sleeve-copy h2{font-size:33px;line-height:1.4;margin-bottom:22px}.sleeve-text p{font-size:14px;line-height:2}.sleeve-text p+p{margin-top:18px}.sleeve-copy>.text-link{font-size:11px;margin-top:22px;min-height:44px}
 .factory-heading{padding-top:45px;padding-bottom:28px}.factory-heading h2{font-size:29px;line-height:1.5}.factory-heading p{font-size:11px;line-height:1.9;margin-top:18px}.factory-wide{margin:0}.factory-wide>img{height:290px;object-position:65% center}.factory-wide figcaption{padding:14px var(--gutter);font-size:10px}.factory-details{gap:28px;padding-top:18px;padding-bottom:45px;grid-template-columns:1fr}.detail-photo>img{height:220px}.detail-photo figcaption{padding-top:14px}.detail-photo figcaption strong{font-size:15px}.detail-photo figcaption p{font-size:12px;margin-top:6px}
 .guides{padding-top:45px;padding-bottom:50px}.guides h2{font-size:29px}.guides-heading{margin-bottom:28px}.guides-heading>p{font-size:11px;margin-top:18px}.guide-row{min-height:0;gap:20px;padding:24px 0}.guide-row h3{font-size:18px;margin-bottom:10px}.guide-row p{font-size:12px;line-height:1.9}.guide-row:hover{padding:24px 0}.guide-arrow{width:31px;height:31px;flex-basis:31px;font-size:16px}
 .contact-section{display:block;padding-top:40px;padding-bottom:40px}.contact-section h2{font-size:29px}.contact-section p{font-size:11px;margin-top:15px}.contact-address{align-items:start;margin-top:25px;gap:15px}.contact-address>a{font-size:23px;gap:23px}.contact-address>a>span{font-size:18px}.contact-address>span{font-size:10px}
}

.catalog-product.anilox-item .catalog-image img{padding:0;object-fit:cover}.catalog-relation{color:#626f61}
@media(max-width:650px){.catalog-heading h2{font-size:clamp(27px,7vw,34px)}.catalog-role{font-size:12px}.catalog-relation{font-size:11px}}
@media(max-width:360px){.catalog-heading h2{font-size:25px}}

@media(max-width:650px){.catalog-copy h3{font-size:18px}.catalog-role,.catalog-relation{font-size:14px;line-height:1.8}.catalog-more{font-size:12px;min-height:44px}}

.sleeve-cutaway>figcaption{font-size:11px}.sleeve-cutaway>figcaption>span{display:block;font-size:12px;color:#704414;margin-top:7px;line-height:1.8}

/* The company site introduces sleeveX; detailed product knowledge lives on its own site. */
.catalog-role,.catalog-relation{font-size:14px;line-height:1.8}
.guide-row p{font-size:14px}
.sleeve-story{grid-template-columns:.8fr 1fr;gap:9%;padding-top:65px;padding-bottom:65px}
.sleeve-visuals{display:block;max-width:350px;margin:0 auto;width:100%}
.sleeve-cutaway>img{height:300px}
.sleeve-copy h2{font-size:39px;margin-bottom:22px}
.story-brand{width:120px;margin-bottom:20px}
.sleeve-text p{font-size:14px;line-height:1.9}
.sleeve-text p+p{margin-top:16px}
.sleeve-copy>.text-link{font-size:14px;margin-top:22px;min-height:44px}
@media(max-width:850px){.sleeve-story{display:grid;grid-template-columns:.8fr 1fr;gap:6%}.sleeve-copy h2{font-size:32px}.sleeve-cutaway>img{height:240px}.sleeve-cutaway>figcaption>span{font-size:11px}}
@media(max-width:650px){.sleeve-story{display:block;padding-top:40px;padding-bottom:45px}.sleeve-visuals{max-width:215px;margin:0 auto 28px}.sleeve-cutaway>img{height:195px}.sleeve-cutaway>figcaption{padding-top:6px}.sleeve-copy h2{font-size:30px}.story-brand{width:110px;margin-bottom:18px}.catalog-role,.catalog-relation,.guide-row p{font-size:14px}.catalog-more{gap:12px}}

/* Homepage product section: deep blue-grey */
.catalog-section{background:#243544;color:#f1f4f7}
.catalog-section .catalog-heading>p{color:#c7d1db}
.catalog-section .catalog-role{color:#d0d8e0}
.catalog-section .catalog-relation{color:#bdcbd6}
.catalog-section .home-section-link,.catalog-section .catalog-more{color:#c8d9ff;border-color:#8295a8}
.catalog-section .catalog-copy h3 a:hover,.catalog-section .home-section-link:hover,.catalog-section .catalog-more:hover{color:#fff}