/* The same editorial storefront language as Home, using only documented work. */
.sp-page--work .we-close :is(p,a:not(.we-button)){color:var(--surface)}
.sp-page--work{background:var(--surface);color:var(--midnight)}
.sp-page--work .we-shell{width:min(100% - 48px,1280px);margin-inline:auto}
.sp-page--work .we-eyebrow{margin:0 0 20px;font:700 12px/1.4 var(--font,Inter,sans-serif);letter-spacing:.085em;text-transform:uppercase;color:inherit}
.sp-page--work h1,.sp-page--work h2,.sp-page--work h3{font-family:var(--font-heading,var(--font,Inter,sans-serif));letter-spacing:-.055em;font-weight:600;text-transform:none}
.sp-page--work .we-hero{padding:100px 0 55px;background:var(--surface);color:var(--midnight)}
.sp-page--work .we-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:center;gap:clamp(36px,5vw,90px)}
.sp-page--work .we-hero h1{font-size:clamp(58px,6.8vw,108px);line-height:.96;max-width:850px;margin:0 0 26px;color:var(--midnight)}
.sp-page--work .we-hero p:not(.we-eyebrow){font-size:clamp(16px,1.25vw,19px);line-height:1.6;max-width:560px;margin:0;color:var(--midnight)}
.sp-page--work .we-hero__figure{margin:0;min-width:0}.sp-page--work .we-hero__figure a{display:block;position:relative;height:min(51vw,520px);overflow:hidden;background:var(--midnight)}.sp-page--work .we-hero__figure img{width:100%;height:100%;object-fit:cover;object-position:center 46%;display:block}.sp-page--work .we-hero__figure a span{position:absolute;left:20px;bottom:20px;background:var(--surface);color:var(--midnight);padding:11px 14px;font:700 13px/1.3 var(--font,Inter,sans-serif)}.sp-page--work .we-hero__figure figcaption{font:600 12px/1.45 var(--font,Inter,sans-serif);letter-spacing:.04em;text-transform:uppercase;margin-top:13px}
.sp-page--work .we-actions{display:flex;align-items:center;gap:28px;flex-wrap:wrap;margin-top:35px}
.sp-page--work .we-button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;min-height:56px;padding:14px 19px;background:var(--midnight);color:var(--surface);text-decoration:none;font:700 14px/1.2 var(--font,Inter,sans-serif);border:1px solid var(--midnight)}
.sp-page--work .we-button:hover{background:var(--champagne);border-color:var(--champagne);color:var(--midnight)}
.sp-page--work .we-quiet-link{font:600 14px/1.3 var(--font,Inter,sans-serif);color:inherit;text-underline-offset:5px}
.sp-page--work .we-proof{display:grid;grid-template-columns:minmax(200px,360px) 1fr;gap:50px;padding-block:96px;align-items:start}
.sp-page--work .we-proof h2,.sp-page--work .we-records h2,.sp-page--work .we-close h2{font-size:clamp(42px,5vw,76px);line-height:1.02;margin:0}
.sp-page--work .we-proof blockquote{margin:0;max-width:730px}
.sp-page--work .we-proof blockquote p{font:500 clamp(23px,2.3vw,36px)/1.4 var(--font-heading,var(--font,Inter,sans-serif));letter-spacing:-.035em;margin:0 0 25px;color:var(--midnight)}
.sp-page--work .we-proof cite{font:600 13px/1.5 var(--font,Inter,sans-serif);font-style:normal}
.sp-page--work .we-proof cite a{color:var(--midnight);text-underline-offset:4px}
.sp-page--work .we-records{padding:100px 0 115px}
.sp-page--work .we-records__intro{max-width:780px}
.sp-page--work .we-records__intro>p:last-child{font:400 17px/1.65 var(--font,Inter,sans-serif);max-width:660px;margin:25px 0 0}
.sp-page--work .we-filters{display:flex;gap:8px;flex-wrap:wrap;margin:43px 0 25px}
.sp-page--work .we-filters button{font:600 14px/1.2 var(--font,Inter,sans-serif);padding:13px 18px;min-height:46px;color:var(--midnight);background:var(--surface);border:1px solid var(--line2);cursor:pointer}
.sp-page--work .we-filters button[aria-pressed="true"]{color:var(--surface);background:var(--midnight);border-color:var(--midnight)}
.sp-page--work .we-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.sp-page--work .we-record{border:1px solid var(--line2);background:var(--surface);min-width:0;display:flex;flex-direction:column}
.sp-page--work .we-record[hidden]{display:none}
.sp-page--work .we-record--featured{grid-column:1/-1;display:grid;grid-template-columns:minmax(240px,36%) 1fr;background:var(--paper)}
.sp-page--work .we-photo{display:block;position:relative;overflow:hidden;min-height:430px;background:var(--midnight)}
.sp-page--work .we-photo img{width:100%;height:100%;object-fit:cover;object-position:center 48%;display:block;filter:saturate(.82)}
.sp-page--work .we-photo span{position:absolute;left:24px;bottom:24px;background:var(--surface);color:var(--midnight);padding:12px 16px;font:700 13px/1.3 var(--font,Inter,sans-serif)}
.sp-page--work .we-record__body{padding:clamp(30px,4vw,64px);display:flex;flex-direction:column;align-items:start}
.sp-page--work .we-record h3{font-size:clamp(32px,3.5vw,54px);line-height:1.04;margin:0 0 18px;color:var(--midnight)}
.sp-page--work .we-record__intro{font:400 16px/1.6 var(--font,Inter,sans-serif);max-width:600px;margin:0 0 26px;color:var(--midnight)}
.sp-page--work .we-details{width:100%;border-top:1px solid #aab8c6;border-bottom:1px solid #aab8c6;margin-bottom:26px}
.sp-page--work .we-details summary{display:flex;justify-content:space-between;gap:16px;align-items:center;list-style:none;min-height:53px;cursor:pointer;font:700 14px/1.4 var(--font,Inter,sans-serif)}
.sp-page--work .we-details summary::-webkit-details-marker{display:none}
.sp-page--work .we-details[open] summary span{transform:rotate(45deg)}
.sp-page--work .we-details dl{margin:0 0 14px}
.sp-page--work .we-details dl div{display:grid;grid-template-columns:135px 1fr;gap:18px;border-top:1px solid #d4dce4;padding:13px 0}
.sp-page--work .we-details dt{font:700 12px/1.5 var(--font,Inter,sans-serif);text-transform:uppercase;letter-spacing:.04em}
.sp-page--work .we-details dd{margin:0;font:400 14px/1.55 var(--font,Inter,sans-serif)}
.sp-page--work .we-link{font:700 14px/1.4 var(--font,Inter,sans-serif);color:var(--midnight);text-underline-offset:4px;margin-top:auto}
.sp-page--work .we-privacy{font:500 13px/1.6 var(--font,Inter,sans-serif);margin:30px 0 0}
.sp-page--work .we-close{background:var(--midnight);color:var(--surface);padding:90px 0 100px}
.sp-page--work .we-close h2{color:var(--surface)}
.sp-page--work .we-close .we-button{background:var(--champagne);border-color:var(--champagne);color:var(--midnight)}
.sp-page--work .we-close p:not(.we-eyebrow){font:400 18px/1.6 var(--font,Inter,sans-serif);max-width:570px;margin:25px 0 32px}
.sp-page--work .we-close .we-quiet-link{display:inline-block;margin-left:28px}
.sp-page--work :is(a,button,summary):focus-visible{outline:3px solid var(--champagne);outline-offset:4px}
@media(max-width:800px){.sp-page--work .we-shell{width:min(100% - 36px,1280px)}.sp-page--work .we-hero__grid{grid-template-columns:1fr;gap:32px}.sp-page--work .we-hero__figure a{height:390px}.sp-page--work .we-proof{grid-template-columns:1fr;gap:25px;padding-block:65px}.sp-page--work .we-grid{grid-template-columns:1fr}.sp-page--work .we-record--featured{grid-column:auto;grid-template-columns:1fr}.sp-page--work .we-photo{height:390px;min-height:0}.sp-page--work .we-records{padding:65px 0}.sp-page--work .we-close{padding:70px 0}}
@media(max-width:480px){.sp-page--work .we-hero{padding:40px 0 25px}.sp-page--work .we-hero h1{font-size:clamp(45px,12vw,60px)}.sp-page--work .we-hero p:not(.we-eyebrow){font-size:15px}.sp-page--work .we-hero__grid{gap:25px}.sp-page--work .we-hero__figure a{height:310px}.sp-page--work .we-actions{align-items:stretch;display:grid;gap:14px;margin-top:22px}.sp-page--work .we-button{width:100%}.sp-page--work .we-proof blockquote p{font-size:24px}.sp-page--work .we-record__body{padding:27px 24px 31px}.sp-page--work .we-record h3{font-size:36px}.sp-page--work .we-details dl div{grid-template-columns:1fr;gap:3px}.sp-page--work .we-close .we-quiet-link{margin:23px 0 0}}
@media(max-width:480px){.sp-page--work .we-hero{padding-top:24px}.sp-page--work .we-hero__copy{display:contents}.sp-page--work .we-hero__grid{gap:18px}.sp-page--work .we-hero__copy>.we-eyebrow{grid-row:1;margin:0}.sp-page--work .we-hero__copy>h1{grid-row:2;font-size:44px;line-height:.98;margin:0}.sp-page--work .we-hero__figure{grid-row:3}.sp-page--work .we-hero__copy>p:not(.we-eyebrow){grid-row:4}.sp-page--work .we-hero__copy>.we-actions{grid-row:5;margin-top:0}.sp-page--work .we-hero__figure a{height:300px}}
