/* The collection is the atelier's dental sketchbook. */
.header-controls #language{display:inline-flex;align-items:center;min-height:44px}
.collection{border:0;margin:0;max-width:100%;max-height:100%;height:100%;height:100dvh}
.collection::backdrop{background:#090f0bbf}
.collection-heading h2{font:inherit;margin:0}
.collection-heading{position:sticky;top:0;z-index:3;background:#132521;padding-top:8px}
.collection h3{font-size:15px;font-weight:500;margin:35px 0 0;color:var(--gold)}
.collection-intro{font-size:14px;line-height:1.9;color:var(--quiet);margin:24px 0 30px}
.collection-scenes{margin:20px 0 38px}
.collection-scenes button{min-height:44px}
.collection-scenes img{aspect-ratio:16/9;height:auto}
.collection-contact a{display:inline-flex;min-height:44px;align-items:center;font-size:13px;text-decoration:underline}
.dental-study{position:fixed;inset:0;max-width:none;max-height:none;width:100%;height:100%;height:100dvh;margin:0;padding:0;border:0;background:#101c19;color:var(--ivory);overflow:hidden;isolation:isolate}
.dental-study::backdrop{background:#101c19}
.dental-art{position:absolute;inset:0;background:#101c19;isolation:isolate}
.dental-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(1.025);transition:opacity .85s cubic-bezier(.22,.61,.36,1),transform 1.6s var(--ease)}
.dental-frame.is-current{opacity:1;transform:scale(1)}
.dental-frame.is-entering{z-index:1}
.dental-art-shade{position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(90deg,#0d1915db,transparent 59%),linear-gradient(0deg,#0d1915e8,transparent 48%,transparent 88%,#0d191599)}
.dental-study-header{position:absolute;z-index:3;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:24px 4.2%;font-size:13px;color:var(--quiet)}
.dental-study-header .close-control:hover{background:#f6eee11a}
.dental-study-copy{position:absolute;left:7.2%;bottom:17%;width:min(385px,33%);z-index:2}
.dental-study-caption{transition:opacity .25s ease,transform .4s cubic-bezier(.22,.61,.36,1)}
.dental-study-caption.is-changing{opacity:0;transform:translateY(7px)}
.dental-study-copy h2{font:400 clamp(44px,4.2vw,66px)/1 Atelier,serif;letter-spacing:-.025em;margin:0 0 20px;text-wrap:balance}
.dental-study-copy p{font-size:14px;line-height:1.85;color:var(--quiet);margin:0 0 18px}
.dental-study-copy .dental-study-disclosure{font-size:12px;color:var(--gold);margin-top:26px}
.dental-study-copy #study-status{color:var(--ivory);font-size:13px}
#retry-study{padding:10px 0;min-height:44px;color:var(--gold);text-decoration:underline}
.dental-study-navigation{position:absolute;z-index:3;inset:auto 4.2% 25px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:13px}
.dental-study-navigation button{min-height:44px;padding:12px 0;border-bottom:1px solid #e7c69b66;color:var(--gold)}
#study-count{font-size:12px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:var(--quiet)}
.dental-outline{position:absolute;left:7.2%;top:17%;width:145px;height:155px;pointer-events:none;fill:none;stroke:#e7c69b;stroke-width:1.05;opacity:.65;animation:study-float 9s ease-in-out infinite alternate}
.dental-outline.is-changing{opacity:0;transition:opacity .2s ease}
.dental-outline:not(.is-changing){transition:opacity .4s ease}
.dental-outline .ink-guide{stroke-width:.6;opacity:.45}.dental-outline .ink-emphasis{stroke-width:1.6}
.dental-outline [data-ink]{display:none}
.dental-study.is-quiet .dental-frame,.dental-study.is-interrupted .dental-frame{transition:none;transform:none}
.dental-study.is-quiet .dental-study-caption,.dental-study.is-interrupted .dental-study-caption{transition:none;transform:none}
.dental-study.is-quiet .dental-outline,.dental-study.is-interrupted .dental-outline{animation:none;transition:none}
[dir=rtl] .dental-study{font-family:NotoArabic,Manrope,sans-serif}
[dir=rtl] .dental-study-copy{left:auto;right:7.2%;text-align:right}
[dir=rtl] .dental-study-copy h2{font-family:NotoArabic,sans-serif;font-size:clamp(30px,3vw,45px);line-height:1.6;letter-spacing:0}
[dir=rtl] .dental-art-shade{transform:scaleX(-1)}
[dir=rtl] .dental-outline{left:auto;right:7.2%}
@keyframes study-float{from{transform:translateY(-3px) rotate(-2deg)}to{transform:translateY(5px) rotate(1deg)}}
@media(max-width:750px){
 .dental-study{overflow:auto;overscroll-behavior:contain;display:none}
 .dental-study[open]{display:flex;flex-direction:column}
 .dental-study-header{position:sticky;top:0;order:0;padding:12px 20px;min-height:68px;flex-shrink:0;background:#101c19}
 .dental-art{position:relative;order:1;inset:auto;height:auto;aspect-ratio:16/9;min-height:0;flex-shrink:0}
 .dental-art-shade{background:linear-gradient(0deg,#101c19,transparent 28%)}
 .dental-frame{object-fit:contain;transform:none}
 .dental-study-copy{position:relative;order:2;inset:auto;width:auto;max-width:65ch;padding:22px 26px 6px}
 .dental-study-copy h2{font-size:42px;margin-bottom:16px}
 .dental-study-copy p{font-size:14px;line-height:1.85}
 .dental-study-copy .dental-study-disclosure{margin-top:20px}
 .dental-study-navigation{position:relative;order:3;inset:auto;margin-top:auto;padding:12px 26px calc(22px + env(safe-area-inset-bottom));font-size:12px}
 .dental-outline{top:calc(68px + 56.25vw - 35px);left:auto;right:25px;width:80px;height:85px;opacity:.28;z-index:1}
 [dir=rtl] .dental-study-copy{inset:auto;text-align:right}
 [dir=rtl] .dental-study-copy h2{font-size:29px;line-height:1.7}
 [dir=rtl] .dental-outline{right:auto;left:25px}
}
@media(prefers-reduced-motion:reduce){.dental-frame,.dental-study-caption,.dental-outline{transition:none;transform:none}.dental-outline{animation:none}}
