/* Restore the palette and typographic character of the approved edition. */
:root{--paper:#f2ebdd;--pale:#f7f1e7;--ink:#263e32;--red:#8e3028;--muted:#554e43;--gold:#e0c18a;--ochre:#c29243;--line:#c9bda7}
body{font-size:18px}
.header{background:#f2ebddf5;border-bottom-color:#c9bda780}
.opening-visual:after{background:linear-gradient(90deg,#f2ebddf7 0%,#f2ebdddf 21%,#f2ebdd82 40%,#f2ebdd00 61%)}
.body-copy{font-size:clamp(18px,1.45vw,21px);line-height:1.85;color:var(--muted)}
.eyebrow{font-size:16px;line-height:1.6;letter-spacing:.12em;color:var(--red);font-weight:500}
.desktop-nav{font-size:16px}
.languages{font-size:16px}
.text-link,.button{font-size:17px}
.opening-overline{color:var(--red);font-size:16px;font-weight:500;letter-spacing:.14em}
.opening-taglines>p{font-size:clamp(28px,2.4vw,40px);line-height:1.32}
.opening-translation[lang=en],.opening-translation[lang=fr]{font-family:'EB Garamond',Georgia,serif;direction:ltr}
.opening-translation{color:var(--muted);font-size:24px!important}
.opening-micro{font-size:15px;letter-spacing:.12em;color:var(--muted)}
.opening-cta{background:var(--red);border:1px solid var(--red);color:var(--pale);padding:14px 22px;min-height:56px;font-size:17px;min-width:240px;width:fit-content;max-width:100%;gap:36px}
.opening-cta:hover{background:#75271f;border-color:#75271f}
.opening-cta span{font-size:inherit}
.button-primary{background:var(--red);border-color:var(--red);color:var(--pale)}
.button-primary:hover{background:#75271f;border-color:#75271f}
.picked-intro .text-link,.atelier-copy .text-link,.atelier-copy .eyebrow{color:var(--red)}
.pick-rule{background:var(--ochre)}
.pick-english{display:block;font:16px/1.7 'EB Garamond',Georgia,serif;letter-spacing:.08em;margin-top:8px;color:var(--muted)}
.picked-work h3{font-size:32px;line-height:1.25}
.picked-thought{font-size:28px;line-height:1.5}
.prologue .display{font-size:clamp(52px,6.5vw,104px)}
.prologue-aside{border-color:var(--ochre)}
.story-copy .display,.artist-copy .display{font-size:clamp(48px,5.1vw,80px)}
.artist-quote{border-color:#8e30284d;margin-inline:0;padding-block:26px}
.artist-quote p,.artist-quote p[lang=ar]{color:var(--red);font-size:clamp(32px,2.8vw,44px);line-height:1.65}
.artist-quote cite{font-size:16px;color:var(--muted);line-height:1.6}
.collection-intro{font-size:29px;line-height:1.55}
.collection-heading h2{color:var(--red)}
.work-card .body-copy{font-size:17px;line-height:1.8}
.work-card .eyebrow,.work-card .art-link-hint,.art-link-hint,.turning-card span,#turn-title,.turn-picker button,.turning-controls span,.gallery-nav span{font-size:16px;line-height:1.65}
.second-look-label,.memory-copy .eyebrow{font-size:16px;letter-spacing:.12em}
.memory-marker{font-size:15px;letter-spacing:.12em}
.theatre-caption{font-size:28px}
.theatre-caption b{font-size:16px}
.scene-motion{font-size:15px;opacity:1}
.memory-stage .eyebrow,.memory-marker,.second-look-label,.carry-interlude>.eyebrow,.turning .eyebrow,.purchase-path>.eyebrow{color:var(--gold)}
.turning .body-copy,.purchase-grid p{color:#f0e6d6}
.detail-label,.portrait-caption,.metal-image figcaption,.detail-strip b{font-size:15px;letter-spacing:.06em}
.photo-shell figcaption,.studio-breath figcaption{font-size:16px;color:var(--muted);line-height:1.7}
.field label{font-size:16px;font-weight:500;color:var(--ink)}
.form-note,#copy-status{font-size:15px;line-height:1.75}
.direct-email .eyebrow{font-size:16px}
.purchase-grid p{font-size:18px}
.footer{background:#eee6d8}
.footer-info,.studio-credit{font-size:15px;line-height:1.75}
.ending em{color:var(--red)}
.phrase{white-space:nowrap}
/* Arabic keeps the same calligraphic face, with deliberate hierarchy. */
html[dir=rtl] h2,html[dir=rtl] h3,html[dir=rtl] h2 em,html[dir=rtl] h3 em{font-weight:500}
html[dir=rtl] .body-copy{font-size:clamp(22px,1.75vw,25px);line-height:1.85;font-weight:400}
html[dir=rtl] .desktop-nav{font-size:20px}
html[dir=rtl] .eyebrow,html[dir=rtl] .opening-overline{font-size:19px;line-height:1.6;letter-spacing:0;font-weight:500}
html[dir=rtl] .opening-micro{font-size:17px;letter-spacing:0}
html[dir=rtl] .opening-taglines>p{font-size:clamp(32px,2.8vw,44px);line-height:1.55;font-weight:500}
html[dir=rtl] .opening-taglines>.opening-translation{font-size:24px!important;font-weight:400;line-height:1.35}
html[dir=rtl] .opening-cta,html[dir=rtl] .text-link,html[dir=rtl] .button{font-size:21px;line-height:1.55}
html[dir=rtl] .memory-copy h2{line-height:1.45}
html[dir=rtl] .memory-marker,html[dir=rtl] .second-look-label{font-size:19px;letter-spacing:0}
html[dir=rtl] .scene-motion{font-size:18px}
html[dir=rtl] .picked-thought{font-size:29px;line-height:1.65}
html[dir=rtl] .picked-work h3{font-size:35px;line-height:1.5}
html[dir=rtl] .artist-quote p{font-weight:400;line-height:1.7}
html[dir=rtl] .artist-quote cite{font-size:18px}
html[dir=rtl] .work-card .body-copy{font-size:21px;line-height:1.85}
html[dir=rtl] .work-card .eyebrow,html[dir=rtl] .art-link-hint{font-size:18px;letter-spacing:0}
html[dir=rtl] .photo-shell figcaption,html[dir=rtl] .studio-breath figcaption,html[dir=rtl] .portrait-caption,html[dir=rtl] .metal-image figcaption,html[dir=rtl] .detail-label{font-size:18px;letter-spacing:0;line-height:1.7}
html[dir=rtl] .form-note,html[dir=rtl] #copy-status,html[dir=rtl] .footer-info,html[dir=rtl] .studio-credit{font-size:18px;line-height:1.8}
html[dir=rtl] .dialog-copy>p:not(.eyebrow){font-size:22px;line-height:1.85}
html[dir=rtl] .menu-dialog nav:not(.languages) a{font-weight:500}
@media(max-width:760px){
 .opening-visual:after{background:linear-gradient(0deg,#f2ebdd22,transparent 35%)}
 .opening-copy{display:flex;flex-direction:column;align-items:flex-start;gap:0;padding:32px var(--gutter) 44px}
 .opening-overline{font-size:14px;line-height:1.6;margin:0 0 20px;letter-spacing:.1em}
 .opening-name{width:min(68vw,260px);margin:0}
 .opening-taglines{margin-top:24px;width:100%}
 .opening-taglines>p{font-size:34px;line-height:1.25}
 .opening-translation{font-size:23px!important;line-height:1.5;margin-top:10px}
 .opening-cta{margin-top:28px;width:100%;min-width:0;font-size:17px}
 .display,.prologue .display,.story-copy .display,.artist-copy .display{font-size:clamp(42px,11.5vw,54px);line-height:1.14}
 .eyebrow{font-size:15px;letter-spacing:.1em}
 .body-copy{font-size:18px;line-height:1.8}
 .picked-thought{font-size:26px}.picked-work h3{font-size:32px}
 .artist-quote p,.artist-quote p[lang=ar]{font-size:32px}
 .collection-intro{font-size:28px;line-height:1.5}
 .work-card h3{font-size:30px}.work-card .body-copy{font-size:17px}
 .work-card .eyebrow,.work-card .art-link-hint{font-size:15px}
 .scene-motion{font-size:15px}
 .second-look-label{font-size:15px}
 .memory-marker{font-size:15px;letter-spacing:.1em}
 .footer-info,.studio-credit{font-size:15px}
 .photo-shell figcaption{gap:12px}
 html[dir=rtl] .opening-copy{gap:0}
 html[dir=rtl] .opening-overline{font-size:18px}
 html[dir=rtl] .opening-taglines>p{font-size:34px;line-height:1.6}
 html[dir=rtl] .opening-taglines>.opening-translation{font-size:23px!important;line-height:1.35!important}
 html[dir=rtl] .display,html[dir=rtl] .prologue .display,html[dir=rtl] .story-copy .display,html[dir=rtl] .artist-copy .display{font-size:clamp(40px,11.5vw,50px);line-height:1.5}
 html[dir=rtl] .body-copy{font-size:22px;line-height:1.85}
 html[dir=rtl] .picked-thought{font-size:27px;line-height:1.65}
 html[dir=rtl] .artist-quote p{font-size:32px;line-height:1.7}
 html[dir=rtl] .work-card h3{font-size:32px}
 html[dir=rtl] .work-card .eyebrow{font-size:18px}
}
@media(max-width:380px){
 .header .languages{font-size:14px}
 .opening-name{width:min(72vw,240px)}
 html[dir=rtl] .opening-taglines>p{font-size:31px}
 .theatre-caption{font-size:25px}
 html[dir=rtl] .artist-quote p{font-size:30px}
}
@media(min-width:761px) and (max-height:850px){
 .opening-copy{padding-block:24px}
 .opening-name{width:clamp(240px,23vw,330px)}
 .opening-overline{margin-bottom:16px}
 .opening-micro{margin-top:16px}
 .opening-cta{margin-top:20px}
}
@media(max-width:760px){
 .atelier-copy .eyebrow{font-size:15px;line-height:1.6}
 .atelier-copy>p:not(.eyebrow){font-size:16px;line-height:1.75}
 .atelier-copy .text-link{font-size:16px;line-height:1.5;gap:10px}
 html[dir=rtl] .atelier-copy .eyebrow{font-size:18px}
 html[dir=rtl] .atelier-copy>p:not(.eyebrow){font-size:20px;line-height:1.8}
 html[dir=rtl] .atelier-copy .text-link{font-size:20px;line-height:1.6}
}
@media(max-width:600px){
 .atelier-preview{grid-template-columns:1fr}
 .atelier-preview>.studio-photo,.atelier-copy,.atelier-note{grid-column:1;grid-row:auto}
 .atelier-preview>.studio-photo{height:400px;min-height:0}
 .atelier-copy{padding:35px var(--gutter)}
 .atelier-copy h2,html[dir=rtl] .atelier-copy h2{font-size:36px}
 .atelier-note{padding:25px}
}