*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{font:700 14px/16px Arial,Helvetica,sans-serif;background:#fff;color:#000}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;border:0;padding:0;background:none;text-align:left;cursor:pointer}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}button:focus-visible,a:focus-visible,nav:focus-visible{outline:2px solid currentColor;outline-offset:2px}main{display:flex;height:calc(100dvh - 20px);margin:10px}.index{display:flex;width:33.333333%;height:100%;flex-shrink:0}.information,.captions{width:50%}.information{padding-right:8px;overflow:auto;scrollbar-width:none}.bio-block{margin:0 0 16px}.description{color:#aaa;margin:16px 0 0}.captions{overflow-y:auto;overflow-x:hidden;scrollbar-width:none;scroll-snap-type:y mandatory;overscroll-behavior:contain}.captions::-webkit-scrollbar,.information::-webkit-scrollbar{display:none}.caption{display:block;width:100%;min-height:16px;line-height:16px;opacity:.3;scroll-snap-align:start;overflow-wrap:anywhere}.caption[aria-current="true"]{opacity:1}.caption:hover{opacity:1}.index-tail{height:calc(100% - 16px);pointer-events:none}.image-stage{width:66.666667%;height:100%;position:relative}#display-image{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;object-position:left top}#image-error{position:absolute;top:20px;left:20px;background:#fff;color:#000;padding:10px}.mobile-header,.mobile-about{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}@media(max-width:768px){body{font-size:13px;line-height:15px;background:#000;color:#fff}main{margin:0;height:100dvh}.mobile-header{display:flex;gap:14px;position:fixed;z-index:4;top:0;left:0;width:100%;padding:10px 10px 0;align-items:start;height:30px}.mobile-header #home{flex:0 1 auto;max-width:60%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mobile-header button[aria-expanded="true"]{text-decoration:underline}.image-stage{position:fixed;inset:0;width:100%;height:100dvh;z-index:0}#display-image{width:100%;height:100%;max-width:none;max-height:none;object-fit:cover;object-position:center}.index{position:relative;width:100%;height:calc(100dvh - 38px);margin-top:38px;z-index:2;pointer-events:none}.information{width:45.4545%;padding-left:10px;padding-right:30px}.captions{width:54.5455%;pointer-events:auto}.caption{line-height:15px;min-height:15px}.index-tail{height:calc(100% - 15px)}#desktop-about{display:none}.description{margin:0;color:inherit}.mobile-about{position:fixed;inset:0;padding:40px 10px 20px;background:#000;z-index:3;overflow:auto;display:block}.mobile-about .bio-name{display:none}.bio-block{margin-bottom:15px}body[data-panel="none"] .index,body[data-panel="about"] .index{visibility:hidden}}

/* Project detail intentionally differs from the reference: images left, vertical scroll. */
.caption{scroll-snap-align:none;text-decoration:none}.captions{scroll-snap-type:none}.empty-note{margin:0 12px 16px 0;color:#777}.demo-link{opacity:.6}.back-index{display:block;margin-bottom:16px}.detail .image-stage{order:-1;overflow-y:auto;overscroll-behavior:contain;padding-right:20px;scrollbar-width:thin}.detail .index{padding-left:0}.detail .information{width:50%}.detail .captions{width:50%}.image-stage figure{margin:0 0 20px}.image-stage figure img{display:block;width:100%;height:auto}.project-title{font:inherit;margin:0 0 16px}.image-stage figcaption{margin-top:5px;color:#777}.route-error{position:absolute;top:15px;left:15px;background:white;color:black}.bio-block{overflow-wrap:anywhere}
@media(max-width:768px){.mobile-header #home{width:43vw;max-width:43vw;flex-shrink:0}.mobile-header{gap:0}.mobile-header #index-toggle{width:12vw}.mobile-header #about-toggle{margin-left:0}.detail .image-stage{padding:40px 10px 0;overflow-y:auto;background:#000}.detail .image-stage figure img{width:100%;height:auto;object-fit:contain}.detail .index{padding:0;background:rgba(0,0,0,.9)}.detail .information{width:45.4545%}.detail .captions{width:54.5455%}.empty-note{color:inherit}.detail .project-title{margin-bottom:15px}.detail .image-stage figure{margin-bottom:15px}.detail .image-stage figcaption{color:#aaa}}
/* Keep the home shell fixed when a project is selected (latest user preference). */
@media(min-width:769px){.detail .image-stage{order:0;padding-right:0}.detail .index{padding-left:0}.detail .information,.detail .captions{width:50%}}
@media(prefers-reduced-motion:no-preference){.image-stage figure{animation:appear .16s ease-out}@keyframes appear{from{opacity:.4}to{opacity:1}}}
/* Fixed right gutter equals the biography column, shared across all selections. */
@media(min-width:769px){:root{--bio-column:calc((100vw - 20px)/6)}main{display:grid;grid-template-columns:calc(var(--bio-column)*2) minmax(0,1fr) var(--bio-column)}.index,.image-stage{width:100%}.image-stage{min-width:0}}
/* Latest typography preference: regular everywhere. */
body,button,a,h1,h2,h3,p,nav,header{font-weight:400}.caption[aria-current="true"]{text-decoration:underline}
.date-roman{font-style:normal;font-weight:400}.description-italic{font-style:italic;font-weight:400}
.date-roman{font-style:normal;font-weight:700}
/* Hide the scroll indicator; preserve wheel, touch and keyboard scrolling. */
.image-stage,.detail .image-stage{scrollbar-width:none;-ms-overflow-style:none}.image-stage::-webkit-scrollbar{display:none;width:0;height:0}
.photo-panel{width:100%;overflow:hidden}.image-stage .photo-panel img{display:block;width:100%;height:auto;max-height:none;transform-origin:top left}
/* Wider biography at large desktop sizes, funded by the far-right blank gutter. */
@media(min-width:1700px){:root{--base-column:calc((100vw - 20px)/6);--wide-bio:max(390px,var(--base-column))}main{grid-template-columns:calc(var(--wide-bio) + var(--base-column)) calc(var(--base-column)*3) minmax(0,1fr)}.index .information,.detail .index .information{width:var(--wide-bio);flex-shrink:0}.index .captions,.detail .index .captions{width:var(--base-column);flex-shrink:0}}

#desktop-about .bio-block:first-child, #mobile-about .bio-block:first-child {font-weight:700;font-style:normal;}

.image-stage figure.product-photo{width:100%;margin-left:0;margin-right:auto;}

.identity-secondary{font-weight:400;font-style:italic;}

.image-stage figure,.detail .image-stage figure{margin:0;padding:0;} .image-stage{row-gap:0;} .image-stage figure img{display:block;}
.horizontal-gallery .project-title{height:32px;margin:0;}
.detail .image-stage.horizontal-gallery{overflow:hidden;}
.horizontal-track{display:flex;gap:0;width:100%;height:calc(100% - 32px);overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;}
.horizontal-track::-webkit-scrollbar{display:none;}
.image-stage.horizontal-gallery .horizontal-track figure{flex:0 0 auto;height:100%;width:auto;margin:0;padding:0;}
.image-stage.horizontal-gallery .horizontal-track figure img{height:100%;width:auto;max-width:none;max-height:none;object-fit:contain;display:block;}

.image-stage figure.product-photo{margin-left:auto;margin-right:auto;}

/* Continuous lookbooks retain the left shell and use the entire remaining viewport. */
@media(min-width:769px){body.lookbook-view main{margin-right:0;}body.lookbook-view .image-stage{grid-column:2 / -1;}}
.horizontal-track{flex-wrap:nowrap;touch-action:pan-x;scroll-behavior:auto;}
.corner-mark{position:fixed;left:10px;bottom:10px;width:150px;height:auto;z-index:2;pointer-events:auto;}
@media(max-width:768px){.detail .image-stage.horizontal-gallery{padding-right:0;}.corner-mark{width:min(150px,25vw);z-index:4;}body[data-panel="about"] .corner-mark{display:none;}}

/* Mobile keeps the desktop white editorial identity. */
@media(max-width:768px){
 body{background:#fff;color:#000;}
 .mobile-header{background:#fff;height:34px;padding-bottom:6px;}
 .detail .image-stage{background:#fff;}
 .detail .index{background:rgba(255,255,255,.97);}
 .mobile-about{background:#fff;color:#000;padding-bottom:150px;}
 .index{background:rgba(255,255,255,.97);}
 .information,.detail .information{width:10px;padding:0;}
 .captions,.detail .captions{width:calc(100% - 20px);padding:0 0 140px;}
 .caption{line-height:18px;min-height:18px;}
 .detail .image-stage figcaption{color:#666;}
 .corner-mark{width:min(150px,25vw);}

 #display-image{object-fit:contain;object-position:center;background:#fff;}
}

/* Mobile document order: biography, full index, gallery, full-width symbol. */
@media(max-width:768px){
 html,body{height:auto;min-height:100%;overflow:visible;overflow-x:clip;}
 main{display:flex;flex-direction:column;height:auto;margin:10px;}
 .mobile-header,.mobile-about{display:none!important;}
 .index,.detail .index{display:flex;flex-direction:column;position:static;width:100%;height:auto;margin:0;background:#fff;visibility:visible!important;pointer-events:auto;}
 .information,.detail .information{width:100%;padding:0;overflow:visible;}
 #desktop-about{display:block;}
 .captions,.detail .captions{width:100%;padding:0;margin:12px 0 24px;overflow:visible;}
 .image-stage,.detail .image-stage{position:relative;inset:auto;order:0;width:100%;height:auto;padding:0;overflow:visible;}
 #display-image{height:auto;width:100%;object-fit:contain;}
 .detail .image-stage.horizontal-gallery{height:70svh;min-height:320px;padding:0;overflow:hidden;}
 .horizontal-track{height:calc(100% - 32px);touch-action:pan-x pan-y;}
 .corner-mark,body[data-panel="about"] .corner-mark{display:block;position:static;width:calc(100% - 20px);height:auto;max-width:none;margin:30px 10px 10px;}
}

body{font-family:'Times New Roman',Times,serif;}

.corner-mark .mark-base{display:block;width:100%;height:auto}.corner-mark .mark-interior{position:absolute;left:4.75%;top:4.2%;width:90.5%;aspect-ratio:1;border-radius:50%;overflow:hidden;background:white}.mark-interior img{position:absolute;width:110.497%;max-width:none;height:auto;left:-5.2486%;top:-5.2486%;transform-origin:50% 44.2%;}.corner-mark:hover .mark-interior img,.corner-mark:focus-visible .mark-interior img{animation:mark-turn 10s linear infinite}@keyframes mark-turn{to{transform:rotateY(360deg)}}@media(prefers-reduced-motion:reduce){.corner-mark .mark-interior img{animation:none!important}}@media(max-width:768px){.corner-mark,body[data-panel="about"] .corner-mark{position:relative;left:auto;bottom:auto;}}
.mark-turn{position:absolute;left:-5.2486%;top:-5.2486%;width:110.497%;aspect-ratio:1499/1696;transform-origin:50% 44.2%;transform-style:preserve-3d}.mark-face{position:absolute;inset:0;background:#090605;mask:url('aa-interior.svg?v=84') center/100% 100% no-repeat;-webkit-mask:url('aa-interior.svg?v=84') center/100% 100% no-repeat}.mark-back{transform:translateZ(-1.25px);background:#444}.mark-mid{transform:translateZ(0)}.mark-front{transform:translateZ(1.25px)}.corner-mark:hover .mark-turn,.corner-mark:focus-visible .mark-turn{animation:mark-turn 10s linear infinite}.corner-mark .mark-interior{perspective:600px}@media(prefers-reduced-motion:reduce){.corner-mark .mark-turn{animation:none!important}}
/* Narrow, near-white matte for the two trimmed women poster series only. */
.image-stage figure.poster-matte,.detail .image-stage figure.poster-matte{padding:3%;background:#f1f1ef;}
/* Poster edge only: no matte or padding. */
.image-stage figure.poster-matte,.detail .image-stage figure.poster-matte{padding:0;background:transparent;}
.poster-matte img{outline:1px solid #f1f1ef;outline-offset:-1px;}



.image-stage.poster-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-content:start;gap:0;overflow-x:hidden}.poster-grid .project-title{grid-column:1/-1}.image-stage.poster-grid figure{min-width:0;width:100%}.image-stage.poster-grid figure img{width:100%;height:auto;}
/* Women posters: desktop height follows the viewport, never width-shrinks. */
@media(min-width:769px){
 .detail .image-stage.poster-grid{width:var(--poster-pair-width,100%);height:calc(var(--poster-fit-height,500px) + 32px);grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:32px minmax(0,1fr);overflow:hidden;}
 .image-stage.poster-grid .project-title{height:16px;margin:0 0 16px;}
 .image-stage.poster-grid figure{width:auto;height:100%;min-width:0;}
 .image-stage.poster-grid figure img{height:100%;width:auto;max-width:none;max-height:none;}
}

.date-roman,.caption .date-roman,.project-title .date-roman,.bio-block .date-roman{font-weight:700;font-style:normal}.description-italic{font-weight:400;font-style:italic}.identity-secondary{font-weight:400;font-style:italic}
