*{box-sizing:border-box}body{margin:0;background:#fff;color:#111;font-family:'Helvetica Neue',-apple-system,BlinkMacSystemFont,'Segoe UI','Apple SD Gothic Neo',Arial,sans-serif;font-size:12px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}header{height:14vh;min-height:110px;display:flex;align-items:center;justify-content:space-between;padding:0 2.35%;gap:30px}.logo{font-family:Arial,'Apple SD Gothic Neo',sans-serif;font-size:clamp(23px,2.05vw,40px);white-space:nowrap;letter-spacing:-1px}nav{display:flex;gap:clamp(24px,3.1vw,60px);align-items:center}nav a{font-size:clamp(11px,1.04vw,20px);white-space:nowrap;font-stretch:normal;letter-spacing:-.45px;color:#444}nav a.active{font-weight:500;color:#111}a:hover,button:hover{opacity:.55}a:focus-visible,button:focus-visible{outline:1px solid #111;outline-offset:4px}.home{padding:2vh 1.75% 0}.hero{height:68vh;display:block;background:#a4a4a4;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;filter:grayscale(1)}footer{text-align:center;font-size:clamp(11px,1.03vw,20px);padding:9.5vh 0 4vh;color:#444}.work{display:grid;grid-template-columns:24.2% 1fr;gap:0;padding:0 3.8% 0 1.8%}.sidebar{font-size:clamp(10px,.88vw,17px);line-height:1.22;padding-top:0}.group{display:grid;grid-template-columns:18% 1fr;row-gap:8px;margin-bottom:6vh;padding-right:15px}.group ul{list-style:none;margin:0;padding:0}.group a{display:block}.selected{font-weight:500}.gallery{display:grid;gap:2vh .85vw;align-content:start}.gallery.design{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery.visual{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery.retail{grid-template-columns:1fr}.card{display:block;min-width:0}.card .photo{overflow:hidden;background:#a3a3a3;height:38vh}.visual .photo{height:33vh}.retail .photo{height:35vh}.photo img{height:100%;width:100%;object-fit:cover;filter:grayscale(1);transition:transform .4s}.card:hover img{transform:scale(1.025)}.caption{font-size:clamp(10px,.83vw,16px);line-height:1.25;margin-top:1vh}.detail{min-width:0}.detail-top{font-weight:500;display:flex;justify-content:space-between;gap:25px;font-size:clamp(10px,.9vw,17px);padding-bottom:1vh}.detail-image{height:77vh;background:#a3a3a3}.detail-image img{height:100%;width:100%;object-fit:cover;filter:grayscale(1)}.pager{display:flex;justify-content:center;gap:4vw;height:6vh;align-items:center}.pager button{background:none;border:0;font-size:26px;min-width:35px}.pager .spacer{width:9vw}.full-detail{padding:0 2%}.about{margin:10vh auto 0;width:66%;display:grid;grid-template-columns:29% 1fr;gap:3%;font-size:clamp(11px,.86vw,16px);line-height:1.3}.about .identity{grid-column:1/-1;margin-bottom:4vh}.about p{white-space:pre-line;margin:0 0 4vh}.about .bio{padding-top:0}.contact{width:74%;margin:20vh auto 0;display:grid;grid-template-columns:42% 58%;font-size:clamp(11px,.9vw,17px)}.contact p{margin:0 0 4vh;line-height:1.35}.contact form{display:flex;flex-direction:column;gap:1vh}.contact input,.contact textarea{border:0;border-bottom:1px solid #111;border-radius:0;background:#fff;padding:5px 0;outline-offset:3px;width:100%}.contact textarea{margin-top:6vh;resize:vertical;min-height:12vh}.contact button{align-self:flex-end;border:1px solid #111;background:white;padding:6px 17px;margin-top:3vh}.status{font-size:11px;line-height:1.5;color:#555}.back{border:0;background:none;padding:0;text-decoration:underline}.empty-image{background:#a3a3a3}img{color:transparent}
@media(min-width:1700px){header{height:14vh}.work{padding-right:3.8%}}
@media(max-width:900px){header{min-height:110px;height:auto;padding:25px 20px;align-items:flex-start;flex-direction:column;gap:22px}nav{width:100%;gap:20px;overflow:auto;padding-bottom:8px}nav a{font-size:11px}.hero{height:65vh}.home{padding:5px 16px}.work{grid-template-columns:190px 1fr;padding:15px 16px;gap:12px}.gallery.design{grid-template-columns:repeat(2,minmax(0,1fr))}.card .photo{height:32vh}.group{grid-template-columns:1fr;gap:8px;margin-bottom:30px}.about{width:85%;margin-top:7vh;grid-template-columns:30% 1fr}.contact{width:85%;margin-top:10vh;grid-template-columns:35% 65%}.detail-image{height:62vh}.detail-top{flex-direction:column;gap:5px}.full-detail{padding:15px 16px}}
@media(max-width:560px){.work{grid-template-columns:1fr}.sidebar{display:flex;gap:25px;overflow:auto;margin-bottom:20px}.group{flex-shrink:0;max-width:230px;margin:0}.gallery.visual{grid-template-columns:1fr}.gallery .photo{height:36vh}.retail .photo{height:30vh}.about{display:block}.about .identity{margin-bottom:35px}.about .bio{margin-top:35px}.contact{display:block}.contact form{margin-top:45px}.contact textarea{margin-top:25px}.detail-image{height:57vh}footer{padding:6vh 0;font-size:10px}}

/* Keep every project index in place while the right-hand content scrolls. */
.pager button:disabled{opacity:.25;cursor:default}
body[data-fixed-index="true"]{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body[data-fixed-index="true"] header{flex-shrink:0}
body[data-fixed-index="true"] #app{flex:1;min-height:0}
body[data-fixed-index="true"] .work{height:100%;min-height:0;grid-template-rows:minmax(0,1fr)}
body[data-fixed-index="true"] .sidebar{min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:none}
body[data-fixed-index="true"] .gallery,
body[data-fixed-index="true"] .detail{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;padding-bottom:16px}
@media(max-width:560px){body[data-fixed-index="true"] .work{grid-template-rows:auto minmax(0,1fr)}body[data-fixed-index="true"] .sidebar{max-height:28vh}}

/* Expanded images use the full content width with navigation below them. */
.expand-photo,.expanded-photo{display:block;overflow:hidden}
.expand-photo{cursor:zoom-in}
.expanded-photo{cursor:zoom-out}
.expand-photo:hover,.expanded-photo:hover{opacity:1}
body[data-expanded="true"]{height:100vh;height:100dvh;overflow:hidden;display:flex;flex-direction:column}
body[data-expanded="true"] header{flex-shrink:0}
body[data-expanded="true"] #app{flex:1;min-height:0}
body[data-expanded="true"] .full-detail{height:100%;display:grid;grid-template-rows:auto minmax(0,1fr) 44px;padding:0 1.8% 8px}
body[data-expanded="true"] .detail-image{height:100%;min-height:0}
body[data-expanded="true"] .detail-top{align-items:baseline}
.expanded-pager{justify-content:space-between;gap:0;height:auto}
.expanded-pager button{padding:0;font-size:30px;min-width:32px;height:44px}
.expanded-pager button:first-child{text-align:left}
.expanded-pager button:last-child{text-align:right}
@media(max-width:900px){body[data-expanded="true"] .full-detail{padding:0 16px 8px}body[data-expanded="true"] .detail-top{flex-direction:row;align-items:flex-start}body[data-expanded="true"] .detail-top span{text-align:right}}
@media(max-width:560px){body[data-expanded="true"] .detail-top{flex-direction:column;gap:5px}body[data-expanded="true"] .detail-top span{text-align:left}}

/* WORK contains the three existing portfolio sections. */
header{position:relative;z-index:10}
.work-nav{position:relative}
#work-toggle{border:0;padding:0;background:none;font-size:clamp(11px,1.04vw,20px);line-height:normal;letter-spacing:-.45px;color:#444}
#work-toggle.active,#work-toggle[aria-expanded="true"]{font-weight:500;color:#111}
.work-submenu{position:absolute;top:calc(100% + 16px);right:0;width:max-content;max-width:calc(100vw - 32px);list-style:none;margin:0;padding:12px 16px;background:#fff;border:0;z-index:20}
.work-submenu[hidden]{display:none}
.work-submenu li+li{margin-top:14px}
.work-submenu a{display:block;line-height:1.4}
@media(max-width:900px){nav{overflow:visible}#work-toggle{font-size:11px}.work-submenu{right:auto;left:0}}

/* Align the navigation with the top of the centered name. */
header{--header-top:clamp(20px,2.7vh,32px);flex-direction:row;align-items:flex-start;gap:0;height:17.5vh;min-height:140px;padding:var(--header-top) 2.75% 0}
header .logo{position:absolute;left:50%;top:calc(var(--header-top) - .25em);transform:translateX(-50%);line-height:1.2}
header nav{display:grid;grid-template-columns:1fr auto;gap:0;width:100%;padding:0;overflow:visible;align-items:start}
header .work-nav{grid-column:1;grid-row:1 / 3;justify-self:start}
header nav>a{grid-column:2;justify-self:end;line-height:1.2}
header #work-toggle{display:block;line-height:1.2}
header .work-submenu{top:calc(100% + 4px);left:0;right:auto;padding:0}
header .work-submenu li+li{margin-top:3px}
header .work-submenu a{line-height:1.3}
@media(max-width:560px){header{padding-right:16px;padding-left:16px}header nav>a{font-size:10px}header .logo{font-size:20px}}
@media(max-width:360px){header .logo{font-size:18px}}

/* Design thumbnails keep a 3:4 frame in a three-column grid. */
.gallery.design{grid-template-columns:repeat(3,minmax(0,1fr))}
.gallery.design>.brand-start{grid-column-start:1}
@media(max-width:900px){.gallery.design{grid-template-columns:repeat(2,minmax(0,1fr))}}
.gallery.design .photo{position:relative;height:auto;aspect-ratio:3 / 4}
.gallery.design .photo img{position:absolute;inset:0;display:block}

/* Email addresses copy without changing the contact typography. */
.about .copy-email,.contact .copy-email{appearance:none;display:inline;border:0;background:none;padding:0;margin:0;font:inherit;line-height:inherit;text-align:left;vertical-align:baseline}
.copy-feedback{margin-left:8px;font-size:.9em;color:#666}
.copy-feedback:empty{margin-left:0}
.copy-check{width:14px;height:14px;vertical-align:-2px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Project metadata follows the same item in the grid and both detail views. */
.item-role{margin-top:4px;line-height:1.4}
.detail-identity{min-width:0}
.techpack{margin:0}
.techpack-preview{display:block;cursor:zoom-in}
.techpack-preview:hover,.techpack-expanded:hover{opacity:1}
.techpack-preview img,.techpack-expanded img{display:block;width:100%;height:auto;filter:none}
.techpack-stage{min-width:0;min-height:0;overflow:auto;overscroll-behavior:contain;background:#fff;scrollbar-width:thin}
.techpack-expanded{display:block;cursor:zoom-out}
.gallery.design .photo img{object-fit:contain;filter:none;background:#fff}
.gallery.design .photo:has(>img){background:#fff}
.gallery.design .photo>img{inset:14%;width:72%;height:72%}
.gallery .photo:empty{background:#f5f5f5}
@media(max-width:560px){.techpack-expanded{min-width:900px}}
.detail-top,body[data-expanded="true"] .detail-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);align-items:start;gap:20px}
.detail-top .detail-role,body[data-expanded="true"] .detail-top .detail-role{text-align:right;max-width:none;min-width:0}
/* Match the 87px side margins of the 3508px-wide techpack sheets. */
.detail-top-techpack{padding-inline:2.480046%}

.group.has-brand-status>:is(span,.brand-filter){grid-column:1/-1;white-space:nowrap}
.group.has-brand-status>ul{grid-column:2}
@media(max-width:900px){.group.has-brand-status>ul{grid-column:1}}

/* Scroll tracks blend into the white page in both document views. */
:is(.sidebar,.gallery,.detail,.techpack-stage){scrollbar-color:#bfbfbf #fff}
:is(.sidebar,.gallery,.detail,.techpack-stage)::-webkit-scrollbar{width:6px;height:6px;background:#fff}
:is(.sidebar,.gallery,.detail,.techpack-stage)::-webkit-scrollbar-track,
:is(.sidebar,.gallery,.detail,.techpack-stage)::-webkit-scrollbar-corner{background:#fff;border:0;box-shadow:none}
:is(.sidebar,.gallery,.detail,.techpack-stage)::-webkit-scrollbar-thumb{background:#bfbfbf;border:0;border-radius:3px}
body[data-fixed-index="true"] .edge-scroll-content{scrollbar-width:none}
.edge-scroll-content::-webkit-scrollbar{display:none}
.page-scrollbar{position:fixed;inset:0 0 0 auto;width:16px;z-index:30;touch-action:none;user-select:none}
.page-scrollbar[hidden]{display:none}
.page-scrollbar-thumb{position:absolute;top:0;right:0;width:16px;min-height:32px;cursor:default;outline-offset:-2px}
.page-scrollbar-thumb::after{content:"";position:absolute;inset:0 0 0 auto;width:6px;background:#bfbfbf;border-radius:0}
.page-scrollbar-thumb:hover::after,.page-scrollbar-thumb:focus-visible::after{background:#999}
.page-scrollbar-thumb:focus-visible{outline:1px solid #aaa}
@media(max-width:560px){.page-scrollbar-thumb::after{width:4px}}
.sidebar{scrollbar-width:none}
.sidebar::-webkit-scrollbar{display:none}

/* Launch popup: original photographs and selectable portfolio copy. */
.project-photo{position:relative;overflow:hidden;background:#fff}
.project-photo img,.photo .project-photo img{position:absolute;display:block;width:var(--crop-width);height:auto;max-width:none;left:var(--crop-left);top:var(--crop-top);filter:none;transform:none;transition:none}
.gallery.retail{grid-template-columns:minmax(0,1fr);row-gap:32px}
.gallery.retail .photo:has(.project-photo){height:auto;aspect-ratio:16 / 9;background:#fff}
.gallery.retail .photo>.project-photo{width:100%;height:100%}
.popup-case{margin-top:25px;margin-bottom:40px}
.popup-kicker{display:flex;justify-content:space-between;gap:20px;margin-bottom:20px;font-size:11px;font-weight:500}
.popup-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:clamp(20px,2.2vw,42px);align-items:start}
.popup-photos{position:sticky;top:24px;min-width:0}
.popup-photo-details{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;margin-top:6px}
.popup-copy{min-width:0;font-size:clamp(12px,.9vw,15px);line-height:1.4;word-break:keep-all;overflow-wrap:anywhere}
.popup-copy .popup-project-title{font-size:clamp(14px,1.08vw,19px);font-weight:600;line-height:1.35;margin:0 0 18px}
.popup-facts{margin:18px 0 24px}
.popup-facts>div{margin-bottom:8px}
.popup-facts dt{font-weight:600}
.popup-facts dd{margin:0;white-space:pre-line}
.popup-section+.popup-section{margin-top:24px}
.popup-section .popup-section-title{font-size:14px;line-height:1.3;font-weight:600;margin:0 0 12px}
.popup-entry+.popup-entry{margin-top:16px}
.popup-entry .popup-entry-title{font-size:inherit;font-weight:600;line-height:1.35;margin:0 0 4px}
.popup-entry p{margin:0;white-space:pre-line}
.popup-chapter+.popup-chapter{margin-top:36px;padding-top:24px;border-top:1px solid #ddd}
@media(max-width:760px){.popup-layout{grid-template-columns:1fr;gap:28px}.popup-photos{position:static}.popup-copy{font-size:13px}.popup-kicker{font-size:10px;gap:12px}.popup-copy .popup-project-title{font-size:16px}}

/* Visual projects preserve the source photography and planning boards. */
.gallery.visual{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:900px){.gallery.visual{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.gallery.visual{grid-template-columns:1fr}}
.gallery.visual .photo:has(.project-photo){height:auto;aspect-ratio:3 / 4;background:#fff}
.gallery.visual .photo>.project-photo{width:100%;height:100%}
.gallery.visual .photo:has(.video-thumbnail){height:auto;aspect-ratio:3 / 4;background:#111}
.video-thumbnail{position:relative;width:100%;height:100%}
.gallery.visual .video-thumbnail img{object-fit:cover;filter:none}
.campaign-film video{display:block;width:min(100%,calc(70dvh * var(--video-aspect)));height:auto;margin-inline:auto;object-fit:contain;background:#111}
.film-credits,.campaign-credits{max-width:620px;margin:24px 0 0;font-size:clamp(12px,.9vw,15px);line-height:1.65;overflow-wrap:anywhere}
.film-credits{width:min(100%,calc(70dvh * var(--video-aspect)));max-width:none;margin-inline:auto}
.film-credits p,.campaign-credits p{margin:0}
.visual-project{margin:25px 0 40px}
.visual-project .popup-kicker h1{font:inherit;margin:0;text-align:right}
.visual-boards{display:grid;gap:18px}
.visual-boards.lookbook{grid-template-columns:repeat(3,minmax(0,1fr))}
.visual-boards.campaign{grid-template-columns:minmax(0,1fr)}
.visual-boards.editorial{gap:32px}
.visual-boards figure{min-width:0;margin:0}
.visual-boards figcaption{font-size:11px;line-height:1.4;margin:0 0 10px}
.visual-preview{display:block;cursor:zoom-in}
.visual-expanded{display:block;cursor:zoom-out;width:min(100%,900px);min-width:560px;margin:0 auto}
.visual-expanded[data-wide="true"]{width:100%;min-width:1400px}
.visual-preview:hover,.visual-expanded:hover{opacity:1}
@media(max-width:760px){.visual-boards.lookbook,.visual-boards.campaign{grid-template-columns:1fr;gap:28px}}

/* The shooting plan uses the same typography as the project role. */
.shooting-plan{max-width:1060px;font-family:inherit;font-size:clamp(10px,.9vw,17px);font-weight:500;line-height:1.5;overflow-wrap:anywhere}
.shooting-plan h2,.shooting-plan h3,.shooting-plan h4,.editorial-section h2{font:inherit;margin:0 0 14px}
.shooting-plan h2{margin-bottom:32px}
.shooting-plan h4{margin:16px 0 8px}
.shooting-plan p{margin:0;white-space:pre-line}
.plan-block+.plan-block{margin-top:36px}
.plan-schedule{display:grid;grid-template-columns:minmax(0,220px) minmax(0,1fr);gap:28px;align-items:start}
.plan-map{max-width:220px}
.plan-colors{display:flex;flex-wrap:wrap;gap:12px;margin:12px 0 16px}
.plan-colors span{width:44px;aspect-ratio:1}
.plan-lighting{margin-top:28px}
.plan-lighting>.project-photo{max-width:620px;margin:12px 0 16px}
.plan-styling{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:800px;gap:32px;margin-top:36px}
.plan-styling-photo{display:flex;align-items:end;height:180px;margin-bottom:16px}
.plan-styling-photo>.project-photo{width:100%;max-width:calc(180px * 1.3)}
.plan-styling>section:first-child .project-photo{max-width:144px}
.plan-looks{display:grid;gap:48px;margin-top:48px}
.plan-look{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,6vw,100px);max-width:800px}
.plan-look-photo{max-width:280px;margin-bottom:16px}
.plan-locations{max-width:260px}
.plan-locations figure{margin:0 0 24px}
.plan-locations figcaption{font:inherit;margin-top:8px}
.editorial-section{margin-top:64px}
.editorial-section h2{font-size:clamp(10px,.9vw,17px);font-weight:500;margin-bottom:20px}
.editorial-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}
.editorial-gallery figure{min-width:0;margin:0}
.editorial-gallery[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.editorial-gallery .editorial-wide{grid-column:span 2}
.editorial-logo{display:grid;place-items:center;min-width:0;aspect-ratio:4 / 5}
.editorial-logo img{display:block;width:clamp(68px,8vw,120px);max-width:40%;height:auto}
@media(max-width:760px){.plan-schedule{grid-template-columns:minmax(0,150px) minmax(0,1fr);gap:20px}.plan-styling{gap:18px}.plan-styling-photo{height:130px}.plan-styling>section:first-child .project-photo{max-width:104px}.plan-look{gap:24px}.plan-colors span{width:34px}}
@media(max-width:560px){.plan-schedule{grid-template-columns:1fr}.plan-map{max-width:180px}.plan-styling{grid-template-columns:1fr;gap:28px}.plan-styling-photo{max-width:220px;height:auto}.plan-look{grid-template-columns:1fr;gap:28px}.plan-look-photo{max-width:230px}.editorial-gallery{gap:0}}

/* Keep each product photograph within the visible detail area. */
body[data-fixed-index="true"] .detail{container-type:size}
.product-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px 0;margin:24px 2.480046% 32px}
.product-photos[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.product-photos:has(img[src^="assets/products/eqr/"]){background:#e8e8e8;row-gap:8px;margin:16px 1% 24px}
.product-photos:has(img[src^="assets/products/eqr/"]) .project-photo{background:#e8e8e8}
.product-photos:has(img:is([src^="assets/products/qty/"],[src^="assets/products/eqr/"])){width:84%;max-width:1080px;margin-inline:auto}
.product-photos>.product-photo-wide,.product-photos>:only-child{grid-column:1/-1}
.product-photos>.product-photo-centered{grid-column:1/-1;width:50%;justify-self:center}
.product-photo,.product-photo-frame{min-width:0}
.product-photos img{display:block;min-width:0;width:100%;height:auto;max-height:70vh;max-height:calc(100cqh - 48px);object-fit:contain;filter:none}
.product-photo-frame{display:flex;justify-content:center}
.product-photo-frame>.project-photo{width:min(100%,calc((100cqh - 48px) * var(--photo-aspect)))}
.product-photos:has(img:is([src^="assets/products/qty/"],[src^="assets/products/eqr/"])) .product-photo-frame>.project-photo{width:min(100%,calc(min(68cqh,620px) * var(--photo-aspect)))}
.product-photo-frame .project-photo img{width:var(--crop-width);height:auto;max-height:none}
section.product-photos[data-presentation="large"]{width:95.04%;max-width:none;align-items:start;row-gap:0}
section.product-photos[data-presentation="large"] .product-photo-frame>.project-photo{width:100%}
@container(max-width:420px){.product-photos,.product-photos[data-columns="3"]{grid-template-columns:1fr}}
@container(max-width:420px){.product-photos>.product-photo-centered{width:100%}}
@container(max-width:420px){.product-photo-empty{display:none}}
@container(max-width:420px){.product-photos:has(img:is([src^="assets/products/qty/"],[src^="assets/products/eqr/"])){width:92%}}

/* SYMM keeps the original model-and-product composition without its printed labels. */
.product-board{display:flex;justify-content:center;margin:24px 2.480046% 32px}
.product-board-display{position:relative;width:min(100%,calc((100cqh - 48px) * var(--board-aspect)))}
.product-board-zoom{position:absolute;top:0;bottom:0;width:50%;cursor:zoom-in}
.product-board-zoom:first-of-type{left:0}
.product-board-zoom:last-of-type{right:0}
.product-board-zoom:hover{opacity:1}
.product-expanded{display:block;width:min(100%,1100px);min-width:560px;margin:0 auto;cursor:zoom-out}
.product-expanded:hover{opacity:1}
.product-board-thumbnail{width:100%;height:100%;display:grid;place-items:center;container-type:size;background:#fff}
.product-board-thumbnail>.project-photo{width:min(72cqw,calc(72cqh * var(--board-aspect)))}
.gallery.design .photo .project-photo img{inset:auto;left:var(--crop-left);top:var(--crop-top);width:var(--crop-width);height:auto;max-width:none;transform:none;transition:none}

/* A large preview stays beside the independently scrollable season photographs. */
.lookbook-viewer{--viewer-height:clamp(360px,calc(100dvh - 220px),900px);display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:start}
.lookbook-preview{height:var(--viewer-height);min-width:0;min-height:0;background:#fff}
.lookbook-selected{width:min(100%,calc(var(--viewer-height) * var(--look-aspect)));min-width:0}
.lookbook-thumbnails{height:var(--viewer-height);min-width:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-content:start;gap:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none}
.lookbook-thumbnails::-webkit-scrollbar{display:none}
.lookbook-viewer[data-wide="true"] .lookbook-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}
.lookbook-thumb{display:block;min-width:0;padding:0;border:0;background:#fff;position:relative;cursor:pointer}
.lookbook-thumb .project-photo img{width:var(--crop-width)}
.lookbook-thumb:hover{opacity:1}
.lookbook-thumb:focus-visible{outline:1px solid #111;outline-offset:-2px;z-index:1}
@media(max-width:900px){.lookbook-thumbnails{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:560px){.lookbook-viewer{grid-template-columns:1fr;gap:0;--viewer-height:52dvh}.lookbook-thumbnails{height:32dvh;grid-template-columns:repeat(4,minmax(0,1fr))}.lookbook-viewer[data-wide="true"] .lookbook-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr))}}

html:has(body[data-page="visual"]){scrollbar-width:none}
html:has(body[data-page="visual"])::-webkit-scrollbar{display:none}
:is(.gallery.design,.home-preview.design) :is(.photo,.product-board-thumbnail):has(img[src^="assets/products/eqr/"]){background:#e8e8e8}

/* Additional colors keep the original model-left, product-right compositions. */
.colorway-board{display:grid;grid-template-columns:1fr 1fr;align-items:center;aspect-ratio:var(--board-aspect)}
.colorway-photo{display:block;min-width:0;cursor:zoom-in}
.colorway-photo:hover{opacity:1}
.colorway-board>.colorway-photo{width:97.5%;align-self:stretch;display:grid;align-items:center}
.colorway-products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:4%;padding-left:6%;height:100%;min-height:0}
.colorway-products>.colorway-photo{width:100%}
.colorway-board[data-layout="grid"] .colorway-products{grid-template-rows:1fr 1fr}
.colorway-board[data-layout="stack"] .colorway-products{grid-template-columns:1fr;grid-template-rows:38% 58%;gap:4%}
.colorway-board[data-layout="stack"] .colorway-photo{max-height:100%}
.colorway-board[data-layout="stack"] .colorway-products>.colorway-photo:first-child{width:87%}
.colorway-board[data-layout="stack"] .colorway-products>.colorway-photo:last-child{width:40%}
.colorway-board[data-layout="bag"] .colorway-products{grid-template-rows:50% 46%;gap:4%}
.colorway-board[data-layout="bag"] .colorway-products>.colorway-photo:last-child{grid-column:1/-1;width:44%}
.visual-boards.sns{grid-template-columns:repeat(4,minmax(0,1fr));gap:0;align-items:start}
.visual-boards.sns[data-columns="3"]{grid-template-columns:repeat(3,minmax(0,1fr))}
.sns-photo-blank{aspect-ratio:4 / 5;background:#fff}

/* Keep every source sheet intact; normalize only its unchanged style number. */
.techpack-sheet{position:relative;width:100%}
.techpack-sheet>img{display:block;width:100%;height:auto}
.techpack-style-number{position:absolute;inset:0;display:block;width:100%;height:100%;pointer-events:none}
.techpack-style-number text{font-family:"Apple SD Gothic Neo",Arial,sans-serif;font-size:50px;font-weight:700;letter-spacing:0;fill:#000}

/* Only the menu area sticks; the initial whitespace scrolls with the page. */
header{position:sticky;top:0;background:#fff;height:auto;min-height:0;padding-bottom:8px}
header nav{grid-template-rows:min-content 1fr}
header .work-nav{font-size:clamp(11px,1.04vw,20px)}
header .work-submenu{position:absolute;top:1.2em;margin-top:0;padding-top:4px}
header .work-nav.menu-open>.active-work-section{visibility:hidden}
:root{--header-gap:max(0px,calc(max(17.5vh,140px) - var(--sticky-header-height,140px)))}
.header-spacer{height:var(--header-gap);flex-shrink:0;pointer-events:none}
@media(min-width:561px){
 body[data-fixed-index="true"]>.header-spacer{display:none}
 body[data-fixed-index="true"] .work{padding-top:0}
 body[data-fixed-index="true"] :is(.sidebar,.gallery,.detail){padding-top:var(--header-gap)}
}
.active-work-section{display:block;margin-top:4px;line-height:1.3;font-weight:500;color:#111}
.active-work-section[hidden]{display:none}
body[data-page="retail"] .popup-photos{top:24px}

/* Paired product views keep their original color and framing. */
.gallery.design .card:hover{opacity:1}
.product-thumbnail,.thumbnail-face{position:absolute;inset:0;background:#fff}
.thumbnail-face>img{inset:14%!important;width:72%;height:72%;object-fit:contain}
.thumbnail-back{opacity:0;pointer-events:none;transition:none}
.gallery.design .card:hover .thumbnail-face img{transform:none}
.gallery.design .card:focus-visible .thumbnail-back{opacity:1}
@media(hover:hover) and (pointer:fine){.gallery.design .photo:hover .thumbnail-back{opacity:1}}
@media(prefers-reduced-motion:reduce){.thumbnail-back{transition:none}}
.thumbnail-face:has(img[src^="assets/products/eqr/"]){background:#e8e8e8}
.lead-board{display:grid;grid-template-columns:1fr 1fr;align-items:center;aspect-ratio:var(--board-aspect)}
.lead-board>.colorway-photo{min-width:0;width:100%}

/* Center whole technical sheets in the same white thumbnail frame. */
.gallery.design .photo:has(.techpack-thumbnail){background:#fff}
.techpack-thumbnail{width:100%;height:100%;display:grid;place-items:center;background:#fff}
.techpack-thumbnail .techpack-sheet{aspect-ratio:3508 / 2480}
.gallery.design .photo .techpack-thumbnail .techpack-sheet>img{position:relative;inset:auto;width:100%;height:auto;transform:none}

/* Blend the shorts' light photo border into the existing gray card. */
.thumbnail-face:has(img[src*="E-FW26-M-PT-001"]){isolation:isolate}
.thumbnail-face:has(img[src*="E-FW26-M-PT-001"]) .product-board-thumbnail{mix-blend-mode:darken}

/* Keep the established half-width model and product composition. */
.supplied-colorway-board>.colorway-photo{height:100%;align-self:center}
.supplied-colorway-board>.colorway-photo>.project-photo{width:100%}
.supplied-colorway-board[data-layout="three"] .colorway-products{grid-template-rows:48% 48%;gap:4%}
.supplied-colorway-board[data-layout="three"] .colorway-products>.colorway-photo{width:auto;max-width:100%;height:100%;display:grid;place-items:center}
.supplied-colorway-board[data-layout="three"] .colorway-products>.colorway-photo>.project-photo{height:100%;width:auto;max-width:100%}
.supplied-colorway-board[data-layout="three"] .colorway-products>.colorway-photo:last-child{grid-column:1/-1}
.brand-filter{align-self:start;width:fit-content}
.brand-filter[aria-current="page"]{font-weight:600}
/* Extend EQR's background to the printed techpack border; retain photo sizes. */
.eqr-photo-background{margin:16px 2.480046% 24px;background:#e8e8e8}
.eqr-photo-background>.product-photos:has(img){width:88.383923%;margin:0 auto}
@container(max-width:420px){.eqr-photo-background>.product-photos:has(img){width:96.801439%}}

.sidebar{cursor:pointer}
.sidebar-index-return{display:block;min-height:80px;flex:1}
@media(min-width:561px){.sidebar{display:flex;flex-direction:column}.sidebar>.group{flex-shrink:0}}
@media(max-width:560px){.sidebar-index-return{min-width:40px}}

.editorial-logo-wide{grid-column:span 2;aspect-ratio:8 / 5}
.product-thumbnail .product-board-thumbnail>.project-photo{transform:scale(var(--thumbnail-scale,1))}
/* Match EQR and QTY's garment scale to the SYMM pullover reference. */
.product-thumbnail:has(img:is([src^="assets/products/eqr/"],[src^="assets/products/qty/"])) .product-board-thumbnail>.project-photo{width:min(72cqw,calc(62cqh * var(--board-aspect)))}

/* Home overview and linked ABOUT image. */
body[data-page="home"]>.header-spacer{height:clamp(32px,4vw,72px)}
body[data-page="home"].home-tracing::after{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:rgba(255,255,255,.82);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px);animation:home-tracing-reveal .6s ease-out .5s both}
@keyframes home-tracing-reveal{from{opacity:1;visibility:visible}to{opacity:0;visibility:hidden}}
@media(prefers-reduced-motion:reduce){body[data-page="home"]::after{display:none;animation:none}}
.home{--home-slide-gap:.7vw;padding:0 2.4%;min-height:0;display:block;container-type:inline-size}
.home-about{display:block;width:41.4%;aspect-ratio:16 / 9;margin:0 auto 4.1vw;background:#fff}
.home-about img{display:block;width:100%;height:100%;object-fit:contain}
.home-about:hover{opacity:1}
.home-work+.home-work{margin-top:3.6vw}
.home-work:has(.retail){margin-top:1.8vw}
.home-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:16px;margin-bottom:6px;font-size:clamp(10px,.9vw,17px);line-height:1.3}
.home-section-heading h2{font:inherit;font-weight:500;margin:0}
.home-section-actions{display:flex;align-items:center;gap:14px;white-space:nowrap}
.home-slide-toggle{border:0;padding:0 3px;background:none;min-width:18px;line-height:1.3;font-size:inherit}
.home-slide-toggle[aria-pressed="true"]{color:#777}
.home-preview{--home-slide-height:calc((100cqw - var(--home-slide-gap)) * .28125);display:block;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;scroll-behavior:auto;overflow-anchor:none}
.home-preview::-webkit-scrollbar{display:none}
.home-slide-track,.home-slide-group{display:flex;gap:var(--home-slide-gap);width:max-content}
.home-slide-group{flex:none}
.home-preview .card{flex:none;width:calc(var(--home-slide-height) * .75)}
.home-preview .photo{position:relative;height:var(--home-slide-height);aspect-ratio:3 / 4;background:#fff}
.home-preview .card:hover{opacity:1}
.home-preview .photo img{filter:none;transform:none;transition:none}
.home-preview .photo>.project-photo{width:100%;height:100%}
.home-preview.design .photo img{position:absolute;display:block;object-fit:contain}
.home-preview.design .photo>img{inset:14%;width:72%;height:72%}
.home-preview.design .photo .project-photo img{inset:auto;left:var(--crop-left);top:var(--crop-top);width:var(--crop-width);height:auto;max-width:none}
.home-preview.design .photo .techpack-thumbnail .techpack-sheet>img{position:relative;inset:auto;width:100%;height:auto}
.home-preview.design .card:focus-visible .thumbnail-back{opacity:1}
@media(hover:hover) and (pointer:fine){.home-preview.design .photo:hover .thumbnail-back{opacity:1}}
.home-preview.retail{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--home-slide-gap);overflow:visible}
.home-preview.retail .card{width:auto}
.home-preview.retail .photo{aspect-ratio:16 / 9}
.home .contact{width:56.5%;margin:6vw auto 0;grid-template-columns:42% 58%;font-size:clamp(10px,.85vw,16px)}
.home .contact p{margin-bottom:3.4vw}
.home .contact form{gap:.6vw;margin-top:0}
.home .contact input{padding:5px 0}
.home .contact textarea{margin-top:3.8vw;min-height:7vw}
.home .contact button[type="submit"]{margin-top:1.8vw}
.home footer{padding:14vw 0 3vw;font-size:clamp(10px,1.05vw,20px)}
@media(max-width:900px){
 .home{--home-slide-gap:10px;padding-inline:20px}
 .home-about{width:55%;margin-bottom:40px}
 .home-work+.home-work{margin-top:32px}
 .home .contact{width:78%;margin-top:48px}
 .home .contact form{gap:8px}
 .home .contact textarea{min-height:100px}
}
@media(max-width:560px){
 .home{--home-slide-gap:8px;padding-inline:16px}
 .home-about{width:82%;margin-bottom:32px}
 .home-section-actions{gap:8px}
 .home .contact{width:100%;margin-top:40px;display:block}
 .home .contact p{margin-bottom:24px}
 .home .contact form{margin-top:32px}
 .home .contact textarea{margin-top:24px}
 .home .contact button[type="submit"]{margin-top:18px}
 .home footer{padding:72px 0 24px}
}

/* Keep date and role together, with space between employers. */
.about .experience{margin-bottom:4vh}
.about .experience h2{font:inherit;margin:0}
.experience-list{list-style:none;margin:0;padding:0;display:grid;gap:1.1em}

/* Mobile work pages show the content directly, with brand labels in the grid. */
.gallery-brand{display:none}
.detail[data-swipe-previous]{touch-action:pan-y pinch-zoom}
.mobile-work-menu{display:none}
@media(max-width:560px){
 body[data-fixed-index="true"]>.header-spacer{height:24px}
 body[data-fixed-index="true"] .work{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);gap:0}
 .work>.sidebar{display:none}
 .gallery.design{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 8px}
 .gallery>.gallery-brand{display:block;grid-column:1/-1;font:inherit;font-size:11px;font-weight:500;line-height:1.3;margin:16px 0 -4px}
 .gallery>.gallery-brand:first-child{margin-top:0}
 body.mobile-work-open{overflow:hidden}
 .mobile-work-open header .active-work-section{display:none}
 .mobile-work-open .page-scrollbar{visibility:hidden}
 .mobile-work-menu:not([hidden]){position:fixed;inset:var(--sticky-header-height,60px) 0 0;z-index:20;display:flex;flex-direction:column;background:#fff;overflow:hidden}
 .mobile-work-tabs{display:flex;justify-content:space-between;gap:8px;padding:12px 16px 0;flex-shrink:0}
 .mobile-work-tabs button{padding:0;border:0;background:none;white-space:nowrap;font-size:clamp(8px,2.55vw,13px);line-height:1.4;letter-spacing:-.2px}
 .mobile-work-tabs button[aria-pressed="true"]{font-weight:600}
 .mobile-work-index{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:32px 22px 64px;scrollbar-width:thin;scrollbar-color:#bfbfbf #fff}
 .mobile-work-index::-webkit-scrollbar{width:4px;background:#fff}
 .mobile-work-index::-webkit-scrollbar-thumb{background:#bfbfbf;border-radius:0}
 .mobile-work-group{display:grid;grid-template-columns:26% minmax(0,1fr);gap:0 4px;font-size:clamp(10px,2.82vw,14px);line-height:1.3}
 .mobile-work-group+.mobile-work-group{margin-top:28px}
 .mobile-work-group h2{font:inherit;font-weight:600;margin:0}
 .mobile-work-group h2 span{display:block}
 .mobile-work-group ul{list-style:none;margin:0;padding:0}
 .mobile-work-group a{display:block;overflow-wrap:anywhere}
 .mobile-work-group a[aria-current="page"]{font-weight:600}
}