
*{box-sizing:border-box}body{margin:0;background:#090909;color:#dfcba8;font-family:Arial,'Apple SD Gothic Neo',sans-serif}button,input,a{font:inherit}button,a{cursor:pointer}button{color:inherit;background:none;border:0}header{padding:26px 4vw;border-bottom:1px solid #37312a;display:flex;justify-content:space-between;align-items:center;gap:20px}header a{color:inherit;text-decoration:none;font-size:21px;letter-spacing:.14em}nav{display:flex;gap:24px;font-size:11px;letter-spacing:.12em}nav button{padding:8px 0}.notice{padding:10px 4vw;background:#201d18;font-size:12px;color:#bcb2a2}.wrap{padding:55px 4vw 40px}.eyebrow{font-size:11px;letter-spacing:.25em;color:#a18f75}h1{font-family:Georgia,serif;font-weight:400;font-size:clamp(64px,9vw,140px);line-height:.95;margin:23px 0}p{color:#aea69a;line-height:1.7}.intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.intro p{max-width:330px;font-size:13px}.filters{border-top:1px solid #37312a;border-bottom:1px solid #37312a;padding:18px 0;margin:35px 0 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap}.alphabet{display:flex;gap:7px;flex-wrap:wrap}.alphabet button{font-size:12px;padding:7px}.alphabet button.active{background:#dfcba8;color:#090909}input{border:0;border-bottom:1px solid #675c4c;padding:9px;background:transparent;color:#fff;width:220px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px 18px}.card{text-align:left;padding:0;display:block;width:100%}.art{aspect-ratio:3/4;background:radial-gradient(ellipse at 48% 29%,#827566 0, #5b5148 14%, transparent 14.5%),radial-gradient(ellipse at 48% 109%,#4d453f 0,#665b50 47%,transparent 47.5%),linear-gradient(125deg,#39342e,#121211);position:relative;overflow:hidden}.art:after{content:'PHOTO PLACEHOLDER';position:absolute;bottom:15px;left:15px;font-size:8px;letter-spacing:.2em;color:#b9ac96}.card:nth-child(2n) .art{filter:grayscale(1)}.card:nth-child(3n) .art{background-color:#30302a;transform:none}.card:hover .art{filter:brightness(1.15)}.card .label{display:flex;justify-content:space-between;align-items:center;padding:15px 0;border-bottom:1px solid #37312a}.label strong{font-size:15px;font-weight:400;letter-spacing:.1em}.label span{font-size:10px;color:#998b78}footer{margin-top:60px;padding:30px 4vw;border-top:1px solid #37312a;font-size:11px;color:#998b78;display:flex;justify-content:space-between}#detail{display:none}.back{margin-bottom:30px;padding:10px 0}.profile{display:grid;grid-template-columns:1fr 1fr;gap:5vw}.photo{position:relative}.photo .art{aspect-ratio:4/5}.photo-controls{display:flex;justify-content:space-between;padding:15px 0}.stats{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid #37312a;padding:20px 0;gap:8px}.stats small{display:block;font-size:9px;color:#998b78;margin-bottom:10px}.stats span{font-size:13px}.cta{border:1px solid #bba582;padding:16px 24px;display:block;width:100%;font-size:11px;letter-spacing:.2em}.video{aspect-ratio:9/16;max-height:680px;width:100%;background:linear-gradient(155deg,#27231d,#111);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #37312a;color:#a99575;text-align:center;padding:25px}.video b{font-size:36px;font-weight:400}.video p{font-size:12px;max-width:230px}.detail-name{font-family:Georgia,serif;font-size:52px;font-weight:400;margin:0 0 25px}.archive{margin-top:70px}.archive h2{font:40px Georgia,serif}.videos{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.videos .video{aspect-ratio:9/13}.load{display:block;margin:30px auto;padding:16px 35px;border:1px solid #675c4c}dialog{background:#181613;color:#dfcba8;border:1px solid #675c4c;max-width:440px;padding:30px}dialog::backdrop{background:#000a}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #ead6b5;outline-offset:4px}#empty{display:none;padding:40px;text-align:center} @media(max-width:760px){header{align-items:start;flex-direction:column;padding:20px}nav{gap:15px;font-size:9px;flex-wrap:wrap}.wrap{padding:35px 20px}.intro{display:block}.grid{grid-template-columns:repeat(2,1fr);gap:25px 12px}.profile{grid-template-columns:1fr}.videos{grid-template-columns:repeat(2,1fr)}.notice{padding:10px 20px}.stats{gap:4px}.label strong{font-size:12px}.label span{font-size:9px}footer{gap:20px}.video{max-height:600px}}@media(prefers-reduced-motion:no-preference){.art{transition:filter .2s}}

[hidden]{display:none!important}.wrap{max-width:1536px;margin:auto}button{min-height:44px;min-width:44px}.alphabet{display:none}.filters{justify-content:flex-start}input{min-height:44px;font-size:16px}.reset{border:1px solid #675c4c;padding:6px 18px}.result-count{margin-left:auto;font-size:12px}.label strong{overflow-wrap:anywhere}.card .label{gap:8px}.card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.photo img{width:100%;aspect-ratio:4/5;object-fit:contain;background:#191715;display:block}.photo-controls{align-items:center}.detail-name{overflow-wrap:anywhere}.stats small,.eyebrow{font-size:12px;color:#b5aa98}.label span{font-size:12px}.video{position:relative}.skip{position:absolute;left:12px;top:-100px;background:#eee;color:#111;padding:15px;z-index:10}.skip:focus{top:10px}.archive-end{font-size:13px;text-align:center}.video iframe{width:100%;height:100%;position:absolute;inset:0;border:0}.video button{border:1px solid #675c4c;padding:10px}.video .eyebrow{margin-bottom:20px}.photo-status{font-size:13px}.stats{flex-wrap:wrap}.card:hover img{filter:brightness(1.15)}dialog{width:calc(100% - 40px)}.load{min-width:160px}nav button{font-size:12px}.detail-name:focus{outline:none}@media(min-width:768px) and (max-width:1199px){.grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:767px){.profile{grid-template-columns:1fr}.grid,.videos{grid-template-columns:repeat(2,minmax(0,1fr))}.intro{display:block}.wrap{padding:35px 20px}.label{align-items:start!important;flex-direction:column}.stats{grid-template-columns:repeat(3,1fr)}.filters input{width:100%}.result-count{margin-left:0}h1{font-size:64px}header a{font-size:18px}nav{gap:8px}.video{max-height:none}.detail-name{font-size:40px}}

.intro p,.video p,.photo-status,.stats span,.archive-end,dialog p{font-size:16px;line-height:1.65}.missing-photo{display:flex;align-items:center;justify-content:center;aspect-ratio:3/4;background:#191715;color:#b5aa98;font-size:16px}.label span{color:#b5aa98}.video strong{font-size:16px;margin:12px 0}.notice{font-size:14px;line-height:1.6}.cta{font-size:14px;letter-spacing:.12em}nav{flex-wrap:wrap}.profile>*{min-width:0}@media(max-width:767px){header{align-items:start;flex-direction:column;padding:20px}nav{flex-wrap:wrap;font-size:12px}.stats{row-gap:20px}.label strong{font-size:15px}}
footer{flex-wrap:wrap;align-items:center}footer a{color:#dfcba8;min-height:44px;display:inline-flex;align-items:center;text-underline-offset:5px}

/* Motion is optional: content remains visible with reduced motion or no JS. */
.card-image{overflow:hidden;background:#191715;aspect-ratio:3/4}
.card-image img{height:100%;object-position:center}
@keyframes soft-enter{from{opacity:.15;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes dialog-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:no-preference){
 .intro{animation:soft-enter .65s cubic-bezier(.2,.7,.2,1) both}
 .card{animation:soft-enter .55s cubic-bezier(.2,.7,.2,1) var(--enter-delay,0ms) backwards}
 .profile{animation:soft-enter .5s cubic-bezier(.2,.7,.2,1) both}
 .card-image img{transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .3s ease}
 .cta,.reset,.load,nav button{transition:background-color .2s ease,color .2s ease,border-color .2s ease}
 dialog[open]{animation:dialog-enter .22s ease-out both}
 .cta:hover,.reset:hover,.load:hover{background:#dfcba8;color:#090909;border-color:#dfcba8}
 nav button:hover{color:#fff}
}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .card:hover .card-image img,.card:focus-visible .card-image img{transform:scale(1.035);filter:brightness(1.05)}
}
@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}

header{display:grid;grid-template-columns:1fr;text-align:center;justify-items:center;gap:14px;padding:24px 4vw 12px}header a{font-size:clamp(22px,4vw,52px);letter-spacing:.08em}header nav{justify-content:center;gap:30px}.wrap{padding-top:20px}.featured{position:relative;overflow:hidden;min-height:380px;height:min(66vw,680px);background:#191715}.featured>img{width:100%;height:100%;object-fit:cover;object-position:center 42%;display:block}.featured:after{content:'';position:absolute;inset:30% 0 0;background:linear-gradient(transparent,#000b);pointer-events:none}.featured-caption{position:absolute;z-index:1;bottom:34px;left:24px;right:24px;text-align:center;display:flex;align-items:center;flex-direction:column;gap:12px;color:#fff}.featured-caption h1{font:500 clamp(28px,4vw,60px)/1.05 Arial,sans-serif;margin:0;letter-spacing:.02em}.featured-caption .eyebrow{color:#fff}.film-status{font-size:13px;color:#fff}.featured-caption button{border-bottom:1px solid #ffffff80;font-size:14px;padding:8px 16px;color:#fff}.intro{margin-top:50px}.intro h2{font:400 32px/1.2 Arial,sans-serif;margin:0}.filters{margin-top:24px}.notice{text-align:center}@media(max-width:767px){header{display:grid;padding:18px 20px 8px}header nav{gap:8px 16px}.featured{min-height:380px;height:62vh;max-height:540px}.featured>img{object-position:53% center}.featured-caption{bottom:24px;left:16px;right:16px}.intro{margin-top:34px}}
@media(prefers-reduced-motion:no-preference){.featured-caption{animation:soft-enter .7s ease-out both}}

#models{margin-top:28px}

.featured>video{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.film-toggle{position:absolute;bottom:18px;right:18px;z-index:3;border:1px solid #ffffff90;color:white;background:#0006;font-size:12px;letter-spacing:.08em;padding:8px 14px}.featured-caption{pointer-events:none}
header{border-bottom:0}

.featured{cursor:pointer}.featured:focus-visible{outline:2px solid #dfcba8;outline-offset:4px}
@media(min-width:1200px){.grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 16px}}
.card-image,.card img,.missing-photo{aspect-ratio:4/5}.card .label{padding:10px 0}.card-image{position:relative}.card-image:after{content:'';position:absolute;inset:0;background:#000;opacity:0;pointer-events:none}
@media(hover:hover) and (pointer:fine){.card:hover .card-image:after,.card:focus-visible .card-image:after{opacity:.12}}
@media(prefers-reduced-motion:no-preference){.card-image:after{transition:opacity .3s ease}}

/* Landscape portrait presentation requested by client. */
.card-image{aspect-ratio:16/9;background:#fff;display:flex;align-items:center;justify-content:center}
.card .card-image img{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center;background:#fff}
.card .label{display:none}
.card-image:after{background:transparent}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){.card:hover .card-image img,.card:focus-visible .card-image img{transform:scale(1.035);filter:none}}

@media(min-width:1200px){.grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

#detail .detail-name{display:none}

.photo #portrait{height:680px;max-height:70vh;aspect-ratio:auto;cursor:zoom-in}
#hero-video>.video{height:680px;max-height:70vh}
#photo-viewer{padding:12px;background:#111;border:0;width:max-content;max-width:95vw;max-height:95vh}
#photo-viewer::backdrop{background:rgba(0,0,0,.85)}
#photo-viewer img{display:block;max-width:90vw;max-height:83vh;object-fit:contain}
#photo-viewer button{display:block;margin-left:auto;color:white}



.photo #portrait{width:auto;max-width:100%;margin-left:auto;margin-right:auto;background:transparent}

#stats{display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left}#stats>div{display:flex;align-items:baseline;gap:20px}#stats small{min-width:68px}

#photo-viewer[open]{display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px 24px;align-items:center}
#photo-viewer>button{grid-column:1/-1}
.enlarged-stats{display:flex;flex-direction:column;gap:18px;color:#dfcba8;padding:16px}
.enlarged-stats>div{display:flex;flex-direction:column;gap:5px}
#photo-viewer img{max-width:calc(90vw - 150px)}
@media(max-width:480px){#photo-viewer[open]{gap:8px}.enlarged-stats{padding:4px;font-size:12px;gap:12px}#photo-viewer img{max-width:calc(90vw - 100px)}}

.photo{display:grid;grid-template-columns:max-content minmax(0,auto);justify-content:center;align-items:center;column-gap:18px}
.photo #stats{grid-column:1;grid-row:1;margin:0;gap:18px}
.photo #stats>div{display:flex;flex-direction:column;gap:5px}
.photo #stats small{min-width:0}
.photo #portrait{grid-column:2;grid-row:1;margin:0;min-width:0;object-fit:contain}
.photo .photo-controls,.photo #photo-error{grid-column:2}
.enlarged-stats{padding:0;gap:18px}
#photo-viewer[open]{column-gap:18px}
@media(max-width:480px){.photo{column-gap:12px}.photo #stats{gap:12px;font-size:12px}.photo #portrait{height:auto;max-height:70vh;width:100%}}

.photo #stats{align-self:stretch;justify-content:space-between;gap:16px;font-size:20px;padding:0}
.photo #stats small{font-size:14px;letter-spacing:.08em}
.photo #stats>div{gap:7px}
.enlarged-stats{align-self:stretch;justify-content:space-between;font-size:22px;gap:16px}
.enlarged-stats small{font-size:14px;letter-spacing:.08em}
@media(max-width:480px){.photo #stats,.enlarged-stats{font-size:16px;gap:10px}.photo #stats small,.enlarged-stats small{font-size:11px}}

.photo #stats,.enlarged-stats{border:0;align-items:stretch;gap:10px}
.photo #stats>div,.enlarged-stats>div{background:#201e1a;padding:12px 16px;min-width:100px;justify-content:center;flex:1}
.photo #stats small,.enlarged-stats small{margin:0}
.photo #stats span,.enlarged-stats span{font-size:20px;line-height:1.3}
@media(max-width:480px){.photo #stats>div,.enlarged-stats>div{padding:8px;min-width:72px}.photo #stats span,.enlarged-stats span{font-size:16px}}

.photo #stats small,.enlarged-stats small{font-size:16px}
.photo #stats span,.enlarged-stats span{font-size:24px}
@media(max-width:480px){.photo #stats small,.enlarged-stats small{font-size:12px}.photo #stats span,.enlarged-stats span{font-size:19px}}

.photo{column-gap:26px}
.photo #stats,.enlarged-stats{gap:14px}
.photo #stats>div,.enlarged-stats>div{padding:14px 20px;border-radius:10px;background:#1a1916;gap:8px}
#photo-viewer[open]{column-gap:26px}
@media(max-width:480px){.photo{column-gap:14px}.photo #stats,.enlarged-stats{gap:10px}.photo #stats>div,.enlarged-stats>div{padding:10px;border-radius:8px}#photo-viewer[open]{column-gap:14px}}

.measure-number{font-size:30px;font-weight:500;line-height:1.15}
.measure-unit{font-size:13px;font-style:normal;margin-left:6px;color:#aca391}
@media(max-width:480px){.measure-number{font-size:24px}.measure-unit{font-size:11px;margin-left:4px}}

.measure-number{font-size:27px}
.photo #stats>div,.enlarged-stats>div{border-radius:0}
@media(max-width:480px){.measure-number{font-size:22px}}

.photo #stats>div,.enlarged-stats>div{background:#121210}
#photo-viewer>button{grid-column:2;grid-row:1;justify-self:end;margin:0}
#photo-viewer .enlarged-stats{grid-column:1;grid-row:2}
.zoom-stage{grid-column:2;grid-row:2;overflow:hidden;cursor:zoom-in;max-width:calc(90vw - 150px)}
.zoom-stage.zoomed{cursor:grab}.zoom-stage.zoomed:active{cursor:grabbing}
#photo-viewer .zoom-stage img{transform-origin:center;user-select:none;max-height:78vh}
@media(max-width:480px){.zoom-stage{max-width:calc(90vw - 100px)}}
#photo-viewer>button{grid-column:2;grid-row:1;z-index:2;align-self:start;justify-self:end;margin:10px;background:rgba(0,0,0,.65);padding:8px 14px;position:relative}
#photo-viewer .enlarged-stats{grid-row:1}
#photo-viewer .zoom-stage{grid-row:1}
@media(prefers-reduced-motion:no-preference){#photo-viewer .zoom-stage img{transition:transform .35s cubic-bezier(.22,.61,.36,1)}#photo-viewer .zoom-stage:active img{transition:none}}
.photo #stats>div,.enlarged-stats>div{padding-left:10px;padding-right:10px;min-width:0}
@media(max-width:480px){.photo #stats>div,.enlarged-stats>div{padding-left:7px;padding-right:7px}}
.photo #stats small,.enlarged-stats small{font-size:12px;letter-spacing:.04em}
.enlarged-stats>div{padding:10px 8px;gap:5px}
.enlarged-stats .measure-number{font-size:24px}
.enlarged-stats .measure-unit{font-size:11px;margin-left:4px}
#photo-viewer>button{opacity:.45;transition:opacity .2s ease}
#photo-viewer>button:hover,#photo-viewer>button:focus-visible{opacity:1}
@media(max-width:480px){.photo #stats small,.enlarged-stats small{font-size:10px}.enlarged-stats .measure-number{font-size:21px}}
.photo #stats>div,.enlarged-stats>div{align-items:center;text-align:center}
.photo #stats>div>span,.enlarged-stats>div>span{white-space:nowrap}
.photo #endorse{grid-column:2;width:100%;margin:8px 0 0;padding:14px 20px}
.photo .photo-controls{justify-content:center;padding:12px 0 4px}
#photo-count{display:none}
.photo .photo-controls:has(#prev[hidden]):has(#next[hidden]){display:none}
#photo-viewer .enlarged-stats{gap:14px}
#photo-viewer .enlarged-stats>div{padding:14px 10px;gap:8px;border-radius:0;background:#121210;align-items:center;text-align:center}
#photo-viewer .enlarged-stats small{font-size:12px;letter-spacing:.04em}
#photo-viewer .enlarged-stats .measure-number{font-size:27px}
#photo-viewer .enlarged-stats .measure-unit{font-size:13px;margin-left:6px}
@media(max-width:480px){#photo-viewer .enlarged-stats{gap:10px}#photo-viewer .enlarged-stats>div{padding:10px 7px}#photo-viewer .enlarged-stats small{font-size:10px}#photo-viewer .enlarged-stats .measure-number{font-size:22px}#photo-viewer .enlarged-stats .measure-unit{font-size:11px;margin-left:4px}}
#photo-viewer{background:#090909;padding:16px}
#photo-viewer[open]{gap:8px 26px}
#photo-viewer .zoom-stage img{height:min(680px,70vh);max-height:70vh;width:auto}
#photo-viewer .enlarged-endorse{grid-column:2;grid-row:2;width:100%;opacity:1;margin:0;padding:14px 20px;background:none;align-self:auto;justify-self:stretch}
@media(max-width:480px){#photo-viewer[open]{column-gap:14px}#photo-viewer .zoom-stage img{height:auto;max-height:70vh}}
@keyframes stats-from-photo{from{opacity:0;transform:translateX(calc(100% + 26px))}to{opacity:1;transform:translateX(0)}}
.photo #portrait,.zoom-stage{position:relative;z-index:1}
.photo #stats,.enlarged-stats{position:relative;z-index:0}
@media(prefers-reduced-motion:no-preference){.photo #stats>div,.enlarged-stats>div{animation:stats-from-photo .65s cubic-bezier(.22,.61,.36,1) both}.photo #stats>div:nth-child(2),.enlarged-stats>div:nth-child(2){animation-delay:.06s}.photo #stats>div:nth-child(3),.enlarged-stats>div:nth-child(3){animation-delay:.12s}.photo #stats>div:nth-child(4),.enlarged-stats>div:nth-child(4){animation-delay:.18s}.photo #stats>div:nth-child(5),.enlarged-stats>div:nth-child(5){animation-delay:.24s}}
@media(hover:hover) and (pointer:fine){
#photo-viewer .enlarged-stats{opacity:0;transform:translateX(calc(100% + 26px));pointer-events:none;transition:transform .45s ease,opacity .3s ease}
#photo-viewer .enlarged-stats>div{animation:none}
#photo-viewer.reveal-stats .enlarged-stats,#photo-viewer:has(.enlarged-stats:hover) .enlarged-stats{opacity:1;transform:translateX(0);pointer-events:auto}
}
@media(prefers-reduced-motion:reduce){#photo-viewer .enlarged-stats{transition:none}}
#photo-viewer .enlarged-endorse{display:none}

.card-image:before{content:'↗';position:absolute;right:0;bottom:0;width:40px;height:40px;display:grid;place-items:center;background:#fff;color:#111;font-size:22px;z-index:2;transform:translateY(100%);transition:transform .2s ease;pointer-events:none}
@media(hover:hover) and (pointer:fine){.card:hover .card-image img,.card:focus-visible .card-image img{transform:none;filter:none;opacity:.7}.card:hover .card-image:before,.card:focus-visible .card-image:before{transform:translateY(0)}}
.card-image img{transition:opacity .2s ease}
@media(prefers-reduced-motion:reduce){.card-image:before,.card-image img{transition:none}}

.card-hover-name{position:absolute;left:0;right:40px;bottom:0;min-height:40px;padding:10px 14px;background:rgba(0,0,0,.7);color:white;font-size:14px;letter-spacing:.1em;opacity:0;transform:translateY(100%);transition:transform .2s ease,opacity .2s ease;z-index:2;text-align:left;pointer-events:none}
@media(hover:hover) and (pointer:fine){.card:hover .card-hover-name,.card:focus-visible .card-hover-name{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){.card-hover-name{transition:none}}

.letter-filter{display:flex;justify-content:center;flex-wrap:wrap;gap:2px;margin:28px 0 18px}
.letter-filter button{min-width:32px;min-height:44px;padding:8px;font-size:13px;color:#dfcba8}
.letter-filter button:disabled{opacity:.25;cursor:default}
.letter-filter button[aria-pressed=true]{background:#dfcba8;color:#090909}
.card-hover-name{font-family:Georgia,'Times New Roman',serif;font-size:17px;letter-spacing:.06em}
.card-hover-name{background:transparent;color:#000;right:0;text-align:center;font-family:Georgia,'Times New Roman',serif}
.card-image:before{display:none}
.card-hover-name{left:auto;right:0;bottom:0;text-align:right;width:auto;padding:10px 14px}
