@charset "UTF-8";
:root{--paper:#f7f7f4;--ink:#141414;--muted:#80807a;--line:#deded7;--pad:clamp(22px,4.5vw,86px);font-family:Arial,"PingFang SC","Microsoft YaHei",sans-serif;background:var(--paper);color:var(--ink);font-synthesis:none}
*,*::before,*::after{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}img{display:block;max-width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:2px solid currentColor;outline-offset:5px}[hidden]{display:none!important}::selection{background:#c6c5b9;color:#111}.wrap{width:calc(100% - var(--pad)*2);max-width:1640px;margin-inline:auto}.eyebrow{font-size:10px;line-height:1.6;letter-spacing:.14em}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:fixed;left:15px;top:-80px;padding:14px;background:white;color:black;z-index:100}.skip-link:focus{top:10px}.text-link{display:inline-flex;justify-content:space-between;align-items:center;gap:40px;padding:12px 0;border-bottom:1px solid currentColor;font-size:12px;min-height:44px}.text-link>span{font-size:20px;transition:transform .2s}.text-link:hover>span{transform:translate(4px,-4px)}.muted{color:var(--muted)}
.site-header{height:80px;display:flex;align-items:center;justify-content:space-between;gap:35px;padding-inline:var(--pad);background:#fff;position:relative;z-index:30}.wordmark{display:flex;align-items:center;gap:18px;flex-shrink:0}.wordmark>strong{font-size:31px;font-weight:750;letter-spacing:-1.8px}.wordmark>span{font-size:14px;line-height:1.3;border-left:1px solid #c6c6c0;padding-left:17px}.wordmark small{display:block;font-size:7px;margin-top:4px;letter-spacing:.03em}.desktop-nav{display:flex;gap:32px}.desktop-nav a{font-size:12px;position:relative;padding:14px 0}.desktop-nav a::after{content:"";position:absolute;bottom:6px;left:0;width:0;height:1px;background:var(--ink);transition:width .2s}.desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{width:100%}.header-phone{font-size:11px;border:1px solid #bbbcb5;padding:12px 18px;white-space:nowrap}.header-phone:hover{background:#111;color:#fff;border-color:#111}.menu-toggle,.mobile-nav{display:none}
/* A full-screen project cover, with manual scene selection. */
.cinema{height:calc(100svh - 80px);min-height:610px;max-height:1100px;position:relative;background:#252723;color:white;overflow:hidden}.cinema-slide{position:absolute;inset:0}.cinema-image{position:absolute;inset:0;display:block}.cinema-image>img{width:100%;height:100%;object-fit:cover;object-position:center 57%}.cinema-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.66),transparent 64%),linear-gradient(90deg,rgba(0,0,0,.22),transparent 65%);pointer-events:none}.cinema-top{position:absolute;top:31px;left:var(--pad);right:var(--pad);display:flex;justify-content:space-between;font-size:9px;letter-spacing:.12em;pointer-events:none}.cinema-top>span:last-child{border:1px solid #ffffff90;padding:6px 10px;font-size:10px;letter-spacing:.03em}.cinema-copy{position:absolute;left:var(--pad);right:var(--pad);bottom:128px;pointer-events:none}.cinema-copy>p{font-size:12px;letter-spacing:.06em;margin-bottom:23px}.cinema-copy h2{font-size:clamp(44px,5.3vw,84px);line-height:1.25;letter-spacing:.01em;max-width:900px}.cinema-project{pointer-events:auto;display:inline-flex;gap:65px;align-items:center;border-bottom:1px solid #ffffffa0;padding:16px 0 11px;margin-top:19px;font-size:12px}.cinema-project>span{font-size:24px;transition:transform .2s}.cinema-project:hover>span{transform:translate(4px,-4px)}.cinema-controls{position:absolute;bottom:28px;left:var(--pad);right:var(--pad);display:flex;align-items:center;gap:40px}.cinema-stepper{display:flex;align-items:center;gap:22px}.cinema-stepper button{width:40px;height:44px;font-size:26px;color:#fff}.cinema-stepper>span{font-size:10px;letter-spacing:.1em;min-width:54px;text-align:center}.cinema-thumbs{display:flex;gap:10px;margin-left:auto}.cinema-thumbs button{position:relative;width:84px;height:51px;padding:3px;border:1px solid transparent;opacity:.55;transition:opacity .2s}.cinema-thumbs img{height:100%;width:100%;object-fit:cover}.cinema-thumbs button>span{position:absolute;left:9px;bottom:7px;font-size:8px;text-shadow:0 1px 3px #000}.cinema-thumbs button[aria-pressed=true]{border-color:white;opacity:1}.cinema-thumbs button:hover{opacity:1}.cinema-scroll{display:flex;align-items:center;gap:28px;font-size:8px;letter-spacing:.08em;margin-left:15px}.cinema-scroll>span{font-size:24px}
/* Continuous horizontal exhibition: no repeated white cards. */
.exhibition{background:#111;color:#f4f4ee;padding-block:72px 34px;scroll-margin-top:20px}.exhibition-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:43px}.exhibition-heading .eyebrow{color:#93968f;margin-bottom:22px}.exhibition-heading h2{font-size:clamp(32px,3.4vw,52px);line-height:1.4;letter-spacing:-.02em}.exhibition-aside .text-link{font-size:12px;gap:55px}.exhibition-aside>p{font-size:9px;color:#8d9288;margin-top:16px}.exhibition-track{display:flex;gap:28px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;scroll-padding-left:var(--pad);padding-inline:var(--pad);overscroll-behavior-x:contain;scrollbar-width:none}.exhibition-track::-webkit-scrollbar{display:none}.exhibit{flex:0 0 min(73vw,1130px);scroll-snap-align:start;position:relative}.exhibit>a{display:block;height:clamp(430px,42vw,650px);position:relative;overflow:hidden;background:#282c26}.exhibit img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.exhibit a:hover img{transform:scale(1.035)}.exhibit a::after{position:absolute;inset:0;content:"";background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 62%);pointer-events:none}.exhibit-tag{position:absolute;top:24px;left:25px;font-size:10px;border:1px solid #ffffff90;padding:6px 10px;z-index:1}.exhibit-caption{position:absolute;left:32px;bottom:30px;right:32px;z-index:1;display:flex;align-items:flex-end;justify-content:space-between;gap:35px}.exhibit-caption small{font-size:8px;letter-spacing:.12em;color:#e2e4db}.exhibit-caption h3{font-size:clamp(28px,3vw,46px);line-height:1.3;margin-top:13px}.exhibit-caption p{font-size:12px;line-height:1.8;color:#d8ddd0;margin-top:13px}.exhibit-open{width:56px;height:56px;display:grid;place-items:center;border:1px solid #ffffffa0;border-radius:50%;font-size:28px;flex-shrink:0;transition:background .2s,color .2s}.exhibit a:hover .exhibit-open{background:white;color:black}
.collection-index{padding-block:75px 72px}.index-heading{display:grid;grid-template-columns:.7fr 1.7fr 1fr;gap:45px;align-items:center;margin-bottom:43px}.index-heading>.eyebrow{color:var(--muted);font-size:9px}.index-heading h2{font-size:clamp(26px,3vw,44px);line-height:1.4;letter-spacing:-.02em}.index-heading h2>span{display:block}.index-heading>p{font-size:11px;line-height:1.9;color:var(--muted)}.collection-rows{border-top:1px solid #b4b6ac}.collection-row{display:flex;align-items:center;gap:32px;border-bottom:1px solid var(--line);padding:19px 0;min-height:134px}.row-number{font-size:10px;color:var(--muted);min-width:36px;align-self:flex-start;padding-top:13px}.row-title{flex:1}.row-title h3{font-size:clamp(22px,2.25vw,34px);line-height:1.5}.row-title>span{display:block;font-size:8px;color:var(--muted);letter-spacing:.08em;margin-top:8px}.row-kind{font-size:10px;min-width:120px;color:var(--muted)}.row-image{width:172px;height:94px;overflow:hidden;background:#dedfd6}.row-image img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.row-arrow{display:grid;place-items:center;width:50px;height:50px;border:1px solid #b3b6a9;border-radius:50%;font-size:26px;margin-left:8px;transition:background .2s,color .2s}.collection-row:hover .row-image img{transform:scale(1.1)}.collection-row:hover .row-arrow{background:var(--ink);color:white;border-color:var(--ink)}
.factory-story{display:grid;grid-template-columns:1.12fr 1fr;background:#e9e9e3}.factory-image{display:block;position:relative;min-height:470px}.factory-image>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.factory-image>span{position:absolute;bottom:24px;left:var(--pad);background:#ffffffea;padding:10px 13px;font-size:10px}.factory-copy{padding:58px clamp(30px,5vw,90px);align-self:center}.factory-copy>.eyebrow{color:var(--muted)}.factory-copy h2{font-size:clamp(30px,3vw,45px);line-height:1.5;margin-top:24px;letter-spacing:-.02em}.factory-copy>p:not(.eyebrow){font-size:12px;line-height:2;color:#686d61;margin-top:24px;max-width:460px}.factory-copy>p.factory-owner{font-size:10px;margin-top:13px}.factory-copy .text-link{margin-top:19px}
/* The catalog is an edge-to-edge image wall with titles on the photographs. */
.page-cases{background:#111;color:#f4f4ee}.page-intro{padding-top:65px;padding-bottom:48px}.page-intro>.eyebrow{color:var(--muted);margin-bottom:24px}.page-title-row{display:flex;justify-content:space-between;align-items:flex-end;gap:60px}.page-title-row h1{font-size:clamp(38px,4.8vw,72px);line-height:1.3;letter-spacing:-.025em}.page-title-row>p{font-size:12px;line-height:1.9;color:var(--muted);max-width:370px;margin-bottom:8px}.red-dot,.red-period,.blue-period{color:inherit}.red-dot{display:inline-block;width:5px;height:5px;background:currentColor;border-radius:50%;margin-right:8px}.page-cases .page-title-row>p{color:#b0b4a9}.archive{padding-bottom:60px}.archive-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:16px 0;border-top:1px solid #4a4e43;border-bottom:1px solid #4a4e43;scroll-margin-top:20px}.filters{display:flex;gap:14px 25px;flex-wrap:wrap}.filters button{font-size:11px;min-height:40px;padding:8px 0;color:#91998b;white-space:nowrap}.filters button sup{font-size:8px;margin-left:4px}.filters button[aria-pressed=true]{color:#fff;border-bottom:1px solid #fff}.archive-count{font-size:9px;color:#a8b19f;white-space:nowrap}.archive-note{font-size:10px;line-height:1.8;color:#929c87;margin:20px 0 27px}.work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px}.work-card{position:relative;min-width:0}.work-image{display:block;position:relative;aspect-ratio:1.22;background:#2a3025;overflow:hidden}.work-image>img{width:100%;height:100%;object-fit:cover;transition:transform .45s}.work-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 64%);pointer-events:none}.work-image:hover>img{transform:scale(1.035)}.image-label{position:absolute;top:20px;left:22px;padding:6px 9px;border:1px solid #ffffff95;font-size:9px;color:white;z-index:1}.image-arrow{position:absolute;right:24px;bottom:24px;font-size:28px;color:white;z-index:1}.work-meta{position:absolute;left:27px;right:65px;bottom:100px;display:flex;justify-content:space-between;gap:15px;font-size:7px;letter-spacing:.08em;color:#cfd5c6;pointer-events:none}.work-meta>span:last-child{display:none}.work-card h3{position:absolute;left:27px;right:65px;bottom:49px;font-size:clamp(17px,1.7vw,26px);line-height:1.5;color:white}.work-card h3 a>span{display:none}.work-card h3 a:hover{text-decoration:underline;text-underline-offset:5px}.work-card>p{position:absolute;left:27px;bottom:26px;font-size:10px;color:#d1d9c6;pointer-events:none}.pagination-wrap{text-align:center;margin-top:43px}.pagination{display:flex;align-items:center;justify-content:center;gap:20px}.outline-button{border:1px solid currentColor;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:13px 22px;font-size:12px;min-height:46px}.pagination .outline-button{gap:16px;min-width:110px;justify-content:center}.pagination button:disabled{opacity:.25;cursor:default}.pagination button:not(:disabled):hover{background:#e7e9df;color:#111}.page-numbers{display:flex;justify-content:center;gap:6px}.page-numbers button{width:40px;min-height:44px;font-size:12px}.page-numbers button[aria-current=page]{background:#fff;color:#111}.pagination-wrap>p{font-size:10px;color:#99a68b;margin-top:18px;line-height:1.8}
/* Quiet internal pages, with large photographic spreads. */
.breadcrumb{padding-top:29px;display:flex;gap:14px;font-size:10px;color:var(--muted)}.collection-intro{padding-top:48px}.collection-intro>.eyebrow{color:var(--muted);margin-bottom:18px}.collection-intro .page-title-row h1{font-size:clamp(34px,4.4vw,66px)}.project-facts{border-top:1px solid #aaa;display:flex;justify-content:space-between;gap:30px;padding-block:24px;margin-top:35px}.project-facts>div{display:flex;gap:30px;font-size:11px;line-height:1.8}.project-facts span{color:var(--muted)}.project-facts strong{font-weight:400}.collection-cover{width:100%;max-width:none}.collection-cover img{width:100%;height:min(75vh,850px);object-fit:cover}.collection-cover figcaption{font-size:9px;text-align:right;color:var(--muted);padding:13px var(--pad) 0}.collection-story{display:grid;grid-template-columns:1fr 2fr;gap:10%;padding-block:50px}.collection-story>.eyebrow{color:var(--muted);font-size:9px}.collection-story h2{font-size:clamp(23px,2.6vw,37px);line-height:1.6;margin-bottom:21px}.collection-story p:not(.eyebrow){font-size:12px;line-height:2;margin-top:13px;max-width:850px}.collection-story p.muted{font-size:10px}.collection-gallery{padding-top:35px;padding-bottom:45px;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:30px}.section-heading .eyebrow{color:var(--muted);margin-bottom:12px}.section-heading h2{font-size:clamp(27px,2.8vw,43px);line-height:1.5}.section-heading>p{font-size:12px;color:var(--muted);line-height:1.9}.gallery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:35px 25px}.gallery-grid figure>a{display:block;position:relative;background:#eeefe9}.gallery-grid img{width:100%;aspect-ratio:1.25;object-fit:contain}.gallery-grid .image-arrow{color:#111;background:#ffffffbf;width:35px;height:35px;display:grid;place-items:center;font-size:24px;right:12px;bottom:12px}.gallery-grid figcaption{display:flex;gap:20px;margin-top:13px;font-size:11px;line-height:1.8}.gallery-grid figcaption>span{font-size:9px;color:var(--muted)}.collection-next{display:flex;justify-content:space-between;gap:25px;border-top:1px solid var(--line);padding-block:20px 50px}.about-lead{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:50px}.about-lead h2{font-size:clamp(27px,3vw,44px);line-height:1.5}.about-lead p{font-size:13px;line-height:2;color:#6e7366;margin-bottom:20px}.about-image{width:100%;max-width:none}.about-image img{width:100%;height:520px;object-fit:cover}.about-image figcaption{font-size:9px;text-align:right;padding:12px var(--pad);color:var(--muted)}.product-scope{padding-block:60px}.scope-list{border-top:1px solid #afb5a5}.scope-list>div{display:grid;grid-template-columns:60px 1fr 1.3fr;gap:30px;align-items:center;padding-block:28px;border-bottom:1px solid var(--line)}.scope-list>div>span{font-size:10px;color:var(--muted)}.scope-list h3{font-size:23px}.scope-list p{font-size:12px;line-height:1.9;color:var(--muted)}.making{padding-block:10px 50px;scroll-margin-top:20px}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:35px}.process-grid article{border-top:1px solid #8c9681;padding-top:20px}.process-grid article>span{font-size:10px;color:var(--muted)}.process-grid h3{font-size:22px;margin-block:24px 17px}.process-grid p{font-size:12px;color:var(--muted);line-height:1.9}.material-note{display:grid;grid-template-columns:1fr 3fr;gap:35px;border-top:1px solid var(--line);padding-top:25px;margin-top:36px;font-size:11px;line-height:2}.material-note>span{color:var(--muted)}.faq{padding-bottom:70px}.faq details{border-top:1px solid var(--line)}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;gap:25px;padding:24px 0;list-style:none;font-size:15px;line-height:1.7;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:20px;font-weight:400}.faq details[open] summary>span{transform:rotate(45deg)}.faq details>p{font-size:12px;line-height:2;color:var(--muted);max-width:850px;padding-bottom:25px}.contact-layout{border-top:1px solid var(--line);padding-block:45px 70px;display:grid;grid-template-columns:1.3fr 1fr;gap:12%}.contact-number{display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:clamp(30px,3.7vw,56px);margin-top:24px;padding-bottom:30px;border-bottom:1px solid var(--line);white-space:nowrap}.contact-number>span{font-size:35px}.contact-location{padding-block:30px}.contact-location p{font-size:12px;color:var(--muted);line-height:1.8}.contact-location h2{font-size:23px;margin-block:12px}.contact-prepare h2{font-size:22px}.contact-prepare ol{list-style:none;margin:20px 0;padding:0}.contact-prepare li{border-bottom:1px solid var(--line);padding-block:19px;display:flex;gap:25px;font-size:12px;line-height:1.8}.contact-prepare li>span{font-size:9px;color:var(--muted)}.contact-prepare>p{font-size:11px;color:var(--muted);line-height:1.8}.contact-qr{border:1px solid var(--line);padding:35px;text-align:center;align-self:start}.contact-qr>img{width:230px;margin:27px auto;mix-blend-mode:multiply}.contact-qr h2{font-size:22px}.contact-qr>p:not(.eyebrow){font-size:12px;line-height:1.9;color:var(--muted);margin:18px 0 26px}
.site-footer{background:#111;color:#eeefe8;padding-block:65px 25px}.footer-invite>.eyebrow{color:#8d9684;font-size:9px}.footer-invite>a{display:flex;justify-content:space-between;align-items:center;gap:50px;margin-top:23px;border-bottom:1px solid #3e4635;padding-bottom:50px}.footer-invite h2{font-size:clamp(38px,4.7vw,73px);line-height:1.3;letter-spacing:-.02em}.footer-invite>a>span{width:95px;height:95px;border-radius:50%;border:1px solid #858f7b;display:grid;place-items:center;font-size:48px;transition:background .2s,color .2s}.footer-invite>a:hover>span{background:#eeefe8;color:#111}.footer-details{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:45px;padding-block:40px}.footer-brand>a{font-size:47px;font-weight:700;letter-spacing:-3px}.footer-brand p{font-size:10px;color:#9fa993;margin-top:12px}.footer-label{font-size:9px;letter-spacing:.08em;color:#8d9684;display:block;margin-bottom:17px}.footer-phone{font-size:27px;display:block;white-space:nowrap}.footer-details .text-link{font-size:11px;margin-top:7px;gap:45px}.footer-address>p{font-size:11px;color:#c3cab8;line-height:1.9;margin-top:12px}.footer-address>p:last-child{font-size:9px;color:#8d9684}.footer-bottom{display:flex;align-items:center;gap:27px;padding-top:21px;border-top:1px solid #3e4635;font-size:8px;letter-spacing:.02em;color:#9fa993}.back-top{margin-left:auto;padding:6px 0;font-size:8px}.mobile-contact{display:none}
dialog{border:0;padding:0;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#000b}html:has(dialog[open]){overflow:hidden}.dialog-close{position:absolute;right:12px;top:9px;width:44px;height:44px;font-size:30px;z-index:2}.qr-dialog{width:min(420px,calc(100% - 36px));padding:38px 30px 30px;text-align:center}.qr-dialog>.eyebrow{font-size:9px;color:var(--muted)}.qr-dialog h2{font-size:25px;margin-top:14px}.qr-dialog>img{width:245px;margin:23px auto 18px}.qr-dialog>p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.9}.qr-dialog>a{display:inline-block;margin-top:18px;font-size:18px}.lightbox{width:calc(100% - 48px);height:calc(100dvh - 48px);max-width:1500px;max-height:100dvh;background:#111;color:#eee;overflow:hidden}.lightbox figure{position:absolute;inset:60px 80px 65px;display:flex;flex-direction:column;align-items:center;gap:16px}.lightbox img{width:100%;height:calc(100% - 40px);object-fit:contain;min-height:0}.lightbox figcaption{font-size:12px;line-height:1.6;text-align:center;color:#d4d8ce}.lightbox-prev,.lightbox-next{position:absolute;top:46%;width:55px;height:55px;font-size:28px;z-index:2}.lightbox-prev{left:12px}.lightbox-next{right:12px}.lightbox-count{position:absolute;bottom:22px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.12em}
@media(max-width:1100px){.header-phone{display:none}.desktop-nav{gap:25px}.cinema{min-height:580px}.cinema-copy{bottom:125px}.cinema-copy h2{font-size:61px}.cinema-thumbs button{width:70px;height:45px}.cinema-scroll{font-size:7px;gap:13px;margin:0}.cinema-controls{gap:20px}.exhibit{flex-basis:78vw}.exhibit>a{height:520px}.row-image{width:140px;height:85px}.row-kind{min-width:95px}.collection-row{gap:25px}.factory-copy{padding:42px 35px}.factory-copy h2{font-size:32px}.factory-image{min-height:440px}.project-facts>div{flex-direction:column;gap:7px}.work-meta{bottom:97px}.work-card h3{font-size:21px}.footer-details{grid-template-columns:1fr 1fr;gap:30px}.footer-address{grid-column:1/span 2;display:flex;align-items:center;gap:30px}.footer-address>.footer-label{margin:0}.footer-address>p{margin:0}.contact-layout{gap:7%}.contact-number{font-size:36px}.index-heading{grid-template-columns:1fr 2fr}.index-heading>p{grid-column:2}.index-heading h2>span{display:inline}.process-grid{gap:24px}.scope-list h3{font-size:20px}}
@media(max-width:900px){.site-header{height:72px}.desktop-nav{display:none}.wordmark>strong{font-size:29px}.menu-toggle{display:flex;width:44px;height:44px;padding:10px;flex-direction:column;justify-content:center;gap:7px}.menu-toggle>span{width:24px;height:1px;background:#111;display:block;transition:transform .2s}.menu-toggle[aria-expanded=true]>span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true]>span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-nav{position:fixed;inset:72px 0 0;z-index:29;background:#f7f7f4;color:#111;padding:30px var(--pad) 100px;overflow:auto}.mobile-nav a{display:block;border-bottom:1px solid var(--line);padding:23px 0;font-size:24px}.mobile-nav a[aria-current]{color:#777}.menu-open{overflow:hidden;padding-top:72px}.menu-open .site-header{position:fixed;inset:0 0 auto}.menu-open .mobile-nav{display:block}.cinema{height:calc(100svh - 72px);min-height:580px}.cinema-copy h2{font-size:55px}.exhibition-heading h2{font-size:36px}.exhibit>a{height:470px}.exhibit-caption h3{font-size:30px}.row-title h3{font-size:24px}.row-number{min-width:20px}.row-image{width:110px;height:80px}.row-arrow{width:40px;height:40px;font-size:22px;margin:0}.collection-row{gap:20px}.factory-story{grid-template-columns:1fr 1fr}.factory-copy h2{font-size:29px}.factory-copy{padding:35px 25px}.factory-image{min-height:460px}.filters{gap:8px 20px}.archive-toolbar{align-items:flex-start}.archive-count{padding-top:15px}.page-title-row{gap:35px}.page-title-row>p{max-width:280px;font-size:11px}.work-meta{bottom:94px;font-size:6px;left:20px}.work-card h3{font-size:18px;left:20px;right:45px;bottom:48px}.work-card>p{left:20px;font-size:9px}.image-label{top:15px;left:18px;font-size:8px}.image-arrow{right:18px;font-size:24px}.collection-intro .page-title-row{align-items:flex-start;flex-direction:column;gap:17px}.collection-intro .page-title-row>p{max-width:none}.process-grid{grid-template-columns:repeat(2,1fr);gap:30px}.scope-list>div{grid-template-columns:30px 1fr 1.3fr;gap:20px}.contact-number{font-size:29px}.contact-qr{padding:26px 20px}.footer-invite h2{font-size:49px}.footer-invite>a>span{width:75px;height:75px;font-size:37px}}
@media(max-width:700px){:root{--pad:22px}.wordmark{gap:13px}.wordmark>strong{font-size:29px}.wordmark>span{font-size:13px;padding-left:12px}.wordmark small{font-size:6px}.cinema{min-height:590px;max-height:850px;height:calc(100svh - 72px)}.cinema-image>img{object-position:58% center}.cinema-top{top:22px;font-size:7px;letter-spacing:.07em;align-items:flex-start;gap:20px}.cinema-top>span:last-child{font-size:9px;padding:5px 8px}.cinema-shade{background:linear-gradient(0deg,rgba(0,0,0,.76),rgba(0,0,0,.04) 78%)}.cinema-copy{bottom:135px}.cinema-copy>p{font-size:10px;letter-spacing:.02em;margin-bottom:18px}.cinema-copy h2{font-size:clamp(36px,8.8vw,52px);line-height:1.4;letter-spacing:.01em}.cinema-project{font-size:11px;margin-top:15px;padding:12px 0 9px;gap:40px}.cinema-project>span{font-size:22px}.cinema-controls{bottom:25px;gap:12px;flex-wrap:wrap;justify-content:space-between}.cinema-stepper{gap:9px}.cinema-stepper button{font-size:23px;width:28px;height:38px}.cinema-stepper>span{font-size:9px;min-width:45px}.cinema-thumbs{gap:6px}.cinema-thumbs button{width:48px;height:36px;padding:2px}.cinema-thumbs button>span{font-size:7px;left:6px;bottom:6px}.cinema-scroll{flex-basis:100%;font-size:6px;letter-spacing:.1em;justify-content:space-between;margin-top:8px}.cinema-scroll>span{font-size:17px;line-height:1}.exhibition{padding-block:40px 22px;scroll-margin-top:0}.exhibition-heading{display:block;margin-bottom:25px}.exhibition-heading .eyebrow{font-size:8px;margin-bottom:16px}.exhibition-heading h2{font-size:31px;line-height:1.45}.exhibition-aside{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:16px}.exhibition-aside .text-link{font-size:10px;gap:18px}.exhibition-aside>p{font-size:8px;line-height:1.7;max-width:90px;margin:0 0 7px}.exhibition-track{gap:14px}.exhibit{flex-basis:86vw}.exhibit>a{height:440px}.exhibit-tag{font-size:9px;top:16px;left:16px;padding:5px 8px}.exhibit-caption{left:20px;right:20px;bottom:22px;gap:17px}.exhibit-caption small{font-size:7px;letter-spacing:.04em}.exhibit-caption h3{font-size:26px;margin-top:12px;line-height:1.4}.exhibit-caption p{font-size:10px;line-height:1.8;margin-top:11px}.exhibit-open{width:36px;height:36px;font-size:22px}.collection-index{padding-block:37px 40px}.index-heading{display:block;margin-bottom:27px}.index-heading>.eyebrow{font-size:8px;margin-bottom:17px}.index-heading h2{font-size:29px;line-height:1.5}.index-heading h2>span{display:block}.index-heading>p{font-size:11px;margin-top:16px}.collection-row{gap:13px;padding:16px 0;min-height:110px;position:relative}.row-number{font-size:8px;min-width:14px;padding-top:7px}.row-title h3{font-size:20px;line-height:1.5}.row-title>span{font-size:6px;letter-spacing:.02em;margin-top:6px}.row-kind{display:none}.row-image{width:66px;height:71px;flex-shrink:0}.row-arrow{width:23px;height:23px;border:0;font-size:23px;flex-shrink:0}.factory-story{display:flex;flex-direction:column}.factory-image{min-height:300px}.factory-image>span{font-size:9px;bottom:18px;padding:8px 10px}.factory-copy{padding:34px var(--pad) 37px}.factory-copy>.eyebrow{font-size:8px}.factory-copy h2{font-size:31px;margin-top:18px}.factory-copy>p:not(.eyebrow){font-size:12px;line-height:2;margin-top:18px;max-width:none}.factory-copy>p.factory-owner{font-size:9px;margin-top:12px}.factory-copy .text-link{margin-top:15px;font-size:11px}.page-intro{padding-top:33px;padding-bottom:30px}.page-intro>.eyebrow{font-size:8px;margin-bottom:19px}.page-title-row{display:block}.page-title-row h1{font-size:37px;line-height:1.35}.page-title-row>p{font-size:11px;line-height:1.9;max-width:none;margin-top:19px}.archive{width:100%;max-width:none;padding-bottom:38px}.archive-toolbar,.archive-note,.pagination-wrap{margin-inline:var(--pad)}.archive-toolbar{display:block;padding:12px 0;scroll-margin-top:12px}.filters{gap:4px 18px}.filters button{font-size:10px;min-height:39px}.filters button sup{font-size:7px}.archive-count{padding-top:11px;font-size:8px}.archive-note{font-size:9px;margin-top:17px;margin-bottom:21px}.work-grid{gap:2px}.work-image{aspect-ratio:.78}.work-meta{display:none}.work-card h3{font-size:13px;line-height:1.6;left:13px;right:16px;bottom:36px}.work-card>p{font-size:8px;left:13px;bottom:15px;right:14px;line-height:1.6}.image-label{font-size:7px;left:11px;top:12px;padding:4px 6px}.image-arrow{font-size:18px;right:12px;bottom:72px}.pagination-wrap{margin-top:29px}.pagination{flex-wrap:wrap;gap:12px}.pagination .outline-button{min-width:110px;padding:12px 17px;font-size:11px}.page-numbers{order:3;flex-basis:100%;gap:2px}.page-numbers button{width:35px;font-size:11px}.pagination-wrap>p{font-size:9px;margin-top:15px}.breadcrumb{font-size:9px;gap:11px;padding-top:22px}.collection-intro{padding-top:28px}.collection-intro>.eyebrow{font-size:8px;margin-bottom:16px}.collection-intro .page-title-row h1{font-size:32px}.collection-intro .page-title-row>p{margin-top:12px}.project-facts{gap:15px;padding-block:19px;margin-top:25px}.project-facts>div{font-size:9px;gap:6px}.collection-cover img{height:370px;object-fit:cover}.collection-cover figcaption{font-size:8px;padding-top:11px}.collection-story{display:block;padding-block:28px}.collection-story>.eyebrow{font-size:8px;margin-bottom:15px}.collection-story h2{font-size:23px;line-height:1.6;margin-bottom:17px}.collection-story p:not(.eyebrow){font-size:12px}.collection-story p.muted{font-size:10px}.collection-gallery{padding-block:28px 30px}.section-heading{gap:20px;margin-bottom:22px;align-items:center}.section-heading h2{font-size:25px}.section-heading .eyebrow,.section-heading>.eyebrow{font-size:8px;margin:0}.gallery-grid{gap:23px 12px}.gallery-grid img{aspect-ratio:1;object-fit:contain}.gallery-grid figcaption{font-size:10px;gap:8px;margin-top:10px}.gallery-grid figcaption>span{font-size:8px}.gallery-grid .image-arrow{width:27px;height:27px;right:8px;bottom:8px;font-size:19px}.collection-next{gap:15px;padding-block:15px 35px}.collection-next .text-link{font-size:10px;gap:12px}.about-lead{display:block;padding-block:28px}.about-lead h2{font-size:27px;margin-bottom:22px}.about-lead p{font-size:12px;line-height:2}.about-lead .text-link{font-size:11px}.about-image img{height:300px}.about-image figcaption{font-size:8px}.product-scope{padding-block:35px}.product-scope .section-heading,.making .section-heading{display:block}.section-heading>p{font-size:11px;margin-top:15px}.scope-list>div{grid-template-columns:22px 1fr;gap:9px 15px;padding-block:21px}.scope-list>div>span{font-size:9px}.scope-list h3{font-size:18px}.scope-list p{grid-column:2;font-size:11px;line-height:1.9}.making{padding-block:5px 35px}.process-grid{gap:27px 22px}.process-grid h3{font-size:20px;margin-block:20px 14px}.process-grid p{font-size:11px}.material-note{grid-template-columns:1fr;gap:12px;margin-top:25px;padding-top:19px;font-size:10px}.faq{padding-bottom:40px}.faq summary{font-size:12px;padding-block:20px;gap:20px}.faq summary>span{font-size:19px}.faq details>p{font-size:11px}.contact-layout{display:block;padding-block:27px 40px}.contact-primary>.eyebrow{font-size:9px}.contact-number{font-size:29px;gap:20px;margin-top:20px;padding-bottom:25px}.contact-number>span{font-size:26px}.contact-location{padding-block:24px}.contact-location h2{font-size:20px}.contact-location p{font-size:11px}.contact-prepare h2{font-size:20px}.contact-prepare li{font-size:11px;padding-block:17px;gap:20px}.contact-prepare>p{font-size:10px}.contact-qr{padding:27px 23px;margin-top:32px}.contact-qr>img{width:225px;margin-block:23px}.contact-qr h2{font-size:21px}.contact-qr>p:not(.eyebrow){font-size:11px}.site-footer{padding-top:37px;padding-bottom:calc(80px + env(safe-area-inset-bottom))}.footer-invite>.eyebrow{font-size:8px}.footer-invite>a{margin-top:18px;padding-bottom:30px;gap:20px}.footer-invite h2{font-size:33px;line-height:1.45}.footer-invite>a>span{width:51px;height:51px;font-size:28px;flex-shrink:0}.footer-details{grid-template-columns:1fr;gap:27px;padding-block:28px}.footer-brand>a{font-size:39px}.footer-brand p{font-size:9px;margin-top:9px}.footer-label{font-size:8px;margin-bottom:12px}.footer-phone{font-size:26px}.footer-details .text-link{font-size:10px;margin-top:4px}.footer-address{grid-column:1;display:block}.footer-address>.footer-label{margin-bottom:10px}.footer-address>p{font-size:10px}.footer-address>p:last-child{font-size:8px;margin-top:12px}.footer-bottom{gap:14px;flex-wrap:wrap;font-size:7px;padding-top:18px}.footer-bottom>a:not(.back-top){font-size:7px}.back-top{font-size:6px}.mobile-contact{position:fixed;bottom:0;left:0;right:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:8px var(--pad) calc(8px + env(safe-area-inset-bottom));background:#f7f7f4;border-top:1px solid #d1d4c9;z-index:20;color:#111}.mobile-contact>a,.mobile-contact>button{min-height:40px;display:grid;place-items:center;font-size:11px;border:1px solid #111}.mobile-contact>button{background:#111;color:white}.lightbox{width:100%;height:100dvh;max-width:none;max-height:none}.lightbox figure{inset:65px 15px 120px}.lightbox figcaption{font-size:11px}.lightbox-prev,.lightbox-next{top:auto;bottom:45px}.lightbox-prev{left:25px}.lightbox-next{right:25px}.lightbox-count{bottom:66px}.qr-dialog{padding-inline:24px}.qr-dialog h2{font-size:23px}}
@media(max-width:360px){.cinema-copy h2{font-size:33px}.cinema-stepper{gap:5px}.cinema-thumbs{gap:4px}.cinema-thumbs button{width:40px;height:32px}.exhibition-heading h2{font-size:28px}.exhibit>a{height:390px}.exhibit-caption h3{font-size:23px}.row-title h3{font-size:17px}.row-title>span{font-size:5px}.row-image{width:55px;height:63px}.collection-row{gap:10px}.row-number{min-width:11px}.row-arrow{width:18px;font-size:21px}.page-title-row h1{font-size:33px}.work-card h3{font-size:12px}.footer-invite h2{font-size:28px}.footer-invite>a>span{width:43px;height:43px;font-size:25px}.footer-bottom{column-gap:12px;row-gap:9px}.back-top{flex-basis:100%;margin:0;text-align:right}}
.site-header{color:#141414}
@media(max-width:700px){.cinema{height:calc(100svh - 130px);min-height:520px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Mouse dragging and user-controlled, viewport-aware rotation. */
.exhibition-track{cursor:grab}.exhibition-track.is-dragging{cursor:grabbing;scroll-snap-type:none;user-select:none}.exhibition-track.is-dragging *{cursor:grabbing;user-select:none}.exhibition-track img{-webkit-user-drag:none;user-select:none}.exhibition-tools{display:flex;align-items:center;gap:24px;margin-top:16px}.exhibition-tools>p{font-size:9px;color:#93938e;line-height:1.8}.exhibition-tools>button{font-size:10px;color:#eee;min-height:40px;white-space:nowrap;border-bottom:1px solid #686861;padding:8px 0}.exhibition-tools>button:hover{border-color:#eee}
@media(max-width:700px){.exhibition-aside{align-items:flex-start}.exhibition-tools{align-items:flex-start;flex-direction:column;gap:5px;margin:0}.exhibition-tools>p{font-size:8px;max-width:115px}.exhibition-tools>button{font-size:9px;min-height:32px}.exhibition{padding-bottom:30px}}

/* Mobile navigation stays visible and usable without JavaScript. */
@media(min-width:901px) and (max-width:1100px){.header-phone{display:inline-flex;align-items:center;gap:16px;font-size:11px}}
@media(max-width:900px){
 .site-header{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-rows:64px minmax(46px,auto);height:auto;gap:0;padding:env(safe-area-inset-top,0px) var(--pad) 0;background:var(--paper);color:var(--ink);isolation:isolate}
 .wordmark{grid-column:1;grid-row:1;min-width:0;justify-self:start;max-width:100%}
 .header-phone{display:inline-flex;grid-column:2;grid-row:1;align-items:center;justify-content:center;gap:9px;min-height:40px;padding:10px 12px;border:1px solid currentColor;font-size:11px;line-height:1.4;color:inherit;background:none;white-space:nowrap}
 .desktop-nav{display:grid;grid-column:1 / -1;grid-row:2;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:0;width:calc(100% + var(--pad)*2);margin-inline:calc(-1*var(--pad));border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:inherit;color:inherit}
 .desktop-nav a{display:flex;align-items:center;justify-content:center;min-width:0;min-height:46px;padding:9px 4px;font-size:12px;line-height:1.5;text-align:center;white-space:normal;overflow-wrap:break-word;color:inherit;position:relative}
 .desktop-nav a::after{inset:auto 18% 0;height:2px;width:auto;background:currentColor;transform:scaleX(0);transition:transform .2s}
 .desktop-nav a:hover::after,.desktop-nav a[aria-current]::after{left:18%;right:18%;width:auto;transform:scaleX(1)}
 .menu-toggle,.mobile-nav{display:none!important}
}
@media(max-width:360px){.wordmark{gap:10px}.wordmark strong{font-size:27px}.wordmark .brand-cn,.wordmark>span{font-size:12px;padding-left:10px}.wordmark .brand-cn>span,.wordmark small{font-size:6px}.header-phone{font-size:10px;padding:9px 10px;gap:5px}.desktop-nav a{font-size:11px}}
@media(forced-colors:active){.site-header,.desktop-nav{background:Canvas;color:CanvasText}.header-phone{border-color:ButtonText}.desktop-nav a[aria-current]::after{background:Highlight}}

@media(min-width:701px) and (max-width:900px){.cinema{height:calc(100svh - 112px)}}
@media(max-width:700px){.cinema{height:calc(100svh - 170px);min-height:520px}}

@media(max-width:900px){.site-header .header-phone,.site-header .wordmark{min-height:44px}}

@media(max-width:360px){.contact-number{font-size:clamp(20px,7vw,28px);gap:10px}.contact-number>span{font-size:22px}.footer-phone{font-size:clamp(20px,6.5vw,27px);gap:15px}}

/* The full header stays in view; native anchor and pagination scrolling clear it. */
:root{--header-height:80px}
html{scroll-padding-top:calc(var(--header-height) + 12px)}
.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 rgba(0,0,0,.08)}
@media(max-width:900px){:root{--header-height:calc(112px + env(safe-area-inset-top,0px))}}
/* Scheme five — scheme one's industrial typography and steel palette. */
:root{--paper:#e5e8e7;--ink:#080b0e;--muted:#6d7880;--line:#bfc7ca;--steel:#9fd6f4;--header-height:80px;font-family:"Helvetica Neue","PingFang SC","Microsoft YaHei",Arial,sans-serif;background:#e5e8e7}html{scroll-behavior:smooth}.site-header{background:#080b0e;color:#f2f4f3;border-bottom:1px solid #a1b4bf30}.desktop-nav a::after{background:#b8dae9}.wordmark>span{border-color:#9aa9b040}.header-phone{border-color:#b5c9d44d;color:#e5eced}.header-phone:hover{background:#e5e8e7;color:#080b0e}.five-hero{height:calc(100svh - 80px);min-height:690px;max-height:1100px;background:#080b0e;touch-action:pan-y;color:#f2f4f3}.five-scene{position:absolute;inset:0}.five-scene>img{height:100%;width:100%;object-fit:cover;object-position:70% center;user-select:none;-webkit-user-drag:none}.five-scene>span{position:absolute;bottom:130px;right:var(--pad);z-index:3;font-size:10px;writing-mode:vertical-rl;letter-spacing:.08em}.five-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#080b0ef5,#080b0e85 48%,#080b0e12 85%),linear-gradient(0deg,#080b0ed9,transparent 55%);pointer-events:none}.five-hero-mesh{position:absolute;inset:0;background-image:linear-gradient(#bdd4e20c 1px,transparent 1px),linear-gradient(90deg,#bdd4e20c 1px,transparent 1px);background-size:100px 100px;mask-image:linear-gradient(90deg,#000,transparent 80%);pointer-events:none}.five-origin{position:absolute;left:var(--pad);right:var(--pad);top:32px;display:flex;justify-content:space-between;gap:25px;font-size:9px;letter-spacing:.12em;color:#c4d2da}.five-hero-brand{position:absolute;top:18%;left:var(--pad);right:var(--pad);pointer-events:none}.five-hero-brand>p{font-size:12px;letter-spacing:.22em;color:#c1cdd4;margin-bottom:20px}.five-hero-brand h1{line-height:.85;letter-spacing:-.04em;max-width:900px;font-weight:600}.five-hero-brand h1>span{display:block;font-size:clamp(45px,5.7vw,88px);letter-spacing:.12em;margin-bottom:22px;font-weight:400}.five-hero-brand h1>em{font-size:clamp(110px,17vw,265px);font-style:italic;letter-spacing:-.065em;font-weight:650;display:block;margin-left:-8px}.five-hero-brand h2{font-size:clamp(22px,2.7vw,42px);line-height:1.4;font-weight:400;margin-top:26px;letter-spacing:.05em}.five-hero-copy{position:absolute;right:var(--pad);bottom:105px;max-width:350px}.five-hero-copy>.eyebrow{font-size:8px;color:#afc6d2}.five-hero-copy>p{font-size:12px;line-height:2.05;color:#e2e7e7;margin-top:20px}.five-hero-copy .text-link{font-size:11px;color:#c3dbe8;margin-top:15px}.five-controls{position:absolute;left:var(--pad);bottom:35px;display:flex;align-items:center;gap:17px}.five-controls>button{min-width:40px;min-height:44px;color:#d0e2ec;font-size:24px}.five-controls>span{font-size:10px;letter-spacing:.1em}.five-controls>div{display:flex;gap:5px;margin-left:25px}.five-controls [data-hero-dot]{color:#94a3ad;border-bottom:1px solid #ffffff40;min-width:35px;min-height:44px;font-size:10px}.five-controls [data-hero-dot][aria-pressed=true]{color:#d4efff;border-color:#d4efff}.five-down{position:absolute;right:var(--pad);bottom:47px;letter-spacing:.1em;font-size:8px;color:#c1d0d9}.five-facts{background:#10151a;border-block:1px solid #adc6d127;color:#d8e0e4}.five-facts>.wrap{display:grid;grid-template-columns:2fr repeat(4,1fr);align-items:center;gap:25px;min-height:82px}.five-facts span{font-size:8px;letter-spacing:.05em;color:#8da0ac}.five-facts p{font-size:12px;border-left:1px solid #82949e45;padding-left:26px}.five-section{padding-block:85px}.five-index{display:flex;flex-direction:column;gap:16px;align-items:flex-start}.five-index>b{font-size:12px;font-weight:400;width:40px;padding-bottom:12px;border-bottom:1px solid currentColor}.five-index>span{font-size:8px;letter-spacing:.1em;line-height:1.8;max-width:110px;color:#7b8b96}.five-capabilities{display:grid;grid-template-columns:110px 1.2fr 1fr;gap:45px}.five-intro h2{font-size:clamp(28px,3vw,43px);line-height:1.4;letter-spacing:-.025em;margin:21px 0 24px}.five-intro>p:not(.eyebrow){font-size:13px;line-height:2.1;color:#5c6871;max-width:540px}.five-intro>.text-link{font-size:11px;margin-top:25px}.five-spec{margin:0;padding-top:0}.five-spec>div{display:grid;grid-template-columns:76px 1fr;gap:17px;border-top:1px solid #a4afb6;padding-block:18px;font-size:11px;line-height:1.9}.five-spec dt{color:#55616c}.five-spec dd{margin:0;color:#35424b}.five-selected{padding-block:74px 55px;background:#080b0e;color:#eef2f3}.five-heading{display:grid;grid-template-columns:110px 1.2fr 1fr;gap:45px;align-items:start;margin-bottom:45px}.five-heading h2{font-size:clamp(28px,3.1vw,45px);line-height:1.35}.five-heading>div:last-child:not(.five-index),.five-heading>p{font-size:12px;line-height:2;color:#8e9da7;padding-top:5px}.five-heading .text-link{font-size:11px;margin-top:10px;color:#cee4f0}.five-work-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:26px 22px}.five-work{grid-column:span 2;min-width:0}.five-work:nth-child(-n+2){grid-column:span 3}.five-work>a{display:block;background:#151c21;position:relative;overflow:hidden}.five-work img{width:100%;height:100%;aspect-ratio:1.32;object-fit:cover;transition:transform .5s}.five-work:nth-child(-n+2) img{aspect-ratio:1.6}.five-work>a:hover img{transform:scale(1.035)}.five-work a>div{padding:23px 25px 25px;position:relative;border-top:1px solid #8196a52b}.five-work .eyebrow{font-size:8px;color:#a8c0cd}.five-work h3{font-size:25px;line-height:1.4;margin-top:15px;padding-right:25px}.five-work p{font-size:11px;line-height:1.9;color:#92a1aa;margin-top:13px;max-width:88%;min-height:42px}.five-work b{position:absolute;right:24px;top:24px;font-weight:400;color:#c9e6f5;font-size:25px}.five-image-note{font-size:10px;line-height:1.9;color:#80919c;margin-top:26px}.five-products{padding-block:78px 80px}.five-products .five-heading>p{color:#63707a}.five-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#bac4c9;border:1px solid #bac4c9}.five-product-grid>a{min-width:0;background:#e5e8e7;padding:28px 23px;min-height:209px;transition:background .2s}.five-product-grid>a:hover{background:#d7e1e6}.five-product-grid small{font-size:8px;color:#71818a;letter-spacing:.05em}.five-product-grid h3{font-size:18px;line-height:1.6;margin-top:25px;font-weight:500}.five-product-grid p{font-size:10px;color:#66757f;margin-top:10px;line-height:1.9}.five-product-grid a>span{font-size:10px;display:block;margin-top:25px;color:#293944}.five-manufacture{display:grid;grid-template-columns:1fr 1fr;background:#cbd3d7}.five-factory{display:block;position:relative;min-height:750px;overflow:hidden}.five-factory img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;object-position:50% center}.five-factory>span{position:absolute;bottom:0;left:0;right:0;padding:50px var(--pad) 30px;background:linear-gradient(0deg,#080b0ecf,transparent);font-size:11px;color:#fff}.five-factory-copy{padding:60px clamp(28px,5vw,80px)}.five-factory-copy .five-index{flex-direction:row;align-items:center;gap:20px}.five-factory-copy .five-index>span{max-width:none}.five-factory-copy h2{font-size:clamp(28px,3vw,42px);line-height:1.4;margin-top:27px}.five-factory-copy>p{font-size:12px;line-height:2;color:#54636d;margin-top:22px}.five-factory-copy ol{list-style:none;margin:22px 0 0;padding:0}.five-factory-copy li{display:flex;gap:25px;padding-block:17px;border-top:1px solid #99a7b0}.five-factory-copy li>b{font-size:10px;color:#586c7b;font-weight:400;padding-top:3px}.five-factory-copy li>span{font-size:15px}.five-factory-copy small{display:block;font-size:10px;line-height:1.8;color:#5c6f7c;margin-top:6px}.five-factory-copy .text-link{font-size:11px;margin-top:13px}.five-history{background:#10151a;color:#dbe5e9}.five-history>.wrap{display:grid;grid-template-columns:110px 1.2fr 1fr;gap:45px}.five-history h2{font-size:clamp(31px,3.5vw,48px);line-height:1.4;margin-top:20px}.five-history p:not(.eyebrow){font-size:12px;line-height:2;color:#98a7b0;margin-top:25px;max-width:480px}.five-history .text-link{font-size:11px;color:#c4e2f3;margin-top:22px}.five-timeline{padding-left:38px;border-left:1px solid #a1b4bf36}.five-timeline>div{display:flex;align-items:center;gap:25px;padding:25px 0;border-bottom:1px solid #a1b4bf24}.five-timeline strong{font-size:44px;font-weight:300;color:#c2d7e2;letter-spacing:-.04em}.five-timeline span{font-size:11px;color:#96a9b4}.site-footer{background:#080b0e;color:#e4edef;border-top:1px solid #bed6e22c}.footer-invite h2{font-size:clamp(34px,4.7vw,70px)}.page-cases{background:#080b0e}.archive-toolbar{border-color:#71869360}.filters button{color:#a0afb9}.archive-note,.archive-count{color:#95a7b3}.work-image{background:#162028}.work-meta{color:#bdcbd2}.work-card>p{color:#b6c5ce}.page-cases .site-header{background:#080b0e}.page-about,.page-contact{background:#e5e8e7}.page-cases:has(.breadcrumb){background:#e5e8e7;color:#080b0e}.five-about-history{padding-block:45px;border-bottom:1px solid #afbbc1}.five-about-history h2{font-size:33px;margin-top:18px}.five-about-history>p:not(.eyebrow){font-size:13px;line-height:2;max-width:850px;margin-top:20px;color:#5c6b75}.five-about-years{display:flex;flex-wrap:wrap;gap:25px;font-size:12px;margin-top:25px;color:#435d70}.scope-list,.process-grid article,.faq details{border-color:#a8b7c0}.mobile-contact{background:#10151a;color:#e9f1f5;border-color:#9eb2bf40}.mobile-contact>button,.mobile-contact>a{border-color:#9eb2bf60;color:#e9f1f5}.mobile-contact>button{background:#233540}.qr-dialog{background:#e5e8e7;color:#080b0e}.site-header{position:sticky;top:0}
@media(max-width:1100px){.five-capabilities,.five-heading,.five-history>.wrap{grid-template-columns:75px 1.2fr 1fr;gap:25px}.five-hero-copy{max-width:300px}.five-work h3{font-size:22px}.five-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.five-product-grid>a{min-height:190px}.five-timeline{padding-left:25px}.five-timeline>div{gap:20px;flex-wrap:wrap}.five-timeline strong{font-size:38px}}
@media(max-width:900px){.site-header{background:#080b0e;color:#f2f4f3}.desktop-nav{background:#080b0e;border-color:#b0c9d52b}.header-phone{color:#d0e4ef;border-color:#a8c2d050}.five-hero{height:calc(100svh - 112px);min-height:700px}.five-origin span:last-child{font-size:7px}.five-hero-brand{top:17%}.five-hero-brand h1>em{font-size:22vw}.five-hero-copy{bottom:110px;left:var(--pad);right:auto;max-width:390px}.five-scene>span{bottom:160px}.five-facts>.wrap{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;padding-block:22px}.five-facts span{grid-column:1/-1}.five-facts p{font-size:11px;padding-left:12px}.five-section{padding-block:55px}.five-capabilities{grid-template-columns:70px 1fr;gap:25px}.five-spec{grid-column:2}.five-heading{grid-template-columns:70px 1fr;gap:25px}.five-heading>div:last-child:not(.five-index),.five-heading>p{grid-column:2}.five-work-grid{gap:18px}.five-work a>div{padding:20px}.five-work h3{font-size:20px}.five-work p{font-size:10px;max-width:100%;min-height:55px}.five-work b{right:16px;top:18px;font-size:20px}.five-history>.wrap{grid-template-columns:70px 1fr;gap:25px}.five-timeline{grid-column:2;display:flex;gap:25px;border-left:0;padding:0}.five-timeline>div{flex:1;gap:10px;flex-direction:column;align-items:flex-start}.five-manufacture{grid-template-columns:1fr 1fr}.five-factory{min-height:820px}.five-factory-copy{padding:40px 28px}.five-factory-copy h2{font-size:27px}.five-factory-copy>p{font-size:11px}}
@media(max-width:640px){.five-hero{height:calc(100svh - 170px);min-height:650px;max-height:900px}.five-origin{top:23px;font-size:7px;gap:10px}.five-origin span:last-child{display:none}.five-hero-brand{top:18%;left:var(--pad)}.five-hero-brand>p{font-size:9px;margin-bottom:20px}.five-hero-brand h1>span{font-size:43px;letter-spacing:.08em;margin-bottom:24px}.five-hero-brand h1>em{font-size:25vw;margin-left:-4px;letter-spacing:-.06em}.five-hero-brand h2{font-size:24px;margin-top:25px;letter-spacing:.03em}.five-hero-shade{background:linear-gradient(90deg,#080b0ed6,#080b0e45),linear-gradient(0deg,#080b0ef5,transparent 85%)}.five-hero-copy{bottom:100px;max-width:none;right:var(--pad)}.five-hero-copy>.eyebrow{font-size:7px}.five-hero-copy>p{font-size:11px;line-height:1.9;margin-top:12px;max-width:380px}.five-hero-copy .text-link{font-size:10px;margin-top:10px;min-height:40px;padding:8px 0}.five-controls{bottom:25px;gap:9px}.five-controls>button{min-width:34px;min-height:44px;font-size:22px}.five-controls>span{font-size:8px}.five-controls>div{margin-left:8px;gap:2px}.five-controls [data-hero-dot]{min-width:28px;font-size:9px}.five-down,.five-scene>span{display:none}.five-facts>.wrap{gap:16px 10px;padding-block:21px}.five-facts span{font-size:7px}.five-facts p{font-size:10px;padding-left:8px}.five-section{padding-block:38px}.five-index{flex-direction:row;gap:14px;align-items:center}.five-index>b{font-size:10px;width:auto;min-width:26px;padding-bottom:5px}.five-index>span{font-size:7px;max-width:none}.five-capabilities{display:flex;flex-direction:column;gap:24px}.five-intro h2{font-size:28px;margin:16px 0 20px}.five-intro>.eyebrow{font-size:8px}.five-intro>p:not(.eyebrow){font-size:12px}.five-intro .text-link{margin-top:15px}.five-spec>div{grid-template-columns:65px 1fr;font-size:10px;gap:16px;padding:15px 0}.five-selected{padding-block:37px 32px}.five-heading{display:flex;flex-direction:column;gap:20px;margin-bottom:25px}.five-heading h2{font-size:29px}.five-heading>div:last-child:not(.five-index),.five-heading>p{font-size:11px;padding:0}.five-heading .text-link{font-size:10px;gap:30px;margin-top:8px}.five-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.five-work,.five-work:nth-child(-n+2){grid-column:span 1}.five-work:first-child{grid-column:1/-1}.five-work:first-child img{aspect-ratio:1.35}.five-work img,.five-work:nth-child(2) img{aspect-ratio:1}.five-work a>div{padding:17px 13px 18px;min-height:160px}.five-work:first-child a>div{min-height:0;padding:21px}.five-work .eyebrow{font-size:7px;letter-spacing:0}.five-work h3{font-size:18px;margin-top:13px;line-height:1.4;padding-right:0}.five-work:first-child h3{font-size:25px}.five-work p{font-size:10px;margin-top:10px;min-height:0}.five-work b{position:static;display:block;font-size:20px;margin-top:12px}.five-work:first-child b{position:absolute;right:20px;top:20px;margin:0}.five-image-note{font-size:9px;margin-top:20px}.five-product-grid>a{padding:21px 15px;min-height:205px}.five-product-grid small{font-size:7px}.five-product-grid h3{font-size:16px;margin-top:22px}.five-product-grid p{font-size:9px;margin-top:10px}.five-product-grid a>span{font-size:9px;margin-top:20px}.five-manufacture{display:flex;flex-direction:column}.five-factory{min-height:0;height:330px}.five-factory>span{font-size:10px;padding:35px var(--pad) 20px}.five-factory-copy{padding:32px var(--pad) 35px}.five-factory-copy h2{font-size:29px;margin-top:24px}.five-factory-copy>p{font-size:12px}.five-factory-copy li{gap:20px}.five-factory-copy li>span{font-size:14px}.five-history>.wrap{display:flex;flex-direction:column;gap:25px}.five-history h2{font-size:32px;margin-top:17px}.five-history p:not(.eyebrow){font-size:12px;margin-top:20px}.five-history .text-link{font-size:10px;margin-top:16px}.five-timeline{gap:15px;width:100%}.five-timeline>div{padding-block:17px;gap:12px}.five-timeline strong{font-size:34px}.five-timeline span{font-size:9px;line-height:1.7}.five-about-history h2{font-size:27px}.five-about-history>p:not(.eyebrow){font-size:12px}.five-about-years{font-size:10px;gap:16px}.five-about-history{padding-block:32px}.mobile-contact{background:#10151a;color:#e9f1f5}.footer-invite h2{font-size:32px}}
@media(max-width:360px){.five-hero-brand h1>span{font-size:36px}.five-hero-brand h2{font-size:22px}.five-controls{gap:5px}.five-controls>div{margin-left:4px}.five-controls [data-hero-dot]{min-width:24px}.five-work h3{font-size:16px}.five-product-grid h3{font-size:14px}.five-timeline strong{font-size:29px}.five-hero-copy>.eyebrow{letter-spacing:.06em}.five-hero-copy>p{font-size:10px}.five-facts p{font-size:9px;padding-left:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
@media(max-width:640px){.five-hero{min-height:720px}}

/* Case review: compact previews, readable engineering notes, complete galleries. */
.case-card .case-card-body{position:relative;padding:18px 17px 20px;background:var(--paper);color:var(--ink);min-width:0}.case-card .work-meta{position:static;inset:auto;margin:0;display:flex;justify-content:space-between;gap:8px;font-size:9px;line-height:1.6;color:var(--muted);pointer-events:auto;letter-spacing:0}.case-card .work-meta>span:last-child{display:inline}.case-card h3{position:static;inset:auto;min-height:0;margin:10px 0 0;font-size:18px;line-height:1.6;color:inherit}.case-card h3 a{display:block}.case-card .case-card-category{position:static;inset:auto;margin:5px 0 0;font-size:10px;line-height:1.8;color:var(--muted)}.case-card .case-description{font-size:12px;line-height:1.9;color:var(--muted);margin:12px 0 0;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.case-detail{display:flex;justify-content:space-between;align-items:center;min-height:44px;padding-top:10px;margin-top:5px;font-size:11px;border-bottom:1px solid #89968e55;color:inherit}.case-card .work-image{aspect-ratio:1.5}.case-card .work-image::after{background:none}.case-card .image-label{background:#111a;color:white;border-color:#ffffff80}.case-card .image-arrow{background:#111a;color:#fff;width:32px;height:32px;font-size:19px;display:grid;place-items:center;right:12px;bottom:12px;opacity:1}.case-card-text-first .case-card-body{padding:0 0 17px;background:none}.case-card-text-first{padding-top:14px}.case-collection-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin:0 0 30px}.case-collection-links>a{padding:16px 14px;border:1px solid #87958955;font-size:12px;line-height:1.8;min-width:0}.case-collection-links span{display:block;font-size:9px;color:var(--muted);margin-top:8px}.case-collection-links>a:hover{border-color:currentColor}.case-engineering{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:40px;padding-block:34px 45px;border-top:1px solid var(--line)}.case-context h2{font-size:24px;line-height:1.5;margin:13px 0 17px}.case-context>p:not(.eyebrow){font-size:13px;line-height:2;color:var(--muted)}.case-context dl{margin:20px 0 0;padding-top:15px;border-top:1px solid var(--line);font-size:11px;line-height:1.9}.case-context dt{color:var(--muted)}.case-context dd{margin:7px 0 0}.case-points{padding-top:26px}.case-points h3{font-size:16px;line-height:1.6}.case-points ul{padding-left:17px;margin:17px 0 0}.case-points li{font-size:12px;line-height:1.95;color:var(--muted);padding-left:3px;margin-bottom:10px}.gallery-entry{min-width:0;scroll-margin-top:20px}.gallery-entry>a{aspect-ratio:1.5;display:block;overflow:hidden;background:#dce0da}.gallery-grid .gallery-entry img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.gallery-grid .gallery-entry figcaption{display:block;margin-top:15px;font-size:12px}.gallery-caption-title{display:flex;align-items:baseline;gap:12px}.gallery-caption-title>span{font-size:10px;color:var(--muted);flex-shrink:0}.gallery-caption-title h3{font-size:17px;line-height:1.6;font-weight:400}.gallery-entry figcaption>p{margin-top:10px;font-size:12px;line-height:1.95;color:var(--muted)}.gallery-pagination-wrap{margin-top:35px;text-align:center}.gallery-pagination-wrap>p{font-size:10px;line-height:1.8;color:var(--muted);margin-top:18px}.gallery-entry:target{outline:1px solid #869783;outline-offset:7px}.archive .case-card .work-image>img{object-fit:contain}.page-cases .case-card .case-card-body{background:#181d1a;color:#eff2eb}.page-cases .case-card .work-meta,.page-cases .case-card .case-card-category,.page-cases .case-card .case-description{color:#a8b3a6}.page-cases:has(.breadcrumb) .case-engineering{border-color:var(--line)}
@media(max-width:1000px){.case-engineering{grid-template-columns:1fr 1fr;gap:24px}.case-context{grid-column:1/-1}.case-points{padding-top:0}.case-collection-links{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:700px){.archive .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px}.case-card .work-image{aspect-ratio:4/3;min-height:0;max-height:220px}.case-card .case-card-body{padding:12px 10px 13px}.case-card .work-meta{font-size:8px;line-height:1.7;gap:4px}.case-card .work-meta>span:last-child{display:none}.case-card h3{font-size:13px;line-height:1.6;margin-top:7px;min-height:41px}.case-card .case-card-category{font-size:9px;margin-top:4px}.case-card .case-description{font-size:10px;line-height:1.8;margin-top:9px;-webkit-line-clamp:2}.case-card .case-detail{font-size:10px;min-height:44px;margin-top:3px}.case-card .image-label{font-size:8px;top:8px;left:8px;padding:4px 6px}.case-card .image-arrow{width:25px;height:25px;right:7px;bottom:7px;font-size:15px}.case-card-text-first .case-card-body{padding:0 0 12px}.case-card-text-first h3{min-height:41px}.case-collection-links{display:flex;gap:9px;overflow-x:auto;scroll-snap-type:x proximity;margin-bottom:22px;padding-bottom:7px}.case-collection-links>a{flex:0 0 145px;padding:12px;font-size:11px;scroll-snap-align:start}.case-collection-links span{font-size:9px;margin-top:5px}.case-engineering{display:block;padding-block:25px 28px}.case-context h2{font-size:22px;margin:12px 0 14px}.case-context>p:not(.eyebrow){font-size:12px;line-height:1.95}.case-context dl{font-size:10px;margin-top:16px}.case-points{margin-top:24px}.case-points h3{font-size:15px}.case-points ul{margin-top:12px}.case-points li{font-size:11px;line-height:1.9;margin-bottom:8px}.collection-cover img{width:100%;height:clamp(180px,54vw,270px);max-height:270px;min-height:0;aspect-ratio:auto;object-fit:contain;background:#dce0da}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:25px 12px}.gallery-entry>a{aspect-ratio:4/3;max-height:210px}.gallery-grid .gallery-entry figcaption{margin-top:11px}.gallery-caption-title{gap:7px}.gallery-caption-title>span{font-size:8px}.gallery-caption-title h3{font-size:12px;line-height:1.7}.gallery-entry figcaption>p{font-size:10px;line-height:1.85;margin-top:8px}.gallery-pagination-wrap{margin-top:28px}.gallery-pagination-wrap>p{font-size:9px}.about-image img{height:230px;object-fit:contain;background:#dce0da}.factory-image{min-height:260px}.factory-image>img{object-fit:cover}.exhibit{flex-basis:80vw}.exhibit>a{height:310px;min-height:0}.exhibit-caption{left:20px;right:20px;bottom:20px;gap:12px}.exhibit-caption h3{font-size:25px;margin-top:10px}.exhibit-caption p{font-size:10px;line-height:1.8;margin-top:9px}.exhibit-tag{top:17px;left:18px;font-size:9px}.exhibit-open{width:37px;height:37px;font-size:22px}.exhibition-heading h2{font-size:29px}.hero{height:440px;min-height:0;max-height:480px}.hero h1{font-size:clamp(37px,10vw,52px)}.hero-content{bottom:55px}.hero-content>.eyebrow{margin-bottom:13px}.hero-bottom{margin-top:17px}.hero-bottom p{font-size:11px;line-height:1.8}.hero-link{margin-top:15px}.cinema:not(.v4-hero):not(.five-hero){height:440px;min-height:0;max-height:480px}.cinema-copy{bottom:105px}.cinema-copy h2{font-size:clamp(31px,8.5vw,43px);line-height:1.35}.cinema-copy>p{font-size:10px;margin-bottom:15px}.cinema-project{font-size:10px;margin-top:12px;padding-top:8px}.cinema-top{top:20px}.cinema-thumbs button{width:48px;height:34px}.cinema-controls{gap:8px;bottom:20px}.cinema-stepper{gap:10px}.cinema-stepper button{width:32px}.cinema-scroll{display:none}.v4-hero{height:500px;min-height:0;max-height:none;padding-top:0;padding-bottom:0}.v4-slide{bottom:130px}.v4-discover{height:130px;padding:14px 20px}.v4-hero-copy{top:12%}.v4-hero-copy h2{font-size:clamp(29px,7.4vw,38px)}.v4-hero-copy>a{margin-top:8px}.v4-hero-step{bottom:145px}.v4-discover>p{font-size:10px;margin-bottom:5px}.v4-discover button{padding:8px 0;min-height:38px}.v4-discover button span{font-size:9px;min-height:30px}.v4-making-photo{height:210px}.v4-project-grid .case-card h3{font-size:13px}.five-hero{height:500px;min-height:500px;max-height:500px}.five-hero-brand{top:13%}.five-hero-brand>p{font-size:8px;margin-bottom:12px}.five-hero-brand h1>span{font-size:32px;margin-bottom:16px}.five-hero-brand h1>em{font-size:22vw;max-height:110px}.five-hero-brand h2{font-size:22px;margin-top:16px}.five-hero-copy{bottom:77px}.five-hero-copy>.eyebrow{display:none}.five-hero-copy>p{font-size:10px;line-height:1.85;margin-top:0}.five-hero-copy .text-link{margin-top:6px;padding:5px 0;font-size:10px}.five-controls{bottom:16px}.five-work:first-child img,.five-work img,.five-work:nth-child(2) img{height:auto;aspect-ratio:4/3;max-height:250px;object-fit:cover}.five-work:first-child a>div{padding:17px}.five-work:first-child h3{font-size:22px}.five-factory{height:240px;min-height:0}.five-work a>div{min-height:0}.five-work p{font-size:10px}.five-hero-mesh{background-size:70px 70px}}
@media(max-width:360px){.case-card .case-card-body{padding-inline:8px}.case-card h3{font-size:12px}.gallery-caption-title h3{font-size:11px}.gallery-entry figcaption>p{font-size:10px}.five-hero-brand h1>span{font-size:29px}.five-hero-brand h2{font-size:20px}.v4-hero-copy h2{font-size:28px}.cinema-copy h2{font-size:29px}}

@media(max-width:700px){.case-card .case-description{font-size:11px;line-height:1.8}.gallery-entry figcaption>p{font-size:11px;line-height:1.85}}