/* Work: supplied art direction, responsive live controls. */
body.work-mode{background:#fff}body.work-mode .standard-shell{position:absolute;inset:0 0 auto;background:transparent;height:0}body.work-mode .standard-shell header{background:transparent;color:white}body.work-mode .standard-shell .brand{z-index:1}body.work-mode .standard-shell .brand .light{width:100%}.work-header-light .topnav a,.work-header-light .topnav .language,.work-header-light .menu-trigger{color:#fff!important}.work-header-light .topnav .current{border-color:white}.work-hero{position:relative;min-height:max(100svh,56.4vw);overflow:hidden;color:white;background:#a31315}.work-hero[hidden],.work-category-panel[hidden]{display:none!important}.work-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.work-circle{position:absolute;width:76%;max-width:none;left:46%;top:-15%;height:auto;pointer-events:none}.work-copy{position:relative;z-index:2;margin-left:7.3%;padding-top:max(180px,13.6vw);width:37%;padding-bottom:8vw}.work-copy h1{font-size:clamp(28px,3.15vw,68px);font-weight:100;line-height:1;letter-spacing:-.055em;margin:0 0 20px;white-space:nowrap}.work-copy h1 strong{font-weight:900}.work-hint{font-size:clamp(11px,.85vw,17px);letter-spacing:.01em;margin:0 0 12px;display:flex;justify-content:space-between;align-items:center}.work-hint span{font-size:23px}.work-categories{border-top:5px solid white;border-bottom:3px solid white;padding:12px 0;display:grid;gap:2px}.work-categories button{display:flex;justify-content:space-between;align-items:center;width:100%;min-height:42px;padding:4px 8px;background:transparent;color:#fff;text-align:left;font:900 clamp(22px,2.2vw,45px)/1.12 Metropolis,Arial,sans-serif;cursor:pointer;transition:background .2s,translate .2s}.work-button-arrow{font-size:.64em;border:1px solid #ffffff80;border-radius:50%;width:1.5em;height:1.5em;display:grid;place-items:center}.work-categories button:hover,.work-categories button:focus-visible{background:#ffffff24;translate:5px 0;outline:2px solid white;outline-offset:-2px}.work-category-panel{background:#fff;color:#111;min-height:100svh;padding:160px max(6.2vw,20px) 70px;box-sizing:border-box}.work-category-panel.is-revealing{position:fixed;inset:0;z-index:30;overflow:hidden;padding-top:160px}.work-panel-head{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:0 0 45px}.work-panel-head h2{font:900 clamp(26px,4vw,64px)/1 Metropolis,Arial,sans-serif;margin:0}.work-back{font:700 12px Metropolis,Arial,sans-serif;padding:14px 0;background:none;cursor:pointer;min-height:44px}.work-back:focus-visible{outline:2px solid #bd101b}.work-project h3{border-top:9px solid #111;border-bottom:2px solid #111;padding:20px 10px;margin:0;font:900 clamp(19px,1.5vw,29px)/1.2 Metropolis,Arial,sans-serif}.work-image-hint{font-size:12px;margin:14px 0;display:flex;justify-content:space-between}.work-mosaic{position:relative}.work-mosaic>img{display:block;width:100%;height:auto}.work-image-hotspot{position:absolute;background:transparent;cursor:zoom-in;padding:0;border:0}.work-image-hotspot:hover{box-shadow:inset 0 0 0 2px #fff9}.work-image-hotspot:focus-visible{outline:3px solid #c41425;outline-offset:-3px}.work-coming{font-size:18px;line-height:1.5;padding:50px 0;border-top:2px solid #111}.work-image-dialog{box-sizing:border-box;position:fixed;inset:0;margin:auto;padding:0;border:0;width:min(880px,94vw);max-width:94vw;max-height:88svh;height:auto;background:#f3f3f3;color:#111;border-radius:2px;overflow:auto}.work-image-dialog::backdrop{background:#000b}.work-viewer-bar{position:sticky;top:0;display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px;background:white;z-index:1;font:700 12px Metropolis,Arial,sans-serif}.work-viewer-bar button{background:none;min-height:44px;padding:8px;cursor:pointer;font:700 12px Metropolis,Arial,sans-serif}.work-viewer-image{display:flex;justify-content:center;padding:14px}.work-viewer-image img{display:block;width:auto;max-width:100%;max-height:72svh;height:auto;object-fit:contain}
@media(max-width:700px){.work-hero{min-height:max(844px,100svh)}.work-background{object-position:70% center}.work-circle{width:850px;left:25px;top:-80px}.work-copy{margin-left:12%;padding-top:490px;width:84%;padding-bottom:50px}.work-copy h1{font-size:27px;line-height:1;letter-spacing:-1.3px;margin-bottom:12px}.work-hint{font-size:10px;margin:0 0 7px}.work-hint span{font-size:17px}.work-categories{border-top:4px solid white;border-bottom:2px solid white;padding:7px 0;gap:1px}.work-categories button{font-size:21px;min-height:35px;padding:3px 3px}.work-category-panel,.work-category-panel.is-revealing{padding:115px 20px 40px}.work-panel-head{margin-bottom:28px}.work-project h3{border-top-width:6px;padding:15px 0;font-size:19px}.work-image-hint{font-size:10px}.work-image-dialog{width:94vw;max-height:84svh}.work-viewer-bar{padding:8px;font-size:10px}.work-viewer-bar button{font-size:10px;white-space:nowrap}.work-viewer-image{padding:6px}.work-viewer-image img{max-height:68svh}}
@media(prefers-reduced-motion:reduce){.work-categories button{transition:none}}

/* Keep the mobile photo in one physical scene and the viewer inside its viewport. */
@media(max-width:700px){.work-circle{display:block}.work-background{object-position:69% center}.work-hero:after{content:"";position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#0006);z-index:1}.work-categories button{min-height:38px}}

.work-image-dialog{inset:50% auto auto 50%;transform:translate(-50%,-50%);margin:0;height:fit-content;min-height:0}.work-hint-desktop{display:none}@media(min-width:701px){.work-hint-desktop{display:inline}.work-hint-mobile{display:none}}

/* Unequal three-image rows follow the supplied portfolio mosaic treatment. */
.work-added-project{margin-top:70px}.work-project-row{display:grid;gap:7px;margin-top:7px;aspect-ratio:4.3}.work-project-row:last-child:nth-child(4){aspect-ratio:3.8}.work-project-image{min-width:0;min-height:0;display:block;padding:0;border:0;background:#808080;overflow:hidden;cursor:zoom-in}.work-project-image img{display:block;width:100%;height:100%;object-fit:cover}.work-project-image:focus-visible{outline:3px solid #c41425;outline-offset:-3px}.work-project-image:hover img{filter:brightness(1.05)}.work-hint>span:first-child{font-size:inherit}.work-hint>span:first-child span{font-size:inherit}
@media(max-width:700px){.work-added-project{margin-top:40px}.work-project-row{gap:3px;margin-top:3px;aspect-ratio:3.25}.work-project-row:last-child:nth-child(4){aspect-ratio:3}.work-circle{display:block}}

body.work-mode>.skip{display:none}

/* Measured artwork registration against Work.jpg (1920×1086) and Mobile.jpg (390×844). */
.work-hero{min-height:100svh;height:56.5625vw;background:#a31315}.work-background{width:100%;height:56.5625vw;inset:0 auto auto 0;object-fit:fill}.work-circle{width:70.208333vw;left:46.458333vw;top:-9.53125vw}.work-copy{margin-left:7.447917vw;padding-top:13.75vw;width:37.1875vw;padding-bottom:0}.work-copy h1{font-size:3.125vw;line-height:.98;margin:0 0 1.2vw;letter-spacing:-.055em}.work-categories{border-top-width:.625vw;border-bottom-width:.3125vw;padding:.7vw .75vw 1.2vw;margin-left:-1.25vw;width:calc(100% + 1.25vw);gap:0}.work-categories button{font-size:2.1875vw;min-height:2.86vw;padding:0 .4vw}.work-hint{position:absolute;top:100%;margin:10px 0;font-size:11px;width:100%}.work-hint span{font-size:inherit}.work-hint>span:last-child{display:none}.work-button-arrow{font-size:.5em}.work-hero:after{display:none}.work-transitioning{position:fixed!important;inset:0!important;height:100svh!important;min-height:0!important;z-index:30;background:transparent!important;pointer-events:none}.work-floating-back{position:fixed;bottom:max(22px,env(safe-area-inset-bottom));right:24px;z-index:24;min-height:48px;padding:15px 20px;border:1px solid #fff5;background:#1c1c1c;color:#fff;box-shadow:0 3px 18px #0003;font:700 12px Metropolis,Arial,sans-serif;cursor:pointer}.work-floating-back[hidden]{display:none}.work-category-panel{padding-bottom:110px}
@media(max-width:700px){
.work-hero{height:216.410256vw;min-height:100svh;background:#a31315}.work-background{width:379.45641vw;height:214.415385vw;left:-170.25641vw;top:1.153846vw;object-fit:fill;max-width:none}.work-circle{display:block;width:269.6vw;left:5.435897vw;top:-36.538462vw}.work-copy{margin-left:12.051282vw;padding-top:127.948718vw;width:84.102564vw;padding-bottom:0}.work-copy h1{font-size:6.923077vw;line-height:.98;letter-spacing:-.055em;margin-bottom:2.564103vw}.work-categories{margin-left:-2.307692vw;width:calc(100% + 2.307692vw);border-top:1.025641vw solid white;border-bottom:.51282vw solid white;padding:1.538462vw 2.307692vw 1.794872vw;gap:0}.work-categories button{font-size:5.384615vw;line-height:1.16;min-height:6.410256vw;padding:0}.work-button-arrow{font-size:.57em}.work-hint{font-size:10px;margin-top:9px}.work-floating-back{right:16px;bottom:max(16px,env(safe-area-inset-bottom));font-size:10px;padding:12px 15px}.work-category-panel{padding-bottom:90px}}

@media(max-width:700px){.work-circle{width:100vw;height:216.410256vw;left:0;top:0;object-fit:fill;clip-path:ellipse(260vw 260vw at 5vw -114vw)}}

@media(min-width:701px){.work-copy{padding-top:13.541667vw}.work-copy h1{margin-bottom:.8vw}.work-categories{padding-top:.95vw}}
@media(max-width:700px){.work-circle{clip-path:ellipse(260vw 260vw at 5vw -118vw)}.work-copy h1{margin-bottom:1.282051vw}.work-categories{padding-top:2.564103vw}}

/* Beauty & Wellness: retain complete supplied artwork and keep related sequences together. */
.work-project-group{margin-top:34px}.work-project-group h4{font:700 clamp(13px,1.1vw,18px)/1.3 Metropolis,Arial,sans-serif;letter-spacing:.06em;margin:0 0 12px}.work-preserve-art .work-project-image{background:#fff}.work-preserve-art .work-project-image img{object-fit:contain}.work-preserve-art.work-feature-row{aspect-ratio:2.5}.work-preserve-art.work-pair-row{aspect-ratio:3.5}.work-beauty-project>.work-feature-row{aspect-ratio:2.3}
@media(max-width:700px){.work-categories button[data-work-category="beauty-wellness"]{font-size:18px}.work-project-group{margin-top:25px}.work-project-group h4{font-size:12px}.work-preserve-art.work-feature-row{aspect-ratio:1.78}.work-preserve-art.work-pair-row{aspect-ratio:3.1}.work-beauty-project>.work-feature-row{aspect-ratio:1.65}}

/* Explicit full-width rows preserve the supplied campaign compositions. */
.work-project-row.work-full-art-row{display:block;aspect-ratio:auto;margin-top:8px}.work-full-art-row .work-project-image{width:100%;background:#fff}.work-full-art-row .work-project-image img{width:100%;height:auto;object-fit:contain}.work-project-row.work-food-pair{aspect-ratio:2.9}.work-project-row.work-tall-art-row{display:flex;justify-content:center;aspect-ratio:auto;background:#fff;margin-top:8px}.work-tall-art-row .work-project-image{width:100%;background:#fff}.work-tall-art-row .work-project-image img{width:100%;height:auto;max-height:650px;object-fit:contain}
@media(max-width:700px){.work-project-row.work-food-pair{aspect-ratio:2.3}.work-tall-art-row .work-project-image img{max-height:420px}}

.work-project-row.work-cong-social{aspect-ratio:2868/1892}.work-cong-social .work-project-image{height:100%}.work-cong-social .work-project-image img{width:117.155%;max-width:none;height:100%;object-fit:fill}

/* Artwork sections use images without presentation headings or helper copy. */
.work-category-content .work-project h4{display:none}
.work-category-content .work-project-group{margin-top:8px}

.work-panel-head h2{margin-left:auto;text-align:right}

/* Consistent separation between the thin brand rule and gallery artwork. */
.work-category-content .work-project h3{margin-bottom:18px}
@media(max-width:700px){.work-category-content .work-project h3{margin-bottom:14px}}
