@font-face{font-family:Nano;src:url('/assets/ref-fonts/nano-body.ttf') format('truetype');font-display:swap}@font-face{font-family:Manrope;src:url('/assets/ref-fonts/manrope-nav.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--blue:#242426;--pale:#f5f5f7;--ink:#1d1d1f;--muted:#626267;--line:#d5d5d9;--paper:#fafafa;--ease:cubic-bezier(.16,1,.3,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:15px/1.6 Manrope,sans-serif;background:var(--paper);color:var(--ink)}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-family:Nano,Manrope,sans-serif;font-weight:400}h1,h2{line-height:1.04;letter-spacing:-.035em;text-wrap:balance}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}img{display:block;max-width:100%}svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.5;flex:none}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #716455;outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-80px;left:20px;background:white;z-index:100;padding:14px}.skip:focus{top:10px}.brand{display:block;width:170px;flex-shrink:0}.brand img{width:100%;height:auto;mix-blend-mode:multiply}.opening{background:var(--blue);color:var(--pale);padding:48px 4.5% 0;overflow:clip}.opening-intro{display:flex;gap:40px;justify-content:space-between;align-items:flex-end;max-width:1440px;margin:auto}.opening h1{font-size:clamp(48px,5.6vw,84px)}.opening h1 span{color:#fff}.opening-aside{padding-bottom:6px;flex-shrink:0;font-size:15px}.text-link{display:inline-flex;align-items:center;gap:28px;min-height:48px;border-bottom:1px solid currentColor;font-size:13px;font-weight:600}.text-link svg{transition:transform .25s var(--ease)}.text-link:hover svg{transform:translateX(5px)}.opening-aside .text-link{margin-top:15px}.fan-stage{max-width:1440px;margin:auto}.nano-spaces{padding:0;margin:0;border:0;scroll-margin-top:32px}.space-heading{display:none}.space-grid{--card:218px;display:block;position:relative;width:calc(100% - 80px);height:369px;margin:18px auto 0;isolation:isolate}.space-card{position:absolute;top:46px;left:calc(var(--fan-index)*(100% - var(--card))/9);width:var(--card);z-index:calc(var(--fan-index) + 1);--angle:var(--fan-angle);--rise:var(--fan-rise)}.space-card-link{display:block;border-radius:13px;overflow:hidden;background:#f3f5ef;color:var(--ink);padding:5px;box-shadow:4px 12px 22px #20202426;transform:translateY(var(--rise)) rotate(var(--angle));transform-origin:center bottom;transition:transform .4s var(--ease),box-shadow .4s var(--ease)}.space-photo{display:block;aspect-ratio:4/3;border-radius:9px;overflow:hidden}.space-photo img{width:100%;height:100%;object-fit:cover}.space-card-copy{height:82px;width:100px;padding:13px 8px;text-align:center}.space-card h3{font:600 12px/1.35 Manrope,sans-serif;text-wrap:balance;min-height:34px}.space-card-copy p{opacity:0;font-size:10px;margin-top:6px;white-space:nowrap;transition:opacity .2s}.space-card:last-child .space-card-copy{width:100%}.space-card:hover,.space-card:focus-within,.space-card.is-active{z-index:30}.space-card:hover .space-card-link,.space-card:focus-within .space-card-link,.space-card.is-active .space-card-link{transform:translateY(-15px) rotate(0deg) scale(1.08);box-shadow:6px 22px 32px #20202438}.space-card:hover .space-card-copy,.space-card:focus-within .space-card-copy,.space-card.is-active .space-card-copy{width:100%}.space-card:hover .space-card-copy p,.space-card:focus-within .space-card-copy p,.space-card.is-active .space-card-copy p{opacity:1}.space-notes{display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#64646a;margin:6px 0 16px}.space-design-references summary{cursor:pointer;text-decoration:underline;text-underline-offset:4px;min-height:28px}.space-design-references ul{max-width:520px;line-height:1.7;padding-left:18px}.space-design-references a{text-decoration:underline}.opening-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d2d2d7;max-width:1440px;margin:auto;padding:20px 0;font-size:12px}.opening-bottom a{display:flex;gap:20px;align-items:center;min-height:44px}.section-wrap{max-width:1500px;margin:auto;padding:100px 4.5%}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:50px}.section-heading h2{font-size:clamp(36px,4.1vw,60px)}.section-heading>p{max-width:340px;color:var(--muted);font-size:14px}.collection-display{display:grid;grid-template-columns:1fr 1.55fr 1.05fr;gap:30px;align-items:start}.collection{display:block;border-top:1px solid var(--line);padding-top:18px}.collection-title{display:flex;align-items:center;justify-content:space-between;gap:10px}.collection h3{font-size:23px;line-height:1.2}.collection figure{margin:25px 0;background:#f0f0f2;height:330px;overflow:hidden}.collection--base figure{border-radius:130px 130px 8px 8px}.collection--booth{margin-top:65px}.collection--booth figure{height:365px;background:#f1f1f3;border-radius:8px}.collection--chair figure{height:330px;border-radius:8px 8px 130px 130px;background:#f0f0f2}.collection img{width:100%;height:100%;object-fit:contain;padding:20px;mix-blend-mode:multiply;transition:transform .5s var(--ease)}.collection:hover img{transform:scale(1.05)}.collection p{font-size:12px;color:var(--muted);max-width:27ch}.collection-title svg{transition:transform .3s}.collection:hover .collection-title svg{transform:translateX(5px)}.collection-end{display:flex;justify-content:flex-end;margin-top:34px}.material-story{display:grid;grid-template-columns:1.15fr 1fr;background:#f5f5f7;min-height:650px}.material-photo{position:relative;min-height:650px}.material-photo>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:37% center}.image-note{position:absolute;bottom:18px;left:24px;background:#fafafaed;color:var(--ink);padding:7px 12px;font-size:10px}.material-copy{padding:70px 12% 65px 10%}.material-copy h2{font-size:clamp(42px,4.4vw,64px)}.material-copy>p{margin-top:24px;font-size:14px;max-width:38ch}.material-tabs{display:flex;gap:8px;margin-top:36px;flex-wrap:wrap}.material-tabs button{background:transparent;border:1px solid #939399;border-radius:3px;color:var(--ink);min-height:44px;padding:8px 12px;font-size:12px}.material-tabs button[aria-selected=true]{background:var(--ink);color:#fff;border-color:var(--ink)}.material-tabs button:hover{background:#e1e1e5}.material-tabs button[aria-selected=true]:hover{background:#444449}.material-panel{padding:26px 0 12px;min-height:160px}.material-panel h3{font-size:23px;margin-bottom:10px}.material-panel p{font-size:13px;max-width:45ch;color:#626267}.material-copy>.text-link{margin-top:12px}.custom-story{display:grid;grid-template-columns:1fr 1fr;gap:12%}.custom-lead h2{font-size:clamp(40px,4.7vw,68px)}.custom-lead .text-link{margin-top:28px}.custom-details>div{padding:22px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:155px 1fr;gap:22px}.custom-details h3{font-size:21px}.custom-details p{font-size:13px;color:var(--muted)}.contact-section{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding:75px max(4.5%,calc((100% - 1365px)/2));background:var(--blue);color:#fafafa}.contact-copy h2{font-size:clamp(54px,6vw,86px)}.contact-copy>p{margin:26px 0 32px;color:#626267}.contact-copy>a{display:block;font-size:16px;width:fit-content;min-height:44px}.contact-copy>a:hover{text-decoration:underline;text-underline-offset:5px}.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:22px 20px}.inquiry-form h3{grid-column:1/-1;font-size:26px}.inquiry-form label{font-size:12px}.inquiry-form label:has(textarea){grid-column:1/-1}.inquiry-form input,.inquiry-form textarea{display:block;width:100%;border:0;border-bottom:1px solid #b0b0b8;background:#ffffff0d;border-radius:0;color:white;padding:10px 8px;margin-top:6px;min-height:44px}.inquiry-form input:focus,.inquiry-form textarea:focus{background:#ffffff18}.inquiry-form textarea{resize:vertical;min-height:110px}.inquiry-form button{grid-column:1/-1;background:var(--pale);color:var(--ink);border:0;padding:16px 24px;text-align:left;min-height:52px;font-weight:700}.inquiry-form button:hover{background:#fff}.form-note{grid-column:1/-1;font-size:10px;line-height:1.6;color:#64646a}body>footer{padding:50px 4.5% 20px;background:var(--pale)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:30px;align-items:start;max-width:1440px;margin:auto;padding-bottom:45px}.footer-top p{font-family:Nano,sans-serif;font-size:24px;line-height:1.2}.footer-top nav{display:grid;grid-template-columns:1fr 1fr;font-size:12px}.footer-top nav a{min-height:44px}.footer-top nav a:hover{text-decoration:underline}.footer-bottom{display:flex;justify-content:space-between;gap:20px;max-width:1440px;margin:auto;border-top:1px solid var(--line);padding-top:20px;font-size:10px;color:var(--muted)}
@media(min-width:1700px){.opening{padding-top:60px}.space-grid{--card:248px;height:410px}.space-card-copy{width:132px}.space-card h3{font-size:13px}}
@media(max-width:1100px){.brand{width:145px}.opening-intro{align-items:start}.opening h1{font-size:56px}.opening-aside{font-size:13px}.space-grid{--card:190px;height:355px;width:calc(100% - 50px)}.space-card-copy{width:82px}.space-card h3{font-size:10px}.collection-display{gap:20px}.collection figure,.collection--chair figure{height:280px}.collection--booth figure{height:320px}.material-copy{padding:50px 7%}.material-photo{min-height:620px}.custom-details>div{grid-template-columns:1fr;gap:8px}}
@media(max-width:850px){.opening{padding-top:35px}.opening-intro{display:block}.opening h1{font-size:56px}.opening-aside{display:flex;align-items:center;justify-content:space-between;margin-top:24px}.opening-aside .text-link{margin-top:0}.space-grid{--card:190px;height:660px;width:calc(100% - 50px);margin-top:15px}.space-card{left:calc(var(--fan-column)*(100% - var(--card))/4);top:calc(40px + var(--fan-row)*300px);--angle:var(--fan-small-angle);--rise:var(--fan-small-rise)}.space-card-copy{width:105px}.space-card h3{font-size:12px}.section-wrap{padding:65px 5%}.section-heading{align-items:start;gap:24px}.section-heading>p{max-width:240px;font-size:13px}.collection h3{font-size:19px}.collection figure,.collection--chair figure{height:220px}.collection--booth figure{height:260px}.collection img{padding:12px}.material-story{grid-template-columns:1fr 1fr}.material-photo{min-height:590px}.material-copy h2{font-size:42px}.custom-story{gap:8%}.contact-section{gap:7%;padding:60px 5%}.contact-copy h2{font-size:56px}.contact-copy>a{font-size:13px}}
@media(max-width:560px){.brand{width:122px}.opening{padding:35px 6% 0}.opening h1{font-size:42px}.opening-aside{display:block;font-size:13px}.opening-aside .text-link{margin-top:12px}.space-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px 0;height:auto;width:calc(100% - 12px);padding:35px 0 20px}.space-card{position:relative;left:auto;top:auto;width:100%;--rise:0px}.space-card:nth-child(odd){--angle:-4deg}.space-card:nth-child(even){--angle:4deg}.space-card-copy{width:100%;height:78px;padding:12px 5px}.space-card h3{font-size:11px}.space-card-copy p{display:none}.space-card:hover .space-card-link,.space-card:focus-within .space-card-link,.space-card.is-active .space-card-link{transform:translateY(-9px) rotate(0deg) scale(1.04)}.space-notes{display:block;font-size:9px;padding-top:16px}.space-design-references{margin-top:8px}.opening-bottom{font-size:10px;display:block;padding:14px 0}.opening-bottom a{margin-top:7px}.section-heading{display:block;margin-bottom:30px}.section-heading h2{font-size:37px}.section-heading>p{margin-top:20px;max-width:36ch}.collection-display{grid-template-columns:1fr 1fr;gap:26px 18px}.collection--booth{grid-column:1/-1;grid-row:2;margin-top:0}.collection--chair{grid-column:2;grid-row:1}.collection h3{font-size:19px}.collection-title svg{width:18px}.collection figure,.collection--chair figure{height:220px;margin-top:18px}.collection--booth figure{height:280px}.collection p{font-size:11px}.collection--booth p{max-width:none}.material-story{grid-template-columns:1fr}.material-photo{min-height:360px}.material-copy{padding:40px 6% 45px}.material-copy h2{font-size:42px}.material-panel{min-height:140px}.custom-story{grid-template-columns:1fr;gap:35px}.custom-lead h2{font-size:42px}.custom-details>div{grid-template-columns:115px 1fr;gap:16px}.custom-details h3{font-size:20px}.contact-section{grid-template-columns:1fr;gap:38px;padding:48px 6%}.contact-copy h2{font-size:62px}.contact-copy>p{margin:20px 0}.inquiry-form{gap:20px 14px}.inquiry-form label{font-size:10px}.footer-top{grid-template-columns:1fr 1fr;gap:28px}.footer-top p{font-size:21px}.footer-top nav{grid-column:1/-1}.footer-bottom{flex-wrap:wrap;gap:12px;font-size:9px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.space-card:hover .space-card-link,.space-card:focus-within .space-card-link{transform:translateY(var(--rise)) rotate(var(--angle))}}

.header-search{display:grid;place-items:center;width:44px;height:44px}.footer-socials{display:flex;gap:22px;grid-column:2/-1;font-size:12px}.footer-socials a{display:flex;align-items:center;min-height:44px}.footer-socials a:hover{text-decoration:underline}@media(max-width:560px){.header-search{display:none}.footer-socials{grid-column:1/-1;flex-wrap:wrap}}

/* Silver-white edition: photographic atmosphere, legible foreground, restrained controls. */
:root{--blue:#242426;--pale:#f5f5f7;--ink:#1d1d1f;--muted:#626267;--line:#d5d5d9;--paper:#fafafa}
.opening{position:relative;isolation:isolate;background:#f4f4f6;color:#1d1d1f;padding-top:48px}.opening-intro,.fan-stage,.opening-bottom{position:relative;z-index:2}.opening-intro{display:block;text-align:center}.opening h1{font-size:clamp(44px,5vw,74px);letter-spacing:-.035em;line-height:1.06}.opening h1 span{color:#55555b}.opening-aside{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:22px;font-size:14px;color:#505057}.opening-aside .text-link{margin-top:0}.opening-aside br{display:none}.opening-aside p{max-width:42ch}.text-link{font-weight:500}.ambient-background,.ambient-wash{position:absolute;inset:0;pointer-events:none;z-index:0}.ambient-background{overflow:hidden;opacity:.44;background:#e7e7e9}.ambient-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1);animation:ambient-journey 100s linear infinite;animation-delay:var(--scene-delay)}.ambient-wash{z-index:1;background:linear-gradient(180deg,rgba(255,255,255,.93) 0%,rgba(255,255,255,.77) 24%,rgba(255,255,255,.34) 56%,rgba(255,255,255,.77) 100%)}
@keyframes ambient-journey{0%{opacity:0;transform:scale(1)}2%{opacity:1}8%{opacity:1}10%,100%{opacity:0;transform:scale(1.12)}}
.opening[data-ambient-paused="true"] .ambient-scene{animation-play-state:paused}.opening[data-reduced-motion="true"] .ambient-scene{animation:none;opacity:0}.opening[data-reduced-motion="true"] .ambient-scene:first-child{opacity:1;transform:none}.ambient-control{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 12px 0 0;background:none;border:0;color:#505057;font-size:11px}.ambient-control svg{width:18px;height:18px}.ambient-control .play-symbol{display:none}.ambient-control[aria-pressed="true"] .pause-symbol{display:none}.ambient-control[aria-pressed="true"] .play-symbol{display:block}.ambient-control:hover{color:#111}.space-card-link{background:#fff;color:#29292d;box-shadow:4px 12px 24px #20202422}.space-notes{color:#595960}.opening-bottom{border-color:#c7c7ce;font-size:11px;padding:13px 0}.opening-bottom>span{color:#595960}.collection figure,.collection--base figure,.collection--chair figure{border-radius:16px}.material-copy{background:#f5f5f7}.material-tabs button{border-radius:22px}.contact-section{background:#f0f0f2;color:#1d1d1f}.contact-copy>p{color:#626267}.inquiry-form input,.inquiry-form textarea{color:#1d1d1f;background:#fff;border:1px solid #c8c8ce;border-radius:8px;padding:11px 12px}.inquiry-form input:focus,.inquiry-form textarea:focus{background:#fff}.inquiry-form button{border-radius:26px;background:#242426;color:white;text-align:center}.inquiry-form button:hover{background:#45454b}.form-note{color:#626267}body>footer{background:#fafafa}
@media(max-width:850px){.opening h1{font-size:52px}.opening-aside{display:flex;font-size:13px}.opening-aside .text-link{margin:0}.opening-bottom{gap:12px;flex-wrap:wrap}.space-grid{margin-top:20px}}
@media(max-width:560px){.opening{padding-top:34px}.opening h1{font-size:40px}.opening-aside{display:block;font-size:12px;margin-top:20px}.opening-aside p{margin:auto;max-width:30ch}.opening-aside .text-link{margin-top:14px}.opening-bottom{display:flex;align-items:center;justify-content:space-between}.opening-bottom>span{font-size:9px}.opening-bottom>a{flex-basis:100%;justify-content:center;margin-top:0}.ambient-background{opacity:.32}.ambient-wash{background:linear-gradient(180deg,#ffffffee,#ffffffa6 35%,#ffffffb8)}.ambient-control{font-size:10px}}
@media(prefers-reduced-motion:reduce){.ambient-scene{animation:none!important;opacity:0}.ambient-scene:first-child{opacity:1;transform:none}}

/* Review controls and restored independent product carousels. */
.ambient-background{opacity:var(--ambient-opacity,.95)}
.ambient-wash{background:linear-gradient(180deg,rgba(255,255,255,.94),rgba(255,255,255,.79) 24%,rgba(255,255,255,.08) 57%,rgba(255,255,255,.78))}
.opening-bottom{align-items:center;gap:22px}.background-tuner{width:min(360px,45%);padding:6px 0;color:#36363c}.background-tuner label{display:flex;align-items:center;justify-content:space-between;font-size:11px}.background-tuner output{font-variant-numeric:tabular-nums;font-weight:700}.background-tuner>div{display:flex;align-items:center;gap:10px}.background-tuner input{min-width:50px;flex:1;height:44px;accent-color:#353539;cursor:pointer}.background-tuner>div>span{font-size:10px}.background-tuner small{display:block;font-size:9px;color:#626267}.background-tuner button{border:0;background:transparent;text-decoration:underline;color:inherit;font-size:10px;min-height:44px;padding:0 5px}
.collection-product{position:relative;isolation:isolate}.collection-product>img{position:absolute;inset:0;transition:opacity .9s ease,transform .5s var(--ease)}.collection-product[data-switch-mode="manual"]>img{transition:opacity .3s ease}.d1-product-browse{position:absolute;left:12px;right:12px;bottom:12px;display:flex;justify-content:space-between;z-index:3}.d1-product-browse button{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:50%;background:#ffffffed;color:#303036;box-shadow:0 3px 10px #20202412}.d1-product-browse button:hover{background:#303036;color:white}.d1-product-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.collection img{padding-bottom:54px}.collection-title{min-height:44px}.collection-title:hover{text-decoration:underline;text-underline-offset:5px}
.material-photo.material-showcase{min-height:520px;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:44px 6%;background:#eeeeF1;gap:35px}.material-showcase>h3{font-size:30px;text-align:center}.material-examples{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;width:100%}.material-example{display:flex;flex-direction:column;align-items:center;gap:24px;border:1px solid transparent;background:transparent;border-radius:14px;padding:24px 8px;color:#626267;min-width:0}.material-example img{width:100px;height:137px;object-fit:contain;mix-blend-mode:multiply}.material-example span{font-size:12px;min-height:36px;display:flex;align-items:center;text-align:center;line-height:1.4}.material-example[aria-pressed="true"]{background:#fff;color:#1d1d1f;border-color:#b7b7bf}.material-example:hover{background:#f9f9fb}.material-showcase>p{font-size:12px;color:#626267}
@media(max-width:850px){.material-story{grid-template-columns:1fr}.material-photo.material-showcase{min-height:360px;padding:35px 8%}.material-examples{max-width:600px}.material-copy{padding:50px 8%}.material-example img{max-width:100%;height:137px}.background-tuner{width:45%}}
@media(max-width:560px){.background-tuner{width:100%;order:3}.opening-bottom>a{flex-basis:auto}.ambient-wash{background:linear-gradient(180deg,#fffffff0,#ffffffb3 24%,#ffffff66 56%,#ffffffb8)}.material-photo.material-showcase{padding:35px 5%;gap:22px}.material-examples{gap:4px}.material-example{padding:18px 3px;gap:16px}.material-example span{font-size:10px}.material-showcase>h3{font-size:28px}.d1-product-browse{left:8px;right:8px;bottom:8px}.collection img{padding:12px 12px 54px}}
@media(prefers-reduced-motion:reduce){.collection-product>img{transition:none!important}}

/* Independent review sliders; keep controls and source notes fully readable. */
.space-grid{opacity:var(--fan-opacity,.9)}
.transparency-pair{display:grid;grid-template-columns:1fr 1fr;gap:26px;flex:1;max-width:650px;min-width:0}
.transparency-pair .background-tuner{width:100%;min-width:0}
.opening-bottom>.ambient-control,.opening-bottom>a{flex-shrink:0}
@media(max-width:1100px){.opening-bottom{flex-wrap:wrap}.transparency-pair{order:3;flex-basis:100%;max-width:none}.opening-bottom>a{margin-left:auto}}
@media(max-width:560px){.transparency-pair{grid-template-columns:1fr;gap:10px}.opening-bottom>a{flex-basis:auto;font-size:10px}.background-tuner label{font-size:12px}}

/* Approved compact A: reserve the expanded area and keep it open until X. */
.fan-interaction{position:relative;z-index:2;padding-top:1px}
.opening>.transparency-pair{position:relative;z-index:2;max-width:960px;width:100%;margin:0 auto;padding:12px 0 20px}
.fan-interaction .fan-stage{position:relative}
.fan-interaction .space-grid{transform-origin:center 48%;transition:transform 280ms cubic-bezier(.16,1,.3,1)}
.fan-interaction:not(.is-open) .space-grid{transform:scale(.52)}
.fan-interaction:not(.is-open) .space-card{pointer-events:none}
.fan-interaction .space-notes{margin-top:28px}
.fan-close{position:absolute;right:0;bottom:28px;z-index:40;display:grid;place-items:center;width:44px;height:44px;padding:0;background:transparent;border:0;color:#29292d}
.fan-close svg{width:23px;height:23px;stroke-width:1.6;transition:transform 150ms ease}
.fan-close:hover svg{transform:scale(1.15)}
.fan-interaction .opening-bottom{justify-content:space-between}
.fan-interaction .opening-bottom>a{order:2;margin-left:auto}
.fan-interaction .opening-bottom>.ambient-control{order:1}
@media(max-width:560px){.fan-close{bottom:28px}.opening>.transparency-pair{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){.fan-interaction .space-grid{transition:none}}

/* Final opening has no review or utility rows; reserve only room for X. */
.fan-interaction .fan-stage{padding-bottom:44px}
.fan-close{bottom:8px}
@media(max-width:560px){.fan-close{bottom:8px}}

/* Collection gallery — silver display surfaces, grounded product silhouettes. */
#collections{padding-top:52px;padding-bottom:36px;background:#fafafa}
#collections .section-heading{align-items:end;margin-bottom:26px}
#collections .section-heading h2{font-size:clamp(42px,4.9vw,70px)}
#collections .section-heading h2 span{color:#77777c}
#collections .section-heading>p{font-size:14px;max-width:330px;padding-bottom:6px}
#collections .collection-display{grid-template-columns:1fr 1.4fr 1fr;align-items:center;gap:20px}
#collections .collection{border:0;padding:0;position:relative;background:#f0f0f2;border-radius:16px;overflow:hidden;box-shadow:0 22px 40px -28px #24242655}
#collections .collection--booth{margin-top:0;background:#e6e6e8}
#collections .collection figure{height:340px;margin:0;background:radial-gradient(ellipse at 50% 20%,#fff 0%,#f1f1f3 55%,#e1e1e5 100%);border-radius:0;overflow:hidden}
#collections .collection--booth figure{height:410px;background:radial-gradient(ellipse at 50% 18%,#fafafa 0%,#e6e6e9 65%,#d5d5d9 100%)}
#collections .collection img{object-fit:contain;mix-blend-mode:multiply;padding:30px 20px 78px;filter:drop-shadow(6px 12px 7px #1d1d1f15)}
#collections .collection--booth img{padding:24px 18px 76px}
#collections .collection:hover img{transform:scale(1.025)}
#collections .collection-info{padding:22px 22px 26px;background:#ffffffc4;min-height:132px}
#collections .collection-title{align-items:center;min-height:32px}
#collections .collection-title h3{font-size:24px;letter-spacing:-.025em}
#collections .collection-title svg{width:19px}
#collections .collection-info p{margin-top:7px;font-size:12px;max-width:none;line-height:1.6}
#collections .d1-product-browse{left:0;right:0;bottom:12px;justify-content:center;gap:14px}
#collections .d1-product-browse button{box-shadow:none;background:#fff9;border:1px solid #fff9;color:#303036}
#collections .d1-product-browse button:hover{background:#303036;color:#fff;border-color:#303036}
#collections .collection-end{margin-top:34px}
/* Materials — native-sized source examples paired with explicit advantages. */
#materials{grid-template-columns:.86fr 1.14fr;min-height:650px;background:#ededf0}
#materials .material-showcase{background:linear-gradient(135deg,#f6f6f7,#dedee2);padding:52px 7%;min-height:650px;gap:32px}
#materials .material-showcase h3{font-size:clamp(28px,3vw,42px);max-width:12ch;line-height:1.12;letter-spacing:-.03em}
#materials .material-examples{gap:8px}
#materials .material-example{padding:22px 4px;border:0;background:transparent;gap:22px;transition:background 180ms ease,color 180ms ease}
#materials .material-example[aria-pressed=true]{background:#fff;box-shadow:0 16px 24px -16px #30303844;color:#1d1d1f}
#materials .material-example img{filter:none}
#materials .material-example span{font-size:11px}
#materials .material-copy{padding:58px 10%;background:#f3f3f5}
#materials .material-showcase h2{font-size:clamp(35px,3.9vw,54px);line-height:1.08;text-align:center}
#materials .material-showcase h2 span{color:#6d6d74}
#materials .material-copy>p{font-size:13px;max-width:45ch;margin-top:20px}
#materials .material-tabs{margin-top:28px;gap:8px}
#materials .material-tabs button{border:0;background:#e5e5e9;color:#45454c;padding:9px 15px;font-size:11px}
#materials .material-tabs button[aria-selected=true]{background:#262629;color:#fff}
#materials .material-panel{margin-top:28px;min-height:330px}
#materials .material-panel h3{font-size:27px;line-height:1.15;max-width:23ch;letter-spacing:-.025em}
#materials .material-panel>p{margin-top:12px;font-size:12px}
.material-benefits{margin:22px 0 0;display:grid;gap:14px}
.material-benefits>div{display:grid;grid-template-columns:135px 1fr;gap:20px;border-top:1px solid #d9d9df;padding-top:13px}
.material-benefits dt{font-size:12px;font-weight:650;line-height:1.5}
.material-benefits dd{margin:0;font-size:11px;color:#606068;line-height:1.6}
#materials .material-panel .material-fit{font-size:11px;color:#4d4d55;margin-top:20px;max-width:none}
#materials .material-copy>.text-link{margin-top:20px;font-size:12px}
/* Customisation — a real scene beside an interactive project brief. */
.custom-workshop{display:block;max-width:1500px;margin:0 auto;padding:52px 4.5% 110px}
.custom-heading{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-bottom:26px}
.custom-heading h2{font-size:clamp(44px,5.2vw,74px);line-height:1.05;letter-spacing:-.035em}
.custom-heading h2 span{color:#74747a}
.custom-heading>p{font-size:14px;color:#626267;line-height:1.7;padding-bottom:5px}
.custom-workbench{display:grid;grid-template-columns:1.2fr 1fr;background:#ededf0;border-radius:16px;overflow:hidden;min-height:530px}
.custom-visual{position:relative;min-height:530px;overflow:hidden;background:#e5e5e8}
.custom-visual>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:43% center}
.custom-visual:after{content:'';position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#141416b0);pointer-events:none}
.custom-visual figcaption{position:absolute;bottom:30px;left:32px;right:24px;color:#fff;z-index:1}
.custom-visual figcaption>span{display:block;font:30px/1.12 Nano,Manrope,sans-serif;letter-spacing:-.02em;max-width:15ch}
.custom-visual figcaption small{display:block;font-size:10px;color:#fff;margin-top:12px}
.custom-options{padding:35px 9% 38px;display:flex;flex-direction:column;min-width:0}
.custom-selector{display:flex;flex-direction:column}
.custom-selector button{border:0;border-bottom:1px solid #cccbd2;background:none;display:flex;align-items:center;justify-content:space-between;gap:15px;text-align:left;min-height:67px;padding:12px 0;color:#626267;font:22px/1.25 Nano,Manrope,sans-serif}
.custom-selector button svg{width:20px;opacity:0;transform:translateX(-5px);transition:transform 180ms ease,opacity 180ms ease}
.custom-selector button[aria-selected=true]{color:#1d1d1f}
.custom-selector button[aria-selected=true] svg{opacity:1;transform:none}
.custom-selector button:hover{color:#1d1d1f}
.custom-panel{padding:26px 0 22px;min-height:220px}
.custom-panel h3{font:19px/1.3 Nano,Manrope,sans-serif;max-width:28ch}
.custom-panel>p{font-size:12px;line-height:1.75;color:#606068;margin-top:12px;max-width:43ch}
.custom-panel .custom-prompt{font-size:11px;color:#333338;margin-top:18px}
@media(max-width:1100px){#collections .collection figure{height:290px}#collections .collection--booth figure{height:355px}#collections .collection-info{padding:18px;min-height:130px}#collections .collection-title h3{font-size:21px}.material-benefits>div{grid-template-columns:112px 1fr;gap:14px}#materials .material-copy{padding:48px 8%}.custom-selector button{font-size:20px}.custom-options{padding:25px 8% 30px}.custom-panel{min-height:240px}}
@media(max-width:850px){#collections{padding-top:40px;padding-bottom:28px}#collections .collection-display{gap:12px}#collections .collection figure{height:260px}#collections .collection--booth figure{height:305px}#collections .collection-title h3{font-size:19px}#collections .collection-title svg{width:16px}#collections .collection-info{padding:16px 14px;min-height:135px}#materials{grid-template-columns:1fr}#materials .material-showcase{min-height:330px;padding:35px 8%}#materials .material-showcase h3{max-width:none}#materials .material-examples{max-width:480px}#materials .material-copy{padding:45px 8%}#materials .material-panel{min-height:0}.custom-workshop{padding:40px 5% 75px}.custom-workbench{grid-template-columns:1fr 1fr}.custom-visual{min-height:560px}.custom-options{padding:24px}.custom-visual figcaption{left:24px}.custom-visual figcaption>span{font-size:27px}}
@media(max-width:560px){#collections .section-heading{margin-bottom:22px}#collections .section-heading h2{font-size:42px}#collections .section-heading>p{font-size:12px;margin-top:18px}#collections .collection-display{grid-template-columns:1fr;gap:24px}#collections .collection{grid-column:auto;grid-row:auto}#collections .collection figure{height:320px}#collections .collection--booth figure{height:300px}#collections .collection-info{min-height:0;padding:20px 22px 24px}#collections .collection-title h3{font-size:26px}#collections .collection-info p{max-width:none}#collections .collection img{padding:25px 32px 76px}#materials .material-copy{padding:38px 6% 45px}#materials .material-showcase h2{font-size:34px}#materials .material-tabs{gap:6px}#materials .material-tabs button{font-size:10px;padding:8px 12px}#materials .material-panel h3{font-size:25px}.material-benefits>div{grid-template-columns:105px 1fr;gap:16px}.custom-heading{display:block;margin-bottom:22px}.custom-heading h2{font-size:44px}.custom-heading>p{font-size:12px;margin-top:20px}.custom-workbench{grid-template-columns:1fr}.custom-visual{min-height:330px}.custom-visual figcaption>span{font-size:30px}.custom-options{padding:22px 24px 28px}.custom-panel{min-height:0;padding-bottom:25px}.custom-selector button{font-size:22px;min-height:62px}}

/* Selected iron model 18: crop only the white side margins to match example height. */
#materials [data-material-example="iron"] img{object-fit:cover}

/* Desktop materials: product gallery above a centered advantages section. */
@media(min-width:851px){
  #materials{grid-template-columns:1fr;min-height:0}
  #materials .material-showcase{min-height:0;padding:48px 6% 36px;gap:24px;background:linear-gradient(135deg,#f6f6f7,#e5e5e8)}
  #materials .material-showcase h3{max-width:none;font-size:clamp(32px,2.6vw,42px)}
  #materials .material-examples{max-width:1000px;gap:24px}
  #materials .material-example{padding:22px 16px;gap:16px}
  #materials .material-example img{width:140px;height:192px}
  #materials .material-example span{font-size:15px;min-height:24px}
  #materials .material-copy{padding:48px max(6%,calc((100% - 1120px)/2)) 52px;text-align:center}
  #materials .material-copy>p{margin:18px auto 0;max-width:60ch;font-size:15px}
  #materials .material-tabs{justify-content:center;margin-top:24px}
  #materials .material-tabs button{font-size:13px;padding:10px 20px}
  #materials .material-panel{margin-top:12px;min-height:290px;padding:22px 0 0}
  #materials .material-panel h3{max-width:none;font-size:30px}
  #materials .material-panel>p{max-width:65ch;margin:12px auto 0;font-size:14px}
  #materials .material-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;margin-top:28px;text-align:left}
  #materials .material-benefits>div{display:block;padding-top:18px}
  #materials .material-benefits dt{font-size:15px}
  #materials .material-benefits dd{font-size:13px;margin-top:8px}
  #materials .material-panel .material-fit{margin-top:24px;font-size:13px}
  #materials .material-copy>.text-link{margin-top:18px;font-size:14px}
}

/* Material introduction belongs with the section title and product selection. */
#materials .material-showcase>p{max-width:60ch;text-align:center;font-size:15px;line-height:1.6;color:#626267}
#materials .material-copy .material-panel{margin-top:0;padding-top:0}
@media(max-width:560px){#materials .material-showcase>p{font-size:13px}}

/* Quiet admin entry at the end of the copyright row. */
.footer-bottom .footer-admin{margin-left:auto;white-space:nowrap;padding:6px 0}.footer-bottom .footer-admin:hover{text-decoration:underline;text-underline-offset:3px}
/* Homepage wordmark: show the original symbol and NANO, without the Chinese suffix. */
.brand img[src="/assets/de54d8b24ffd85.webp"]{clip-path:inset(0 18% 0 0)}

/* Describe the scope of custom work directly beneath the hero headline. */
.opening-aside p.custom-capability{max-width:85ch;margin-inline:auto;font-size:clamp(14px,1.2vw,17px);line-height:1.65;text-wrap:pretty;text-align:center}
.opening-aside .custom-capability br{display:block}
@media(max-width:560px){.opening-aside p.custom-capability{max-width:38ch}}

/* A single display statement: the supply chain is the focal point. */
.opening-intro--supply{max-width:1120px;margin-inline:auto}
.opening .supply-heading{display:flex;flex-direction:column;align-items:center;gap:4px;line-height:1.06;letter-spacing:-.035em}
.opening .supply-heading .supply-heading-context{color:var(--ink);font-size:clamp(25px,3.5vw,48px);font-weight:400;line-height:1.2}
.opening .supply-heading .supply-heading-focus{color:var(--ink);font-size:clamp(58px,8.2vw,96px);font-weight:600;line-height:1.02;letter-spacing:-.04em}
.supply-promise{display:flex;align-items:center;justify-content:center;gap:14px;margin:20px auto 0;color:#55555b;font-family:Nano,Manrope,sans-serif;font-size:clamp(21px,2.5vw,30px);line-height:1.3;letter-spacing:-.02em}
.supply-promise svg{display:block;width:52px;height:26px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;flex:none}
.opening-intro--supply+.fan-interaction>.opening-aside{margin-top:16px}
@media(max-width:560px){.opening .supply-heading .supply-heading-context{max-width:22ch;font-size:25px}.opening .supply-heading .supply-heading-focus{font-size:clamp(48px,12vw,66px);margin-top:5px}.supply-promise{gap:10px;margin-top:16px;font-size:22px}.supply-promise svg{width:40px;height:22px}}

/* A restrained silver light pass on the custom-furniture wording only. */
@font-face{font-family:CustomEditorial;src:url('/assets/ref-fonts/cormorant-garamond-italic.ttf') format('truetype');font-style:italic;font-weight:300 700;font-display:swap}
.opening .supply-heading .custom-furniture-emphasis{position:relative;display:inline-block;color:#76533e;font-family:CustomEditorial,Georgia,serif;font-style:italic;font-size:clamp(58px,9.2vw,112px);font-weight:700;letter-spacing:-.025em;line-height:1.12;text-shadow:0 1px 0 #fff,0 3px 8px #553b2515;padding-inline:.035em}
@media(max-width:560px){.opening .supply-heading .custom-furniture-emphasis{font-size:clamp(45px,13vw,70px)}}
.opening .supply-heading .custom-furniture-glint{position:absolute;inset:0;color:#cfbba3;font:inherit;letter-spacing:inherit;pointer-events:none;user-select:none;text-shadow:none;clip-path:polygon(-40% 0,-20% 0,-40% 100%,-60% 100%);animation:custom-furniture-light 1.8s cubic-bezier(.22,1,.36,1) .35s both}
.amozs-intro-pending:not(.amozs-intro-revealing) .custom-furniture-glint{animation:none}
.custom-furniture-emphasis:hover .custom-furniture-glint{animation:custom-furniture-light-hover 1.25s cubic-bezier(.22,1,.36,1) both}
@keyframes custom-furniture-light{from{clip-path:polygon(-40% 0,-20% 0,-40% 100%,-60% 100%)}to{clip-path:polygon(140% 0,160% 0,140% 100%,120% 100%)}}
@keyframes custom-furniture-light-hover{from{clip-path:polygon(-40% 0,-20% 0,-40% 100%,-60% 100%)}to{clip-path:polygon(140% 0,160% 0,140% 100%,120% 100%)}}
@media(prefers-reduced-motion:reduce){.opening .supply-heading .custom-furniture-glint{display:none;animation:none}}

.opening .supply-heading .supply-heading-context{display:block;width:100%;max-width:none;text-align:center}

/* Homepage WhatsApp contact link. */
#inquiry .contact-copy .contact-whatsapp{display:flex;align-items:center;gap:10px;width:fit-content}
#inquiry .contact-whatsapp-icon{width:23px;height:23px;flex:none;fill:#25d366;stroke:none}

/* Gentle flowing hourglass beside the homepage promise. */
.supply-promise .supply-hourglass{width:32px;height:38px;overflow:visible;stroke-width:1.7}
.hourglass-body{transform-origin:18px 22px;animation:hourglass-sway 2.8s ease-in-out infinite}
.hourglass-frame{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round}
.supply-hourglass .hourglass-water{fill:currentColor;fill-opacity:.42;stroke:none;transform-box:fill-box;transform-origin:center bottom;animation:hourglass-level 4s ease-in-out infinite alternate}
.supply-hourglass .hourglass-water--bottom{animation-direction:alternate-reverse}
.hourglass-stream{stroke:currentColor;stroke-width:1.5;stroke-dasharray:1 3;animation:hourglass-flow .7s linear infinite}
@keyframes hourglass-sway{0%,100%{transform:rotate(-7deg)}50%{transform:rotate(7deg)}}
@keyframes hourglass-level{from{transform:scaleY(1)}to{transform:scaleY(.45)}}
@keyframes hourglass-flow{to{stroke-dashoffset:-8}}
@media(max-width:560px){.supply-promise .supply-hourglass{width:27px;height:33px}}
@media(prefers-reduced-motion:reduce){.hourglass-body,.supply-hourglass .hourglass-water,.hourglass-stream{animation:none}}