.work-hero{padding:34px 0 76px}.work-hero__grid{display:grid;grid-template-columns:1fr 1.05fr;gap:65px;align-items:center}.work-hero h1{font:400 clamp(43px,4vw,61px)/1.14 var(--serif);letter-spacing:-.045em;margin:0}.work-hero h1 em{font-family:Georgia,serif;font-weight:400}.work-hero__copy>p{max-width:450px;font-size:15px;line-height:1.9;color:var(--muted);margin:27px 0 32px}.work-hero__copy>.text-link{margin-left:22px}.work-drawing{margin:0;background:var(--warm);padding:18px 16px 0;min-width:0}.work-drawing img{width:100%;height:auto;max-width:600px;margin:auto}.work-drawing figcaption{display:flex;flex-wrap:wrap;justify-content:space-between;gap:15px;padding:20px 13px 23px;border-top:1px solid #cdbfb1;font-size:11px;color:var(--muted)}.work-drawing figcaption>span{display:flex;gap:10px;align-items:center}.work-drawing b{font-size:10px;font-weight:400;color:var(--accent)}
.work-stages{border-top:1px solid var(--line)}.stage-layout{display:grid;grid-template-columns:.8fr 1.6fr;gap:34px}.stage-tabs{display:flex;flex-direction:column;min-width:0}.stage-tabs button{display:flex;align-items:center;gap:22px;width:100%;min-height:86px;padding:21px 24px;border:0;border-bottom:1px solid var(--line);border-left:3px solid transparent;background:none;font:400 23px/1.3 var(--serif);text-align:left;cursor:pointer}.stage-tabs button:first-child{border-top:1px solid var(--line)}.stage-tabs button>span{font:11px var(--sans);color:var(--accent);flex-shrink:0}.stage-tabs button[aria-selected=true]{border-left-color:var(--accent);background:var(--warm)}.stage-tabs button:hover{color:var(--accent)}.stage-panel{min-width:0;min-height:540px;padding:38px 40px;background:var(--warm);display:flex;flex-direction:column}.stage-panel__head{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.stage-panel__head .eyebrow{font-size:9px;letter-spacing:.14em;margin:0}.stage-panel__head>span:last-child{font-size:11px;white-space:nowrap;color:var(--muted)}.stage-panel>h3{font:400 35px/1.2 var(--serif);letter-spacing:-.035em;max-width:580px;margin:0}.stage-panel>p{font-size:14px;line-height:1.9;color:var(--muted);margin:23px 0 30px;max-width:650px}.stage-panel__details{display:grid;grid-template-columns:1.2fr 1fr;gap:34px;border-top:1px solid #c9b9aa;padding-top:27px}.stage-panel h4{font-size:12px;margin:0 0 17px}.stage-panel ul,.starting-list ul{list-style:none;padding:0;margin:0}.stage-panel li,.starting-list li{position:relative;padding-left:16px;font-size:12px;line-height:1.9;color:var(--muted);margin:0 0 13px}.stage-panel li:before,.starting-list li:before{content:"";position:absolute;left:0;top:9px;width:4px;height:4px;border-radius:50%;background:var(--accent)}.stage-result{border-left:1px solid #c9b9aa;padding-left:27px}.stage-result>span{display:block;font-size:9px;letter-spacing:.14em;color:var(--accent);font-weight:700;margin-bottom:15px}.stage-result p{font-size:12px;line-height:1.9;color:var(--muted);margin:0}.stage-controls{display:flex;justify-content:space-between;gap:15px;margin-top:auto;padding-top:26px}.stage-controls button{display:inline-flex;align-items:center;gap:16px;min-height:44px;padding:0 18px;border:1px solid #baa99a;background:none;font-size:12px;cursor:pointer}.stage-controls button:hover:not(:disabled){background:var(--accent);border-color:var(--accent);color:white}.stage-controls button:disabled{opacity:.38;cursor:default}
.starting-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-bottom:18px}.starting-tabs button{padding:23px 24px;border:1px solid #c7b6a7;border-top:3px solid #c7b6a7;background:none;font:400 24px/1.3 var(--serif);text-align:left;cursor:pointer}.starting-tabs button[aria-selected=true]{border-color:var(--accent);background:var(--paper)}.starting-tabs button:hover{border-color:var(--accent)}.starting-panel{display:grid;grid-template-columns:1.15fr 1fr;gap:70px;padding:42px;background:var(--paper)}.starting-panel>div{min-width:0}.starting-panel .eyebrow{display:block;font-size:9px;text-transform:uppercase;margin-bottom:18px}.starting-panel h3{font:400 34px/1.25 var(--serif);letter-spacing:-.03em;margin:0}.starting-panel>div>p{font-size:14px;line-height:1.9;color:var(--muted);margin:24px 0 28px}.starting-list{border-left:1px solid var(--line);padding-left:37px}.starting-list h4{font-size:12px;margin:0 0 21px}.starting-list li{font-size:13px;margin-bottom:17px}.starting-panel .starting-list>p{font-size:11px;margin:24px 0 0;border-top:1px solid var(--line);padding-top:18px}
.mounting-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.mounting-layout h2{font-size:clamp(36px,3.5vw,53px)}.mounting-layout>div>p{font-size:14px;line-height:1.9;color:var(--muted);max-width:390px;margin:27px 0}.mounting-list article{display:flex;gap:25px;border-top:1px solid var(--line);padding:23px 0}.mounting-list article>span{font-size:11px;color:var(--accent);padding-top:5px}.mounting-list h3{font:400 25px/1.3 var(--serif);margin:0 0 12px}.mounting-list p{font-size:13px;line-height:1.9;color:var(--muted);margin:0}.work-catalog-link{display:table;margin-top:22px}
@media(max-width:1100px){.work-hero__grid{gap:35px}.work-hero h1{font-size:49px}.work-hero__copy>.text-link{display:table;margin-left:0;margin-top:18px}.stage-layout{grid-template-columns:.85fr 1.6fr;gap:23px}.stage-tabs button{font-size:21px;gap:17px;padding:20px;min-height:84px}.stage-panel{padding:32px}.stage-panel>h3{font-size:31px}.stage-panel__details{gap:25px}.stage-result{padding-left:24px}.starting-panel{gap:40px;padding:35px}.starting-panel h3{font-size:31px}.starting-tabs button{font-size:23px}.mounting-layout{gap:60px}}
@media(max-width:900px){.work-hero__grid{grid-template-columns:1fr;gap:32px}.work-hero__copy{max-width:650px}.work-hero__copy>p{max-width:590px}.work-hero h1{font-size:54px}.work-hero__copy>.text-link{display:inline-flex;margin-left:25px;margin-top:0}.work-drawing{max-width:650px}.work-drawing img{max-width:500px}.stage-layout{grid-template-columns:1fr;gap:22px}.stage-tabs button{min-height:64px;padding:17px 22px;font-size:22px}.stage-panel{min-height:0;padding:35px}.stage-panel__details{gap:35px}.stage-controls{margin-top:8px}.starting-panel{grid-template-columns:1fr;gap:30px}.starting-list{border-left:0;border-top:1px solid var(--line);padding:27px 0 0}.starting-tabs button{font-size:21px;padding:20px}.mounting-layout{grid-template-columns:1fr;gap:25px}.mounting-layout>div>p{max-width:600px}}
@media(max-width:600px){.work-hero{padding:24px 0 52px}.work-hero h1{font-size:clamp(34px,9.6vw,44px);line-height:1.15}.work-hero__copy .eyebrow{font-size:9px;letter-spacing:.14em}.work-hero__copy>p{font-size:14px;line-height:1.85;margin:23px 0 27px}.work-hero__copy>.text-link{margin-left:20px;font-size:11px}.work-hero__copy>.button{font-size:11px;padding:0 17px;gap:20px}.work-drawing{padding:9px 6px 0}.work-drawing figcaption{font-size:10px;gap:12px;padding:17px 14px}.work-drawing figcaption>span{gap:7px}.work-drawing b{font-size:9px}.stage-tabs button{font-size:21px;min-height:62px;padding:16px 18px;gap:20px}.stage-panel{padding:27px 23px}.stage-panel__head{gap:12px;margin-bottom:23px}.stage-panel__head .eyebrow{font-size:8px;letter-spacing:.1em;max-width:190px}.stage-panel__head>span:last-child{font-size:10px}.stage-panel>h3{font-size:30px}.stage-panel>p{font-size:13px;margin:21px 0 25px}.stage-panel__details{grid-template-columns:1fr;gap:24px;padding-top:23px}.stage-panel li{font-size:12px}.stage-result{border-left:0;border-top:1px solid #c9b9aa;padding:22px 0 0}.stage-controls{padding-top:24px;margin-top:0}.stage-controls button{font-size:11px;padding:0 14px;gap:12px}.starting-tabs{grid-template-columns:1fr;gap:9px}.starting-tabs button{font-size:22px;padding:18px 22px;min-height:62px}.starting-panel{padding:28px 23px;gap:27px}.starting-panel h3{font-size:29px}.starting-panel>div>p{font-size:13px;margin:21px 0 24px}.starting-panel .button{font-size:11px;padding:0 17px;gap:23px}.starting-list li{font-size:12px}.starting-panel .starting-list>p{font-size:11px;margin-bottom:0}.mounting-layout h2{font-size:35px}.mounting-layout>div>p{font-size:13px;margin:22px 0 0}.mounting-list article{gap:21px;padding:22px 0}.mounting-list h3{font-size:24px}.mounting-list p{font-size:13px}}
@media(max-width:360px){.work-hero__copy>.text-link{display:table;margin-left:0;margin-top:18px}.stage-panel,.starting-panel{padding:25px 20px}.stage-panel>h3{font-size:27px}.starting-panel h3{font-size:27px}}
