.web-poster-selected #work{padding-block:89px 74px;background:#ecebe3;border-top:1px solid #b5b39f}
.web-poster-selected #work .section-head{display:flex;justify-content:space-between;align-items:end;gap:70px;text-align:left;margin-bottom:46px}
.web-poster-selected #work .section-head h2{font-size:clamp(49px,5.1vw,77px);line-height:1.01;letter-spacing:-.04em;flex:1}
.web-poster-selected #work .section-head h2 br{display:block}
.web-poster-selected #work .section-head h2 em{color:#52634e}
.web-poster-selected #work .section-head>div{margin:0 0 5px;flex:0 1 340px}
.web-poster-selected #work .section-head p{font-size:15px;line-height:1.75;color:#72725c;margin:0;max-width:340px}
.web-poster-selected #work .design-workbench{border-top:1px solid #9fa18b;container-type:inline-size}
.web-poster-selected #work .workbench-bar{min-height:77px;display:flex;justify-content:space-between;align-items:center;gap:23px}
.web-poster-selected #work .workbench-name{font:400 25px/1.4 var(--label);color:#374c3b;margin:0;white-space:nowrap}
.web-poster-selected #work .workbench-name>span{font:400 11px/1.4 var(--data);color:#757962;margin-left:8px;letter-spacing:0;text-transform:none}
.web-poster-selected #work .workbench-tools{display:flex;align-items:center;gap:26px}
.web-poster-selected #work .view-controls{border-color:#a6ab92;padding:3px;background:transparent}
.web-poster-selected #work .view-controls button{min-height:37px;padding:8px 13px;color:#647157;font-size:9px}
.web-poster-selected #work .view-controls button[aria-pressed=true]{background:#324a3b;color:#f5f2e5}
.web-poster-selected #work .open-concept{display:flex;align-items:center;gap:13px;min-height:44px;text-decoration:none;border-bottom:1px solid transparent;font:500 9px/1.4 var(--data);letter-spacing:.065em;text-transform:uppercase;white-space:nowrap;color:#5b6d50}
.web-poster-selected #work .open-concept>span{font:400 22px/1 var(--label)}
.web-poster-selected #work .open-concept:hover{color:#2d4735;border-color:#869275}
.web-poster-selected #work .preview-stage{min-height:0;padding:0;background:#dddfd5;border:1px solid #a9ad98;align-items:start;overflow:hidden}
.web-poster-selected #work iframe.design-preview{display:block;width:100%;height:760px;max-width:100%;border:0;background:#f8f7f2;box-shadow:none;container-type:normal;overflow:auto;transition:width .45s cubic-bezier(.22,1,.36,1);flex:none}
.web-poster-selected #work iframe.design-preview[data-screen=mobile]{width:390px;height:760px;box-shadow:0 0 0 1px #a9ad98}
@container(max-width:850px){.web-poster-selected #work .workbench-name>span{display:block;margin:3px 0 0;font-size:10px}.web-poster-selected #work .workbench-tools{gap:17px}.web-poster-selected #work .open-concept{font-size:8px;gap:9px}.web-poster-selected #work .view-controls button{padding-inline:10px;font-size:8px;gap:7px}}
@container(max-width:650px){.web-poster-selected #work .view-controls{display:none}.web-poster-selected #work iframe.design-preview[data-screen=mobile]{width:100%;box-shadow:none}}
@media(max-width:800px){.web-poster-selected #work .section-head{gap:35px}.web-poster-selected #work .section-head h2{font-size:56px}.web-poster-selected #work .section-head>div{flex-basis:270px}.web-poster-selected #work .section-head p{font-size:14px}.web-poster-selected #work .workbench-bar{min-height:81px}.web-poster-selected #work .workbench-name{font-size:24px}}
@media(max-width:600px){.web-poster-selected #work{padding-block:62px 48px}.web-poster-selected #work .section-head{display:block;margin-bottom:31px}.web-poster-selected #work .section-head h2{font-size:52px}.web-poster-selected #work .section-head>div{margin-top:23px}.web-poster-selected #work .section-head p{font-size:14px;line-height:1.75;max-width:325px}.web-poster-selected #work .workbench-bar{min-height:78px;gap:13px}.web-poster-selected #work .workbench-name{font-size:23px}.web-poster-selected #work .workbench-name>span{font-size:9px;margin-top:4px}.web-poster-selected #work .workbench-tools{gap:0}.web-poster-selected #work .open-concept{font-size:7px;gap:8px;letter-spacing:.04em}.web-poster-selected #work .open-concept>span{font-size:19px}.web-poster-selected #work iframe.design-preview,.web-poster-selected #work iframe.design-preview[data-screen=mobile]{height:710px;transition:none}.web-poster-selected #work .preview-stage{margin-inline:-1px}}
@media(prefers-reduced-motion:reduce){.web-poster-selected #work iframe.design-preview{transition:none}}
