/* Selected work as four full-page editorial chapters. */
.work-stories{background:#101010;color:#fff;padding-top:70px}
.work-heading{display:flex;justify-content:space-between;align-items:flex-start;gap:36px;padding-bottom:65px}
.work-heading .eyebrow{color:#cbc3c9;padding-top:10px}
.work-heading h2{font-size:clamp(46px,6vw,86px);line-height:1.03;font-weight:400;letter-spacing:-.06em}
.work-heading em,.work-story-title em,.work-epilogue em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.work-stage{max-width:1600px;margin:auto;background:#101010}
.work-page{--sheet:#dae5ef;--type:#203b51;background:var(--sheet);color:var(--type);position:relative;min-height:760px}
.work-craft{--sheet:#e5ded2;--type:#35281e}
.work-table{--sheet:#9d3025;--type:#fff3e5}
.work-studio{--sheet:#ff73e1;--type:#101010}
.work-page-inner{max-width:1320px;margin:auto;display:grid;grid-template-rows:auto auto minmax(260px,1fr) auto;gap:22px;padding:32px 6% 28px;min-height:inherit}
.work-chapter{display:flex;align-items:center;justify-content:space-between;font-size:12px;line-height:1.5;letter-spacing:.12em}
.work-story-title{font-size:clamp(38px,4.5vw,64px);line-height:1.07;font-weight:500;letter-spacing:-.055em;position:relative;z-index:1}
.work-craft .work-story-title{text-align:right}
.work-table .work-story-title{text-align:center}
.work-studio .work-story-title{padding-left:9%}
.work-preview{display:flex;flex-direction:column;align-self:stretch;justify-self:center;width:86%;min-height:0;border:1px solid #00000020;box-shadow:0 20px 42px #00000020;overflow:hidden;background:#fff;transform:rotate(-1.5deg)}
.work-craft .work-preview{transform:rotate(1.5deg);width:80%}
.work-table .work-preview{transform:rotate(-1deg);width:86%}
.work-studio .work-preview{transform:rotate(1deg)}
.work-preview .project-browser{height:30px;flex-shrink:0;background:#ffffffed;color:#555;padding-inline:13px;border:0}
.work-preview .project-browser>span{height:5px;width:5px}
.work-preview .project-browser small{font-size:12px}
.work-preview .project-canvas{min-height:0;flex:1;padding:26px 7%;justify-content:center}
.work-preview .project-canvas strong{font-size:clamp(36px,4.8vw,68px);line-height:.95;letter-spacing:-.065em}
.work-preview .project-kicker{font-size:12px;line-height:1.5;letter-spacing:.06em;margin-bottom:16px;max-width:75%}
.work-preview .project-faux-button{font-size:12px;padding:9px 14px;margin-top:18px}
.work-preview .project-faux-line{margin-top:18px;background:#c7ae78}
.work-preview .odonto-canvas{background:#f5f7f8;color:#203b51}
.work-preview .odonto-canvas:after{background:#b0c6d5;right:-5%;top:-25%;opacity:.75}
.work-preview .barber-canvas{background:#27221e;color:#f5e8d0}
.work-preview .barber-canvas:after{border-color:#c7ae78}
.work-preview .food-canvas{background:#f2dfc8;color:#8a2922}
.work-preview .food-canvas:after{background:#cc644c;opacity:.35}
.work-preview .mascar-canvas{background:#0a0a0a url('/assets/idea-unfolding.webp') center 60%/cover;color:#fff;position:relative}
.work-preview .mascar-canvas:after{inset:0;width:auto;height:auto;background:linear-gradient(90deg,#000a,transparent 80%)}
.work-preview .mascar-canvas strong{font-weight:500}
.work-preview .mascar-canvas .project-faux-button{border-color:#ff73e1;color:#ffbbed}
.work-page .project-meta{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding-top:8px;color:var(--type)}
.work-page .project-meta h4{font-size:20px;line-height:1.3;letter-spacing:-.035em;font-weight:600;margin:0}
.work-page .project-meta p{font-size:14px;line-height:1.5;color:inherit;opacity:.85;margin-top:6px}
.work-page .project-meta>a,.work-page .project-status{font-size:12px;color:inherit;letter-spacing:.045em;padding:0;line-height:1.6}
.work-page .project-meta>a{border-bottom:1px solid currentColor;min-height:35px}
.work-navigation{display:none}
.work-animated .work-runway{height:480svh}
.work-animated .work-stage{position:sticky;top:12px;height:calc(100svh - 24px);display:flex;flex-direction:column;isolation:isolate}
.work-animated .work-pages{position:relative;flex:1;min-height:0;overflow:hidden}
.work-animated .work-page{position:absolute;inset:0;min-height:0;will-change:clip-path,transform;transform-origin:50% 100%}
.work-animated .work-page-inner{height:100%;min-height:0;grid-template-rows:auto auto minmax(170px,1fr) auto;gap:18px;padding-block:24px}
.work-animated .work-navigation{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:10px max(28px,4%);min-height:66px;color:#fff;background:#101010;flex-shrink:0}
.work-scroll-label{font-size:14px;color:#d5cdd2}
.work-tabs{display:flex;gap:14px}
.work-tabs button{position:relative;background:none;border:0;border-bottom:1px solid #ffffff40;width:46px;height:44px;color:#b9b1b6;font-size:14px;cursor:pointer}
.work-tabs button[aria-current=true]{color:var(--pink);border-color:var(--pink)}
.work-tabs button:hover{color:#fff;border-color:#fff}
.work-tabs button:focus-visible{outline-color:var(--pink)}
.work-direction{font-size:26px}
.work-epilogue{padding-block:66px 75px;display:flex;align-items:flex-end;justify-content:space-between;gap:32px}
.work-epilogue>p{font-size:clamp(38px,4.5vw,62px);line-height:1.12;letter-spacing:-.045em}
.work-epilogue em{color:var(--pink)}
.work-next-link{font-size:16px;min-height:44px;padding-block:10px;display:inline-flex;align-items:center;gap:30px;border-bottom:1px solid #ffffff80;white-space:nowrap}
.work-next-link>span:last-child{color:var(--pink);font-size:26px}
@media(max-width:900px){
 .work-heading{padding-bottom:48px}
 .work-page-inner{padding-inline:5%}
 .work-preview,.work-craft .work-preview,.work-table .work-preview{width:92%}
 .work-story-title{font-size:clamp(36px,5.5vw,50px)}
 .work-studio .work-story-title{padding-left:0}
}
@media(max-width:640px){
 .work-stories{padding-top:54px}
 .work-heading{display:block;padding-bottom:38px}
 .work-heading h2{font-size:46px;margin-top:24px}
 .work-page{min-height:640px}
 .work-page-inner{padding:24px 20px;gap:20px;grid-template-rows:auto auto minmax(230px,1fr) auto}
 .work-story-title{font-size:clamp(32px,8.5vw,48px);line-height:1.1}
 .work-craft .work-story-title,.work-table .work-story-title{text-align:left}
 .work-preview,.work-craft .work-preview,.work-table .work-preview{width:96%}
 .work-preview .project-canvas{padding:22px 18px}
 .work-preview .project-canvas strong{font-size:clamp(28px,8.4vw,46px)}
 .work-preview .project-kicker{font-size:12px;max-width:100%;margin-bottom:15px;letter-spacing:0}
 .work-preview .project-faux-button,.work-preview .project-faux-line{display:none}
 .work-page .project-meta{display:block;padding-top:6px}
 .work-page .project-meta h4{font-size:18px}
 .work-page .project-meta p{font-size:14px}
 .work-page .project-meta>a,.work-page .project-status{display:inline-flex;margin-top:8px}
 .work-animated .work-runway{height:440svh}
 .work-animated .work-page-inner{padding:20px 20px 18px;gap:14px;grid-template-rows:auto auto minmax(160px,1fr) auto}
 .work-animated .work-navigation{padding:8px 20px;gap:12px;min-height:62px}
 .work-scroll-label{font-size:12px;max-width:100px;line-height:1.5}
 .work-tabs{gap:4px}.work-tabs button{width:36px}
 .work-direction{display:none}
 .work-epilogue{display:block;padding-block:45px 52px}
 .work-epilogue>p{font-size:39px}
 .work-next-link{margin-top:25px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.work-preview,.work-craft .work-preview,.work-table .work-preview,.work-studio .work-preview{transform:none}.work-page{will-change:auto}}