/* DRL.Design: shared composition, independent identity. */
.sunway-logo{background:none!important;width:auto!important;min-width:120px!important;aspect-ratio:auto!important;color:#e8e2d5!important}
.sunway-logo::before{content:'DRL.DESIGN';font:500 18px/1.2 Arial,sans-serif;letter-spacing:.16em}
.sunway-logo::after{display:none!important}
.instagram-link[hidden]{display:none!important}
.terminal-editorial .right-editorial p{max-width:46ch;line-height:1.7}

body[data-depth="0"] #signature.without-editorial-image{justify-content:center!important}
body[data-depth="0"] #signature h2{font-size:clamp(30px,3.65vw,60px)!important;line-height:1.1!important}
body[data-depth="0"] #signature .editorial-letter{padding-top:20px}

/* V3.1: every clipped facet shares exactly the same background coordinates. */
#scene #collection.design-continuous .collection-facet{background:#263b3d!important}
#scene #collection.design-continuous .collection-facet:nth-child(2){background:#343b3b!important}
#scene #collection.design-continuous .collection-facet:nth-child(3){background:#37322e!important}
#scene #collection.design-continuous .collection-facet:nth-child(4){background:#39382f!important}
#scene #collection.design-continuous .collection-facet:nth-child(5){background:#24353e!important}
#scene #collection.design-continuous .collection-facet::before{content:'';position:absolute;inset:0;background:url('/assets/design/continuous.svg') 0 0/100% 100% no-repeat;pointer-events:none;opacity:1}
#scene #collection.design-continuous .collection-facet>img{display:none!important}
#scene #collection.design-continuous .collection-facet>span{padding:0!important;display:flex!important;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;line-height:1.2!important;letter-spacing:0;text-transform:none;color:#f1eade;z-index:2;text-shadow:0 2px 20px #0005;overflow:visible!important}
#scene #collection.design-continuous .facet-subtitle{position:static!important;display:block!important;color:#d1c6b0;font:400 11px/1.5 Arial,sans-serif!important;letter-spacing:.13em;text-transform:uppercase;margin:0!important;padding:0!important;max-width:100%;white-space:normal}
#scene #collection.design-continuous .collection-facet:focus-visible{filter:brightness(1.2);outline:none}
#scene #collection.design-continuous .collection-facet:hover{filter:brightness(1.08)}
#signature.has-editorial-image .editorial-portrait{object-fit:contain!important}
body:not([data-depth="0"]) #signature.has-editorial-image{display:flex!important;flex-direction:column;justify-content:flex-start}
body:not([data-depth="0"]) #signature.has-editorial-image .editorial-portrait{max-height:24dvh;width:100%;aspect-ratio:auto;flex:none}

/* V3.2 — immersive home only */
body[data-depth="0"] #signature,body[data-depth="0"] #sunway-header,body[data-depth="0"] #contact-footer,body[data-depth="0"] #phone-dock{display:none!important}
html body[data-depth="0"] #scene{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;min-height:0!important;overflow:hidden!important;padding:0!important}
html body[data-depth="0"] #collection.design-continuous{position:absolute!important;inset:0!important;width:100%!important;height:100%!important;min-height:0!important;padding:0!important;margin:0!important;overflow:hidden!important;transform:none!important}
html body[data-depth="0"] #collection.design-continuous .mosaic-page{height:100%!important;min-height:0!important}
body[data-depth="0"] #global-toggle{display:flex!important;position:fixed;top:max(18px,env(safe-area-inset-top));right:20px;z-index:40}
#design-home-layer[hidden]{display:none!important}
#design-home-layer{position:fixed;inset:0;z-index:20;pointer-events:none;color:#f1eade}
.design-center{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);text-align:center;white-space:nowrap;padding:22px 36px;border-radius:50%;background:radial-gradient(ellipse,#242d2bdd,transparent 72%)}
.design-center h1{font:400 clamp(28px,4.7vw,72px)/1.1 Arial,sans-serif;letter-spacing:.16em;margin:0;text-shadow:0 2px 22px #0007}
.design-center p{font:400 13px/1.5 Arial,sans-serif;letter-spacing:.12em;color:#d4ccbc;margin:14px 0 0}
#design-dialogue{pointer-events:auto;position:absolute;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(600px,calc(100vw - 320px));display:flex;align-items:center;gap:13px;padding:10px 12px;border:1px solid #c2b59d66;border-radius:32px;background:#101716dc;box-shadow:0 8px 40px #0003;backdrop-filter:blur(18px)}
#design-dialogue input{width:100%;min-width:0;border:0;outline:none;background:transparent;color:#f1eade;font:400 14px/1.4 Arial,sans-serif}
#design-dialogue input::placeholder{color:#d4ccbcaa}
#design-dialogue:focus-within{border-color:#d6cbb1}
.ai-mark,.ai-submit{flex:none;border:0;cursor:pointer;padding:0;background:transparent;color:#f1eade;min-width:40px;height:40px}
.ai-mark img{width:38px;height:38px;border-radius:50%;display:block}
.ai-submit{border-radius:50%;background:#e9e2d3;color:#202725;font-size:24px}
#design-home-contact{pointer-events:auto;position:absolute;right:30px;bottom:34px;border:0;background:none;color:#f1eade;min-height:44px;font:400 13px Arial,sans-serif;letter-spacing:.08em;cursor:pointer}
#design-home-contact span{color:#d59875;margin-left:14px}
#design-ai-panel{width:min(520px,calc(100vw - 44px));max-height:85dvh;box-sizing:border-box;overflow:auto;border:1px solid #c2b59d55;border-radius:24px;background:#18211f;color:#eee7db;padding:30px;font:15px/1.65 Arial,sans-serif}
#design-ai-panel::backdrop{background:#07100bb3;backdrop-filter:blur(8px)}
.ai-panel-heading{display:flex;gap:16px;align-items:center}.ai-panel-heading img{width:50px;height:50px;border-radius:50%}.ai-panel-heading h2{font:400 24px Arial,sans-serif;margin:0}.ai-panel-heading small{color:#c2b59d;font-size:11px;letter-spacing:.1em}
.ai-close{position:absolute;right:16px;top:12px;width:40px;height:40px;font-size:26px;border:0;background:none;color:inherit;cursor:pointer}.ai-preview-note{color:#b9b9af;font-size:13px}
#design-ai-panel label{display:block;margin-top:25px;font-size:12px;color:#c2b59d}#design-ai-panel textarea{box-sizing:border-box;resize:vertical;width:100%;padding:14px;margin:8px 0 16px;border:1px solid #c2b59d55;border-radius:12px;background:#0c1512;color:#eee7db;font:14px/1.5 Arial,sans-serif}.ai-contact{padding:12px 18px;border:1px solid #c2b59d77;border-radius:24px;color:#eee7db;background:transparent;cursor:pointer}
@media(max-width:650px){.design-center h1{font-size:28px;letter-spacing:.1em}.design-center p{font-size:10px;letter-spacing:.06em;margin-top:10px}.design-center{padding:20px 14px}#design-dialogue{width:calc(100vw - 48px);bottom:max(20px,env(safe-area-inset-bottom));box-sizing:border-box;gap:8px}#design-dialogue input{font-size:12px}#design-home-contact{bottom:94px;right:24px;font-size:12px}#scene #collection.design-continuous .facet-subtitle{font-size:9px!important;letter-spacing:.07em}}

body[data-depth="0"] #global-toggle{flex-direction:column;align-items:center;justify-content:center;gap:6px}
body[data-depth="0"] #global-toggle span{display:block!important;width:18px;height:1px;background:#eee7db}
#scene #collection.design-continuous .facet-subtitle{width:100%!important;white-space:normal!important;overflow-wrap:anywhere}

/* V3.3: silver lettering, champagne detail, and one living facet at a time. */
.design-center h1{color:#c9c8c2;background-image:linear-gradient(#c9c8c2,#c9c8c2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none;background-repeat:no-repeat}
.design-center p{color:#b8b9b3}
#scene #collection.design-continuous .collection-facet>span{color:#cbc9c1;text-shadow:0 2px 18px #0003;transition:color 1.2s ease}
#scene #collection.design-continuous .facet-subtitle{color:#d3b795!important;transition:color 1.2s ease}
#scene #collection.design-continuous .collection-facet{transition:filter 1.45s ease;filter:brightness(1)}
#scene #collection.design-continuous .collection-facet.lit{filter:brightness(1.23)}
#scene #collection.design-continuous .collection-facet.lit>span{color:#e0dcd1}
#scene #collection.design-continuous .collection-facet:hover,#scene #collection.design-continuous .collection-facet:focus-visible{filter:brightness(1.25)}
#scene #collection.design-continuous:has(.collection-facet:hover) .collection-facet.lit:not(:hover),#scene #collection.design-continuous:has(.collection-facet:focus-visible) .collection-facet.lit:not(:focus-visible){filter:brightness(1)}
#design-home-contact{display:flex;align-items:center;gap:14px;color:#c9c8c2}
.design-contact-arrow{width:18px;height:18px;fill:none;stroke:#d3b795;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}
@media(prefers-reduced-motion:reduce){#scene #collection.design-continuous .collection-facet,#scene #collection.design-continuous .collection-facet>span{transition:none}.design-center h1{background-image:linear-gradient(#c9c8c2,#c9c8c2)!important}}
#scene #collection.design-continuous .collection-facet>span{color:#cbc9c1!important;-webkit-text-fill-color:currentColor!important}
#scene #collection.design-continuous .collection-facet.lit>span{color:#e0dcd1!important}
#scene #collection.design-continuous .facet-subtitle{color:#d3b795!important;-webkit-text-fill-color:#d3b795!important}

/* V3.4 — shared DRL identity */
#contact-footer .drl-signature{border-radius:50%;object-fit:contain;filter:none!important;opacity:1!important}

/* V3.5 — inherited themes and a compact, image-optional editorial frame. */
#scene #collection.design-continuous .collection-facet:nth-child(n){background:var(--facet-color,#263b3d)!important}
html.has-page-theme{--ivory:#d9d7cf;--ink:var(--page-color);background:var(--page-color)}
html.has-page-theme body,html.has-page-theme #scene,html.has-page-theme #world{background-color:var(--page-color)!important;background-image:linear-gradient(#0003,#0003)!important}
html.has-page-theme[data-wallpaper="geometry"] #scene,html.has-page-theme[data-wallpaper="geometry"] #world{background-image:linear-gradient(#0005,#0005),url('/assets/design/wallpaper.svg')!important;background-size:100vw 100dvh!important;background-position:0 0!important;background-attachment:fixed!important}
html.has-page-theme #scene .base{display:none!important}
html.has-page-theme #signature,html.has-page-theme #sunway-header,html.has-page-theme #contact-footer,html.has-page-theme #route-trail,html.has-page-theme #world .world-copy,html.has-page-theme #world .world-image,html.has-page-theme #collection,html.has-page-theme .adaptive-mosaic .mosaic-page,html.has-page-theme #scene .adaptive-mosaic .collection-facet,html.has-page-theme #world .terminal-strip,html.has-page-theme #world .terminal-frame,html.has-page-theme .right-editorial{background:transparent!important}
html.has-page-theme #signature h2,html.has-page-theme #world .world-copy h1{color:#d9d7cf!important;-webkit-text-fill-color:#d9d7cf!important}
html.has-page-theme #signature p,html.has-page-theme #world .world-copy p{color:#d0d0c8!important;-webkit-text-fill-color:#d0d0c8!important}
html.has-page-theme #world .world-copy .world-intro,html.has-page-theme #route-back{color:var(--page-accent)!important;-webkit-text-fill-color:var(--page-accent)!important}
body:not([data-depth="0"]) #signature .signature-kicker{display:none!important}
@media(min-width:651px){
 html:not(.iphone-layout) body:not([data-depth="0"]){--editorial-head:96px}
 html:not(.iphone-layout) body:not([data-depth="0"]) #sunway-header{height:80px!important;padding-top:20px!important;padding-bottom:12px!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #brand-home{justify-content:flex-start!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #route-trail{top:96px!important;bottom:auto!important;padding-top:0!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature{top:150px!important;bottom:160px!important;height:auto!important;max-height:none!important;transform:none!important;display:flex!important;flex-direction:column;justify-content:flex-start!important;gap:24px;overflow-y:auto!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature .editorial-letter{padding:0!important;flex:none}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature h2{margin:0!important;font-size:clamp(30px,3.4vw,52px)!important;line-height:1.1!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #signature p:last-child{margin-top:24px!important;max-width:34ch!important;line-height:1.75!important}
 html:not(.iphone-layout) body:not([data-depth="0"]) #world .world-copy{top:150px!important;bottom:160px!important;height:auto!important;max-height:none!important;transform:none!important;padding-top:0!important}
}
html.iphone-layout body:not([data-depth="0"]) #signature{height:auto!important;min-height:0!important;max-height:none!important;padding-top:24px!important;padding-bottom:28px!important}
html.iphone-layout body:not([data-depth="0"]) #signature .editorial-letter{padding-top:0!important}

/* V3.6 — one shared baseline for identity, coordinates and contact. */
@media(min-width:651px){
 html:not(.iphone-layout) #contact-footer .footer-coordinates{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
 html:not(.iphone-layout) #contact-footer .drl-signature{flex:0 0 28px}
 html:not(.iphone-layout) #contact-footer .header-actions{flex:1 1 120px}
 html:not(.iphone-layout) #contact-footer #reserve{align-self:center;margin-left:auto;flex:none;gap:10px;font-size:11px;letter-spacing:.06em}
 html:not(.iphone-layout) #contact-footer .instagram-link[hidden]{display:none!important}
}

/* V3.7: shared footer alignment, independent of device coordinates. */
html.iphone-layout #contact-footer .footer-coordinates{display:flex;align-items:center;gap:12px;width:100%;min-width:0}
html.iphone-layout #contact-footer .drl-signature{position:static;inset:auto;flex:0 0 28px;display:block;width:28px;height:28px}
html.iphone-layout #contact-footer .header-actions{position:static;flex:1;min-width:0;padding:0;gap:0}
html.iphone-layout #contact-footer .header-email{overflow-wrap:anywhere}
html.iphone-layout #contact-footer .social-link{position:static;inset:auto;flex:none}
/* Input text stays readable without focus zoom. Home has no legacy header margin. */
#design-dialogue input,#design-ai-panel textarea{font-size:16px}
html body[data-depth="0"] #scene{margin:0!important}
@media(pointer:coarse){
 html:has(body[data-depth="0"]),body[data-depth="0"]{overflow:hidden;overscroll-behavior:none}
 body[data-depth="0"] #design-home-layer{inset:var(--home-view-top,0px) 0 auto;height:var(--home-view-height,100dvh)}
 body[data-depth="0"].home-keyboard .design-center,body[data-depth="0"].home-keyboard #design-home-contact{visibility:hidden}
}
html.iphone-layout #contact-footer .header-phone[hidden],html.iphone-layout #contact-footer .header-phone:empty,html.iphone-layout #contact-footer .header-phone[href="tel:"]{display:none!important}