/* Separate design proposal. The approved SVGs and original base stylesheet are preserved. */
:root{--page-gutter:clamp(22px,6vw,110px);--soft-rule:#35342f}
:focus-visible{outline:1px solid #d7d2c8;outline-offset:6px}
.identity-header-inner{padding-inline:var(--page-gutter)}
body:not([data-page=index]) .identity-header{padding-top:46px}
body:not([data-page=index]) .identity-wordmark{width:min(72vw,1000px)}
body:not([data-page=index]) .discipline-nav{margin-top:36px}
body:not([data-page=index]) .identity-postnav{padding-top:30px;padding-bottom:50px}
.identity-whisper{opacity:.8}
.discipline-cell{color:#aaa79f!important}
.discipline-cell[aria-current=page]{color:#fff!important}
.work-intro{height:auto;min-height:0;align-items:center;padding:55px var(--page-gutter) 44px;scroll-margin-top:95px}
.gallery-title{margin:0;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:clamp(30px,3.2vw,47px);font-weight:400;letter-spacing:0;line-height:1.2;color:#d8d3ca}
.scroll-note{font-size:9px;letter-spacing:.12em}
.editorial-grid{padding:12px var(--page-gutter) clamp(100px,12vw,200px);row-gap:clamp(100px,14vw,220px);column-gap:3vw}
.photo-placement img{max-height:84svh;width:auto;max-width:100%;height:auto;object-fit:contain}
.photo-placement{width:100%;text-align:left}
.photo-placement:hover img{opacity:1}
.photo-placement:after{content:'';width:18px;height:18px;background:currentColor;-webkit-mask:url(assets/arrow-up-right.svg) center/contain no-repeat;mask:url(assets/arrow-up-right.svg) center/contain no-repeat;position:absolute;right:9px;bottom:9px;color:white;opacity:0;transition:opacity .2s;font:18px Georgia,serif;text-shadow:0 1px 6px black}
.photo-placement{position:relative}.photo-placement:hover:after,.photo-placement:focus-visible:after{opacity:1}
.placement-0{grid-column:1/8}.placement-1{grid-column:9/13;margin-top:clamp(100px,16vw,250px)}
.placement-2{grid-column:3/12}.placement-3{grid-column:1/5}.placement-4{grid-column:7/13;margin-top:8vw}.placement-5{grid-column:2/11}
.placement-6{grid-column:1/7}.placement-7{grid-column:9/13;margin-top:17vw}.placement-8{grid-column:2/12}
.placement-9{grid-column:1/5}.placement-10{grid-column:7/13;margin-top:10vw}.placement-11{grid-column:3/11}
.photo-placement.is-landscape{grid-column:2/12;margin-top:0}
.photo-placement.is-landscape img{max-height:78svh;margin-inline:auto}
.continue-section{margin:0 var(--page-gutter);padding:45px 0 65px;border-top:1px solid var(--soft-rule)}
.continue-label,.project-link{font-family:var(--secondary);font-size:9px;letter-spacing:.17em;color:#aaa69d}
.continue-label{margin:0 0 26px}.continue-links{display:flex;gap:clamp(35px,8vw,140px);flex-wrap:wrap}
.continue-links a{display:flex;align-items:center;gap:32px;font-family:'EB Garamond',Georgia,serif;font-style:italic;font-size:clamp(31px,3.4vw,50px);line-height:1.2}.continue-links span{font-style:normal;font-size:20px;color:#88857f;transition:transform .2s}.continue-links a:hover span{transform:translate(3px,-3px);color:white}.project-link{display:inline-block;margin-top:48px;min-height:44px;padding:14px 0}
.footer{padding-inline:var(--page-gutter)}
.quick-header[hidden]{display:none}.quick-header{position:fixed;top:0;left:0;right:0;z-index:50;min-height:70px;padding:17px var(--page-gutter);background:#090909f5;backdrop-filter:blur(16px);border-bottom:1px solid var(--soft-rule);display:flex;align-items:center;justify-content:space-between;gap:40px}
.quick-brand{width:clamp(170px,21vw,310px);line-height:0;flex-shrink:0}.quick-brand img{width:100%;height:auto}
.quick-header nav{display:flex;align-items:center;gap:clamp(20px,3vw,54px)}.quick-header nav a{font-family:var(--secondary);font-size:9px;letter-spacing:.1em;line-height:1.5;min-height:36px;display:flex;align-items:center;color:#a5a198}.quick-header nav a:hover,.quick-header nav a[aria-current=page]{color:white}.quick-header nav a[aria-current=page]{text-decoration:underline;text-underline-offset:7px}
body.viewer-open{overflow:hidden}.lightbox-controls button,.lightbox-close{min-width:48px;min-height:48px}.lightbox-controls{bottom:22px;gap:70px}.lightbox-image{max-height:76svh}
.about-section,.inquiries-section{padding-inline:var(--page-gutter)}
@media(max-width:800px){.quick-header{gap:20px;padding-inline:22px}.quick-brand{width:170px}.quick-header nav{gap:20px}.quick-header nav a{font-size:8px}}
@media(max-width:650px){body:not([data-page=index]) .identity-header{padding-top:40px}body:not([data-page=index]) .identity-wordmark{width:88vw}.discipline-nav{grid-template-columns:repeat(5,minmax(0,1fr));padding:0 15px}.discipline-cell,.discipline-cell:nth-child(4),.discipline-cell:nth-child(5){grid-column:auto;min-height:48px;font-size:8px;letter-spacing:.04em}.discipline-cell:nth-child(3)::after{display:block}.identity-postnav{padding-top:30px;padding-bottom:48px}.identity-subheader{width:90vw;max-width:90vw}.work-intro{padding-top:32px;padding-bottom:30px;gap:20px}.scroll-note{font-size:8px;max-width:140px;text-align:right;line-height:1.8}.editorial-grid{grid-template-columns:repeat(6,minmax(0,1fr));gap:72px 15px;padding-top:8px;padding-bottom:100px}.photo-placement img{max-height:75svh}.placement-0,.placement-6{grid-column:1/6}.placement-1,.placement-7{grid-column:3/7;margin-top:0}.placement-2,.placement-8{grid-column:1/7}.placement-3,.placement-9{grid-column:1/5}.placement-4,.placement-10{grid-column:2/7;margin-top:0}.placement-5,.placement-11{grid-column:1/7}.photo-placement.is-landscape{grid-column:1/7}.quick-header{min-height:88px;flex-direction:column;gap:11px;padding:15px 20px 5px}.quick-brand{width:190px}.quick-header nav{width:100%;justify-content:space-between;gap:10px}.quick-header nav a{min-height:36px;font-size:8px}.continue-section{padding-top:32px;padding-bottom:30px}.continue-links{gap:22px 35px}.continue-links a{gap:18px;font-size:32px}.project-link{margin-top:30px}.about-section,.inquiries-section{padding-top:55px}.work-intro{scroll-margin-top:105px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}
@media(max-width:650px){.discipline-cell{font-size:9px}.quick-header nav a{font-size:9px;min-height:44px}.quick-header{padding-bottom:4px}.continue-links a{min-height:44px}}

/* Vector arrows stay monochrome on every platform. */
.ui-arrow{display:inline-block;width:1em;height:1em;vertical-align:-.12em;flex-shrink:0;overflow:visible}