.our-work-page{background:#f2f0ea}
.our-work-page .brand-header-logo{display:block;width:224px;max-width:42vw;height:auto}
.work-hero{min-height:510px;padding:150px 0 96px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 77% 12%,rgba(200,184,150,.2),transparent 36%),linear-gradient(115deg,#171816 0%,#282a27 60%,#1b1c1a 100%);color:#f4f2eb}
.work-hero:after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.16;background:linear-gradient(135deg,transparent 49.9%,rgba(221,218,207,.19) 50%,transparent 50.15%);background-size:180px 180px}
.work-hero-inner{position:relative;z-index:1;max-width:1200px}
.work-hero h1{font:500 clamp(52px,7vw,88px)/1.04 var(--display);letter-spacing:-.065em;max-width:850px;margin:0 0 24px}
.work-hero h1 em,.work-contact h2 em{font-style:normal;color:#d8c7a4}
.work-hero-inner>p:not(.eyebrow){max-width:680px;color:#d0d0c8;line-height:1.8;font-size:16px;margin:0 0 30px}
.work-hero .button{gap:30px}
.work-hero-caption{position:absolute;z-index:1;bottom:27px;left:50%;transform:translateX(-50%);width:min(1200px,calc(100% - 96px));display:flex;justify-content:space-between;color:#c9c9c0a8;font-size:9px;letter-spacing:.18em}
.selected-work,.client-work{background:radial-gradient(ellipse at 75% 8%,rgba(255,255,255,.75),transparent 44%),linear-gradient(138deg,#f5f3ed 0%,#ecebe5 58%,#f4f2ed 100%)}
.client-work{background:radial-gradient(ellipse at 18% 4%,rgba(218,208,184,.25),transparent 40%),linear-gradient(138deg,#efeee8 0%,#f5f3ed 55%,#ebeae4 100%)}
.experience-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.experience-card,.client-card{min-width:0;overflow:hidden;background:#f9f8f3;border:1px solid #d5d3cb;box-shadow:0 6px 22px rgba(24,25,22,.055)}
.experience-card>img{display:block;width:100%;height:clamp(245px,25vw,340px);object-fit:cover;background:#d6d4cc}
.experience-card:nth-child(5)>img{object-position:center 39%}
.experience-card:nth-child(7)>img{object-position:center 48%}
.experience-body{padding:20px 21px 22px;min-height:164px}
.experience-body>span,.client-card>div>span{display:block;color:#7b786d;font-size:9px;letter-spacing:.13em;line-height:1.5;font-weight:700}
.experience-body h3,.client-card h3{font:600 21px/1.2 var(--display);letter-spacing:-.025em;margin:10px 0 6px;color:#22231f}
.experience-body p,.client-card p{margin:0 0 11px;color:#6d6e67;font-size:13px}
.experience-body small{display:block;color:#91846c;font-size:11px;line-height:1.5}
.draft-note{margin:30px 0 0;padding:17px 20px;background:rgba(41,42,38,.055);border-left:2px solid #bbaa85;color:#67675f;font-size:13px;line-height:1.7}
.draft-note strong{color:#2c2d29}
.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.client-card>img{display:block;width:100%;aspect-ratio:1.55/1;object-fit:cover;background:#d1d0c9}
.client-card>div{padding:16px 18px 18px;min-height:130px}
.client-card h3{font-size:18px;margin:8px 0 6px}
.client-card p{font-size:12px;margin:0;line-height:1.55}
.work-contact{padding:72px 0;background:linear-gradient(120deg,#232522,#171816);color:#f2f1eb}
.work-contact-inner{display:flex;align-items:center;justify-content:space-between;gap:30px}
.work-contact .eyebrow{margin:0 0 15px;color:#c9c8bf}
.work-contact h2{font:500 clamp(38px,5vw,59px)/1.08 var(--display);letter-spacing:-.06em;margin:0}
.work-contact .button{flex-shrink:0}
@media(max-width:850px){.our-work-page .brand-header-logo{width:192px}.experience-grid,.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.experience-card>img{height:clamp(235px,38vw,330px)}}
@media(max-width:650px){.our-work-page .brand-header-logo{width:176px}.work-hero{min-height:570px;padding:130px 0 88px}.work-hero h1{font-size:clamp(46px,13vw,66px)}.work-hero-inner>p:not(.eyebrow){font-size:14px}.work-hero-caption{width:calc(100% - 40px);font-size:7px;letter-spacing:.13em}.experience-grid,.client-grid{grid-template-columns:1fr;gap:15px}.experience-card>img{height:auto;aspect-ratio:1.25/1;object-fit:cover}.experience-body{min-height:0;padding:17px 18px 19px}.client-card>img{aspect-ratio:1.35/1}.client-card>div{min-height:0}.work-contact-inner{align-items:flex-start;flex-direction:column}.work-contact .button{width:100%}}
@media(prefers-reduced-motion:reduce){.work-hero:after{animation:none}}