/* Salper — contrast, material and editorial rhythm. */
:root{--paper:#f6f6f2;--muted:#687377;--line:#cfd3cf}
.site-header{background:rgba(246,246,242,.97)}
.site-nav__cta{background:var(--ink);color:white;border-color:var(--ink);border-radius:2px}
.site-nav__cta:hover{background:var(--lime);color:var(--ink);opacity:1}
.opening{width:100%;padding:0;margin:0;background:var(--ink);color:#fff;grid-template-columns:44% 56%;grid-template-rows:auto auto 58px;gap:0;min-height:650px}
.opening-title{grid-column:1;grid-row:1;padding:70px 10% 20px 11.4%;align-self:end}
.opening-title .eyebrow{color:#d5dddd;margin-bottom:36px;font-size:9px}
.opening h1{font-size:clamp(46px,4.9vw,76px);line-height:1.04;letter-spacing:-.055em;font-weight:450}
.opening h1 span{color:#dbe0da}.opening h1::after{display:block;content:'';width:46px;height:3px;background:var(--lime);margin-top:32px}
.opening-aside{grid-row:2;grid-column:1;padding:12px 14% 48px 11.4%;color:#d0d6d4;max-width:none;font-size:13px;align-self:start}
.opening-aside p{max-width:325px}.opening-aside .quiet-link{color:#fff;border-color:#aeb7b4;margin-top:24px}.opening-aside .quiet-link span{color:var(--lime)}
.opening-photo{grid-row:1/3;grid-column:2;margin:0;height:100%;min-height:590px;border-radius:0}.opening-photo>img{object-position:56% center}.opening-photo figcaption{padding:70px 30px 25px}.opening-photo figcaption>span{font-size:11px;letter-spacing:.04em}.opening-photo figcaption>a{background:#f6f6f2;color:var(--ink);border:0;padding:12px 15px}
.opening-caption{grid-row:3;grid-column:1/-1;margin:0;padding:0 5%;align-items:center;color:#d3dbd7;font-size:9px;letter-spacing:.05em;border-top:1px solid #ffffff24}.opening-caption>span:last-child{color:var(--lime)}
.intro{padding-block:95px;border:0}.intro>.eyebrow{padding-top:9px;color:var(--ink)}.intro h2{font-size:clamp(32px,3.3vw,48px)}.intro h2 span{color:#78837e}.intro-detail{justify-content:space-between;gap:40px}.experience{background:var(--lime);padding:22px 26px;min-width:160px}.experience span{color:var(--ink)}
.portfolio-band{background:#303a3d;color:#f6f6f2}.portfolio{padding-block:85px}.portfolio .eyebrow{color:#c5ceca}.portfolio .section-heading>p{color:#c3ceca}.portfolio h2{font-size:clamp(34px,3.6vw,54px)}.project-tabs{border-color:#ffffff30;margin-bottom:28px}.project-tabs button{color:#f6f6f2;padding-block:18px}.project-tabs button>span:first-child{color:#afbdb6}.project-tabs button[aria-selected=true]{color:var(--ink);background:var(--lime)}.project-tabs button[aria-selected=true]>span:first-child{color:var(--ink)}.project-tabs button[aria-selected=true]::after{display:none}.project-panel{border-radius:0;background:#e3e5e0;color:var(--ink);grid-template-columns:1.8fr 1fr}.project-picture{height:510px}.image-action{border-radius:0;background:var(--paper)}.project-note{position:relative;padding:44px;justify-content:end}.project-count{font-size:15px;display:block;margin-bottom:auto;padding-bottom:45px;border-top:1px solid #414b4f50;padding-top:15px;width:100%;font-variant-numeric:tabular-nums}.project-note .eyebrow{color:#65716b;font-size:9px;margin-bottom:17px}.project-note h3{font-size:36px}.project-note>p:not(.eyebrow){color:#56615e}.project-note .quiet-link{margin-top:28px}
.services{background:var(--paper);padding-block:100px}.services-layout{grid-template-columns:1fr 1fr;gap:9%}.services-photo{border-radius:0;height:600px}.photo-label{background:var(--lime);border-radius:0;left:0;bottom:30px;padding:14px 22px}.services-content h2{font-size:clamp(34px,3.5vw,51px)}.service-accordion details[open] summary{color:var(--ink);font-weight:600}.service-accordion details[open] summary>span{background:var(--lime);color:var(--ink);padding:2px 4px;margin-left:-4px}.service-accordion details>p{color:#5e6a65}.service-accordion summary i{border-radius:0}
.material-story{background:#e3e5e0;padding:90px 0}.material-grid{display:grid;grid-template-columns:.8fr 1.15fr .7fr;gap:35px;align-items:start}.material-copy{padding:10px 0}.material-copy .eyebrow{font-size:9px;max-width:190px;color:#525f5a}.material-copy h2{font-size:clamp(40px,4.4vw,65px);line-height:1.05;margin:28px 0}.material-copy h2 span{color:#77877b}.material-copy>p:not(.eyebrow){font-size:12px;max-width:245px;color:#54615b}.material-index{display:block;font-size:9px;margin-top:36px;color:#53605b}.material-main img{width:100%;height:480px;object-fit:cover}.material-secondary{margin-top:140px}.material-secondary img{width:100%;height:340px;object-fit:cover}.material-grid figcaption{font-size:9px;padding-top:12px;color:#53605b}
.process .section-heading{margin-bottom:45px}.process-steps{gap:28px}.process-steps li{border-top:2px solid var(--ink);padding:24px 0}.process-steps li>span{color:var(--ink);background:var(--lime);padding:4px 7px}.process-steps h3{margin-top:28px}.site-footer{background:var(--lime);color:var(--ink)}.site-footer .eyebrow{color:var(--ink)}.contact-line{padding:65px 0}.contact-button{background:var(--ink);color:#fff;border-radius:2px}.contact-button:hover{background:#303a3d;color:#fff}.footer-bottom{color:var(--ink);border-color:#414b4f40}.footer-bottom .brand{filter:none}
@media(min-width:1550px){.opening-title{padding-top:90px}.opening-photo{min-height:710px}.opening-aside{padding-bottom:65px}}
@media(max-width:1000px){.opening{grid-template-columns:46% 54%;min-height:600px}.opening-title{padding-top:55px}.opening h1{font-size:52px}.opening-aside{padding-right:10%}.opening-photo{min-height:560px}.project-note{padding:28px}.project-note h3{font-size:29px}.material-grid{gap:23px;grid-template-columns:.9fr 1.1fr .7fr}.material-main img{height:420px}.material-secondary img{height:280px}.material-secondary{margin-top:140px}}
@media(max-width:760px){.site-nav{background:var(--paper)}.site-nav .site-nav__cta{color:white}.opening{display:grid;grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:0}.opening-title{grid-row:1;grid-column:1;padding:40px 5.5% 0}.opening-title .eyebrow{font-size:9px;margin-bottom:25px}.opening h1{font-size:clamp(43px,11.5vw,65px);line-height:1.07}.opening h1 span br{display:none}.opening h1::after{margin-top:25px;width:35px;height:2px}.opening-aside{grid-row:2;grid-column:1;padding:22px 5.5% 34px;font-size:12px;max-width:none}.opening-aside p{max-width:340px}.opening-aside .quiet-link{margin-top:20px}.opening-photo{grid-row:3;grid-column:1;height:400px;min-height:0}.opening-photo>img{object-position:55% center}.opening-photo figcaption{padding:50px 5.5% 20px}.opening-photo figcaption>span{font-size:10px}.opening-caption{grid-row:4;grid-column:1;height:48px;padding:0 5.5%;font-size:8px}.opening-caption>span:last-child{display:block}.intro{padding-block:65px}.intro-detail{gap:20px}.experience{padding:16px;min-width:110px;flex-shrink:0}.experience strong{font-size:33px}.experience span{font-size:8px}.portfolio{padding-block:60px}.project-tabs button{font-size:11px;padding:14px 8px}.project-panel{grid-template-columns:1fr}.project-picture{height:340px}.project-note{padding:26px}.project-count{padding:10px 0 0;margin-bottom:20px;font-size:11px}.project-note h3{font-size:30px}.services{padding-block:65px}.services-layout{grid-template-columns:1fr}.services-photo{height:390px}.material-story{padding:60px 0}.material-grid{grid-template-columns:1fr 1fr;gap:25px 18px}.material-copy{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;column-gap:25px}.material-copy .eyebrow{grid-column:1/-1;max-width:none}.material-copy h2{font-size:43px;margin:0}.material-copy>p:not(.eyebrow){font-size:12px;align-self:center}.material-index{grid-column:1/-1;margin-top:23px}.material-main img{height:290px}.material-secondary{margin-top:65px}.material-secondary img{height:225px}.material-grid figcaption{font-size:8px}.process-steps li{padding:20px 0}.process-steps li>span{align-self:start;padding:2px 4px;text-align:center}.process-steps h3{margin-top:0}.contact-line{padding:48px 0}}
@media(max-width:370px){.intro-detail{flex-direction:column}.experience{display:flex;gap:18px;align-items:center}.experience span{margin-top:0}.opening-caption>span:last-child{display:none}}