/* Quiet atelier details: pinned navigation, architectural plates and section marks. */
[data-concept=cinema] .header{transition:padding .3s ease,height .3s ease;isolation:isolate}
.header:before{content:'';position:absolute;inset:12px 3%;z-index:-1;border-radius:50px;background:#f6f2e9f7;border:1px solid #fff9;box-shadow:0 7px 30px #2d30201c;opacity:0;transition:opacity .25s;pointer-events:none}
.header>.wordmark{transition:font-size .3s,color .25s,margin .3s}
.header>.wordmark small{max-height:15px;opacity:1;transition:opacity .2s,max-height .25s,margin .25s;overflow:hidden}
.header-panel{transition:background .25s,box-shadow .25s,border-color .25s}
[data-concept=cinema] .header.is-scrolled{height:86px;padding:20px 5%;align-items:center;gap:30px}
.header.is-scrolled:before{opacity:1}
.header.is-scrolled>.wordmark{font-size:35px;color:#34382f;text-shadow:none;margin-top:0}
.header.is-scrolled>.wordmark>span{color:#927755}
.header.is-scrolled>.wordmark small{max-height:0;opacity:0;margin-top:0}
.header.is-scrolled .header-panel{background:transparent;box-shadow:none;border-color:transparent;padding-right:0}
.header nav a[aria-current=location]:after{width:100%}
.section-seam{height:78px;padding:0 7%;display:flex;align-items:center;justify-content:center;gap:28px;background:#f6f2e9;color:#a18d70}
.section-seam:before,.section-seam:after{content:'';height:1px;flex:1;background:linear-gradient(90deg,transparent,#b6a78a90)}
.section-seam:after{transform:rotate(180deg)}
.section-seam>span{display:grid;place-items:center;width:38px;flex:0 0 38px}
.section-seam svg{height:32px;width:23px;fill:none;stroke:currentColor;stroke-width:.8}
.seam-to-stone{background:linear-gradient(#f6f2e9,#e5e1d6)}
.seam-from-stone{background:linear-gradient(#e5e1d6,#f6f2e9)}
.seam-to-contact{background:linear-gradient(#f6f2e9,#e5e1d6)}
[data-concept] .collections{padding-top:24px;padding-bottom:40px}
[data-concept] .section-heading{margin-bottom:32px}
[data-concept] .collection-grid{gap:32px}
[data-concept] .collection-image{background:transparent;border:1px solid #b9ae962e}
[data-concept] .collection-image img{object-fit:contain;mix-blend-mode:multiply;transform:none;transition:transform .6s ease}
[data-concept] .collection-card:hover img{transform:scale(1.025)}
[data-concept] .collection-image:after{background:none;inset:9px;border:1px solid #b9ae9626}
[data-concept] .card-caption{justify-content:center;text-align:center;padding-top:17px}
[data-concept] .card-caption h3{font-size:38px}
[data-concept] .card-action{bottom:17px;right:17px;color:#75664d;border:1px solid #a99a7d70;background:#f6f2e9b3;width:30px;height:30px;font-size:17px}
.material-drawing{position:relative;width:min(280px,90%);height:160px;margin-top:28px}
.material-drawing img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transition:opacity .3s ease}
.material-drawing .material-clear{opacity:1}
.aging[data-phase="1"] .material-clear,.aging[data-phase="2"] .material-clear{opacity:0}
.aging[data-phase="1"] .material-glass,.aging[data-phase="2"] .material-frame{opacity:1}
[data-concept] .gallery-section{padding-top:30px}
@media(max-width:1100px){[data-concept=cinema] .header.is-scrolled{padding:20px 5%;gap:20px}.header.is-scrolled>.wordmark{font-size:32px}.header.is-scrolled .header-panel{width:82%;padding-left:10px}.material-drawing{height:135px;margin-top:22px}}
@media(max-width:760px){
 .header:before{inset:10px 14px;border-radius:36px}
 [data-concept=cinema] .header.is-scrolled{height:78px;padding:17px 29px;gap:16px}
 .header.is-scrolled>.wordmark{font-size:30px}
 .header.is-scrolled .header-panel{width:auto;padding:0}
 .header.is-scrolled nav{top:75px;left:14px;right:14px}
 .section-seam{height:64px;padding:0 25px;gap:17px}.section-seam svg{height:28px}
 [data-concept] .collections{padding-top:17px;padding-bottom:25px}
 [data-concept] .collection-grid{gap:16px}
 [data-concept] .card-caption h3{font-size:35px}
 .aging-layout{grid-template-rows:minmax(0,1fr) 173px}
 .aging-copy{padding:5px 0}.aging-copy h2{font-size:31px}
 .material-drawing{height:96px;width:180px;margin:9px auto 0}
 [data-concept] .gallery-section{padding-top:20px}
}
@media(max-width:760px) and (max-height:680px){.aging-layout{grid-template-rows:minmax(0,1fr) 136px}.aging-copy h2{font-size:27px}.material-drawing{height:65px;margin-top:7px}}
@media(prefers-reduced-motion:reduce){[data-concept=cinema] .header,.header:before,.header>.wordmark,.header>.wordmark small,.header-panel,.material-drawing img,[data-concept] .collection-image img{transition:none}}