/* Selected Works: self-contained editorial layout. */
.works{padding:110px 6% 90px;background:#fff;scroll-margin-top:125px;overflow:hidden}
.works-inner{max-width:1240px;margin:auto}
.works-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:60px}
.works-eyebrow{font:11px/1.8 var(--sans);letter-spacing:.2em;color:#58898d;margin:0 0 18px}
.works-heading :is(h1,h2){font:clamp(54px,7.7vw,112px)/1 'Cormorant Garamond',Georgia,serif;letter-spacing:-.035em;margin:0}
.works-heading :is(h1,h2) em{font-weight:400;color:#56888b}
.works-heading-note{font:15px/2 var(--serif);margin:0 0 5px}
.works-project-top{display:flex;justify-content:space-between;border-top:1px solid #dbe8e7;padding:20px 0;font-size:11px;letter-spacing:.13em}
.works-stage{position:relative;margin:0;background:linear-gradient(125deg,#edf5f2,#f9fbfa 55%,#e5f2f1);padding:58px 12% 50px 6%;isolation:isolate}
.works-stage:before{content:'';position:absolute;inset:15% 8% 13%;background:#fff9;transform:rotate(-5deg);box-shadow:0 14px 50px #37534b0c;z-index:-1}
.works-desktop{position:relative;display:block;transform:rotate(-2deg);padding:0 8px 8px;background:white;border:1px solid #e2e6e5;border-radius:8px;box-shadow:0 25px 45px #233e4023;transition:transform .4s}
.works-desktop:hover{transform:rotate(0) translateY(-5px)}
.works-browser{height:25px;display:flex;gap:5px;align-items:center;padding:0 6px}.works-browser i{width:5px;height:5px;border-radius:50%;background:#d5e6e4}.works-browser i:first-child{background:#f1b3a9}
.works-desktop img,.works-mobile img{width:100%;height:auto;display:block}
.works-mobile{position:absolute;right:3%;bottom:12%;width:18%;padding:7px;border:1px solid #dce2df;border-radius:22px;background:#fff;box-shadow:0 18px 30px #29484926;transform:rotate(5deg);overflow:hidden}.works-mobile img{border-radius:16px}
.works-stage-sprig{position:absolute;width:90px;right:2%;top:0;color:#8ab4a8;transform:rotate(20deg)}
.works-swatch{position:absolute;left:3%;top:35px;width:90px;height:28px;background:#efc4bd99;transform:rotate(-14deg);z-index:2}
.works-stage figcaption{display:flex;align-items:center;justify-content:space-between;margin-top:35px;font:italic 25px 'Cormorant Garamond',Georgia,serif;color:#57827e}.works-stage figcaption span{font:9px var(--sans);letter-spacing:.14em}
.works-overview{display:grid;grid-template-columns:1.25fr 1fr;gap:12%;padding:65px 0 80px}
.works-intro h3{font:clamp(38px,4.5vw,66px)/1.08 'Cormorant Garamond',Georgia,serif;margin:0 0 28px}.works-intro h3 em{font-weight:400}
.works-intro>p:not(.works-eyebrow){font-size:14px;line-height:2.15;margin:0 0 16px}
.works-link{display:inline-flex;align-items:center;gap:40px;border-bottom:1px solid #7eaaa9;padding:16px 0;font:12px/1.5 var(--sans);letter-spacing:.13em;transition:color .2s,gap .2s}.works-link span{font-size:24px;color:#c87d70}.works-link:hover{color:#367c83;gap:50px}
.works-preview-label{display:block;font-size:10px;color:#71817e;margin-top:8px}
.works-meta{margin:0;padding:0;align-self:center}.works-meta>div{padding:20px 0;border-bottom:1px solid #e4ecea;display:grid;grid-template-columns:90px 1fr;gap:15px}.works-meta dt{font-size:10px;letter-spacing:.15em;color:#5b8b8d;padding-top:5px}.works-meta dd{font:15px/1.9 var(--sans);margin:0}
.works-case{display:grid;grid-template-columns:1fr 1.65fr;gap:10%;border-top:1px solid #d9e7e5;padding-top:65px}
.works-case-heading h4{font:400 clamp(22px,2.5vw,34px)/1.9 var(--serif);margin:0}.works-case-heading>p{font:italic 25px/1.5 'Cormorant Garamond',Georgia,serif;color:#a7766b;margin-top:24px}.works-case-sprig{width:90px;color:#b0cbc5;margin:45px 0 0 45px;transform:rotate(25deg)}
.works-story{padding:0;margin:0;list-style:none}.works-story li{border-bottom:1px solid #e0ebe8;padding:0 0 32px;margin:0 0 32px}.works-story-label{display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.16em;color:#54868a}.works-story-label span{font:italic 30px 'Cormorant Garamond',Georgia,serif;color:#b7ccc6}.works-story h5{font:400 20px/1.8 var(--serif);margin:12px 0}.works-story p{font-size:14px;line-height:2.1;margin:0}
.works-footer{display:flex;justify-content:space-between;align-items:center;margin-top:40px}.works-footer>span{font-size:10px;letter-spacing:.16em;color:#849893}
@media(max-width:760px){.works{padding:75px 6% 60px}.works-heading{align-items:start;flex-direction:column;gap:24px;margin-bottom:35px}.works-heading :is(h1,h2){font-size:clamp(48px,11vw,76px)}.works-heading-note{font-size:13px}.works-stage{padding:32px 12% 25px 4%}.works-mobile{width:22%;right:1%;bottom:20%;padding:3px;border-radius:12px}.works-mobile img{border-radius:9px}.works-stage-sprig{width:45px}.works-swatch{width:52px;height:18px;top:19px}.works-browser{height:14px}.works-desktop{padding:0 3px 3px;border-radius:4px}.works-stage figcaption{font-size:19px;margin-top:25px}.works-stage figcaption span{display:none}.works-overview{grid-template-columns:1fr;gap:25px;padding:38px 0 45px}.works-intro h3 br{display:none}.works-intro h3{font-size:40px}.works-meta>div{padding:15px 0}.works-case{grid-template-columns:1fr;gap:28px;padding-top:35px}.works-case-heading{position:relative}.works-case-heading h4 br{display:none}.works-case-heading>p{margin:12px 0}.works-case-sprig{position:absolute;width:55px;right:0;top:0;margin:0;opacity:.6}.works-story h5{font-size:18px}.works-break{display:none}.works-footer{gap:20px}.works-link{font-size:11px;gap:22px}}
@media(prefers-reduced-motion:reduce){.works-desktop,.works-link{transition:none}.works-desktop:hover{transform:rotate(-2deg)}}

/* Preserve the approved layout with breathing room between projects. */
.works-project + .works-project { margin-top: clamp(70px, 8vw, 120px); }

.works-heading h1 { white-space: normal; }