.projects-page{background:#12110f;color:#fff}.projects-hero{height:100svh;min-height:760px;position:relative;overflow:hidden}.projects-hero>img{width:100%;height:100%;object-fit:cover;filter:saturate(.75) contrast(1.04)}.projects-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,11,9,.9) 0,rgba(12,11,9,.62) 44%,rgba(12,11,9,.08) 82%),linear-gradient(0deg,rgba(10,9,8,.58),transparent 50%)}.projects-hero-copy{position:absolute;z-index:2;left:8vw;top:50%;transform:translateY(-46%);max-width:950px}.projects-hero h1{font:400 clamp(70px,8.5vw,138px)/.82 "Cormorant Garamond",serif;letter-spacing:-.05em;margin:0}.projects-hero h1 em,.projects-intro h2 em,.projects-method h2 em,.projects-cta h2 em{color:#d1b171;font-weight:400}.projects-hero-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#c6c0b6;max-width:620px;margin:34px 0}.hero-project-index{position:absolute;z-index:2;right:5vw;bottom:48px;display:flex;align-items:center;gap:14px;font:21px "Cormorant Garamond";color:#d6bd88}.hero-project-index i{width:85px;height:1px;background:rgba(255,255,255,.45)}
.projects-intro{background:linear-gradient(125deg,#f7f2ea,#e8dece);color:#171512;display:grid;grid-template-columns:1fr .8fr;gap:10vw}.projects-intro h2,.projects-method h2,.projects-cta h2{font:400 clamp(54px,6.2vw,94px)/.9 "Cormorant Garamond",serif;letter-spacing:-.04em}.projects-intro>div:last-child{border-left:1px solid #c5aa76;padding-left:45px;color:#5d574e;font-size:17px;line-height:1.85}.projects-intro>div:last-child p{margin:0 0 24px}
.project-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));background:#0d0d0b;gap:1px}.project-card{height:670px;position:relative;overflow:hidden;background:#171512}.project-card-wide{grid-column:1/-1;height:790px}.project-card-tall{height:800px}.project-card figure{position:absolute;inset:0;margin:0}.project-card img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.78);transition:transform 1.25s ease,filter .65s ease}.project-card:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,8,7,.85),transparent 55%)}.project-card:hover img{transform:scale(1.035);filter:saturate(.92) brightness(.9)}.project-meta{position:absolute;z-index:2;left:4vw;right:4vw;bottom:46px}.project-meta span{font-size:10px;letter-spacing:.3em;color:#d5b574}.project-meta h2{font:400 clamp(38px,4.3vw,67px)/.95 "Cormorant Garamond",serif;letter-spacing:-.03em;margin:12px 0 8px}.project-meta p{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#c0b9ae;margin:0}.project-card-finale img{object-position:center 54%}
.projects-method{display:grid;grid-template-columns:1fr .9fr;gap:10vw;background:radial-gradient(circle at 12% 20%,#373126,#181714 50%,#0f0f0d)}.projects-method-list{border-top:1px solid rgba(194,160,99,.32);align-self:end}.projects-method-list span{display:block;border-bottom:1px solid rgba(194,160,99,.25);padding:24px 5px;font-size:14px;color:#c4bdb2}.projects-method-list b{display:inline-block;width:58px;color:#c9a864;font-weight:500}.projects-cta{text-align:center;background:#eee5d7;color:#171512}.projects-cta h2{margin:auto}.projects-cta>p:not(.eyebrow){max-width:650px;margin:28px auto 34px;color:#625b52;font-size:17px;line-height:1.8}.projects-page .footer a:hover{color:#d1b171}
@media(max-width:900px){.projects-hero{min-height:720px}.projects-hero-copy{left:24px;right:24px}.projects-hero h1{font-size:70px}.projects-intro,.projects-method{grid-template-columns:1fr;gap:50px}.projects-intro>div:last-child{padding-left:25px}.project-card,.project-card-tall{height:560px}.project-card-wide{height:680px}.project-meta{left:26px;right:26px;bottom:30px}.project-meta h2{font-size:48px}}
@media(max-width:600px){.projects-hero{min-height:690px}.projects-hero h1{font-size:58px}.projects-hero-copy>p:not(.eyebrow){font-size:15px}.hero-project-index{right:22px;bottom:26px}.project-gallery{grid-template-columns:1fr}.project-card,.project-card-wide,.project-card-tall{grid-column:auto;height:500px}.project-card:nth-child(4),.project-card:nth-child(8){height:550px}.project-meta h2{font-size:39px}.projects-intro>div:last-child{border-left:0;padding-left:0}.projects-intro h2,.projects-method h2,.projects-cta h2{font-size:54px}}
@media(prefers-reduced-motion:reduce){.project-card img{transition:none}}