.designers-page{--designer-gutter:max(60px,calc((100vw - 1560px)/2))}
.designer-main{gap:0}
.designers-page .catalog-header{height:84px}
.designer-section{padding:60px var(--designer-gutter)}
.designer-hero h1{font-size:80px;line-height:1;display:flex;flex-direction:column;gap:16px}
.designer-title-line{display:flex;align-items:center;gap:0;flex-wrap:wrap;column-gap:.25em}
.designer-title-line img{width:220px;height:90px;object-fit:cover;border-radius:45px;margin-right:12px}
.designer-hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:40px;margin-top:64px}
.designer-hero-bottom>p{max-width:595px;font-size:18px;line-height:1.5}
.designer-actions{display:flex;gap:16px;flex-shrink:0}
.designer-outline{background:white;border:1px solid var(--accent);color:var(--ink)}
.designer-outline:hover{background:var(--accent);color:white}
.designer-interiors{padding:60px 0;overflow:hidden;--interior-width:420px;--interior-height:480px;--interior-gap:24px}
.designer-interiors-track{display:flex;width:max-content;will-change:transform;animation:designer-interiors 70s linear infinite}
.designer-interiors-group{display:flex;gap:var(--interior-gap);padding-right:var(--interior-gap);flex-shrink:0}
.designer-interiors figure{margin:0;position:relative;flex:0 0 var(--interior-width);width:var(--interior-width);height:var(--interior-height);border-radius:27px;overflow:hidden}
.designer-interiors figure>img{width:100%;height:100%;object-fit:cover}
.designer-interiors figcaption{position:absolute;left:26px;top:25px;padding:13px 14px;border-radius:10px;background:#ffffff80;font-size:12px;font-weight:600;text-transform:uppercase;line-height:1;text-box-trim:trim-both;text-box-edge:cap alphabetic}
@keyframes designer-interiors{from{transform:translateX(calc(-5 * (var(--interior-width) + var(--interior-gap)) - 156px))}to{transform:translateX(-156px)}}
.designer-benefits-heading{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.designer-benefits-heading p{font-size:18px;line-height:1.34;opacity:.9}
.designer-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:98px}
.designer-feature-grid article{display:flex;gap:32px;align-items:flex-start;min-width:0}
.designer-feature-grid .icon img{width:24px;height:24px}
.designer-feature-grid h3{font-size:22px;line-height:26px;margin-bottom:14px}
.designer-feature-grid p{font-size:14px;line-height:1.36}
.designer-model-panel{display:grid;grid-template-columns:454px minmax(0,1fr);gap:50px;align-items:center;padding:28px 25px;border-radius:34px;background:var(--sand)}
.designer-model-panel>img{width:100%;aspect-ratio:454/414;object-fit:cover;border-radius:27px}
.designer-model-panel>div{display:flex;flex-direction:column;align-items:flex-start;gap:28px}
.designer-model-panel p{font-size:16px;line-height:1.5}
.designer-steps-heading{display:flex;flex-direction:column;gap:24px}
.designer-steps-heading p{font-size:18px;line-height:1.34}
.designer-steps ol{list-style:none;padding:0;margin:80px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:57px}
.designer-step-number{display:flex;align-items:center;gap:16px;margin-bottom:24px}
.designer-step-number span{font:72px/1 var(--heading);color:var(--accent);opacity:.4}
.designer-step-number img{flex:1;min-width:0;height:1px}
.designer-steps h3{font-size:22px;line-height:26px;margin-bottom:12px}
.designer-steps li>p{font-size:14px;line-height:1.36}
.designer-partnership{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}
.designer-partnership>div{display:flex;flex-direction:column;align-items:flex-start;gap:29px}
.designer-partnership .badge{background:var(--sand)}
.designer-partnership p{font-size:16px;line-height:1.27}
.designer-partnership>img{width:100%;aspect-ratio:640/394;object-fit:cover;border-radius:34px}
.designers-page .footer{margin:0}
.designers-page .dots button{transition:width .5s ease}
.designers-page .dots button:after{transition:background-color .5s ease}
@media(min-width:701px) and (max-width:1200px){
 .designers-page{--designer-gutter:60px}
 .designers-page .catalog-header{height:79px}
 .designer-hero h1{font-size:clamp(44px,6.4vw,64px)}
 .designer-title-line img{width:clamp(125px,18.1655vw,182px)}
 .designer-hero-bottom>p{font-size:16px;line-height:1.27;flex:1}
 .designer-actions{flex-direction:column;align-items:flex-end;flex:0 0 35%}
 .designer-actions .button{align-self:flex-end;font-size:13px}
 .designer-benefits h2,.designer-steps h2,.designer-model-panel h2,.designer-partnership h2{font-size:32px}
 .designer-benefits-heading p{font-size:16px}
 .designer-feature-grid{gap:24px;margin-top:64px}
 .designer-feature-grid article{gap:20px}
 .designer-feature-grid h3{font-size:20px;line-height:24px}
 .designer-feature-grid p{font-size:13px}
 .designer-model-panel{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:32px}
 .designer-steps ol{gap:28px}
 .designer-steps h3{font-size:20px;line-height:24px}
 .designer-partnership{padding-inline:40px;gap:32px}
 .designer-partnership>img{aspect-ratio:444/390}
 .designer-partnership>div{gap:24px}
 .designer-partnership p{font-size:14px}
}
@media(min-width:701px) and (max-width:900px){
 .designers-page{--designer-gutter:32px}
 .designer-feature-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}
 .designer-feature-grid article{gap:32px}
 .designer-steps ol{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px}
 .designer-model-panel{gap:24px;padding:24px}
 .designer-model-panel h2{font-size:28px}
 .designer-model-panel p{font-size:14px}
 .designer-partnership{padding-inline:32px}
}
@media(max-width:700px){
 .designers-page{--designer-gutter:20px}
 .designers-page .catalog-header{height:71px}
 .designer-section{padding:44px 20px}
 .designer-hero h1{font-size:38px;line-height:1;gap:16px}
 .designer-title-line{column-gap:16px;row-gap:16px}
 .designer-title-line img{width:101px;height:41px;margin-right:0}
 .designer-projects{flex-basis:100%}
 .designer-hero-bottom{flex-direction:column;align-items:flex-start;gap:51px;margin-top:40px}
 .designer-hero-bottom>p{font-size:16px;line-height:1.5}
 .designer-actions{flex-direction:column;gap:12px}
 .designer-interiors{padding:44px 0;--interior-width:218px;--interior-height:280px;--interior-gap:16px}
 .designer-interiors figure{border-radius:18px}
 .designer-interiors figcaption{left:14px;top:16px;padding:9px 10px;font-size:8px;border-radius:6px}
 .designer-benefits-heading{grid-template-columns:1fr;gap:18px}
 .designer-benefits-heading p{font-size:16px;line-height:1.34}
 .designer-feature-grid{grid-template-columns:1fr;gap:28px;margin-top:40px}
 .designer-feature-grid h3{font-size:18px;line-height:22px}
 .designer-feature-grid p{font-size:12px;line-height:1.36}
 .designer-model-panel{grid-template-columns:1fr;gap:32px;padding:20px;border-radius:24px}
 .designer-model-panel>img{border-radius:18px}
 .designer-model-panel>div{gap:27px}
 .designer-model-panel h2{font-size:24px}
 .designer-model-panel p{font-size:14px;line-height:1.45}
 .designer-steps-heading{gap:18px}
 .designer-steps-heading p{font-size:16px;line-height:1.34}
 .designer-steps ol{grid-template-columns:1fr;gap:32px;margin-top:40px;padding-left:28px;border-left:1px solid #ac937c66}
 .designer-step-number{margin-bottom:16px}
 .designer-step-number span{font-size:48px}
 .designer-step-number img{display:none}
 .designer-steps h3{font-size:18px;line-height:22px}
 .designer-steps li>p{font-size:12px;line-height:1.36}
 .designer-partnership{grid-template-columns:1fr;gap:28px}
 .designer-partnership>img{order:-1;aspect-ratio:320/240;border-radius:20px}
 .designer-partnership>div{gap:20px}
 .designer-partnership p{font-size:14px;line-height:1.27}
 .designer-partnership .button{font-size:14px;min-height:50px}
}
@media(max-width:359px){.designer-hero h1{font-size:33px}.designer-title-line{column-gap:12px}}
@media(prefers-reduced-motion:reduce){.designer-interiors-track{animation:none;transform:translateX(-156px)}}

@media(min-width:901px) and (max-width:1200px){.designer-feature-grid{gap:37px;margin-top:56px}.designer-feature-grid article{flex-direction:column;gap:32px}.designer-feature-grid article:nth-child(3){order:1}.designer-feature-grid article:nth-child(2){order:2}.designer-model-panel{grid-template-columns:minmax(0,378fr) minmax(0,382fr);gap:50px;padding-right:45px}.designer-model-panel h2{font-size:24px;text-box-trim:trim-both;text-box-edge:cap alphabetic}.designer-model-panel p{font-size:15px}.designer-model-panel .button{font-size:13px}.designer-step-number span{font-size:56px}.designer-steps-heading p{font-size:16px}.designer-steps ol{gap:57px}.designer-steps li>p{font-size:13px}}
@media(max-width:700px){.designers-page .materials{padding-bottom:120px}}

/* Optical centering of uppercase Onest labels in the hero actions. */
.designer-actions .button{display:inline-flex;align-items:center;justify-content:center;padding-block:0}


/* Breathing room after the project steps across viewport sizes. */
.designer-steps{padding-bottom:100px}
@media(max-width:1200px){.designer-steps{padding-bottom:80px}}
@media(max-width:700px){.designer-steps{padding-bottom:64px}}