/* Signature details in the approved ink / paper / copper palette. */
/* Hover menus: a dark panel, independently drawn border and staggered type. */
.header .header-contact>span,.mobile-nav a>span[aria-hidden=true]{display:none}
@media(min-width:1101px){
 .header .nav{position:relative}
 .header .nav-top{position:relative}
 .header .nav-top:after{display:none}
 .header.over-hero:not(.scrolled) .nav-group:is(:hover,:focus-within,.is-open)>.nav-top{color:var(--copper-light)}
 .signature-nav-dot{position:absolute;pointer-events:none;left:0;bottom:7px;width:5px;height:5px;border-radius:50%;background:var(--copper);transform:translateX(calc(var(--nav-dot-x,0px) - 2.5px)) scale(0);transition:transform .5s var(--ease),opacity .3s;opacity:0}
 .has-open-menu .signature-nav-dot{opacity:1;transform:translateX(calc(var(--nav-dot-x,0px) - 2.5px)) scale(1)}
 .header .nav-dropdown{min-width:220px;padding:18px 26px 20px;background:#303f4bf7;color:var(--paper);border:0;border-radius:0;box-shadow:0 24px 45px #18253025;top:calc(100% + 3px);transform:translateX(-50%) translateY(12px);visibility:hidden;opacity:0;clip-path:inset(0 0 100% 0);transition:clip-path .55s var(--ease),transform .55s var(--ease),opacity .25s,visibility .55s;backdrop-filter:blur(15px)}
 .header .nav-group:before{content:'';position:absolute;top:100%;left:-65px;right:-65px;height:16px}
 .header .nav-group:hover .nav-dropdown,.header .nav-group:focus-within .nav-dropdown,.header .nav-group.is-open .nav-dropdown{visibility:visible;opacity:1;clip-path:inset(0);transform:translateX(-50%)}
 .header .nav-dropdown a{position:relative;font-size:15px;font-weight:400;color:var(--paper);padding:13px 15px 13px 0;line-height:1.5;opacity:0;transform:translateY(13px);transition:opacity .35s,transform .55s var(--ease),color .25s;transition-delay:0s}
 .header .nav-group:hover .nav-dropdown a,.header .nav-group:focus-within .nav-dropdown a,.header .nav-group.is-open .nav-dropdown a{opacity:1;transform:none;transition-delay:calc(65ms + var(--menu-order,0)*45ms)}
 .header .nav-dropdown a:after{content:none;display:none}
 .header .nav-dropdown a:hover,.header .nav-dropdown a:focus-visible{color:var(--copper-light);padding-left:7px;transition-delay:0s}
 .header .nav-dropdown a:hover:after,.header .nav-dropdown a:focus-visible:after{opacity:1;transform:none}
 .nav-panel-line{position:absolute;z-index:2;display:block;background:var(--copper-light);box-shadow:0 0 10px #dfb99faa,0 0 22px #be91755c;pointer-events:none;transition:transform .65s var(--ease)}
 .line-top,.line-bottom{height:3px;left:0;right:0;transform:scaleX(0)}.line-left,.line-right{width:3px;top:0;bottom:0;transform:scaleY(0)}
 .line-top{top:0;transform-origin:left}.line-right{right:0;transform-origin:top;transition-delay:.14s}.line-bottom{bottom:0;transform-origin:right;transition-delay:.28s}.line-left{left:0;transform-origin:bottom;transition-delay:.42s}
 .header .nav-dropdown:before{content:'';position:absolute;inset:8px;border:1px solid #dfb99f66;pointer-events:none;opacity:0;transition:opacity .65s .35s}
 .header .nav-group:is(:hover,:focus-within,.is-open) .nav-dropdown:before{opacity:1}
 .nav-group:is(:hover,:focus-within,.is-open) .line-top,.nav-group:is(:hover,:focus-within,.is-open) .line-bottom{transform:scaleX(1)}
 .nav-group:is(:hover,:focus-within,.is-open) .line-right,.nav-group:is(:hover,:focus-within,.is-open) .line-left{transform:scaleY(1)}
 /* The JS state also permits Escape to close a keyboard-focused group. */
 .header .nav-top[aria-expanded=false]:focus+.nav-dropdown{opacity:0;visibility:hidden;clip-path:inset(0 0 100% 0)}
}
/* Architectural motifs change with the subject of each subpage. */
.atelier-cover{background:radial-gradient(ellipse at 24% 30%,#be91750c,transparent 60%),var(--paper)}
.signature-drawing{position:absolute;z-index:-1;left:-2%;top:19%;width:56%;height:78%;pointer-events:none;opacity:.55;transform:rotate(-7deg);mask-image:linear-gradient(90deg,#0005,#000 75%,transparent)}
.signature-drawing svg{width:100%;height:100%;overflow:visible;stroke:var(--copper);stroke-width:.65}
.signature-drawing-base{opacity:.42}.signature-drawing-trace{stroke-dasharray:11 89;opacity:.65;animation:signature-trace 14s linear infinite}
.atelier-cover[data-signature=orbit] .signature-drawing{transform:rotate(-18deg);width:64%;left:-7%}
.atelier-cover[data-signature=orbit] .signature-drawing svg{animation:signature-orbit 100s linear infinite}
.atelier-cover[data-signature=plan] .signature-drawing{transform:rotate(-12deg);width:52%;top:22%}
.atelier-cover[data-signature=weave] .signature-drawing{opacity:.7;transform:rotate(-15deg)}
.atelier-cover-copy h1{transition:color .55s,text-shadow .55s,transform .7s var(--ease)}
.atelier-cover-copy:hover h1{color:var(--bronze);text-shadow:4px 6px 0 #be91750a;transform:translateX(5px)}
.atelier-cover-image{isolation:isolate;clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%);animation-name:signature-cover-open}
.atelier-cover-image img{transition:filter .8s,scale 1.2s var(--ease);scale:1}
.atelier-cover-image:hover img{filter:saturate(.93);scale:1.035}
.signature-image-frame{position:absolute;z-index:2;inset:20px;border:1px solid #eef0e947;pointer-events:none;clip-path:polygon(0 0,23% 0,23% 1px,1px 1px,1px 23%,0 23%,0 0,100% 100%,77% 100%,77% calc(100% - 1px),calc(100% - 1px) calc(100% - 1px),calc(100% - 1px) 77%,100% 77%,100% 100%);transition:inset .8s var(--ease),border-color .8s}
.atelier-cover-image:hover .signature-image-frame{inset:32px;border-color:var(--copper-light)}
.atelier-cover-image:before{content:'';position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(ellipse 65% 55% at var(--light-x,50%) var(--light-y,50%),#dfb99f38,transparent 80%);mix-blend-mode:screen;transition:opacity .6s}
.atelier-cover-image.is-pointer-lit:before{opacity:1}
.atelier-cover:after{content:'';position:absolute;left:7.2%;bottom:0;height:1px;width:80px;background:var(--copper);animation:signature-baseline 8s ease-in-out infinite}
/* Pointer-lit surfaces, copper sweeps and dimensional type cards. */
.signature-surface{--light-x:50%;--light-y:50%;--lean-x:0deg;--lean-y:0deg}
.reference-fact.signature-surface,.ref113-type-summary>article.signature-surface{transform:perspective(1100px) rotateX(var(--lean-x)) rotateY(var(--lean-y));transition:transform .55s var(--ease),box-shadow .6s}
.reference-fact.signature-surface:hover,.ref113-type-summary>article.signature-surface:hover{box-shadow:0 22px 45px #303f4b12}
.ref113-type-summary>article{position:relative;overflow:hidden;border:1px solid #be917536;background:var(--ink)}
.ref113-type-summary>article:after{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at var(--light-x) var(--light-y),#dfb99f20,transparent 65%);opacity:0;transition:opacity .5s}
.ref113-type-summary>article:hover:after{opacity:1}
.ref113-type-summary>article h3{transition:color .65s,text-shadow .65s,transform .65s var(--ease)}
.ref113-type-summary>article:hover h3{color:var(--copper-light);text-shadow:6px 4px 0 #be91751a;transform:translateX(7px)}
.ref113-system-row,.ref113-grid>article,.lux-price-summary>a{position:relative;background:radial-gradient(ellipse at var(--light-x) var(--light-y),#be917512,transparent 65%);transition:background-color .5s}
.ref113-system-row:after,.ref113-facts tr:after{pointer-events:none}
.ref113-system-row:after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .8s var(--ease)}
.ref113-system-row:hover:after{transform:scaleX(1)}
.ref113-system-row .ref113-row-number{transition:transform .6s,color .6s}
.ref113-system-row:hover .ref113-row-number{transform:translateX(8px);color:var(--copper)}
.ref113-facts tr{transition:background-color .35s}.ref113-facts tr:hover{background:#be91750c}
.ref113-facts th{transition:color .35s}.ref113-facts tr:hover th{color:var(--bronze)}
.ref113-grid article{border-top:1px solid #be91754a;padding-top:25px;transition:transform .6s var(--ease)}
.ref113-grid article:hover{transform:translateY(-5px)}
.ref113-relation{position:relative;overflow:hidden;background:linear-gradient(140deg,#be91750e,transparent 70%)}
.ref113-relation svg rect{transition:fill .5s,stroke .5s}.ref113-relation:hover svg rect{stroke:var(--copper);fill:#be91751a}
.ref113-relation svg path{stroke-dasharray:7 5;animation:signature-route 9s linear infinite}
.ref113-gallery-main{overflow:hidden}.ref113-gallery-thumbs button{transition:opacity .4s,transform .6s var(--ease)}
.ref113-gallery-thumbs button:hover{transform:translateY(-5px);opacity:1}
.ref113-thumbs>a{overflow:hidden;position:relative}.ref113-thumbs>a img{transition:scale 1.1s var(--ease),filter .8s}.ref113-thumbs>a:hover img{scale:1.045;filter:saturate(1)}
.ref113-video{position:relative;box-shadow:0 0 0 1px #be917545;transition:box-shadow .7s}
.ref113-video:hover{box-shadow:0 0 0 1px var(--copper),0 20px 55px #303f4b18}
.ref113-documents a{transition:padding .4s,background-color .4s}.ref113-documents a:hover{padding-left:20px;background:#be91750c}
.ref113-faq summary{transition:color .35s,padding-left .4s!important}.ref113-faq summary:hover{color:var(--bronze);padding-left:12px!important}
.interest-form label{transition:color .4s}.interest-form label.signature-field-active{color:var(--bronze)}
.interest-form input:not([type=checkbox]),.interest-form textarea{transition:box-shadow .4s,border-color .4s;background-image:linear-gradient(90deg,#be91750a,transparent)}
.interest-form input:focus,.interest-form textarea:focus{box-shadow:0 2px 0 var(--copper)}
.button{position:relative;isolation:isolate;overflow:hidden;transition:color .4s,border-color .4s}
.button:before{content:'';position:absolute;inset:0;z-index:-1;background:var(--bronze);transform:translateX(-102%);transition:transform .6s var(--ease)}
.button:hover:before,.button:focus-visible:before{transform:none}.button:hover,.button:focus-visible{color:var(--paper)}
.text-link>span{transition:transform .5s var(--ease),background-color .4s,color .4s}
.text-link:hover>span{transform:rotate(45deg);background:var(--copper);color:var(--paper)}
.sub113-tabs a{position:relative;transition:color .3s}.sub113-tabs a:before{content:'';position:absolute;left:0;bottom:13px;width:100%;height:1px;background:var(--copper);transform:scaleX(0);transform-origin:left;transition:transform .4s}
.sub113-tabs a:hover:before{transform:scaleX(1)}
/* One complete drawing fits below the header, including tabs and its caption. */
.location-viewer{width:100%;max-width:min(1050px,calc((100svh - 340px)*1.65 + 36px));margin-inline:auto;scroll-margin-top:0}
.location-tabs{margin-bottom:20px}.location-tabs button{min-height:60px;padding:15px 24px}.location-tabs button span{font-size:17px}
.home-reference .reference-location-visual,.home-reference .reference-plan-visual{height:clamp(240px,calc(100svh - 340px),620px);display:flex;align-items:center;justify-content:center;padding:16px;background:#e0e4df}
.home-reference .reference-location-visual img,.home-reference .reference-plan-visual img{width:auto;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.home-reference .reference-location-visual>span{font-size:13px;padding:12px 18px}
.home-reference .reference-location-copy{padding:17px 24px}.home-reference .reference-location-copy p{font-size:16px}.home-reference .reference-location-copy small{font-size:13px}
.home-reference .reference-location-card{margin-bottom:0}
/* Shared value artwork is intentionally illustrative, not a site rendering. */
.atelier-premium-panel:has(#atelier-offer-value) .atelier-premium-photo{background:#2a3742}
.atelier-premium-panel:has(#atelier-offer-value) .atelier-premium-photo img{object-position:center;object-fit:contain;filter:saturate(.88)}
.sub113 #premium-value .ref113-media img{object-position:center;filter:saturate(.88)}
@keyframes signature-trace{to{stroke-dashoffset:-100}}
@keyframes signature-orbit{to{transform:rotate(342deg)}}
@keyframes signature-route{to{stroke-dashoffset:-120}}
@keyframes signature-baseline{0%,100%{width:70px}50%{width:180px}}
@keyframes signature-cover-open{from{clip-path:polygon(0 0,0 0,0 91%,0 100%,0 100%)}to{clip-path:polygon(0 0,100% 0,100% 91%,91% 100%,0 100%)}}
@media(max-width:1100px){.nav-panel-line,.signature-nav-dot{display:none}.signature-drawing{opacity:.38}}
@media(max-width:600px){
 .signature-drawing{top:7%;width:100%;height:380px;left:10%;opacity:.32}
 .atelier-cover[data-signature=orbit] .signature-drawing,.atelier-cover[data-signature=plan] .signature-drawing{width:100%;left:7%;top:10%}
 .signature-image-frame{inset:15px}.atelier-cover-image:hover .signature-image-frame{inset:20px}
 .location-viewer{max-width:100%;scroll-margin-top:0}
 .location-tabs button{padding:14px 8px}.location-tabs button span{font-size:15px}
 .home-reference .reference-location-visual,.home-reference .reference-plan-visual{display:block;height:auto;padding:5px}
 .home-reference .reference-location-visual img,.home-reference .reference-plan-visual img{width:100%;height:auto;max-height:none}
 .home-reference .reference-location-visual>span{padding:13px 16px;font-size:14px}
 .home-reference .reference-location-copy{padding:20px}
}
@media(prefers-reduced-motion:reduce){
 .signature-drawing-trace,.signature-drawing svg,.ref113-relation svg path,.atelier-cover:after{animation:none!important}
 .signature-surface,.signature-surface:hover,.atelier-cover-copy:hover h1,.ref113-grid article:hover{transform:none!important}
 .header .nav-dropdown,.header .nav-dropdown a,.nav-panel-line,.signature-nav-dot,.signature-image-frame,.atelier-cover-image img{transition:none!important}
}
