/* Image accordion and contact-sheet portfolio. */
.work-page{background:radial-gradient(ellipse at 90% 0,#edd9f76b,transparent 35%),radial-gradient(ellipse at 0 15%,#acd9fa75,transparent 42%),linear-gradient(155deg,#f2f8ff,#f8f4fc 65%,#eaf4fb);padding:146px 3.2% 90px;position:relative;isolation:isolate;overflow-x:clip}
.work-page:before{content:'';position:absolute;top:125px;right:-30px;width:47vw;height:490px;border:1px solid #ffffffa6;box-shadow:inset 3px 1px 9px #fff,1px 2px 9px #dfabeb50;border-radius:50%;transform:rotate(-32deg) scaleX(.45);z-index:-1;pointer-events:none}
.work-page .page-intro{padding:6px 2% 38px}.work-page .page-intro h1{font-size:50px;line-height:1.08;font-weight:500;margin-top:18px;color:#304f79}.work-page .page-intro h1 em{background:linear-gradient(105deg,#6b95cf,#898bc3 60%,#b18caf);background-clip:text;color:transparent}.work-page .page-intro>p:last-child{font-size:12px;line-height:1.9;color:#7187a2;bottom:45px}.work-page .section-kicker{color:#637e9f}
.category-panels{display:flex;height:354px;gap:11px;overflow:visible;border-radius:0;isolation:isolate;padding:0 3px}
.category-panel{flex:0 0 66px;min-width:0;border-radius:34px;padding:0;display:block;overflow:hidden;position:relative;isolation:isolate;border:1px solid #ffffffc7;box-shadow:inset 0 1px 2px white,0 9px 23px #597cb210;transition:flex .72s cubic-bezier(.2,.75,.2,1),box-shadow .5s,border-radius .65s;outline-offset:4px;background:#c7d6ee}
.category-panel.is-expanded{flex:1 1 500px;border-radius:34px;box-shadow:0 18px 48px #6785b52b,inset 0 1px 2px white}.category-panel:hover,.category-panel:focus-visible{flex:0 0 66px}.category-panel.is-expanded:hover,.category-panel.is-expanded:focus-visible{flex:1 1 500px}
.category-panel img{position:absolute;width:100%;height:100%;object-fit:cover;inset:0;filter:saturate(.8) brightness(.82);opacity:1;transform:scale(1.08);transition:filter .65s,transform 1s,opacity .65s}.category-panel.is-expanded img{filter:saturate(.95);opacity:1;transform:scale(1)}
.category-panel:after{background:linear-gradient(0deg,#101f39b8,#15274375 65%,#15274355);pointer-events:none}.category-panel.is-expanded:after{background:linear-gradient(0deg,#233957b5,transparent 54%)}
.category-panel .panel-shine{position:absolute;inset:0;z-index:2;border-radius:inherit;pointer-events:none;box-shadow:inset 0 1px 1px white,inset 1px 0 1px #fff9;background:linear-gradient(120deg,#fff3,transparent 18%,transparent 82%,#dbb2f321)}
.category-panel:not(.is-expanded) .panel-shine{background:none}
.category-panel .panel-top{position:absolute;top:26px;left:28px;z-index:3;white-space:nowrap;font-size:9px;letter-spacing:.1em;opacity:0;transition:opacity .35s;transform:none;color:#fff;text-shadow:0 1px 5px #284d75}.category-panel.is-expanded .panel-top{opacity:1;transition-delay:.22s}
.category-panel .panel-vertical{position:absolute;z-index:3;left:50%;bottom:86px;writing-mode:vertical-rl;transform:translateX(-50%);white-space:nowrap;color:#fff;font-size:12px;font-weight:500;letter-spacing:.06em;transition:opacity .2s;text-shadow:0 1px 6px #203655}.category-panel.is-expanded .panel-vertical{opacity:0}
.category-panel .panel-bottom{position:absolute;z-index:3;left:11px;bottom:15px;display:flex;align-items:center;gap:15px;width:max-content;max-width:calc(100% - 24px);margin:0;transition:left .65s,bottom .65s;color:white}.category-panel.is-expanded .panel-bottom{left:26px;bottom:27px}.panel-icon{width:42px;height:42px;flex-shrink:0;border-radius:50%;display:grid;place-items:center;color:#5e83b7;background:linear-gradient(135deg,#ffffffef,#e9eafbdf);border:1px solid white;box-shadow:inset 0 -3px 7px #bd9bd73d,0 3px 15px #112f5230;backdrop-filter:blur(12px)}.panel-icon svg{width:19px;height:21px}.category-panel:nth-child(2) .panel-icon{color:#a077b5}.category-panel:nth-child(3) .panel-icon{color:#bd8baa}.category-panel:nth-child(4) .panel-icon{color:#638eae}.category-panel:nth-child(5) .panel-icon{color:#a181b1}.category-panel:nth-child(6) .panel-icon{color:#719eac}.category-panel:nth-child(7) .panel-icon{color:#9b8ab9}
.panel-caption{display:flex;flex-direction:column;gap:6px;white-space:nowrap;opacity:0;transition:opacity .2s;overflow:hidden}.panel-caption strong{font-size:23px;font-weight:500;letter-spacing:-.055em}.panel-caption>span{font-size:8px;letter-spacing:.11em;color:#ffffffd4}.is-expanded .panel-caption{opacity:1;transition-delay:.22s}.category-panel .panel-arrow{position:absolute;z-index:3;right:26px;bottom:27px;font-size:23px;color:white;opacity:0;transition:opacity .3s}.is-expanded .panel-arrow{opacity:1;transition-delay:.25s}.category-panel.is-selected .panel-icon{outline:2px solid #fff8;outline-offset:4px}
.work-toolbar{padding:38px 3px 21px;display:flex;align-items:center;gap:20px}.work-toolbar h2{font-weight:500;font-size:14px;letter-spacing:-.035em;color:#36567d}.gallery-hint{font-size:10px;color:#7790ae;flex:1;letter-spacing:-.01em}.touch-hint{display:none}.work-toolbar #work-count{font-size:9px;letter-spacing:.14em;color:#6580a3;margin:0}
.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;align-items:start}.gallery-card{position:relative;aspect-ratio:1;border-radius:0;overflow:hidden;display:block;padding:0;background:#e8f0f9;isolation:isolate;overflow-x:clip}.gallery-card>img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s}.gallery-card:hover>img,.gallery-card:focus-visible>img,.gallery-card.is-revealed>img{transform:scale(1.035)}.gallery-overlay{position:absolute;inset:0;display:block;background:linear-gradient(130deg,#bddbf5cc,#c2c6f0d4 53%,#edd0e8cc);color:#28476e;opacity:0;transition:opacity .36s;backdrop-filter:blur(2px);box-shadow:inset 0 1px 0 #fff9,inset 1px 0 0 #ffffff70}.gallery-card:hover .gallery-overlay,.gallery-card:focus-visible .gallery-overlay,.gallery-card.is-revealed .gallery-overlay{opacity:1}.gallery-overlay:before{content:'';position:absolute;inset:0;background:linear-gradient(128deg,transparent 30%,#fff2 45%,transparent 59%);pointer-events:none}.gallery-year{position:absolute;top:18px;right:18px;font-size:11px;letter-spacing:.035em;font-weight:500}.gallery-caption{position:absolute;inset:35px 20px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.gallery-category{font-size:8px;letter-spacing:.16em;font-weight:500;color:#4c6892}.gallery-caption strong{font-size:clamp(14px,1.25vw,21px);line-height:1.6;letter-spacing:-.045em;word-break:keep-all;font-weight:600;max-width:100%}.gallery-client{font-size:11px;color:#456488;line-height:1.5;letter-spacing:-.02em}.gallery-open{position:absolute;bottom:19px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:12px;font-size:7px;letter-spacing:.11em;color:#52719a;opacity:.8}.gallery-open>span{font-size:17px}
@media(min-width:1500px){.work-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.category-panels{height:410px;gap:15px}.category-panel,.category-panel:hover,.category-panel:focus-visible{flex-basis:84px}.category-panel.is-expanded,.category-panel.is-expanded:hover,.category-panel.is-expanded:focus-visible{flex-basis:650px}.category-panel .panel-bottom{left:20px}.work-page .page-intro h1{font-size:61px}}
@media(max-width:1050px){.category-panel,.category-panel:hover,.category-panel:focus-visible{flex-basis:53px;border-radius:28px}.category-panel.is-expanded,.category-panel.is-expanded:hover,.category-panel.is-expanded:focus-visible{flex-basis:400px;border-radius:28px}.category-panels{gap:8px;height:325px}.category-panel .panel-bottom{left:8px;bottom:13px}.panel-icon{width:35px;height:35px}.category-panel.is-expanded .panel-bottom{left:20px;bottom:23px}.panel-caption strong{font-size:20px}.panel-caption>span{font-size:7px}.category-panel .panel-top{top:22px;left:22px;font-size:8px}.category-panel .panel-arrow{right:22px;bottom:25px}.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.gallery-caption strong{font-size:17px}.work-page .page-intro>p:last-child{position:absolute;right:2%;bottom:43px;font-size:11px}}
@media(max-width:720px){.work-page{padding:117px 5% 65px;overflow:hidden}.work-page .page-intro{padding:7px 2% 28px}.work-page .page-intro h1{font-size:40px}.work-page .page-intro>p:last-child{position:static;font-size:11px;margin-top:18px;line-height:1.8}.category-panels{height:290px;gap:7px;overflow-x:auto;scroll-snap-type:x proximity;padding:4px 3px 15px;scrollbar-width:thin;scrollbar-color:#adbfe24d transparent;max-width:100%}.category-panel,.category-panel:hover,.category-panel:focus-visible{min-width:46px;flex:0 0 46px;border-radius:25px;scroll-snap-align:start}.category-panel.is-expanded,.category-panel.is-expanded:hover,.category-panel.is-expanded:focus-visible{min-width:230px;flex:0 0 230px;border-radius:27px;scroll-snap-align:center}.category-panel .panel-bottom{left:6px}.category-panel.is-expanded .panel-bottom{left:17px;bottom:22px;gap:11px}.panel-icon{width:32px;height:32px}.panel-icon svg{width:17px;height:19px}.panel-caption strong{font-size:17px}.panel-caption>span{font-size:6px;letter-spacing:.08em}.category-panel .panel-arrow{display:none}.category-panel .panel-vertical{font-size:10px;bottom:65px}.category-panel .panel-top{font-size:7px;left:20px;top:22px}.work-toolbar{padding:25px 2px 17px;gap:8px;flex-wrap:wrap}.work-toolbar h2{font-size:13px}.work-toolbar #work-count{font-size:8px;margin-left:auto}.gallery-hint{font-size:9px;flex-basis:100%;order:2}.work-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.gallery-caption{inset:25px 10px;gap:7px}.gallery-caption strong{font-size:12px;line-height:1.55}.gallery-category{font-size:6px;letter-spacing:.12em}.gallery-client{font-size:9px}.gallery-year{font-size:9px;right:12px;top:12px}.gallery-open{font-size:5px;bottom:9px;gap:6px}.gallery-open>span{font-size:13px}.work-page:before{width:90vw;top:180px;height:360px;right:-120px}}
@media(hover:none){.hover-hint{display:none}.touch-hint{display:inline}.gallery-card:hover .gallery-overlay{opacity:0}.gallery-card.is-revealed .gallery-overlay,.gallery-card:focus-visible .gallery-overlay{opacity:1}}
@media(prefers-reduced-motion:reduce){.category-panel,.category-panel *,.gallery-card *{transition:none!important}}
.category-panel .panel-vertical{writing-mode:horizontal-tb;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:3px;line-height:1.2;letter-spacing:0}
.panel-vertical>span{display:block;white-space:nowrap}
.work-page{overflow:clip}