/* An artist's monograph: three distinct rhythms, one continuous story. */
.section-pad{padding-block:clamp(72px,7.5vw,128px)}
.display{font-size:clamp(46px,5.2vw,78px)}
.picked-intro h2{font-size:clamp(44px,4.8vw,72px)}
.picked-section{padding-bottom:100px}
.picked-image{height:clamp(270px,28vw,430px)}
.picked-grid{gap:6%}
.picked-work:nth-child(2){padding-top:65px}
.picked-work:nth-child(3){padding-top:0}
.picked-intro{margin-bottom:40px}
.picked-work h3{margin-top:18px}
.picked-work a{display:block}
.picked-work .pick-rule{width:48px;transition:width .6s var(--ease)}
.picked-work a:hover .pick-rule,.picked-work a:focus-visible .pick-rule{width:100%}

/* The thread is a rule, never a mask over a photograph or a word. */
.prologue{padding-block:clamp(86px,10vw,160px);isolation:isolate}
.chapter-thread{display:block;position:absolute;inset-block:0;inset-inline-start:calc(var(--gutter) / 2);width:1px;background:#8e30281c;pointer-events:none}
.chapter-thread i{display:block;width:100%;height:100%;background:var(--red);transform:scaleY(var(--chapter-progress,1));transform-origin:top}
.prologue-layout{grid-template-columns:1.35fr 1fr;gap:10%;margin-top:32px;align-items:center}
.prologue .display{font-size:clamp(48px,5.3vw,80px);line-height:1.13;letter-spacing:-.04em}
.prologue-aside{padding-inline-start:12%;border-color:var(--line)}
.prologue-aside .body-copy{max-width:28em}
.story-layout{grid-template-columns:.8fr 1.2fr;gap:12%;align-items:center}
.story-photo{width:min(100%,380px);justify-self:center;padding:16px;transform:rotate(-2deg);background:#e4d9c6;box-shadow:0 18px 34px #263e320b}
.story-photo img{max-height:560px;object-fit:contain}
.story-copy .display,.artist-copy .display{font-size:clamp(45px,4.2vw,66px)}
.story-copy .body-copy{max-width:34em}

/* A family album that can be browsed with a mouse, keyboard or touch. */
.archive{background:#e7dece;padding-bottom:76px}
.archive .section-heading{grid-template-columns:1.1fr 1fr;gap:12%;margin-bottom:32px}
.archive .section-heading .display{font-size:clamp(42px,4.4vw,68px)}
.archive .section-heading .body-copy{max-width:32em}
.js .album-controls{display:flex;gap:18px;align-items:center;margin-bottom:16px}
.album-label{font:15px/1.5 var(--body);color:var(--red)}
.album-progress{height:1px;position:relative;background:#8e302830;flex:1;margin-inline:20px}
.album-progress i{position:absolute;inset-block:-1px;inset-inline-start:0;height:3px;background:var(--red);width:calc(var(--album-progress,.17)*100%);transition:width .25s}
.album-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid var(--red);color:var(--red);border-radius:50%;font:24px/1 Arial,sans-serif;flex:none;transition:background .25s,color .25s}
.album-controls button:hover{background:var(--red);color:var(--pale)}
.album-controls button:disabled{opacity:.3;cursor:default;background:none;color:var(--red)}
.archive-grid{grid-template-columns:repeat(6,minmax(280px,29%));gap:44px;padding:24px 8px 25px;margin-inline:-8px;scroll-padding-inline:8px;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none}
.archive-grid::-webkit-scrollbar{display:none}
.archive-photo{padding-top:0;min-width:0}
.archive-photo:nth-child(even){padding-top:56px}
.archive-photo .photo-link{height:390px;display:flex;align-items:flex-end;justify-content:center}
.archive-photo img{width:auto;max-width:100%;height:auto;max-height:100%;object-fit:contain;box-shadow:0 14px 28px #263e3210}
.archive-photo figcaption{max-width:none;border-top:1px solid #263e3225;padding-top:16px;margin-top:24px}
.archive .photo-open{font-size:14px;opacity:1;width:44px;height:44px;inset-inline-start:auto;inset-inline-end:0;inset-block-end:0;overflow:hidden;justify-content:flex-end;font-size:0}
.archive .photo-open b{font-size:20px;font-weight:400}

/* A portrait, then the artist's own words across the entire spread. */
.artist{padding:clamp(72px,8vw,120px) var(--gutter) 0;grid-template-columns:1fr 1fr;gap:0 10%;align-items:center}
.artist .portrait-wrap{min-height:0;aspect-ratio:1122/1402;max-width:520px;width:100%;justify-self:center;overflow:visible}
.artist .portrait-wrap>img{position:static;width:100%;height:100%;object-fit:contain}
.artist .portrait-caption{font-size:14px;bottom:18px;left:18px;max-width:calc(100% - 36px)}
.artist-copy{padding:20px 0}
.artist-copy .body-copy{max-width:31em}
.artist-copy>.text-link{margin-top:30px}
.artist>.artist-quote{grid-column:1/-1;text-align:center;margin:80px 0 0;padding:65px 8% 76px;border-top:1px solid #8e30284d;border-bottom:0;position:relative}
.artist>.artist-quote:before{content:'';position:absolute;inset-inline-start:50%;top:-3px;width:36px;height:5px;background:var(--red);transform:translateX(-50%)}
.artist>.artist-quote p,.artist>.artist-quote p[lang=ar]{font-size:clamp(34px,3.6vw,54px);line-height:1.7;max-width:28em;margin:auto;color:var(--red);text-wrap:balance}
.artist>.artist-quote>span{display:block;font:italic 25px/1.5 'EB Garamond',Georgia,serif;max-width:32em;margin:20px auto 0;color:var(--muted)}
.artist>.artist-quote cite{margin-top:22px;font-size:17px;font-style:normal}

/* One object, three close observations. */
.material{background:var(--paper);isolation:isolate}
.material-layout{display:block;margin-top:24px}
.material-heading{display:grid;grid-template-columns:1.1fr 1fr;gap:12%;align-items:start}
.material-heading>.body-copy{margin-top:0}
.material-heading .display{font-size:clamp(48px,4.7vw,74px)}
.object-study{display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:42px 6%;align-items:center;margin-top:70px}
.object-study .metal-image{grid-column:2;grid-row:1/3;max-width:none;width:100%;padding:0;align-self:center}
.object-study .metal-image img{width:100%;height:auto;max-height:none;object-fit:contain}
.object-study .metal-image figcaption{margin-top:18px;border-top:1px solid var(--line);padding-top:14px}
.object-detail{min-width:0;position:relative}
.object-detail img{width:100%;height:240px;object-fit:cover}
.object-detail-1{grid-column:1;grid-row:1;align-self:end;padding-bottom:30px}
.object-detail-2{grid-column:3;grid-row:1/3;align-self:center}
.object-detail-3{grid-column:1;grid-row:2;max-width:88%}
.object-detail-3 img{height:190px;object-position:center}
.object-detail figcaption{display:flex;gap:20px;align-items:baseline;margin-top:16px;padding-top:12px;border-top:1px solid var(--line);font:27px/1.5 var(--display)}
.object-detail figcaption b{font:14px/1.5 Arial,sans-serif;color:var(--red);font-weight:400}
.carry-interlude{padding-block:clamp(64px,6vw,90px);grid-template-columns:1.2fr 1fr}
.carry-title{font-size:clamp(50px,6vw,94px)}
.carry-art{width:100%;max-width:460px;justify-self:center}

/* A salon hanging: the city anchors two quieter companion works. */
.collection-heading{grid-template-columns:1.3fr 1fr;gap:18px 8%;margin-bottom:65px}
.collection-heading h2{font-size:clamp(72px,11.8vw,188px)}
.collection-intro{font-size:28px}
.exhibition-wall{display:grid;grid-template-columns:1.24fr .76fr;gap:64px 10%;align-items:start;margin-bottom:100px}
.exhibition-wall>.feature-work{display:flex;flex-direction:column;gap:24px;margin:0;min-width:0;align-items:stretch}
.exhibition-wall>.feature-work:first-child{grid-column:1;grid-row:1/3;margin-top:130px}
.exhibition-wall>.feature-work:nth-child(2){grid-column:2;grid-row:1}
.exhibition-wall>.feature-work:nth-child(3){grid-column:2;grid-row:2}
.exhibition-wall .feature-work>.art-link{order:0}
.exhibition-wall .art-link>img{width:100%;height:auto;max-height:460px;object-fit:contain}
.exhibition-wall .feature-work:first-child .art-link>img{max-height:720px}
.exhibition-wall .art-link-hint{display:none}
.exhibition-wall .feature-work-copy{border-top:1px solid var(--line);padding-top:22px}
.exhibition-wall .feature-work-copy .eyebrow{font-size:14px;margin-bottom:12px}
.exhibition-wall .feature-work-copy h3{font-size:clamp(34px,3.1vw,49px);line-height:1.15}
.exhibition-wall .feature-work:first-child h3{font-size:clamp(42px,4.2vw,66px)}
.exhibition-wall .feature-work-copy .body-copy{font-size:18px;line-height:1.8;margin:18px 0 16px;max-width:30em}
.exhibition-wall .feature-work-copy .text-link{font-size:16px;min-height:44px;color:var(--red)}
.work-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:58px 4%}
.work-card img{height:270px}
.work-card h3{font-size:28px;line-height:1.2}
.work-card .body-copy{font-size:16px;line-height:1.8}
.work-card .eyebrow,.work-card .art-link-hint{font-size:14px;letter-spacing:.06em}
.more-heading{margin-bottom:38px}
.more-heading h3{font-size:30px}

/* The second collection opens into a single, generous theatre. */
.turning-layout{display:flex;flex-direction:column;gap:55px}
.turning-copy{display:grid;grid-template-columns:1.25fr 1fr;gap:25px 12%;width:100%;align-items:center}
.turning-copy>.eyebrow{grid-column:1/-1}
.turning-copy>.display{font-size:clamp(50px,5.3vw,84px);margin:0}
.turning-copy>.body-copy{margin:0;max-width:32em}
.turning-feature{width:min(100%,700px);margin:auto;min-width:0}
.turning-stage{width:min(100%,66svh);margin:auto;max-width:660px;min-width:0}
.turning-feature .art-link-hint{padding-bottom:15px;border-color:#e0c18a4a}
.turning-toolbar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:12px}
.turning-toolbar .turning-controls{margin:0}
.turning-toolbar .scene-motion{margin:0;color:var(--gold)}
.turning-toolbar .scene-motion,.turning-toolbar .turning-controls span{font-size:15px}
.turning-feature #turn-title{font-size:14px;margin-top:16px}
.turn-picker{justify-content:center}
.turn-picker button{border-radius:0;transition:background .25s,color .25s}
.turn-picker button[aria-pressed=true]{background:#e0c18a17}
.turning-all{width:100%;margin-top:40px}
.turning-all summary{font-size:18px}
.turning-all[open] summary>span{transform:rotate(45deg)}
.turning-all summary>span{transition:transform .3s}
.turning-grid{gap:34px;padding:42px 0 26px}
.turning-card{padding:10px;transition:background .3s}
.turning-card:hover{background:#e0c18a0b}
.scale .display,.contact-heading .display{font-size:clamp(46px,4.5vw,70px)}
.size-rings{max-width:390px;margin:auto}
.size-legend{max-width:440px;margin-inline:auto}
.contact{background:#e7dece;gap:10%}
.enquiry-panel{padding:35px;background:var(--pale);border-top:3px solid var(--red)}
.enquiry-panel .button-primary{width:100%}
.contact-heading{align-self:start}
.ending{padding-block:clamp(70px,8vw,130px)}

/* Naskh has its own optical scale; it is never squeezed to fit Latin metrics. */
html[dir=rtl] .prologue .display{font-size:clamp(44px,4.7vw,70px);line-height:1.6}
html[dir=rtl] .story-copy .display,html[dir=rtl] .artist-copy .display{font-size:clamp(42px,4.1vw,62px);line-height:1.5}
html[dir=rtl] .material-heading .display{font-size:clamp(44px,4.4vw,66px);line-height:1.5}
html[dir=rtl] .album-label{font-size:19px}
html[dir=rtl] .artist>.artist-quote p{font-size:clamp(34px,3.6vw,54px);line-height:1.8}
html[dir=rtl] .artist>.artist-quote cite{font-size:20px}
html[dir=rtl] .artist .portrait-caption{font-size:17px}
html[dir=rtl] .collection-heading h2{font-size:clamp(94px,12vw,172px);line-height:1.2}
html[dir=rtl] .exhibition-wall .feature-work-copy h3{font-size:clamp(34px,3.2vw,48px);line-height:1.5}
html[dir=rtl] .exhibition-wall .feature-work:first-child h3{font-size:clamp(40px,4vw,60px)}
html[dir=rtl] .exhibition-wall .feature-work-copy .body-copy{font-size:22px;line-height:1.85}
html[dir=rtl] .exhibition-wall .feature-work-copy .eyebrow,html[dir=rtl] .exhibition-wall .feature-work-copy .text-link{font-size:19px}
html[dir=rtl] .work-card h3{font-size:30px;line-height:1.5}
html[dir=rtl] .work-card .body-copy{font-size:20px;line-height:1.85}
html[dir=rtl] .work-card .eyebrow,html[dir=rtl] .work-card .art-link-hint{font-size:17px;letter-spacing:0}
html[dir=rtl] .turning-copy>.display{font-size:clamp(46px,4.8vw,72px);line-height:1.5}
html[dir=rtl] .turning-all summary{font-size:22px}
html[dir=rtl] .turning-toolbar .scene-motion{font-size:18px}

@media(min-width:1600px){.object-detail img{height:290px}.object-detail-3 img{height:220px}.work-card img{height:330px}}
@media(max-width:1100px){
 .story-layout{gap:8%}.story-photo{padding:12px}
 .artist{gap:0 8%}.artist-copy .display{font-size:46px}
 .object-study{gap:30px 4%;grid-template-columns:1fr 1.35fr 1fr}
 .object-detail img{height:200px}.object-detail-3 img{height:170px}
 .exhibition-wall{gap:56px 7%;grid-template-columns:1.1fr .9fr}
 .exhibition-wall>.feature-work:first-child{margin-top:140px}
 .work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:60px 7%}
 .work-card img{height:340px}.work-card .body-copy{font-size:18px}
 .turning-copy{gap:24px 8%}.turning-copy>.display{font-size:52px}
 .enquiry-panel{padding:26px}
}
@media(max-width:760px){
 .section-pad{padding-block:66px}
 .display{font-size:44px}
 .picked-intro h2{font-size:44px}.picked-section{padding-bottom:66px}
 .picked-grid{gap:40px}.picked-work:nth-child(n){padding-top:0}
 .picked-image{height:auto;aspect-ratio:1/1.08}.picked-work:nth-child(2){margin-inline-start:12%}.picked-work:nth-child(3){margin-inline-end:12%}
 .picked-work h3{font-size:30px}.picked-intro{margin-bottom:36px}
 .chapter-thread{inset-inline-start:10px}
 .prologue{padding-block:82px}
 .prologue-layout{grid-template-columns:1fr;gap:28px;margin-top:26px}
 .prologue .display{font-size:42px;line-height:1.2}
 .prologue-aside{padding:0;border:0}
 .story-layout{grid-template-columns:1fr;gap:42px}
 .story-photo{width:88%;max-width:330px;justify-self:center}
 .story-copy .display,.artist-copy .display{font-size:42px}
 .archive .section-heading{grid-template-columns:1fr;gap:24px;margin-bottom:22px}
 .archive .section-heading .display{font-size:42px}
 .js .album-controls{gap:12px;margin-top:28px}
 .album-progress{margin-inline:0;min-width:20px}.album-label{font-size:14px}
 .album-controls button{width:44px;height:44px}
 .archive-grid{grid-template-columns:repeat(6,78vw);gap:26px;margin-inline:calc(-1 * var(--gutter));padding:18px var(--gutter) 25px;scroll-padding-inline:var(--gutter)}
 .archive-photo .photo-link{height:340px}.archive-photo:nth-child(even){padding-top:38px}
 .archive-photo figcaption{padding-top:14px;margin-top:18px}
 .artist{grid-template-columns:1fr;padding:60px var(--gutter) 0;gap:0}
 .artist .portrait-wrap{width:100%;max-width:460px;aspect-ratio:1122/1402}
 .artist-copy{padding:42px 0 0}
 .artist>.artist-quote{margin:44px 0 0;padding:38px 0 44px}
 .artist>.artist-quote p,.artist>.artist-quote p[lang=ar]{font-size:32px;line-height:1.8}
 .artist>.artist-quote>span{font-size:23px}
 .artist>.artist-quote cite{font-size:17px}
 .material-heading{grid-template-columns:1fr;gap:26px}
 .material-heading .display{font-size:44px}
 .object-study{grid-template-columns:1fr 1fr;gap:32px 22px;margin-top:38px;align-items:start}
 .object-study .metal-image{grid-column:1/-1;grid-row:1;max-width:310px;justify-self:center;width:88%}
 .object-detail-1{grid-column:1;grid-row:2;align-self:start;padding:0}
 .object-detail-2{grid-column:2;grid-row:2;align-self:start;margin-top:46px}
 .object-detail-3{grid-column:1/-1;grid-row:3;width:76%;max-width:340px;justify-self:center;margin-top:0}
 .object-detail img{height:auto;aspect-ratio:4/5;object-fit:cover}
 .object-detail-3 img{height:auto;aspect-ratio:1.15;object-position:50% 50%}
 .object-detail figcaption{font-size:23px;gap:12px;margin-top:12px;padding-top:10px}
 .object-detail figcaption b{font-size:13px}
 .carry-interlude{grid-template-columns:1fr;padding-block:60px}
 .carry-title{font-size:48px}.carry-art{max-width:360px}
 .collection-heading{grid-template-columns:1fr;gap:24px;margin-bottom:40px}
 .collection-heading h2{font-size:19vw}.collection-intro{font-size:27px}
 .exhibition-wall{grid-template-columns:1fr;gap:52px;margin-bottom:62px}
 .exhibition-wall>.feature-work:nth-child(n){grid-column:1;grid-row:auto;margin:0;gap:22px}
 .exhibition-wall>.feature-work:nth-child(2){margin-inline-start:9%}
 .exhibition-wall>.feature-work:nth-child(3){margin-inline-end:9%}
 .exhibition-wall .art-link>img{max-height:450px}
 .exhibition-wall .feature-work:first-child .art-link>img{max-height:none}
 .exhibition-wall .feature-work-copy h3,.exhibition-wall .feature-work:first-child h3{font-size:38px}
 .exhibition-wall .feature-work-copy .body-copy{font-size:18px;line-height:1.8}
 .work-grid{gap:40px 20px}
 .work-card img{height:210px}.work-card h3{font-size:26px}
 .work-card .body-copy{font-size:16px;line-height:1.7}
 .work-card .eyebrow,.work-card .art-link-hint{font-size:14px;letter-spacing:0}
 .turning-layout{gap:38px}
 .turning-copy{grid-template-columns:1fr;gap:22px}
 .turning-copy>.display{font-size:46px}
 .turning-copy>.body-copy{margin:0}
 .turning-stage{width:100%;max-width:500px}
 .turning-toolbar{gap:12px;flex-wrap:wrap}
 .turning-toolbar .turning-controls{gap:15px}
 .turning-feature #turn-title{font-size:14px}
 .turning-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 12px;padding-top:28px}
 .turning-card{padding:0}
 .scale .display,.contact-heading .display{font-size:43px}
 .scale,.contact{grid-template-columns:1fr;gap:38px}
 .enquiry-panel{padding:25px 20px;margin-inline:-8px}
 .size-rings{max-width:330px}
 .ending{padding-block:64px}
 html[dir=rtl] .prologue .display{font-size:40px;line-height:1.65}
 html[dir=rtl] .story-copy .display,html[dir=rtl] .artist-copy .display,html[dir=rtl] .material-heading .display{font-size:40px;line-height:1.5}
 html[dir=rtl] .artist>.artist-quote p{font-size:32px;line-height:1.85}
 html[dir=rtl] .artist>.artist-quote cite{font-size:18px}
 html[dir=rtl] .collection-heading h2{font-size:100px;line-height:1.2}
 html[dir=rtl] .exhibition-wall .feature-work-copy h3,html[dir=rtl] .exhibition-wall .feature-work:first-child h3{font-size:36px;line-height:1.5}
 html[dir=rtl] .exhibition-wall .feature-work-copy .body-copy{font-size:22px}
 html[dir=rtl] .work-card h3{font-size:27px;line-height:1.5}
 html[dir=rtl] .work-card .body-copy{font-size:20px}
 html[dir=rtl] .turning-copy>.display{font-size:42px;line-height:1.5}
}
@media(max-width:600px){
 .work-grid{grid-template-columns:1fr;gap:44px}
 .work-card{display:grid;grid-template-columns:1fr;gap:0}
 .work-card img{height:auto;max-height:430px;aspect-ratio:1;object-fit:contain}
 .work-card h3{font-size:32px}.work-card .body-copy{font-size:18px}
 .work-card:nth-child(even){padding-inline-start:8%}
 .work-card .eyebrow{margin-top:20px}
 html[dir=rtl] .work-card h3{font-size:33px}
 html[dir=rtl] .work-card .body-copy{font-size:22px}
}
@media(max-width:360px){
 .album-label{max-width:100px}html[dir=rtl] .album-label{font-size:18px}
 .artist>.artist-quote p,.artist>.artist-quote p[lang=ar],html[dir=rtl] .artist>.artist-quote p{font-size:29px}
 .turning-toolbar{flex-direction:column;align-items:flex-start}
 .object-detail figcaption{gap:8px;font-size:21px}
 .enquiry-panel{padding-inline:16px}
}
@media(prefers-reduced-motion:reduce){.chapter-thread i{transform:none}}
html[data-motion=off] .chapter-thread i{transform:none}
html:not(.js) .archive-grid{scrollbar-width:thin}
html:not(.js) .archive-grid::-webkit-scrollbar{display:block;height:6px}
html:not(.js) .archive-grid::-webkit-scrollbar-thumb{background:var(--red)}
.archive-grid:focus-visible{outline:2px solid var(--red);outline-offset:5px}

/* Bible review: resilient navigation and a complete clickable studio credit. */
.js .fallback-nav,.js .fallback-enquiry{display:none}
.fallback-enquiry p{margin-bottom:22px}
.fallback-nav a{display:inline-flex;align-items:center;min-height:44px}
.studio-credit{min-width:0;min-height:44px;text-decoration:none;color:inherit}
.studio-credit-label{min-width:0}
.studio-credit .hhs-logo{direction:ltr}
.studio-credit:focus-visible{outline:2px solid var(--red);outline-offset:8px}
html[dir=rtl] .prologue .display,html[dir=rtl] .collection-heading h2{letter-spacing:0}