:root{--ink:#101310;--forest:#173c2c;--green:#315f48;--moss:#9dbe9f;--ivory:#f7f4ec;--paper:#eeece5;--muted:#686c66;--hair:rgba(16,19,16,.18)}
body{background:var(--ivory);color:var(--ink);font-family:"DM Sans",sans-serif}.wrap{width:min(1280px,calc(100% - 88px))}.label{font-size:.875rem;letter-spacing:.19em}.green{color:var(--green)}
header{position:fixed;background:rgba(12,15,12,.94);backdrop-filter:blur(16px)}nav{height:78px;border:0}.brand{display:block;width:250px;height:66px;background:url("assets/rebecca-stephen-logo.svg") left center/contain no-repeat;font-size:0}.brand:after{display:none}.navlinks a{font-size:.8rem}.navlinks .connect{border-color:#9dbe9f66}
.hero{min-height:100vh;padding:150px 0 86px;background:#0c0f0c}.hero:before,.hero:after{display:none}.hero-grid{grid-template-columns:minmax(0,1.12fr) minmax(330px,.62fr);align-items:center;gap:9vw}.hero h1{font:500 italic clamp(4.6rem,8.3vw,8.6rem)/.86 "Cormorant Garamond",serif;letter-spacing:-.05em;margin:28px 0 34px}.hero-intro{max-width:620px;font-size:1.08rem}.hero-aside{padding:12px;background:#080a08;border:1px solid #ffffff24;box-shadow:0 28px 70px #0008}.hero-aside:before{content:"";display:block;aspect-ratio:3/4;background:url("assets/rebecca-stephen-favorite-painting.png") center/cover no-repeat}.hero-aside b{font:600 .875rem "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase;margin:18px 2px 5px}.hero-aside p{margin:0 2px 2px;font-size:.875rem}.hero-actions{margin-top:36px}.button{border-radius:0;text-transform:uppercase;letter-spacing:.08em;font-size:.8rem}.button-primary{background:var(--moss)}
section{padding:125px 0}.intro-section{padding:110px 0;border:0}.intro-grid{grid-template-columns:.38fr 1.62fr}.intro-grid p,.section-top h2,.business-copy h2,.creative h2,.gallery-head h3,.contact h2{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:500;letter-spacing:-.035em}.intro-grid p{font-size:clamp(2.25rem,4vw,4rem);line-height:1.16}.stats{border-top:1px solid var(--hair);gap:0}.stat,.stat+.stat{padding:30px 40px 0 0;border:0;background:none;box-shadow:none}.stat+.stat{padding-left:40px;border-left:1px solid var(--hair)}.stat strong{font:500 italic clamp(2.8rem,5vw,4.8rem)/1 "Cormorant Garamond",serif}
.profile-content{display:grid;grid-template-columns:minmax(245px,.62fr) minmax(0,1.38fr);gap:62px;align-items:center}.profile-portrait{margin:0;padding:10px 10px 0;background:var(--ink);box-shadow:0 28px 55px #1720192e}.profile-portrait img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover;object-position:50% 29%;filter:saturate(.82) contrast(1.03)}.profile-portrait figcaption{padding:11px 2px 13px;color:#ffffffa8;font-size:.68rem;letter-spacing:.08em;text-transform:uppercase}.profile-statement{display:grid;gap:34px}.intro-grid .bring-line{display:grid;grid-template-columns:150px 1fr;gap:28px;padding-top:28px;border-top:1px solid var(--hair);font:400 1rem/1.7 "DM Sans",sans-serif;letter-spacing:0;color:var(--muted);max-width:920px}.bring-line span{font:600 .72rem/1.5 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--green)}
.experience{background:#fff}.section-top{margin-bottom:72px}.section-top h2{font-size:clamp(3.4rem,6vw,6rem)}.timeline{border-color:var(--ink)}.role,.role.current{grid-template-columns:150px 1fr 1.2fr;gap:48px;margin:0;padding:38px 0;border:0;border-bottom:1px solid var(--hair);background:none;color:inherit;box-shadow:none}.role.current{border-top:1px solid var(--ink)}.role.current:before{content:"NOW";position:absolute;transform:translateY(-57px);font:600 .62rem "Manrope",sans-serif;letter-spacing:.18em;color:var(--green)}.role.current p,.role.current .date{color:var(--muted)}
.business-feature{background:var(--forest);color:#fff}.business-grid{grid-template-columns:.65fr 1.35fr;gap:9vw;align-items:center}.business-mark{aspect-ratio:3/4;border:10px solid #0c0f0c;border-radius:0;box-shadow:0 26px 60px #09201699;transform:none;background:linear-gradient(#0c0f0c44,#0c0f0c7a),url("assets/art-mixed-media.jpg") center/cover no-repeat;padding:40px}.business-mark span{font:500 italic clamp(2rem,4vw,3.6rem)/1 "Cormorant Garamond",serif;transform:none;text-shadow:0 2px 18px #000}.business-copy .label{color:var(--moss)}.business-copy>p{color:#ffffffb5}.responsibilities{border-color:#ffffff36}.responsibilities span{color:#fff;border-color:#ffffff36}.business-link{background:var(--ivory);color:var(--ink)}
.impact-section{background:var(--paper)}.impact-grid{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);gap:0}.impact-card,.impact-card+.impact-card{border:0;padding:40px 36px 42px 0;background:none;box-shadow:none}.impact-card+.impact-card{padding-left:36px;border-left:1px solid var(--hair)}.impact-card .impact-number{font:500 italic clamp(2.6rem,4vw,4.4rem)/1 "Cormorant Garamond",serif}
.case-studies .impact-card{display:flex;flex-direction:column;min-height:480px}.case-label,.case-result{font:600 .66rem/1.45 "Manrope",sans-serif;letter-spacing:.16em;text-transform:uppercase}.case-label{color:var(--green);margin-bottom:38px}.case-result{color:var(--muted);margin-top:auto;padding-top:36px}.case-studies .impact-number{margin-bottom:20px}.case-studies h3{font:500 italic 1.75rem/1.15 "Cormorant Garamond",serif}.case-studies p{font-size:.95rem;line-height:1.75}
.expertise{background:#0c0f0c}.expertise-grid{grid-template-columns:repeat(4,1fr);gap:0;background:transparent;border-top:1px solid #ffffff36;border-bottom:1px solid #ffffff36}.expertise-card{min-height:360px;padding:38px 28px;background:none;border:0;border-right:1px solid #ffffff30}.expertise-card:last-child{border-right:0}.expertise-card:nth-child(2),.expertise-card:nth-child(3){background:none}.expertise-card h3{font:500 italic 2.4rem/1.05 "Cormorant Garamond",serif}
.creative{background:var(--ivory)}.creative-grid{grid-template-columns:.58fr 1.42fr;gap:10vw}.organic-mark{height:auto;aspect-ratio:1/1;border:0;border-radius:50%;box-shadow:none;transform:none;background:url("assets/rebecca-stephen-monogram.svg") center/100% 100% no-repeat}.organic-mark:before{content:"ART / STRATEGY / OPERATIONS";left:50%;bottom:-34px;color:var(--ink);transform:translateX(-50%);white-space:nowrap}.gallery-head{margin-top:145px;border-color:var(--hair)}.gallery-wall{margin:0}.gallery-wall img{display:block;width:100%;height:auto}.gallery-wall figcaption{padding:14px 0;color:var(--muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}
.archive-strip{padding:110px 0;background:#dfe4da}.archive-top{display:flex;justify-content:space-between;gap:40px;align-items:end;margin-bottom:42px}.archive-top h2{margin:12px 0 0;font:500 italic clamp(2.8rem,5vw,5rem)/.95 "Cormorant Garamond",serif}.archive-top p{max-width:430px;margin:0;color:var(--muted)}.archive-grid{display:grid;grid-template-columns:1.05fr .85fr 1.1fr;gap:34px;align-items:center}.archive-piece{margin:0;padding:12px 12px 0;background:#101310;box-shadow:0 24px 45px #1720192e}.archive-piece:nth-child(2){transform:translateY(38px)}.archive-piece img{display:block;width:100%;height:390px;object-fit:cover;background:#fff}.archive-piece figcaption{padding:12px 2px 13px;color:#ffffffb5;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.credentials-grid{grid-template-columns:1.3fr .7fr;gap:90px}.degree-list{padding:0;border:0;background:none;box-shadow:none}.credential-panel{padding:44px;background:var(--forest);border:0;box-shadow:none}.credential-panel h3{font:500 italic 2.5rem/1.1 "Cormorant Garamond",serif}.contact{background:var(--moss)}.contact h2{font-size:clamp(4rem,8vw,8rem)}footer{position:relative}footer:after{content:"RS";position:absolute;right:4vw;bottom:-25px;color:#ffffff08;font:500 italic 8rem "Cormorant Garamond",serif}
.contact-intro{max-width:690px;margin:28px 0 0;color:#284b38;font-size:1rem}.contact-links{padding-left:30px;border-left:1px solid #315f4866}
@media(max-width:1050px){.expertise-grid{grid-template-columns:1fr 1fr}.expertise-card:nth-child(2){border-right:0}.expertise-card:nth-child(-n+2){border-bottom:1px solid #ffffff30}}
@media(max-width:900px){.wrap{width:min(100% - 40px,1280px)}header{position:absolute}.hero-grid,.intro-grid,.business-grid,.creative-grid,.credentials-grid{grid-template-columns:1fr}.hero-grid{gap:70px}.hero-aside{width:min(100%,460px)}.intro-grid{gap:26px}.profile-content{grid-template-columns:minmax(220px,.7fr) minmax(0,1.3fr);gap:42px}.role,.role.current{grid-template-columns:120px 1fr}.role p{grid-column:2}.business-grid,.creative-grid{gap:70px}.business-mark,.organic-mark{width:min(100%,480px)}.organic-mark{margin-bottom:38px}.impact-grid{grid-template-columns:1fr}.impact-card,.impact-card+.impact-card{padding:30px 0;border-left:0;border-bottom:1px solid var(--hair)}.archive-grid{grid-template-columns:1fr 1fr}.archive-piece:nth-child(2){transform:none}.archive-piece:last-child{grid-column:1/-1;width:min(100%,560px)}}
@media(max-width:620px){.wrap{width:min(100% - 28px,1280px)}nav{height:72px}.brand{width:205px;height:58px}.hero{padding-top:120px}.hero h1{font-size:4.1rem}.profile-content{grid-template-columns:1fr;gap:38px}.profile-portrait{width:min(100%,390px)}.intro-grid .bring-line{grid-template-columns:1fr;gap:10px}.stats{grid-template-columns:1fr}.stat,.stat+.stat{padding:25px 0;border-left:0;border-bottom:1px solid var(--hair)}.role,.role.current{grid-template-columns:1fr;gap:9px}.role p{grid-column:1}.business-mark,.organic-mark{width:100%}.case-studies .impact-card{min-height:0}.expertise-grid,.archive-grid{grid-template-columns:1fr}.expertise-card{min-height:260px;border-right:0;border-bottom:1px solid #ffffff30}.archive-top{display:block}.archive-top p{margin-top:20px}.archive-piece:last-child{grid-column:auto;width:100%}.archive-piece img{height:auto}.contact h2{font-size:4.1rem}.contact-links{padding-left:0;border-left:0;border-top:1px solid #315f4866;padding-top:28px}}
