#about{background-color:#e8e8e4;background-size:auto 100%;background-repeat:no-repeat;background-position:calc(50% + 23vw) center!important;display:flex;align-items:center!important;padding:0 6vw!important;color:#252b2c}
#about:before{display:block;content:"";position:absolute;inset:0 auto 0 0;width:48%;background:linear-gradient(90deg,#e8e8e4 0%,#e8e8e4 25%,#e8e8e4e6 46%,#e8e8e400);pointer-events:none}
.about-editorial{position:relative;z-index:2;width:min(40vw,620px);padding:30px 0}
.about-editorial h2{font-family:inherit!important;font-size:clamp(30px,2.6vw,42px)!important;font-weight:500;letter-spacing:.1em;margin:0 0 20px!important}
.about-editorial .editorial-lead{display:block!important;font-size:clamp(18px,1.4vw,22px);line-height:1.6;margin:0 0 12px;text-indent:0}
.about-editorial .editorial-body{font-size:clamp(16px,1.2vw,19px);line-height:1.85;letter-spacing:.025em;text-indent:2em;margin:0}
#home{background-image:url(web/home-metal-clean-review.jpg)}
#dialogue{background-color:#aba29f!important;background-image:url(web/contact-bed-new.jpg)!important;background-size:100% auto!important;background-position:center bottom!important;background-repeat:no-repeat}
.contact-clean-layer,.photo-preserve{display:none!important}
.contact-final{position:absolute;z-index:6;right:9vw;top:12svh;display:grid;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:14px 16px}
.contact-final a{width:52px;height:52px;border:1px solid #56677435;background:#ffffffe0;backdrop-filter:blur(12px);border-radius:50%;display:grid;place-items:center;transition:background .3s,transform .3s;cursor:pointer}
.contact-final a img{width:25px;height:25px}.contact-final a:hover,.contact-final a.selected{background:#fff;transform:translateY(-2px)}
.contact-final-card{position:absolute;z-index:5;top:calc(12svh + 142px);right:9vw;width:188px;height:188px;padding:4px;border:1px solid #ffffff60;border-radius:13px;background:#fffffff5;box-shadow:0 6px 24px #0000000a;color:#566774;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;font:400 12px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif}
.contact-final-card>img{width:178px;height:178px;display:block}.contact-final-card .contact-card-icon{width:25px;height:25px;opacity:.7}.contact-final-card strong{font-size:13px;font-weight:500}.contact-final-card p{font-size:11px;line-height:1.7;margin:0 10px}.contact-action{color:inherit;text-decoration:none;font-size:12px;line-height:1.7;border-bottom:1px solid #56677450;padding-bottom:2px}.contact-action:hover{color:#263c49}
.site-footer{position:absolute;bottom:max(15px,env(safe-area-inset-bottom));left:5vw;right:5vw;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px 20px;font:400 11px/1.6 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;letter-spacing:.035em;color:#566774;text-shadow:none;z-index:4}.site-footer a{color:inherit;text-decoration:none}
.visually-hidden{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important}
@media(max-width:900px){#about{background-size:auto 70%;background-position:calc(50% + 27vw) bottom!important;align-items:flex-start!important;padding:11svh 6vw!important}.about-editorial{width:48%;padding:0}}
@media(max-width:600px){#about{background-size:auto 49%;background-position:calc(50% + 5vw) bottom!important;padding:9svh 7vw!important;background-color:#e9e9e5}#about:before{display:none}.about-editorial{width:100%;max-width:500px}.about-editorial h2{font-size:28px!important;margin-bottom:12px!important}.about-editorial .editorial-lead{font-size:16px;margin-bottom:8px}.about-editorial .editorial-body{font-size:14px;line-height:1.75}#dialogue{background-size:auto 48%!important;background-position:44% bottom!important}.contact-final{right:calc(50% - 84px);top:11svh;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:12px 15px}.contact-final a{width:46px;height:46px}.contact-final a img{width:24px;height:24px}.contact-final-card{right:calc(50% - 84px);top:calc(11svh + 122px);width:168px;height:168px}.contact-final-card>img{width:158px;height:158px}.contact-final-card .contact-card-icon{width:22px;height:22px}.site-footer{bottom:max(10px,env(safe-area-inset-bottom));gap:2px 12px;font-size:10px;left:7vw;right:7vw}.footer-rights{display:none}}



/* Full photographic proportions, with a soft wall extension above the image. */
#dialogue{background:#ada7a3!important;isolation:isolate}
#dialogue:before{content:"";position:absolute;inset:-35px;background:url(web/contact-bed-new.jpg) center/cover no-repeat!important;filter:blur(30px);z-index:-1;opacity:1!important}
.contact-photo{position:absolute;left:0;bottom:0;width:100%;aspect-ratio:6000/3376;background:url(web/contact-bed-new.jpg) center/100% 100% no-repeat;mask-image:linear-gradient(to bottom,transparent,#000 11%,#000);pointer-events:none;z-index:0}
.contact-final-card{left:50%;right:auto;top:15svh;transform:translateX(-50%);width:188px;height:188px}
.contact-final{right:8vw;top:calc(15svh + 21px);gap:22px 26px;grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px)}
.contact-action-tile{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;border-radius:9px;text-decoration:none;color:#484444;font-size:13px;transition:background .3s}
.contact-action-tile:hover{background:#f4f3f0}.contact-action-tile .contact-card-icon{width:30px;height:30px;opacity:.85}
.site-footer{color:#484444;background:transparent;user-select:none;-webkit-user-select:none}
body{-webkit-user-select:none;user-select:none}
@media(max-width:600px){.contact-final{right:7vw;top:15svh;grid-template-columns:repeat(2,40px);grid-template-rows:repeat(3,40px);gap:15px 13px}.contact-final a{width:40px;height:40px}.contact-final a img{width:22px;height:22px}.contact-final-card{left:8vw;right:auto;top:15svh;transform:none;width:162px;height:162px}.contact-final-card>img{width:152px;height:152px}.contact-photo{width:125%;left:-13%;bottom:25px}#dialogue:before{background-position:40% bottom!important}.contact-final a img[src*='contact-wechat.svg']{width:26px;height:26px}}
#dialogue:before{display:none!important}
#dialogue{background:#b0a7a3!important}
.site-footer{background:#e9e5dfed;color:#484444;min-height:34px;font-size:11px}
@media(max-width:700px){section{height:100dvh;min-height:100dvh}.site-footer{background:transparent;min-height:0;padding:8px 38px;font-size:9px;line-height:1.6}.contact-final{top:32svh;right:12px;left:auto;grid-template-columns:40px;grid-template-rows:repeat(6,40px);gap:12px}.contact-final[data-side=left]{left:12px;right:auto}.contact-final-card{top:13svh;left:50%;right:auto;transform:translateX(-50%);width:162px;height:162px}.contact-photo{bottom:22px}.page-markers{bottom:12px!important}.top{bottom:0!important}}

#dialogue{background-image:none!important}
.contact-photo{background-image:var(--contact-photo,url(web/contact-bed-new.jpg))}

.site-footer{background:transparent!important;color:#484444!important;text-shadow:none!important}

/* Keep the contact preview and its controls together as one composition. */
@media(min-width:701px){.contact-final-card{left:auto;right:calc(8vw + 226px);transform:none;top:15svh}.contact-final{right:8vw;top:calc(15svh + 28px);gap:18px 18px;grid-template-columns:repeat(3,48px);grid-template-rows:repeat(2,48px)}.contact-final a{width:48px;height:48px;border-radius:15px}.contact-final a img{width:26px;height:26px}.contact-final a img[src*="contact-wechat.svg"]{width:29px;height:29px}}
.contact-final-card{gap:0;box-sizing:border-box;padding:7px;border-radius:14px}.contact-final-card>img{width:100%;height:100%;object-fit:contain;min-height:0}

@media(min-width:701px){.contact-photo{inset:0;width:100%;height:100%;aspect-ratio:auto;background-size:cover;background-position:center;mask-image:none}.contact-final{right:8vw;top:calc(15svh + 34px);grid-template-columns:repeat(3,52px);grid-template-rows:repeat(2,52px);gap:16px}.contact-final a{width:52px;height:52px}.contact-final-card{right:calc(8vw + 212px);top:15svh}}

/* Invisible proximity targets preserve the visible card dimensions. */
.contact-action-tile{position:relative;isolation:isolate;cursor:pointer}
.contact-action-tile:before{content:"";position:absolute;inset:-20px;border-radius:20px;z-index:-1;pointer-events:auto}
.contact-action-tile:hover,.contact-action-tile:focus-visible{background:#f4f3f0;box-shadow:0 0 0 1px #48444420}
.contact-final a{position:relative}
.contact-final a:before{content:"";position:absolute;inset:-7px;border-radius:inherit}
@media(pointer:coarse){.contact-action-tile:before{inset:-12px}.contact-final a:before{inset:-5px}}

@media(max-width:700px),(pointer:coarse){main>section{box-sizing:border-box;height:var(--page-height,100dvh)!important;min-height:var(--page-height,100dvh)!important;max-height:var(--page-height,100dvh)!important;overflow:hidden;flex-shrink:0}html,body{overscroll-behavior-y:none}main{overflow:clip}}

.site-footer{bottom:max(4px,env(safe-area-inset-bottom))!important;min-height:0!important;padding:0!important;font-size:10px;line-height:1.5;gap:5px 14px}
.contact-final .contact-tip{position:absolute;left:50%;bottom:calc(100% + 9px);transform:translate(-50%,3px);font:400 11px/1.4 -apple-system,BlinkMacSystemFont,'PingFang SC',sans-serif;white-space:nowrap;color:#484444;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .25s,transform .25s,visibility .25s}
.contact-final a:nth-child(n+4) .contact-tip{bottom:auto;top:calc(100% + 9px);transform:translate(-50%,-3px)}
.contact-final a:hover .contact-tip,.contact-final a:focus-visible .contact-tip{opacity:1;visibility:visible;transform:translate(-50%,0);transition-delay:.85s}
.contact-final a{border-color:#ffffff60;background:#ffffff65;border-radius:50%;box-shadow:none}
.contact-final a.selected,.contact-final a:hover{background:#ffffffe8}
.contact-final a img[src*="contact-wechat.svg"]{width:31px;height:31px}
@media(max-width:700px){.contact-final a img[src*="contact-wechat.svg"]{width:28px;height:28px}.contact-final a .contact-tip{top:50%!important;bottom:auto!important;left:auto;right:calc(100% + 10px);transform:translateY(-50%)!important}.contact-final[data-side=left] a .contact-tip{right:auto;left:calc(100% + 10px)}.site-footer{font-size:9px;left:36px;right:36px}}

@media(max-width:700px),(pointer:coarse){
 #original .section-inner,#collections .section-inner,#bespoke .section-inner{padding:64px 0 32px!important;justify-content:flex-start!important;gap:18px!important;width:88%!important}
 #original .photo-wall,#collections .photo-wall,#bespoke .photo-wall{height:calc(var(--page-height,100dvh)*.44)!important;flex:0 0 calc(var(--page-height,100dvh)*.44)!important;max-height:none!important;min-height:0!important}
 #original:before,#collections:before,#bespoke:before{-webkit-filter:blur(20px) saturate(.68)!important;filter:blur(20px) saturate(.68)!important;opacity:.77!important}
 .section-heading .editorial-body{font-size:13px!important;line-height:1.65!important}.section-heading .editorial-lead{font-size:15px!important;line-height:1.5!important}
 #about{background-position:center bottom!important}
 .contact-photo{mask-image:none!important;-webkit-mask-image:none!important;bottom:0!important}
 #dialogue{background-color:#aaa8a5!important}
 .contact-final{top:calc(13svh + 34px)!important;left:auto!important;right:6vw!important;grid-template-columns:repeat(3,38px)!important;grid-template-rows:repeat(2,38px)!important;gap:16px 10px!important}
 .contact-final a{width:38px!important;height:38px!important;order:var(--contact-order);border-radius:50%!important}.contact-final a img{width:23px;height:23px}.contact-final a img[src*="contact-wechat.svg"]{width:28px;height:28px}
 .contact-final-card{top:13svh!important;left:6vw!important;right:auto!important;transform:none!important;width:152px!important;height:152px!important;padding:5px!important}
 .site-footer{bottom:max(4px,env(safe-area-inset-bottom))!important;background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important;left:24px!important;right:24px!important;gap:2px 8px!important;font-size:9px!important;min-height:0!important}
}
@media(max-width:360px){.contact-final{right:4vw!important;gap:14px 7px!important}.contact-final-card{left:4vw!important;width:140px!important;height:140px!important}}

@media(min-width:701px){.contact-final-card{width:180px;height:180px;top:18svh;right:calc(8vw + 194px)}.contact-final{top:calc(18svh + 36px);right:8vw;grid-template-columns:repeat(3,46px);grid-template-rows:repeat(2,46px);gap:16px}.contact-final a{width:46px;height:46px;border-radius:50%}}
@media(max-width:700px){.contact-final-card{left:calc(50% - 151px)!important}.contact-final{right:calc(50% - 151px)!important}}

/* A single, centred contact composition on a quiet frosted rectangle. */
.contact-composition{position:absolute;left:50%;top:42%;transform:translate(-50%,-50%);width:min(420px,calc(100% - 36px));padding:26px 24px 24px;display:flex;flex-direction:column;align-items:center;gap:25px;border-radius:15px;background:#f0eeea35;border:1px solid #ffffff45;backdrop-filter:blur(24px) saturate(.75);-webkit-backdrop-filter:blur(24px) saturate(.75);box-shadow:0 8px 30px #0000000b;z-index:6}
#dialogue .contact-composition .contact-final-card{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;transform:none!important;translate:none!important;width:172px!important;height:172px!important;padding:0!important;border:0!important;border-radius:6px!important;background:transparent!important;box-shadow:none!important;overflow:visible}
.contact-final-card>img{border-radius:6px}
#dialogue .contact-composition .contact-final{position:relative!important;inset:auto!important;top:auto!important;left:auto!important;right:auto!important;translate:none!important;display:grid!important;grid-template-columns:repeat(6,40px)!important;grid-template-rows:40px!important;gap:14px!important}
.contact-composition .contact-final a{order:var(--contact-order);width:40px!important;height:40px!important;background:#ffffff8c;border-radius:50%!important;border:1px solid #ffffff65}
.contact-composition .contact-final a:hover,.contact-composition .contact-final a.selected{background:#fff}
.contact-composition .contact-action-tile{background:#fffffff0;border-radius:6px}
.contact-composition .contact-final a .contact-tip{top:calc(100% + 7px)!important;bottom:auto!important;left:50%!important;right:auto!important;transform:translateX(-50%)!important}
@media(max-width:700px){.contact-composition{top:37%;width:calc(100% - 32px);max-width:360px;padding:22px 12px 27px;gap:22px;border-radius:13px}#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,36px)!important;grid-template-rows:36px!important;gap:12px!important}.contact-composition .contact-final a{width:36px!important;height:36px!important}.contact-composition .contact-final a img{width:23px;height:23px}.contact-composition .contact-final a img[src*="contact-wechat.svg"]{width:27px;height:27px}}
@media(max-width:350px){#dialogue .contact-composition .contact-final{gap:9px!important;grid-template-columns:repeat(6,34px)!important}.contact-composition .contact-final a{width:34px!important;height:34px!important}}

.top{right:0!important;bottom:0!important}.top:before{right:40px!important;bottom:24px!important}.top:after{right:39px!important;bottom:23px!important}.top>.control-label{right:22px!important;bottom:68px!important}.page-markers{bottom:22px!important}
.site-footer{bottom:max(12px,env(safe-area-inset-bottom))!important;gap:3px 10px!important}
@media(max-width:700px){.top:before{right:32px!important;bottom:20px!important}.top:after{right:31px!important;bottom:19px!important}.top>.control-label{right:14px!important;bottom:64px!important}.page-markers{bottom:18px!important}.site-footer{bottom:max(10px,env(safe-area-inset-bottom))!important}}

.contact-composition{width:clamp(420px,38vw,560px);aspect-ratio:16/9;border-radius:10px;padding:24px;justify-content:center;gap:22px;background:#efede933;border-color:#ffffff38;box-shadow:0 7px 25px #00000009}
#dialogue .contact-composition .contact-final-card{width:164px!important;height:164px!important;border-radius:5px!important}
.contact-composition .contact-final-card>img{border-radius:5px}
#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,38px)!important;grid-template-rows:38px!important;gap:16px!important}
.contact-composition .contact-final a{width:38px!important;height:38px!important;transition:background .2s,border-color .2s,transform .2s}
.contact-composition .contact-final a:hover,.contact-composition .contact-final a.selected{transform:translateY(-1px);border-color:#48444445}
.contact-composition .contact-final a .contact-tip{color:#292725!important;font-size:12px;font-weight:450;letter-spacing:.025em;text-shadow:0 1px 2px #ffffff85}
.site-footer{bottom:max(22px,env(safe-area-inset-bottom))!important;color:#383534!important}
@media(max-width:700px){.contact-composition{width:calc(100% - 32px);max-width:360px;aspect-ratio:auto;border-radius:9px;padding:24px 12px 32px;gap:23px;top:36%}#dialogue .contact-composition .contact-final-card{width:160px!important;height:160px!important}#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,36px)!important;grid-template-rows:36px!important;gap:12px!important}.contact-composition .contact-final a{width:36px!important;height:36px!important}.site-footer{bottom:max(18px,env(safe-area-inset-bottom))!important}}
@media(max-width:350px){#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,34px)!important;gap:9px!important}.contact-composition .contact-final a{width:34px!important;height:34px!important}}

@media(max-width:700px),(pointer:coarse){
 .contact-photo{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background-size:cover!important;background-position:57% center!important;mask-image:none!important;-webkit-mask-image:none!important}
 #dialogue{background-color:#aaa8a5!important}
 .contact-composition{top:34%;background:#efede94a;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px)}
 .site-footer{max-width:calc(100% - 48px);left:24px!important;right:24px!important;margin:0 auto;background:transparent!important;bottom:max(20px,env(safe-area-inset-bottom))!important;line-height:1.6!important;row-gap:1px!important}
}

/* Align the return line's foot with the opposite navigation dots. */
.top:before{bottom:44px!important}.top:after{bottom:43px!important}.top>.control-label{bottom:88px!important}
.contact-composition{width:clamp(360px,32vw,440px);aspect-ratio:auto;padding:22px 24px 28px;gap:30px}
#dialogue .contact-composition .contact-final-card{width:144px!important;height:144px!important}
#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,36px)!important;grid-template-rows:36px!important;gap:14px!important}
.contact-composition .contact-final a{width:36px!important;height:36px!important}
.contact-composition .contact-final a .contact-tip{text-shadow:none!important;filter:none!important;font-weight:400}
.site-footer{bottom:max(16px,env(safe-area-inset-bottom))!important}
@media(max-width:700px){.top:before{bottom:40px!important}.top:after{bottom:39px!important}.top>.control-label{bottom:84px!important}.contact-composition{width:calc(100% - 40px);max-width:340px;padding:22px 12px 30px;gap:28px}#dialogue .contact-composition .contact-final-card{width:140px!important;height:140px!important}#dialogue .contact-composition .contact-final{gap:12px!important}.site-footer{bottom:max(14px,env(safe-area-inset-bottom))!important}}
@media(max-width:350px){#dialogue .contact-composition .contact-final{grid-template-columns:repeat(6,34px)!important;gap:9px!important}.contact-composition .contact-final a{width:34px!important;height:34px!important}}

.contact-composition{padding-top:28px;padding-bottom:28px}
.contact-preview-layer{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease;pointer-events:none}
.contact-preview-layer.shown{opacity:1;pointer-events:auto}
.contact-preview-layer>img{display:block;width:100%;height:100%;object-fit:contain;border-radius:5px}
.contact-preview-layer>.contact-action-tile{width:100%;height:100%}
@media(prefers-reduced-motion:reduce){.contact-preview-layer{transition:none}}

/* Preserve the accepted card size; lower the code slightly within it. */
.contact-composition{padding-top:32px;padding-bottom:24px}
.contact-composition .contact-final a img[src*="contact-channels.svg"]{width:24px;height:24px}
.rail-button img[src*="contact-channels.svg"]{width:23px;height:23px}
@media(max-width:700px){.contact-composition .contact-final a img[src*="contact-channels.svg"]{width:22px;height:22px}}

/* Mobile pages share a clipped viewport: inactive pages cannot leak into it. */
html.mobile-paged,html.mobile-paged body{height:100%;overflow:hidden;overscroll-behavior:none}
.mobile-paged body{position:fixed;inset:0}
.mobile-paged main{position:fixed;inset:0;bottom:auto;height:var(--page-height,100dvh);overflow:hidden!important;isolation:isolate}
.mobile-paged main>section{position:absolute!important;inset:0!important;width:100%;height:100%!important;min-height:100%!important;max-height:100%!important;overflow:hidden!important;visibility:hidden;pointer-events:none;transform:translate3d(0,110%,0)}
.mobile-paged main>section.mobile-page-current{visibility:visible;pointer-events:auto;transform:none}
.mobile-paged .nav-side .drop{visibility:hidden;opacity:0;pointer-events:none}
.mobile-paged .nav-side.open .drop{visibility:visible;opacity:1;pointer-events:auto}
.contact-composition,.contact-final{translate:0 var(--menu-shift,0px);transition:translate .3s ease}
.nav-side.open .drop{max-height:calc(var(--page-height,100dvh) - 74px)!important}
@media(hover:hover) and (pointer:fine){.nav-side:hover .drop{visibility:visible;opacity:1;pointer-events:auto}}
@media(max-width:600px){
 .mobile-paged #original .section-inner,.mobile-paged #collections .section-inner,.mobile-paged #bespoke .section-inner{padding:76px 0 max(56px,env(safe-area-inset-bottom))!important;gap:18px!important;justify-content:flex-start!important}
 .mobile-paged .section-heading{order:0!important;flex:none}
 .mobile-paged #original .photo-wall,.mobile-paged #collections .photo-wall,.mobile-paged #bespoke .photo-wall{order:1!important;height:auto!important;flex:1 1 0!important;min-height:180px!important;max-height:none!important}
 .portfolio-categories{order:2}
 #about{padding-top:88px!important;background-position:center bottom!important;background-size:auto 45%!important}.about-editorial{width:100%!important;padding:0!important}
 .contact-composition{top:35%;width:174px!important;min-width:0;padding:16px!important;gap:0;aspect-ratio:1;border-radius:9px;translate:0 var(--menu-shift,0px)}
 #dialogue .contact-composition .contact-final{position:fixed!important;top:50%!important;left:auto!important;right:12px!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;gap:12px!important;grid-template:none!important}
 #dialogue .contact-composition .contact-final[data-side=left]{left:12px!important;right:auto!important}
}
@media(min-width:601px) and (max-width:1366px){
 .mobile-paged #original .section-inner,.mobile-paged #collections .section-inner,.mobile-paged #bespoke .section-inner{padding:88px 0 54px!important;gap:24px!important;justify-content:flex-start!important}
 .mobile-paged #original .photo-wall,.mobile-paged #collections .photo-wall,.mobile-paged #bespoke .photo-wall{height:auto!important;flex:1 1 0!important;min-height:240px!important;max-height:none!important;order:0}
 .mobile-paged .section-heading{order:1;flex:none;max-width:100%}
 .mobile-paged .section-heading .editorial-body{font-size:16px!important;line-height:1.8!important}
 .mobile-paged .section-heading .editorial-lead{font-size:19px!important}
 .mobile-paged .contact-composition{top:46%}
}
@media(min-width:601px) and (max-width:1366px) and (orientation:portrait){.mobile-paged #about{background-size:auto 52%!important;background-position:center bottom!important;padding:100px 7vw!important;align-items:flex-start!important}.mobile-paged #about:before{display:none}.mobile-paged .about-editorial{width:100%!important;padding:0!important;max-width:860px}}

@media(max-width:600px){#dialogue>.contact-final{position:absolute!important;top:50%!important;left:auto!important;right:12px!important;transform:translateY(-50%)!important;display:flex!important;flex-direction:column!important;gap:12px!important;grid-template:none!important;z-index:8}#dialogue>.contact-final[data-side=left]{left:12px!important;right:auto!important}.contact-final a .contact-tip{left:auto!important;right:calc(100% + 10px)!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important}.contact-final[data-side=left] a .contact-tip{left:calc(100% + 10px)!important;right:auto!important}}

/* Let the phone's six contact controls remain on the chosen screen edge. */
@media(max-width:600px){.contact-composition{width:178px!important}.contact-final a .contact-tip{text-shadow:none!important}}
/* Only explicit clicks open touch menus; sticky hover/focus cannot reopen a closed one. */
@media(hover:none),(any-pointer:coarse){.nav-side:not(.open) .drop{visibility:hidden!important;opacity:0!important;pointer-events:none!important}.nav-side.open .drop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}}

.nav-side:not(.open) .drop{visibility:hidden!important;opacity:0!important;pointer-events:none!important}
.nav-side.open .drop{visibility:visible!important;opacity:1!important;pointer-events:auto!important}

@media(min-width:601px) and (max-width:1366px) and (orientation:portrait){.mobile-paged #about{background-size:auto 62%!important}.mobile-paged #about:after{content:"";position:absolute;left:0;right:0;top:calc(38% - 22px);height:85px;background:linear-gradient(#e8e8e4,transparent);pointer-events:none}}

@media(min-width:601px) and (max-width:1366px){
 .mobile-paged .section-heading h2{margin-bottom:10px!important}
 .mobile-paged .section-heading .editorial-lead{margin-bottom:7px!important;line-height:1.5!important;font-size:18px!important}
 .mobile-paged .section-heading .editorial-body{font-size:15px!important;line-height:1.65!important;letter-spacing:.02em}
 .mobile-paged #original .section-inner,.mobile-paged #collections .section-inner,.mobile-paged #bespoke .section-inner{gap:18px!important}
 .mobile-paged #about{padding:0 6vw!important;display:flex!important;align-items:center!important;background-position:calc(50% + 23vw) center!important;background-size:auto 78%!important}
 .mobile-paged #about:before{display:none!important}.mobile-paged #about:after{display:none!important}
 .mobile-paged #about .about-editorial{width:42%!important;max-width:440px;padding:0!important}
 .mobile-paged #about h2{font-size:30px!important;margin-bottom:14px!important}
 .mobile-paged #about .editorial-lead{font-size:17px!important;line-height:1.6!important}
 .mobile-paged #about .editorial-body{font-size:15px!important;line-height:1.8!important}
}
@media(min-width:601px) and (max-width:1366px) and (orientation:portrait){.mobile-paged #about{background-size:auto 55%!important}}

@media(min-width:601px) and (max-width:1366px){.mobile-paged #about:after{display:block!important;content:"";position:absolute;inset:0!important;height:auto!important;z-index:1;pointer-events:none;background:linear-gradient(180deg,#e8e8e4 10%,transparent 15%,transparent 85%,#e8e8e4 90%),linear-gradient(90deg,#e8e8e4,#e8e8e4 calc(73vw - 58.5vh - 1px),transparent calc(73vw - 58.5vh + 32px))}}
@media(min-width:601px) and (max-width:1366px) and (orientation:portrait){.mobile-paged #about:after{background:linear-gradient(180deg,#e8e8e4 22.5%,transparent calc(22.5% + 40px),transparent calc(77.5% - 40px),#e8e8e4 77.5%),linear-gradient(90deg,#e8e8e4,#e8e8e4 calc(73vw - 41.25vh - 1px),transparent calc(73vw - 41.25vh + 32px))}}

.nav-side:not(.language)>.icon img{width:26px!important;height:26px!important}
#home .factory a,#home .factory a:visited,#home .factory a:active{color:#fff!important;-webkit-text-fill-color:#fff!important;text-decoration:none!important}
a[x-apple-data-detectors]{color:inherit!important;text-decoration:none!important}
@media(max-width:600px){.mobile-paged #about{padding-top:80px!important;background-position:center calc(100% - 16px)!important}.mobile-paged #about .editorial-lead{margin-bottom:7px!important}.mobile-paged #about .editorial-body{line-height:1.6!important}}

/* A separate portrait photograph for the phone contact page. */
@media(max-width:600px){
 #dialogue{background:#e7e9e6!important}
 #dialogue:before,#dialogue:after{display:none!important}
 #dialogue .contact-photo{inset:0!important;width:100%!important;height:100%!important;aspect-ratio:auto!important;background-color:#e7e9e6!important;background-image:var(--contact-photo-mobile)!important;background-size:100% auto!important;background-position:center bottom!important;background-repeat:no-repeat!important;mask-image:none!important;-webkit-mask-image:none!important;filter:none!important;transform:none!important}
 #dialogue .contact-composition{top:19%!important;left:7vw!important;transform:translateY(-50%)!important;width:166px!important;padding:12px!important}
}

@media(max-width:600px){#dialogue .contact-photo{mask-image:linear-gradient(to bottom,transparent calc(100% - 150vw),#000 calc(100% - 150vw + 44px))!important;-webkit-mask-image:linear-gradient(to bottom,transparent calc(100% - 150vw),#000 calc(100% - 150vw + 44px))!important}}

@media(max-width:600px){
 #dialogue .contact-composition{inset:auto!important;top:max(82px,10vh)!important;left:7vw!important;right:auto!important;transform:none!important;translate:0 var(--menu-shift,0px)!important;box-sizing:border-box!important;width:166px!important;height:166px!important;padding:12px!important;display:grid!important;place-items:center!important}
 #dialogue:has(>.contact-final[data-side=left]) .contact-composition{left:auto!important;right:7vw!important}
}

@media(max-width:600px){.section-heading,.about-editorial{min-width:0;overflow-wrap:anywhere}.section-heading h2,.about-editorial h2{white-space:normal!important}.section-heading .editorial-body,.about-editorial .editorial-body{word-break:normal;overflow-wrap:anywhere}}

@media(max-width:600px){
 #dialogue .contact-composition,#dialogue:has(>.contact-final[data-side=left]) .contact-composition{left:50%!important;right:auto!important;top:max(84px,10vh)!important;transform:translateX(-50%)!important}
 .contact-rail,.contact-final{touch-action:pan-y}
}

.mobile-paged main>section.mobile-page-leaving{visibility:visible!important;pointer-events:none!important;z-index:2}
.mobile-paged main>section{touch-action:none}

.contact-mobile-caption{display:none}
@media(max-width:600px){
 #dialogue .contact-final .contact-tip{display:none!important}
 #dialogue .contact-composition .contact-mobile-caption{display:block;position:absolute;top:calc(100% + 2px);left:0;right:0;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.03em;color:#41413f;text-shadow:none;pointer-events:none;white-space:nowrap}
}

/* One shared label, anchored beneath the preview rather than beside each control. */
#dialogue .contact-final .contact-tip{display:none!important}
#dialogue .contact-composition .contact-mobile-caption{display:block;position:absolute;top:calc(100% + 2px);left:0;right:0;text-align:center;font-size:12px;line-height:1.5;letter-spacing:.03em;color:#41413f;text-shadow:none;pointer-events:none;white-space:nowrap}
@media(min-width:601px){
 #dialogue .contact-composition{position:absolute}
 #dialogue .contact-composition .contact-mobile-caption{top:calc(32px + 144px + 2px);font-size:12px}
}

/* Hidden sections must not retain Safari compositing layers below the viewport. */
.mobile-paged main>section:not(.mobile-page-current):not(.mobile-page-leaving){display:none!important}
.mobile-paged main>section.mobile-page-current,.mobile-paged main>section.mobile-page-leaving{display:block!important}
.mobile-paged main{clip-path:inset(0);contain:paint}

@media(max-width:600px){.mobile-paged #about{background-position:center bottom!important}}
