.art-section{padding-top:26px;padding-bottom:100px;scroll-margin-top:96px}
.art-section::before{content:"";display:block;height:1px;background:var(--line);margin-bottom:64px}
.art-section-head{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:44px}
.art-section-head h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:400;line-height:1.15;letter-spacing:-.055em;margin:0}
.art-section-head h2 span{color:#686761}
.art-entry-grid{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(28px,5vw,72px);align-items:start}
.art-collection-card,.art-motion-card{margin:0;min-width:0}
.art-open{display:block;width:100%;padding:0;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.art-cover{display:flex;align-items:center;justify-content:center;aspect-ratio:1966 / 1979;background:#f0eeea;padding:0}
.art-cover img{display:block;width:100%;height:100%;object-fit:contain}
.art-entry-caption{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);padding-top:16px;margin-top:14px;font-size:12px;line-height:1.5}
.art-entry-caption>span:last-child{text-align:right}
.art-entry-caption>span:last-child>span{display:inline-block;margin-left:8px;transition:transform .2s}
@media(hover:hover){.art-open:hover .art-entry-caption>span:last-child>span{transform:translate(3px,-3px)}}
.art-open:focus-visible,.art-dialog button:focus-visible{outline:2px solid currentColor;outline-offset:5px}
.art-intro{padding-top:14px}
.art-intro-lead{font-family:Manrope,Arial,sans-serif;font-size:clamp(27px,3vw,42px);font-weight:500;letter-spacing:-.04em;line-height:1.2;margin:0 0 22px}
.art-intro-copy{font-size:14px;line-height:1.75;max-width:42ch;margin:0 0 32px}
.art-motion-card{max-width:300px}
.art-motion-card picture,.art-motion-card img{display:block;width:100%;height:auto}
.art-motion-caption{display:flex;justify-content:space-between;gap:12px;padding-top:12px;font-size:10px;line-height:1.6}
.art-motion-caption strong{font-weight:500}.art-motion-caption>span{color:#686761;text-align:right}
.art-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:#f0eeea;color:#181818;overscroll-behavior:contain}
.art-dialog[open]{display:flex;flex-direction:column}
.art-dialog::backdrop{background:#181818b3;backdrop-filter:blur(8px)}
.art-dialog [hidden]{display:none!important}
.art-dialog .art-toolbar{height:auto;min-height:88px;flex-shrink:0;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px max(var(--art-gallery-inset),env(safe-area-inset-right)) 20px max(var(--art-gallery-inset),env(safe-area-inset-left));border-bottom:1px solid #aaa8a280}
.art-heading{min-width:0}.art-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(17px,1.6vw,22px);font-weight:400;line-height:1.4;letter-spacing:-.025em;margin:0;outline:none}
.art-subtitle{font-size:11px;color:#686761;margin:6px 0 0;line-height:1.5}
.art-tools{display:flex;gap:10px;flex-shrink:0}
.art-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;border:1px solid #18181826;color:inherit;background:transparent;cursor:pointer;padding:0}
.art-icon svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.art-close{background:#181818;color:#f0eeea;border-color:#181818}
.art-back{border:0;background:none;color:#686761;font-size:11px;cursor:pointer;padding:0 0 12px;text-align:left}
.art-gallery-body{flex:1;min-height:0;overflow:auto;overscroll-behavior:contain}
.art-overview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(14px,2vw,24px);width:min(1680px,calc(100% - clamp(48px,8vw,144px)));max-width:none;margin:32px auto 48px}
.art-tile{display:block;min-width:0;aspect-ratio:1;padding:0;border:0;background:transparent;cursor:zoom-in;transition:transform .2s;color:inherit}
.art-tile img{display:block;width:100%;height:100%;object-fit:contain}
@media(hover:hover){.art-tile:hover{transform:translateY(-3px)}}
.art-detail{height:100%;display:flex;flex-direction:column;min-width:0}
.art-stage{flex:1;min-height:0;display:flex;align-items:center;justify-content:center;padding:28px;overflow:auto;touch-action:pan-x pan-y}
.art-stage>img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.art-variants{display:flex;justify-content:center;gap:8px;flex-shrink:0;flex-wrap:wrap;padding:0 24px 20px}
.art-variant{border:1px solid #aaa8a280;background:none;padding:8px 12px;min-height:36px;font-size:11px;color:inherit;cursor:pointer}
.art-variant[aria-pressed=true]{background:#181818;color:#f0eeea;border-color:#181818}
.art-dialog.is-zoomed .art-stage{display:block}
.art-dialog.is-zoomed .art-stage>img{width:min(1800px,150vw);height:auto;max-width:none;max-height:none}
.art-dialog .art-gallery-footer{display:flex;align-items:center;justify-content:center;flex-shrink:0;min-height:62px;border-top:1px solid #aaa8a280;padding:10px 24px max(10px,env(safe-area-inset-bottom));font-size:10px;color:#686761}
.art-detail-nav{display:flex;align-items:center;gap:32px}
.art-detail-nav button{width:44px;height:40px;border:0;background:none;color:#181818;font-size:24px;cursor:pointer}
.art-status{min-width:65px;text-align:center;font-size:11px;letter-spacing:.12em}
@media(max-width:700px){
 .art-section{padding-top:24px;padding-bottom:64px}.art-section::before{margin-bottom:40px}.art-section-head{align-items:start;margin-bottom:28px}.art-section-head .section-label{font-size:9px;max-width:30%;text-align:right;line-height:1.6}
 .art-entry-grid{grid-template-columns:1fr;gap:40px}.art-intro{padding-top:0}.art-motion-card{max-width:300px}.art-entry-caption{font-size:11px}
 .art-dialog .art-toolbar{padding:16px 20px;gap:12px;min-height:84px}.art-heading h2{font-size:17px}.art-subtitle{font-size:10px;max-width:28ch}.art-tools{gap:6px}
 .art-overview{width:auto;max-width:none;margin:20px;grid-template-columns:1fr;gap:24px}
 .art-overview-note{font-size:9px}.art-stage{padding:20px}
 .art-dialog.is-zoomed .art-stage>img{width:160vw}.art-gallery-footer{min-height:58px}
}
@media(prefers-reduced-motion:reduce){.art-tile,.art-entry-caption>span:last-child>span{transition:none}}

/* Use the same left edge for the gallery heading and artwork grid. */
.art-dialog{--art-gallery-inset:max(clamp(24px,4vw,72px),calc((100vw - 1680px)/2))}
.art-dialog #art-dialog-title:focus,.art-dialog #art-dialog-title:focus-visible,
.document-dialog #document-title:focus,.document-dialog #document-title:focus-visible{outline:none;box-shadow:none}
.art-cover{isolation:isolate}
.art-cover img{mix-blend-mode:multiply}
.document-dialog .document-toolbar{padding-left:max(24px,4vw);padding-right:max(24px,4vw)}
.document-dialog .document-toolbar h2{font-size:clamp(17px,1.6vw,22px);font-weight:400;letter-spacing:-.025em;line-height:1.4}
.work-head h2{font-size:clamp(24px,2.4vw,32px);font-weight:400;letter-spacing:-.04em}
.sugarbowl-background-copy h3{font-size:clamp(22px,2.2vw,30px);font-weight:400}
.digital-art-copy h3{font-size:clamp(26px,3vw,38px);font-weight:400}
@media(max-width:700px){.art-dialog{--art-gallery-inset:20px}.document-dialog .document-toolbar{padding-left:20px;padding-right:20px}.document-dialog .document-toolbar h2{font-size:17px}}

.document-dialog .document-pages{padding-left:max(24px,4vw);padding-right:max(24px,4vw)}
.document-dialog .document-page{align-items:flex-start}
@media(max-width:700px){.document-dialog .document-pages{padding-left:20px;padding-right:20px}}

/* Charles M. Huber: portrait and archival context, below project 5. */
.huber-story{display:grid;grid-template-columns:1.22fr 1fr;gap:clamp(28px,4vw,56px);align-items:start;margin-top:76px;padding-top:64px;border-top:1px solid var(--line)}
.huber-artwork{margin:0;min-width:0}
.huber-portrait{aspect-ratio:1;position:relative;overflow:hidden;background:#f0eeea}
.huber-portrait img{display:block;position:absolute;width:116.216216%;max-width:none;height:auto;left:-8.108108%;top:-22.522523%}
.huber-copy{padding-top:16px;min-width:0}
.huber-copy h3{font-family:Manrope,Arial,sans-serif;font-size:clamp(26px,3vw,38px);font-weight:400;letter-spacing:-.04em;line-height:1.2;margin:26px 0 24px}
.huber-copy>p{font-size:14px;line-height:1.8;max-width:48ch;margin:0 0 18px}
.huber-archive{margin-top:32px;max-width:48ch}
.huber-archive-label{display:block;font-size:10px;color:#686761;letter-spacing:.08em;margin-bottom:14px}
.huber-archive details{border-top:1px solid var(--line)}
.huber-archive details:last-child{border-bottom:1px solid var(--line)}
.huber-archive summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;font-size:12px;line-height:1.5;padding:17px 0}
.huber-archive summary::-webkit-details-marker{display:none}
.huber-archive summary:focus-visible{outline:2px solid currentColor;outline-offset:4px}
.huber-archive summary>span{font-size:18px;font-weight:400;transition:transform .2s}
.huber-archive details[open] summary>span{transform:rotate(45deg)}
.huber-invitation{padding:24px 24px 28px;margin:4px 0 24px;background:#f0eeea}
.huber-document-label{display:block;color:#686761;font-size:9px;letter-spacing:.08em;text-transform:uppercase}
.huber-invitation blockquote{font-family:Georgia,serif;font-size:clamp(19px,1.7vw,24px);line-height:1.5;font-weight:400;margin:22px 0}
.huber-invitation p{font-size:10px;line-height:1.8;color:#686761;margin:0}
.huber-original-post{margin:4px 0 24px}.huber-original-post img{display:block;width:100%;height:auto}.huber-original-post figcaption{font-size:10px;color:#686761;line-height:1.6;padding-top:12px}
@media(max-width:700px){.huber-story{grid-template-columns:1fr;margin-top:48px;padding-top:40px;gap:28px}.huber-copy{padding-top:0}.huber-copy h3{font-size:27px;margin-top:20px}.huber-invitation{padding:20px}.huber-archive{max-width:none}}
@media(prefers-reduced-motion:reduce){.huber-archive summary>span{transition:none}}

.huber-original-post>a{display:block}.huber-original-post a:focus-visible{outline:2px solid currentColor;outline-offset:4px}.huber-original-post figcaption a{display:inline-block;color:inherit;text-underline-offset:3px;margin-top:8px}

/* Selected fashion archive: original published imagery, without retouching. */
.editorial-archive{padding-top:60px;padding-bottom:72px;border-top:1px solid var(--line);scroll-margin-top:96px}
.archive-heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:30px}
.archive-heading h2{font-family:Manrope,Arial,sans-serif;font-size:clamp(24px,2.4vw,32px);font-weight:400;line-height:1.2;letter-spacing:-.04em;margin:16px 0 0}
.archive-heading>p{font-size:11px;line-height:1.6;margin:0;color:#686761}
.editorial-preview{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.editorial-preview img{display:block;width:100%;height:auto}
.editorial-archive .document-invite{padding-top:16px;border-top:1px solid var(--line);margin-top:18px}
.editorial-archive .document-invite::after{content:'↗'}
.document-dialog[data-document=editorial]{background:#f0eeea}
.document-dialog[data-document=editorial] .document-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;align-content:start;gap:36px 24px}
.document-dialog[data-document=editorial] .document-page img{display:block;width:100%;height:auto;max-height:none;box-shadow:none}
.document-dialog[data-document=editorial] .document-page figcaption{line-height:1.6}
.document-dialog[data-document=editorial] [data-zoom]{display:none}
@media(max-width:700px){.editorial-archive{padding-top:40px;padding-bottom:40px}.archive-heading{display:block;margin-bottom:24px}.archive-heading>p{margin-top:16px}.editorial-preview{grid-template-columns:1fr;gap:24px}.document-dialog[data-document=editorial] .document-pages{grid-template-columns:1fr;gap:28px}}

/* Smaller portrait window; both columns finish on the same baseline. */
@media(min-width:701px){.huber-story{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(40px,8vw,112px);align-items:stretch}.huber-artwork{display:flex;flex-direction:column}.huber-portrait{flex-shrink:0}.huber-artwork>.caption{margin-top:auto;gap:18px}.huber-copy{display:flex;flex-direction:column}.huber-archive{max-width:none;margin-top:auto;padding-top:32px}}

.editorial-archive{border-top:0;padding-top:26px}.editorial-archive::before{content:"";display:block;height:1px;background:var(--line);margin-bottom:60px}@media(max-width:700px){.editorial-archive{padding-top:24px}.editorial-archive::before{margin-bottom:40px}}

.editorial-project{padding-top:20px;padding-bottom:0;border:0}.editorial-project::before{display:none}@media(max-width:700px){.editorial-project{padding-top:8px;padding-bottom:0}}

/* Matching preview edges and the original two-image movement spread. */
.editorial-preview img{aspect-ratio:1920/2497;object-fit:cover}
.document-dialog[data-document=editorial] .editorial-spread{grid-column:1/-1;display:grid;grid-template-columns:minmax(0,2497fr) minmax(0,2556fr);gap:24px;align-items:start}
@media(max-width:700px){.editorial-preview img{aspect-ratio:auto}.document-dialog[data-document=editorial] .editorial-spread{grid-template-columns:1fr;gap:28px}}

/* Three independent Fashion / Styling series. */
.fashion-series-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:start}
.fashion-series-card{margin:0;min-width:0}
.fashion-preview{display:block;aspect-ratio:3/4;overflow:hidden;background:#f0eeea}
.fashion-preview img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
.fashion-series-card figcaption{padding-top:18px}
.fashion-series-number{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#686761}
.fashion-series-card h3{font-family:Manrope,Arial,sans-serif;font-size:18px;font-weight:400;letter-spacing:-.02em;margin:9px 0 6px;line-height:1.4}
.fashion-series-place,.fashion-series-credit{font-size:11px;line-height:1.7;margin:0 0 6px}.fashion-series-credit{color:#686761}
.document-dialog[data-document^="daman-"]{background:#f0eeea}
.document-dialog[data-document^="daman-"] .document-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;align-content:start;gap:36px 24px}
.document-dialog[data-document^="daman-"] .document-page img{width:100%;height:auto;max-height:none;box-shadow:none}
.document-dialog[data-document^="daman-"] .document-page figcaption{line-height:1.6}
.document-dialog[data-document^="daman-"] [data-zoom]{display:none}
.document-dialog[data-document="daman-grey"] .editorial-wide{grid-column:1/-1}
.document-dialog[data-document="daman-grey"] .editorial-single{grid-column:1/-1;width:min(100%,620px);justify-self:center}
.document-dialog[data-document="daman-colour"] .document-pages{grid-template-columns:repeat(3,minmax(0,1fr))}
.document-dialog[data-document="daman-colour"] .document-page{width:100%;max-width:449px;justify-self:center}
@media(max-width:700px){.fashion-series-grid{grid-template-columns:1fr;gap:40px}.document-dialog[data-document^="daman-"] .document-pages{grid-template-columns:1fr;gap:28px}.fashion-series-card figcaption{padding-top:14px}}

.fashion-series-card figcaption{display:flex;flex-direction:column;min-height:128px}.fashion-series-credit{margin-top:auto}@media(max-width:700px){.fashion-series-card figcaption{min-height:116px}}

.fashion-series-publisher{font-size:11px;line-height:1.7;margin:0 0 6px;color:#686761}

.fashion-series-grid{align-items:stretch}
.fashion-series-card{display:flex;flex-direction:column}
.fashion-series-card figcaption{flex:1}
