/* Scoped chapter galleries. Page surfaces remain continuous with the portfolio. */
.aesthetics-page{--gallery-paper:#f6f6f6;--gallery-ink:#202126;--gallery-muted:#60616a;--gallery-rule:#d7d8de;--gallery-accent:#263bd1}
.aesthetics-page .explore-hero{padding-bottom:32px}
.aesthetics-page .explore-hero+.aesthetic-chapters{padding-top:0}
.aesthetics-page .aesthetic-chapter:first-child{padding-top:28px}
.aesthetics-page .aesthetic-chapter{display:block;border-top:0;padding:50px 0 64px;scroll-margin-top:90px}
.aesthetics-page .aesthetic-chapter+.aesthetic-chapter{padding-top:64px}
.aesthetics-page .chapter-heading{display:grid;grid-template-columns:.65fr 1.4fr;gap:70px;margin-bottom:34px}
.aesthetics-page .chapter-title h2{font-size:clamp(36px,4vw,58px);font-weight:450;margin:18px 0}
.aesthetics-page .chapter-title p{max-width:290px}
.aesthetics-page .chapter-content{min-width:0}
.aesthetics-page .chapter-content h3{font-size:clamp(24px,2.2vw,32px);font-weight:500}
.aesthetics-page .chapter-content .chapter-lead{margin:0;max-width:760px}
.aesthetics-page .chapter-footnotes{display:grid;grid-template-columns:1fr 1fr;gap:50px;padding:28px 0 0;color:var(--gallery-muted)}
.aesthetics-page .chapter-footnotes p{font-size:15px;margin:8px 0 0}
.aesthetics-page .chapter-footnotes h4{font-size:14px;font-weight:500;margin:0;color:var(--gallery-ink)}
.aesthetics-page .chapter-extra{margin:26px 0 0;border:0}
.aesthetics-page .chapter-extra .aesthetic-definitions{margin:10px 0 0}
.aesthetics-page .chapter-extra summary{padding:12px 0;color:var(--gallery-muted)}
.aesthetics-page .aesthetic-practice{padding:64px 0 72px}
.aesthetics-page .explore-closing>.explore-link{display:flex;width:max-content;min-height:44px;box-sizing:border-box;margin-left:auto;gap:14px;padding:8px 0}
.aesthetics-page .explore-nav nav a[aria-current=location]{color:var(--gallery-accent);box-shadow:inset 0 -2px var(--gallery-accent)}
.illustration-gallery{min-width:0;position:relative;background:var(--gallery-paper);isolation:isolate}
.illustration-gallery button{cursor:pointer;font-family:var(--body)}
.illustration-gallery button:focus-visible,.illustration-gallery [tabindex]:focus-visible{outline:2px solid var(--gallery-accent);outline-offset:4px}
.illustration-image{display:flex;width:100%;height:100%;min-width:0;align-items:center;justify-content:center;overflow:hidden;background:#eeeef0}
.illustration-image img{display:block;width:100%;height:100%;object-fit:contain}
.illustration-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:23px}
.illustration-toolbar p,.illustration-hint{font-size:14px;color:var(--gallery-muted);margin:0}
.illustration-toggle{background:none;border:1px solid #b9bbc5;padding:10px 16px;font-size:14px;white-space:nowrap}
.illustration-toggle[aria-pressed=true]{background:var(--gallery-ink);color:white;border-color:var(--gallery-ink)}
.illustration-description h4{font-size:25px;font-weight:500;margin:0 0 13px;line-height:1.4;letter-spacing:-.025em}
.illustration-definition{font-size:16px;color:#454851;margin:0 0 15px;line-height:1.8!important}
.illustration-caption{font-size:15px;color:var(--gallery-muted);margin:0;line-height:1.8!important}
.illustration-note{font-size:13px;color:#6c6e78;margin:12px 0 0;line-height:1.75!important}
.illustration-chroma-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:34px}
.illustration-color-card{margin:0;min-width:0}
.illustration-color-image{position:relative;display:block;aspect-ratio:auto;width:100%;border:0;background:none;padding:0;overflow:hidden}
.illustration-color-image img{width:100%;height:100%;object-fit:contain;display:block}
.aesthetics-page #color [data-color-reveal]{--color-start:-120px;--color-end:0px}
.aesthetics-page #color [data-color-reveal]>.illustration-gray{position:absolute;inset:0;filter:grayscale(1);pointer-events:none;mask-image:linear-gradient(to bottom,transparent var(--color-start),#000 var(--color-end));-webkit-mask-image:linear-gradient(to bottom,transparent var(--color-start),#000 var(--color-end))}
@media(prefers-reduced-motion:reduce){.aesthetics-page #color [data-color-reveal]>.illustration-gray{visibility:hidden}.aesthetics-page #color .illustration-toolbar{display:none}}
@supports not ((mask-image:linear-gradient(#000,transparent)) or (-webkit-mask-image:linear-gradient(#000,transparent))){.aesthetics-page #color .illustration-gray{visibility:hidden}.aesthetics-page #color .illustration-toolbar{display:none}}
.illustration-color-card figcaption{padding:24px 2px 3px}
.illustration-picker{display:flex;flex-wrap:wrap;gap:9px;position:relative;z-index:5;margin-bottom:25px}
.illustration-picker button{border:1px solid #c9cbd2;background:transparent;color:#5a5c67;padding:10px 16px;font-size:14px;line-height:1.4;border-radius:2px}
.illustration-picker button[aria-pressed=true]{background:var(--gallery-ink);border-color:var(--gallery-ink);color:white}
.illustration-orbit-stage{height:560px;position:relative;overflow:hidden;touch-action:pan-y;cursor:grab;perspective:1400px}
.illustration-orbit-stage.is-dragging{cursor:grabbing}
.illustration-orbit-card{display:block;position:absolute;top:20px;left:50%;padding:0;background:var(--gallery-paper);border:0;width:64%;height:480px;will-change:transform;transform-origin:center center;color:var(--gallery-ink);text-align:left}
.illustration-orbit-card .illustration-image{height:calc(100% - 34px)}
.illustration-card-label{font-size:13px;line-height:1.5;display:block;padding:10px 3px 0;white-space:nowrap}
.illustration-gallery-bottom{display:flex;align-items:flex-start;gap:35px;justify-content:space-between;margin-top:25px}
.illustration-details{min-width:0;max-width:900px;min-height:160px}
.illustration-arrows{display:flex;align-items:center;gap:15px;white-space:nowrap;flex-shrink:0;padding-top:2px}
.illustration-arrows button{border:1px solid #bfc0c8;background:transparent;width:44px;height:44px;border-radius:50%;font-size:23px;color:#252731;line-height:1}
.illustration-arrows button:disabled{opacity:.35;cursor:default}
.illustration-arrows span{font:12px var(--mono);color:#646772}
.illustration-depth .illustration-orbit-stage{height:580px}
.illustration-depth .illustration-orbit-card{width:68%;height:490px;top:14px;transform-style:preserve-3d}
.illustration-stack-track{position:relative;margin-top:27px;padding-bottom:12px}
.illustration-stack-card{position:sticky;top:100px;z-index:calc(2 + var(--card-order));background:var(--gallery-paper);padding:18px 0 30px;transform-origin:50% 0;margin-bottom:42px;will-change:transform}
.illustration-stack-card:last-child{margin-bottom:0}
.illustration-stack-card figure{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(250px,.65fr);gap:36px;align-items:center;margin:0;background:var(--gallery-paper);min-height:540px}
.illustration-stack-card .illustration-image{height:min(63vh,660px);min-height:430px}
.illustration-stack-card figcaption{padding:24px 0}
.illustration-number{font:12px var(--mono);color:#777b85;display:block;margin-bottom:30px}






.illustration-morph-stage{position:relative;width:100%;min-width:0;aspect-ratio:1.85;min-height:480px;max-height:650px;overflow:hidden;background:#eeeef0;touch-action:pan-y;cursor:grab}
.illustration-morph-image{position:absolute;inset:0;display:flex;justify-content:center;align-items:center}
.illustration-morph-image img{width:100%;height:100%;object-fit:contain;display:block}
.illustration-morph-stage canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.illustration-film-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:14px}
.illustration-film-stage{position:relative;width:100%;min-width:0;overflow:hidden;perspective:1200px;touch-action:pan-y;cursor:grab;overflow-anchor:none}
.illustration-film-stage.is-dragging{cursor:grabbing}
.illustration-film-card{position:absolute;left:50%;top:50%;width:84%;padding:0;border:0;border-radius:5px;background:transparent;line-height:0;transform:translate(-50%,-50%);transform-origin:center;box-shadow:0 9px 20px #171a201c;will-change:transform;user-select:none}
.illustration-film-card img{display:block;width:100%;height:auto;border-radius:5px;pointer-events:none}
.illustration-film:not(.is-ready) .illustration-film-card:not([aria-current=true]){visibility:hidden}
.illustration-film-index{position:absolute;left:14px;bottom:14px;display:grid;place-items:center;min-width:26px;height:26px;border:1px solid #ffffff70;background:#15181a80;color:#fff;font:11px var(--mono);border-radius:50%;pointer-events:none}
.illustration-film-details{margin-top:20px;max-width:880px}
.illustration-film .illustration-details{min-height:0}
@media(max-width:760px){.illustration-film-toolbar{gap:10px;margin-bottom:10px}.illustration-film-toolbar .illustration-hint{font-size:12px}.illustration-film-toolbar .illustration-arrows{gap:9px;align-self:center}.illustration-film-toolbar .illustration-arrows button{width:36px;height:36px}.illustration-film-index{left:9px;bottom:9px;min-width:22px;height:22px;font-size:10px}.illustration-film-details{margin-top:15px}}
@media(prefers-reduced-motion:reduce){.illustration-film-card{will-change:auto}}
.illustration-stack.is-static-gallery .illustration-stack-card{position:relative;top:auto;transform:none!important}




@media(max-width:1050px){.aesthetics-page .chapter-heading{gap:38px;grid-template-columns:.6fr 1.4fr}.illustration-orbit-card{width:75%;height:440px}.illustration-orbit-stage{height:510px}.illustration-stack-card figure{gap:24px;grid-template-columns:1.3fr .8fr;min-height:470px}.illustration-stack-card .illustration-image{min-height:360px}.illustration-depth .illustration-orbit-card{width:75%;height:440px}.illustration-depth .illustration-orbit-stage{height:510px}.illustration-gallery-bottom{gap:20px}.illustration-description h4{font-size:23px}}
@media(max-width:760px){.aesthetics-page .explore-nav nav{gap:0;justify-content:space-between}.aesthetics-page .explore-nav nav a{font-size:14px}.aesthetics-page .chapter-heading{grid-template-columns:1fr;gap:20px;margin-bottom:26px}.aesthetics-page .chapter-title p{max-width:none;font-size:14px;margin:10px 0 0}.aesthetics-page .chapter-title h2{font-size:38px;margin:12px 0}.aesthetics-page .chapter-content h3{font-size:24px;margin:0 0 14px}.aesthetics-page .chapter-content .chapter-lead{font-size:16px}.aesthetics-page .aesthetic-chapter{padding:28px 0 38px;scroll-margin-top:136px}.aesthetics-page .aesthetic-chapter+.aesthetic-chapter{padding-top:36px}.aesthetics-page .chapter-footnotes{grid-template-columns:1fr;gap:24px;padding-top:25px}.aesthetics-page .aesthetic-practice{padding:40px 0 50px}.aesthetics-page .aesthetic-chapters{padding-top:18px}.illustration-toolbar{align-items:flex-start;gap:12px}.illustration-toolbar p{font-size:13px}.illustration-toggle{padding:8px 11px;font-size:13px}.illustration-chroma-grid{grid-template-columns:1fr;gap:30px}.illustration-description h4{font-size:23px}.illustration-definition{font-size:16px}.illustration-caption{font-size:14px}.illustration-color-card figcaption{padding-top:18px}.illustration-picker{gap:7px;margin-bottom:18px}.illustration-picker button{padding:8px 10px;font-size:13px}.illustration-orbit-stage{height:310px}.illustration-orbit-card{width:88%;height:265px;top:7px}.illustration-card-label{font-size:12px}.illustration-gallery-bottom{flex-direction:column;gap:15px;margin-top:17px}.illustration-details{min-height:0}.illustration-arrows{align-self:flex-end;gap:13px}.illustration-arrows button{width:40px;height:40px}.illustration-depth .illustration-orbit-stage{height:320px}.illustration-depth .illustration-orbit-card{width:85%;height:275px;top:9px}.illustration-stack-card{top:128px;margin-bottom:28px;padding:10px 0 20px}.illustration-stack-card figure{grid-template-columns:1fr;gap:0;min-height:0}.illustration-stack-card .illustration-image{height:34vh;min-height:230px;max-height:370px}.illustration-stack-card figcaption{padding:19px 2px 6px}.illustration-number{margin-bottom:13px}.illustration-morph-stage{aspect-ratio:1;min-height:300px;max-height:520px}}
@media(prefers-reduced-motion:reduce){.illustration-gray{transition:none}.illustration-stack-card{position:relative;top:auto;transform:none!important}.illustration-orbit-card{will-change:auto}}

/* Natural image boundaries: no colored mats or forced aspect-ratio frames. */
.aesthetics-page .illustration-image{background:transparent;height:auto;overflow:visible}
.aesthetics-page .illustration-image img{height:auto;object-fit:contain;user-select:none}
.aesthetics-page .illustration-color-image{aspect-ratio:auto}
.aesthetics-page .illustration-color-image>img{height:auto}
.aesthetics-page .illustration-color-image>.illustration-gray{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.aesthetics-page .illustration-orbit-card,.aesthetics-page .illustration-depth .illustration-orbit-card{top:10px;height:auto;background:transparent;user-select:none}
.aesthetics-page .illustration-orbit-card .illustration-image{height:auto}
.aesthetics-page .illustration-depth .illustration-orbit-card:not([aria-current="true"]) .illustration-card-label{visibility:hidden}
.aesthetics-page .illustration-details{display:grid;min-height:0}
.aesthetics-page .illustration-details>[data-gallery-detail]{grid-area:1/1;align-self:start}
.aesthetics-page .illustration-details>[data-gallery-detail][hidden]{display:block!important;visibility:hidden;pointer-events:none}
.aesthetics-page .illustration-gallery-bottom{margin-top:16px}
.aesthetics-page .illustration-stack-track{margin-top:20px;padding-bottom:0}
.aesthetics-page .illustration-stack-card{margin-bottom:20px;padding:12px 0 18px}
.aesthetics-page .illustration-stack-card figure{min-height:0;grid-template-columns:minmax(0,1.3fr) minmax(260px,.8fr);gap:36px}
.aesthetics-page .illustration-stack-card .illustration-image{width:min(100%,calc(46vh * var(--image-ratio)));height:auto;min-height:0;max-height:none;margin-inline:auto}
.aesthetics-page .illustration-stack-card figcaption{padding:18px 0}
.aesthetics-page .illustration-number{margin-bottom:17px}
/* Full cards flow into the shorter column; no fixed image frames or empty rows. */
.aesthetics-page .illustration-masonry{--style-columns:2;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:28px;row-gap:36px;align-items:start;background:transparent}
.aesthetics-page .illustration-masonry.is-laid-out{display:block;position:relative}
.aesthetics-page .illustration-masonry.is-laid-out .illustration-style-card{position:absolute}
.aesthetics-page .illustration-style-card{min-width:0;margin:0;padding:0}
.aesthetics-page .illustration-style-card figure{margin:0}
.aesthetics-page .illustration-style-card .illustration-image{display:block;height:auto;background:transparent}
.aesthetics-page .illustration-style-card img{display:block;width:100%;height:auto}
.aesthetics-page .illustration-style-card figcaption{padding:18px 0 0}
.aesthetics-page .illustration-style-card .illustration-description h4{margin-bottom:10px}
.aesthetics-page .illustration-style-card .illustration-definition{margin-bottom:10px}
/* Clip only audited screenshot edges; the viewport follows the remaining image. */
.aesthetics-page .illustration-clean-frame{display:block;position:relative;width:100%;aspect-ratio:var(--clean-ratio);overflow:hidden;flex-shrink:0;line-height:0}
.aesthetics-page .illustration-clean-frame>img{position:absolute;display:block;left:var(--clean-left);top:var(--clean-top);width:var(--clean-width);height:var(--clean-height);max-width:none;border-radius:0;object-fit:fill;user-select:none;pointer-events:none}
.aesthetics-page .illustration-film-card>.illustration-clean-frame{border-radius:inherit}
@media(max-width:760px){
 .aesthetics-page .illustration-masonry{--style-columns:1;grid-template-columns:minmax(0,1fr);row-gap:28px}
 .aesthetics-page .illustration-style-card figcaption{padding-top:15px}
}
@media(max-width:760px){
 .aesthetics-page .illustration-stack-card figure{grid-template-columns:1fr;gap:0}
 .aesthetics-page .illustration-stack-card .illustration-image{width:100%;height:auto;min-height:0;max-height:none}
 .aesthetics-page .illustration-stack-card{margin-bottom:16px;padding:8px 0 16px}
 .aesthetics-page .illustration-stack-card figcaption{padding:16px 0 8px}
 .aesthetics-page .illustration-gallery-bottom{gap:12px}
}