/* Four construction stages — the mist-blue visual language of sections 02/03. */
.works{background:radial-gradient(ellipse at 0 100%,#dce5ed,transparent 65%),linear-gradient(135deg,#f8f9f9,#e8edf2);padding-bottom:55px}
.works .works-head{padding:48px 5vw 38px;align-items:flex-end;gap:36px}
.works .works-head h2{font-size:clamp(36px,4vw,64px);line-height:1.28;margin:18px 0 0}
.works .works-head>p{font-size:13px;line-height:2.1;max-width:300px;margin:0 0 6px}
.craft-grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding:0 5vw;align-items:start}
.craft-card{border:1px solid #ffffffd9;border-radius:28px;background:linear-gradient(155deg,#ffffffba,#f4f7f9a6);overflow:hidden;box-shadow:0 12px 32px #52667f09;transition:box-shadow .3s,transform .3s}
.craft-card:hover{box-shadow:0 18px 40px #52667f17}
.craft-card-top{display:flex;justify-content:space-between;align-items:center;padding:23px 22px 0;gap:10px;color:#708097;font-size:9px;letter-spacing:.09em;min-height:38px}
.craft-dot{width:6px;height:6px;border-radius:50%;background:#a8997e;flex-shrink:0}
.craft-art{height:155px;margin:12px 16px 0;display:grid;place-items:center;background:radial-gradient(ellipse,#dce5ee8c,transparent 68%);color:#70849c}
.craft-art svg{width:205px;height:155px;max-width:100%;transition:transform .5s}
.craft-card:hover .craft-art svg{transform:translateY(-4px)}
.craft-copy{padding:12px 23px 0}.craft-subtitle{font-size:10px;letter-spacing:.12em;color:#8b7758;margin:0 0 11px}
.craft-copy h3{font-size:32px;font-weight:400;letter-spacing:-.04em;line-height:1.3;margin:0;color:#35465e}
.craft-copy h3 span{display:block;font-size:13px;font-weight:400;letter-spacing:0;color:#617187;margin-top:9px}
.craft-description{font-size:12px;color:#6a798b;line-height:1.95;margin:19px 0 22px;min-height:70px}
.craft-material{border-top:1px solid #c6d0dc80;padding-top:17px}.craft-material>span{font-size:9px;letter-spacing:.12em;color:#8591a0}.craft-material p{font-size:11px;color:#617187;line-height:1.8;margin:7px 0 18px;min-height:40px}
.craft-details{border-top:1px solid #c6d0dc80}.craft-details summary{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:17px 0;font-size:10px;color:#526781;cursor:pointer;list-style:none}.craft-details summary::-webkit-details-marker{display:none}.craft-details summary>span{font-size:17px;font-weight:300;transition:transform .2s}.craft-details[open] summary>span{transform:rotate(45deg)}.craft-details summary:focus-visible{outline:2px solid #70849c;outline-offset:3px;border-radius:4px}.craft-details>p{font-size:11px;line-height:1.9;color:#617187;margin:0 0 19px}
.craft-foot{position:relative;z-index:1;display:flex;justify-content:space-between;gap:20px;align-items:baseline;margin:30px 5vw 0;padding-top:20px;border-top:1px solid #becad650;font-size:10px;color:#7a899b;line-height:1.8}.craft-foot>span{letter-spacing:.12em}.craft-foot p{margin:0}
@media(min-width:1101px){.craft-card:nth-child(even){margin-top:28px}}
@media(max-width:1100px){.craft-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.craft-description{min-height:0}.craft-material p{min-height:0}}
@media(max-width:640px){.works{padding-bottom:36px}.works .works-head{padding:30px 6vw 26px;display:block}.works .works-head h2{font-size:clamp(32px,8.5vw,46px)}.works .works-head>p{font-size:12px;margin:21px 0 0}.craft-grid{grid-template-columns:1fr;padding:0 6vw;gap:18px}.craft-card{border-radius:24px}.craft-card-top{padding:21px 24px 0}.craft-art{height:140px;margin-top:0}.craft-art svg{height:140px}.craft-copy{padding:8px 24px 0}.craft-copy h3{font-size:30px}.craft-description{margin:16px 0 20px}.craft-foot{display:block;margin:25px 6vw 0}.craft-foot p{margin-top:9px}}
@media(prefers-reduced-motion:reduce){.craft-card,.craft-art svg,.craft-details summary>span{transition:none}.craft-card:hover .craft-art svg{transform:none}}

/* Photographic material portraits */
.craft-card{overflow:hidden}
.craft-art{height:220px;margin:18px 18px 0;border-radius:17px;overflow:hidden;background:#d4dbe2;display:block;color:inherit}
.craft-art img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 55%;filter:saturate(.82);transition:transform .5s ease,filter .5s ease}
.craft-card:hover .craft-art img{transform:scale(1.035);filter:saturate(.95)}
.craft-card:nth-child(1) .craft-art img{object-position:center 48%;filter:saturate(.76)}
.craft-card:nth-child(1):hover .craft-art img{filter:saturate(.86)}
.craft-card:nth-child(3) .craft-art img{object-position:center 52%}
@media(max-width:640px){.craft-art{height:240px;margin:14px 14px 0;border-radius:16px}.craft-copy{padding-top:18px}}
@media(prefers-reduced-motion:reduce){.craft-art img{transition:none}.craft-card:hover .craft-art img{transform:none}}