/* The selected Two Libraries reference: live type over its clean photographic layer. */
.atelier-home .interior-header { min-height:106px; padding-block:19px; background:#fcf6e9; }
.atelier-home .interior-brand__name { font-size:32px; letter-spacing:0; }
.atelier-home .interior-brand__name small { font-size:11px; letter-spacing:.38em; }
.atelier-home .interior-header nav { gap:54px; }
.atelier-home .interior-store { min-height:53px; padding-left:42px; gap:25px; }
.entrance-search { display:block; width:28px; height:28px; }
.entrance-sr-only { position:absolute; width:1px; height:1px; padding:0; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
.library-entrance { position:relative; width:100%; aspect-ratio:2/1; background:#fbf4e6 url('assets/atelier/two-libraries-ark.webp') center/cover no-repeat; color:#171108; }
.library-door { position:absolute; top:0; bottom:0; width:42%; }
.flower-breeze { position:absolute; right:0; top:17.47463%; width:12.62683%; height:27.6212%; pointer-events:none; contain:strict; }
.olive-breeze { position:absolute; left:27.05750%; top:59.30101%; width:14.20519%; height:20.29312%; pointer-events:none; contain:strict; }
.ambient-arch-light {position:absolute;inset:0;width:100%;height:100%;pointer-events:none;contain:strict;z-index:1}
.ambient-arch-light[hidden] {display:none}
.flower-breeze[hidden],.olive-breeze[hidden] {display:none}
@media (max-width:760px), (prefers-reduced-motion:reduce) { .flower-breeze,.olive-breeze { display:none; } }
.library-door--heritage { left:0; }
.library-door--family { right:0; }
.library-door__copy { position:absolute; top:7.8%; width:56%; text-align:center; }
@media(min-width:761px) { .library-door__copy h2 { position:relative; left:clamp(-18px,-1.4vw,-10px); } }
.library-door--heritage .library-door__copy { right:-3.5%; }
.library-door--family .library-door__copy { left:-3.5%; }
.library-door__eyebrow { margin:0; font:600 clamp(11px,.84vw,16px)/1.6 var(--atelier-sans); letter-spacing:.24em; text-transform:uppercase; color:#996526; }
.library-door hr { width:19%; border:0; border-top:1px solid #bc975b; margin:1.2vw auto .6vw; }
.library-door h2 { margin:0; font:400 clamp(52px,5vw,110px)/.94 var(--atelier-serif); letter-spacing:-.038em; }
.library-door__description { margin:1.5vw 0 1.9vw; font:400 clamp(18px,1.65vw,34px)/1.18 var(--atelier-serif); letter-spacing:-.012em; }
.library-door__action { position:relative;display:inline-flex; align-items:center; justify-content:space-between; gap:16px; min-height:44px; padding:7px 16px; width:auto;white-space:nowrap; border:1px solid #b28a52; text-decoration:none; font:600 clamp(10px,.75vw,15px)/1.2 var(--atelier-sans); letter-spacing:.09em; text-transform:uppercase; transition:background-color 200ms,color 200ms; }
.library-door__action::before {content:'';position:absolute;inset:-4px 0;min-height:44px}
.library-door__action img { flex-shrink:0; width:26px; height:26px; transition:transform 240ms cubic-bezier(.22,1,.36,1); }
.library-door__action:hover { background:#fff8e9; }
.library-door__action:hover img { transform:translateX(4px); }
.library-bridge { position:absolute; top:28.5%; left:42%; width:16%; text-align:center; }
.library-bridge__eyebrow { margin:0; color:#9e6f34; font:600 clamp(10px,.95vw,18px)/1.5 var(--atelier-sans); letter-spacing:.14em; text-transform:uppercase; }
.library-bridge hr { width:17%; border:0; border-top:1px solid #c5a771; margin:1.7vw auto 2.1vw; }
.library-bridge__story { margin:0; font:400 clamp(26px,2.85vw,60px)/.98 var(--atelier-serif); letter-spacing:-.025em; }
.library-bridge__story em { font-weight:400; }
.library-bridge__story + hr { margin:3.1vw auto 1.7vw; }
.library-bridge__values { margin:0; font:400 clamp(9px,.78vw,16px)/1.9 var(--atelier-sans); letter-spacing:.24em; text-transform:uppercase; color:#986f4d; }
@media(min-width:1900px) { .library-door__action { min-height:48px; } }
@media(max-width:1050px) {
  .atelier-home .interior-header { min-height:86px; padding-block:14px; }
  .atelier-home .interior-brand__name { font-size:25px; }
  .atelier-home .interior-header nav { gap:24px; }
  .atelier-home .interior-store { padding-left:18px; gap:12px; }
  .library-door h2 { font-size:5vw; }
  .library-door__action { width:auto; padding:5px 10px; min-height:36px; gap:10px; font-size:9px; }
  .library-door__action img {width:20px;height:20px}
  .library-bridge__story { font-size:2.85vw; }
}
@media(max-width:760px) {
  .atelier-home .interior-header { padding:12px 20px 6px; }
  .atelier-home .interior-brand__name { font-size:22px; }
  .atelier-home .interior-brand__name small { font-size:8px; }
  .atelier-home .interior-store { min-height:44px; padding-left:12px; gap:9px; }
  .entrance-search { width:23px; height:23px; }
  .library-entrance { display:flex; flex-direction:column; aspect-ratio:auto; background-image:none; }
  .library-door { position:relative; width:100%; min-height:580px; background-image:linear-gradient(to bottom,#fcf6e9 0%,rgba(252,246,233,.98) 46%,rgba(252,246,233,.8) 57%,transparent 75%),url('assets/atelier/two-libraries-ark.webp'); background-size:100% 100%,auto 100%; background-repeat:no-repeat; }
  .library-door--heritage { order:1; background-position:left bottom; }
  .library-door--family { order:2; background-position:right bottom; }
  .library-door__copy { top:5%; width:90%; }
  .library-door--heritage .library-door__copy { right:5%; }
  .library-door--family .library-door__copy { left:5%; }
  .library-door__eyebrow { font-size:11px; letter-spacing:.18em; }
  .library-door hr { margin:15px auto 12px; width:56px; }
  .library-door h2 { font-size:clamp(40px,9.5vw,68px); line-height:.98; }
  .library-door__description { font-size:21px; margin:20px 0 23px; }
  .library-door__action { width:auto; min-width:160px; padding:6px 12px; font-size:10px; }
  .library-bridge { position:relative; order:3; left:auto; top:auto; width:100%; padding:40px 20px; }
  .library-bridge__eyebrow { font-size:11px; }
  .library-bridge hr { width:45px; margin:20px auto; }
  .library-bridge__story { font-size:42px; line-height:1.02; }
  .library-bridge__story + hr { margin:25px auto 18px; }
  .library-bridge__values { font-size:10px; line-height:1.8; }
}
@media(prefers-reduced-motion:reduce) { .library-door__action,.library-door__action img { transition:none; } }
