.works{position:relative;padding:66px clamp(28px,5vw,88px) 68px;color:var(--ink);background:radial-gradient(ellipse at 4% 20%,#fffaf3 0%,transparent 56%),linear-gradient(118deg,#f4f0eb 0%,#efecf0 68%,#f5f1ec 100%);border-bottom:1px solid #211a2926;scroll-margin-top:24px}
.works-inner{max-width:1440px;margin:auto}.works-kicker{display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.19em;font-size:10px;color:#685d6b}.works-kicker span{color:#877d88;font-size:9px}.works-kicker:after{content:'';height:1px;width:44px;background:#a59aa5;margin-left:4px}
.works-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:17px 0 32px}.works-heading h2{font-family:AnnaDisplay,Georgia,serif;font-size:clamp(42px,4.5vw,64px);line-height:1.05;font-weight:500;letter-spacing:-.035em;margin:0}.works-heading h2 em{font-weight:500;color:#69546c}.works-heading>p{font-size:12px;line-height:1.8;color:#695f6c;max-width:220px;padding-bottom:4px}
.work-tabs{display:flex;gap:8px;border-bottom:1px solid #b8acbc;margin-bottom:36px;padding-bottom:12px}.work-tab{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:48px;padding:12px 20px;border:1px solid transparent;background:transparent;color:#615566;font-size:12px;transition:color .2s,background .2s,border-color .2s}.work-tab span{font-size:9px;opacity:.64;letter-spacing:.08em}.work-tab:hover{background:#e6dfe6}.work-tab[aria-selected=true]{color:#fffaf4;background:#302537;border-color:#302537}.work-tab:focus-visible{outline:2px solid #6c5577;outline-offset:3px}
.work-panel{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,2fr);gap:clamp(30px,4vw,64px);align-items:start}.work-intro{padding-top:13px;display:flex;flex-direction:column;min-height:335px}.work-category{font-size:9px;text-transform:uppercase;letter-spacing:.14em;color:#736675;margin-bottom:22px}.work-intro h3{font:500 clamp(31px,3vw,43px)/1.07 AnnaDisplay,Georgia,serif;letter-spacing:-.025em;max-width:300px;margin:0 0 21px}.work-description{font-size:13px;line-height:1.9;color:#665b69;max-width:275px}.work-note{margin-top:auto;padding-top:40px;display:flex;align-items:center;gap:10px;font-size:10px;line-height:1.8;color:#716675}.work-note svg{width:15px;height:15px}
.work-gallery{min-width:0}.work-rail{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 0 9px;scroll-behavior:smooth}.work-rail::-webkit-scrollbar{display:none}.work-card{flex:0 0 calc((100% - 20px)/2);min-width:0;margin:0;scroll-snap-align:start}.work-photo{display:block;position:relative;overflow:hidden;aspect-ratio:1;border:0;padding:0;width:100%;background:#ddd4d8;text-align:left;cursor:zoom-in}.work-photo img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.2,.7,.3,1)}.work-photo:hover img{transform:scale(1.035)}.work-photo:focus-visible{outline:2px solid #6c5577;outline-offset:-5px}.work-expand{position:absolute;right:14px;bottom:14px;width:34px;height:34px;display:grid;place-items:center;border:1px solid #fff8;background:#f7f2eceb;color:#362b3d}.work-expand svg{width:17px;height:17px}.work-card figcaption{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding-top:14px;font-size:11px;line-height:1.65;color:#504255}.work-card figcaption span:last-child{font-size:9px;color:#8b7c8d;padding-top:2px}
.work-gallery-footer{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #c4b9c7;margin-top:23px;padding-top:16px}.work-position{font-size:10px;letter-spacing:.09em;color:#726377;font-variant-numeric:tabular-nums}.work-position strong{font-weight:400;color:#302537}.work-arrows{display:flex;gap:8px}.work-arrow{height:44px;width:48px;border:1px solid #928297;background:transparent;display:grid;place-items:center;color:#493650;transition:background .2s}.work-arrow:not(:disabled):hover{background:#e4dbe6}.work-arrow:disabled{opacity:.28;cursor:default}.work-arrow svg{width:18px;height:18px}
.work-viewer{position:fixed;inset:0;width:min(1100px,calc(100vw - 40px));max-width:none;max-height:calc(100dvh - 40px);padding:0;border:1px solid #817487;background:#211a29;color:#f6f2eb;box-shadow:0 24px 100px #0007}.work-viewer::backdrop{background:#17111bf0;backdrop-filter:blur(6px)}.work-viewer[open]{display:flex;flex-direction:column}.viewer-header,.viewer-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 22px;flex:none}.viewer-header{border-bottom:1px solid #fff2}.viewer-header p{font-size:12px;line-height:1.5}.viewer-close{display:flex;align-items:center;gap:10px;min-height:44px;padding:8px 0 8px 18px;border:0;background:transparent;font-size:11px}.viewer-close svg{width:17px;height:17px}.viewer-image{display:block;width:100%;height:auto;max-height:min(72dvh,760px);min-height:0;object-fit:contain;background:#18121f}.viewer-footer{border-top:1px solid #fff2}.viewer-footer p{font-size:11px;color:#d2c4d7}.viewer-footer .work-arrow{color:#f6f2eb;border-color:#c5b1ce70}.viewer-footer .work-arrow:not(:disabled):hover{background:#ffffff10}
.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}
@media(min-width:1600px){.works{padding-top:80px;padding-bottom:80px}.work-intro{min-height:380px}}
@media(min-width:701px) and (max-width:1000px){.work-panel{grid-template-columns:minmax(180px,.7fr) minmax(0,1.7fr);gap:25px}.work-intro{min-height:280px}.work-tab{gap:18px;padding-inline:15px}.works-heading>p{max-width:170px}.work-card figcaption{font-size:10px}.work-intro h3{font-size:32px}.work-description{font-size:12px}.work-note{padding-top:25px}}
@media(max-width:700px){.works{padding:45px 24px 40px;scroll-margin-top:12px}.works-kicker{font-size:9px}.works-heading{margin:18px 0 25px;display:block}.works-heading h2{font-size:42px;line-height:1.02;max-width:300px}.works-heading h2 em{display:block}.works-heading>p{display:none}.work-tabs{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:26px;padding-bottom:16px}.work-tab{font-size:11px;gap:9px;min-height:44px;padding:12px 13px;border-color:#c5b9c8}.work-tab:first-child{grid-column:1/-1}.work-panel{display:block}.work-intro{padding:0;min-height:0;margin-bottom:24px}.work-category,.work-note{display:none}.work-intro h3{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.work-description{max-width:340px;font-size:12px;line-height:1.85;min-height:67px}.work-rail{gap:12px;margin-right:-24px;padding-right:24px;scroll-padding-left:0}.work-card{flex-basis:calc(100% - 46px)}.work-card figcaption{font-size:11px}.work-gallery-footer{margin-top:18px;padding-top:13px}.work-photo:hover img{transform:none}.work-viewer{width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}.viewer-header,.viewer-footer{padding:10px 14px;gap:12px}.viewer-header p{font-size:11px}.viewer-image{max-height:65dvh}.viewer-close{font-size:10px}.viewer-footer p{font-size:10px}}
@media(max-width:359px){.works{padding-inline:20px}.works-heading h2{font-size:38px}.work-tab{padding-inline:10px;font-size:10px}.work-rail{margin-right:-20px;padding-right:20px}.work-description{font-size:11px}}
@media(prefers-reduced-motion:reduce){.work-rail{scroll-behavior:auto}.work-photo:hover img{transform:none}}