:root{--ink:#3e2530;--paper:#ede5d7;--plum:#67364a;--vk-display:Georgia,serif;--vk-text:Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:18px/1.5 Arial,sans-serif}a{color:inherit}header{display:flex;justify-content:space-between;align-items:start;padding:26px 4vw;position:absolute;z-index:2;width:100%}header>a:last-child{padding:12px 0}.brand{font:700 27px/.9 Georgia;text-decoration:none}.brand span{display:block;font:14px/1.2 Arial;margin-top:8px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Georgia,serif;font-weight:400;line-height:1.02}h1{font-size:clamp(65px,8vw,130px);letter-spacing:-.055em;view-transition-name:vk-title}h2{font-size:clamp(48px,5vw,80px);letter-spacing:-.04em}p{max-width:47ch}.hero{min-height:100svh;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:130px 4vw 40px;gap:3vw}.hero p:not(.intro){margin:30px 0;max-width:34ch}.intro{margin-bottom:24px}.textlink{display:inline-block;padding:12px 0}.hero-art{background:#d8c7b7;align-self:stretch;display:flex;flex-direction:column;justify-content:center;align-items:center}.hero-art svg{height:min(65vh,600px);width:100%}.hero-art span,.exploded span{font-size:14px}.defs{position:absolute;width:0;height:0}.scene{height:260vh;background:var(--plum);color:#fff8ed}.sticky{height:100svh;position:sticky;top:0;display:grid;grid-template-columns:1fr 1.2fr;align-items:center;padding:4vw;gap:4vw;overflow:hidden}.scene-copy p{margin-top:26px}.hint{font-size:15px}.exploded{text-align:center}.exploded svg{width:min(100%,600px);height:70svh;overflow:visible}.layer{transform-box:fill-box;will-change:transform}.materials{padding:130px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.material-list article{display:grid;grid-template-columns:1fr 2fr;gap:20px;padding:23px 0;border-bottom:1px solid #ac9b91}.material-list h3{font-size:32px}.material-list em{font-style:normal;color:#79566a}.comparison{background:#d5c5b6;padding:100px 4vw;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:6vw}.comparison p{margin:30px 0}.comparison label{display:flex;justify-content:space-between;max-width:420px}.comparison input{width:min(100%,420px);accent-color:var(--plum);height:44px}.compare-art{position:relative}.compare-art svg{width:100%;max-height:600px}.before{clip-path:inset(0 calc(100% - var(--compare, 50%)) 0 0);filter:grayscale(.7)}.divider{position:absolute;left:var(--compare,50%);top:8%;height:80%;width:3px;background:#fff}.request{padding:130px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:8vw}.request p{margin-top:24px}fieldset{border:0;padding:0;margin:0 0 36px}legend{font:32px Georgia;margin-bottom:12px}fieldset label{display:inline-block;margin:0 16px 10px 0}input[type=radio]{accent-color:var(--plum);width:20px;height:20px}textarea,input[type=text]{display:block;width:100%;font:inherit;padding:14px;border:1px solid #765d61;background:#f8f2e9;color:var(--ink)}button{font:inherit;background:var(--plum);color:white;border:0;padding:17px 24px;cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #bc7952;outline-offset:3px}.closing{background:var(--plum);color:#fff8ed;padding:80px 4vw;font:clamp(42px,8vw,110px)/1 Georgia}.closing span{display:block;font:18px Arial;margin-top:28px}@media(max-width:700px){header{padding:20px}header>a:last-child{font-size:14px}.hero{padding:150px 20px 30px;display:flex;flex-direction:column;align-items:stretch}.hero h1{font-size:clamp(62px,15vw,88px)}.hero-art svg{height:43vh}.hero-art{padding:15px}.sticky{display:flex;flex-direction:column;justify-content:center;align-items:stretch;padding:24px}.scene-copy h2{font-size:48px}.scene-copy p{margin-top:12px}.exploded svg{height:48svh}.materials,.comparison,.request{padding:80px 20px;display:block}.material-list{margin-top:40px}.material-list article{grid-template-columns:1fr 2fr}.comparison .compare-art{margin-top:30px}.request form{margin-top:50px}.closing{padding:65px 20px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scene{height:auto}.sticky{position:relative;min-height:100svh}.layer{will-change:auto}}
.js-wizard fieldset[hidden],.js-wizard button[hidden]{display:none}.wizard-controls{display:flex;gap:12px;flex-wrap:wrap}#back{background:transparent;color:var(--ink);border:2px solid var(--ink)}.layer{transition:none}@media(prefers-reduced-motion:reduce){.layer{transform:none!important}}
.materials{display:block;padding:120px 4vw 0}.materials-intro{max-width:800px;margin-bottom:100px}.materials-intro p{margin:24px 0}.material-list article{position:relative;min-height:65vh;display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:4vw;padding:70px 0;border-top:1px solid #ac9b91;border-bottom:0}.material-list h3{font-size:clamp(55px,8vw,120px);margin-bottom:28px}.material-list p{max-width:42ch}.material-index{align-self:start;font-size:14px}.material-index span{display:block;margin-top:12px;font-size:18px}.material-mark{font:italic clamp(90px,16vw,230px)/1 Georgia;color:#c7b6a8;text-align:right}.tool{margin-top:28px;color:#79566a}.rebuild{background:#67364a;color:#fff8ed;padding:100px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:25px}.rebuild>p:first-child{grid-column:1/-1}.rebuild h2{align-self:end}.rebuild svg{grid-column:2;grid-row:2/4;width:100%;height:65vh}.time{padding:130px 4vw;display:grid;grid-template-columns:1fr 1fr;gap:35px 8vw}.time>p:first-child{grid-column:1/-1}.time p+p{margin-top:24px}@media(max-width:700px){.materials{padding:80px 20px 0}.material-list article{min-height:60svh;grid-template-columns:1fr 3fr;gap:20px}.material-index span{font-size:14px}.material-list h3{font-size:54px}.material-mark{display:none}.rebuild,.time{display:block;padding:80px 20px}.rebuild h2,.time h2{margin:25px 0}.rebuild svg{height:45svh}.time div{margin-top:30px}}
.material-list article:nth-child(even){background:#e1d3c4;margin:0 -4vw;padding-left:4vw;padding-right:4vw}.material-list article:nth-child(3n) .material-mark{font-style:normal;color:#9d796f}.material-list article:nth-child(3n) h3{font-style:italic}@media(max-width:700px){.material-list article:nth-child(even){margin:0 -20px;padding-left:20px;padding-right:20px}.material-list article{grid-template-columns:80px minmax(0,1fr)}}
legend small{display:block;font:14px/1.4 Arial,sans-serif;letter-spacing:.08em;margin-bottom:14px;color:#79566a}.request fieldset label{min-height:44px;padding-top:8px}
/* La tavola resta in scena: il testo segue il pezzo, non lo ripete. */
.scene{height:850vh}.sticky{display:block;padding:0}.exploded{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none}.exploded svg{height:95svh;width:auto;max-width:72vw;transition:transform .18s ease-out}.exploded span{position:absolute;bottom:2vh;right:3vw}.scene-copy{position:absolute;inset:0;z-index:1;pointer-events:none}.scene-copy .hint{position:absolute;top:3vh;left:4vw;margin:0}.material-list article{position:absolute;left:4vw;top:23%;width:min(30vw,410px);display:none;border:0;padding:0}.scene-ready .material-list article.active{display:block}.material-list h3{font-size:clamp(48px,5vw,84px);margin:12px 0}.material-list article p{margin:0 0 18px}.material-index{font-size:14px;text-transform:uppercase;letter-spacing:.1em}.material-mark{position:fixed;right:4vw;bottom:1vh;font:clamp(100px,18vw,280px)/.8 Georgia;opacity:.18}.tool{font-size:14px;text-transform:uppercase;letter-spacing:.08em}.tool-drawing,.callout{position:absolute;fill:none;stroke:#e5c6a6;stroke-width:2}.tool-drawing{width:120px;left:4vw;bottom:12%}.callout{left:32%;top:44%;width:20%;height:12%}.comparison{min-height:100svh}.comparison .compare-art svg{max-height:90svh}.rebuild svg{max-height:75svh}
@media(max-width:700px){.scene{height:850vh}.sticky{display:block;padding:0}.exploded svg{height:64svh;max-width:100vw;transform-origin:center}.exploded{align-items:flex-start;padding-top:9vh}.exploded span{bottom:1vh;font-size:11px}.scene-copy .hint{top:2vh;left:5vw;font-size:12px}.material-list article{left:5vw;top:auto;bottom:7vh;width:75vw}.material-list h3{font-size:48px;margin:5px 0}.material-list article p{font-size:14px;line-height:1.3;margin:0 0 7px}.material-mark{font-size:100px;right:4vw;bottom:5vh}.tool-drawing{left:auto;right:5vw;bottom:20vh;width:70px}.callout{left:30%;top:54%;width:30%;height:8%}.comparison{min-height:100svh;display:flex;flex-direction:column;justify-content:center}.comparison .compare-art{width:100%}}
@media(prefers-reduced-motion:reduce){.scene{height:auto}.sticky{min-height:100svh}.scene-ready .material-list article{position:relative;display:block;left:auto;top:auto;bottom:auto;width:auto;margin:2rem 0}.scene-copy{position:relative;padding:5rem 5vw;pointer-events:auto}.scene-copy .hint{position:static}.exploded{display:none}.material-mark,.callout,.tool-drawing{display:none}}
.scene .material-list article{background:transparent;color:#fff8ed;min-height:0}.scene .material-list article .tool{color:#f1d3bd}.scene .material-list article h3{font-style:normal}.scene-ready .material-list article:not(.active){display:none}html:not(.scene-ready) .scene{height:auto}html:not(.scene-ready) .sticky{position:relative;height:auto}html:not(.scene-ready) .scene-copy{position:relative;padding:5rem 5vw}html:not(.scene-ready) .material-list article{position:relative;display:block;left:auto;top:auto;width:auto;margin:3rem 0}html:not(.scene-ready) .exploded,html:not(.scene-ready) .material-mark{display:none}
@media(max-width:700px){.scene .material-list article{bottom:7vh;top:auto;background:#67364a;padding:12px;width:85vw}.exploded{padding-top:2vh;align-items:flex-start}.exploded svg{height:60svh}.material-mark{display:none}.callout{display:none}}
@media(prefers-reduced-motion:reduce){.scene-ready .material-list article:not(.active){display:block}.scene .material-list article{position:relative;left:auto;top:auto;bottom:auto;width:auto;margin:2rem 0}.scene-copy{position:relative}.sticky{overflow:visible}}
.scene .material-mark{position:absolute;left:80vw;bottom:-35vh;right:auto;pointer-events:none}
@media(max-width:700px){.scene .material-mark{display:none}.comparison .compare-art svg{height:52svh;max-height:none}.comparison .compare-art{margin-top:8px}}
/* Tavola unica: il richiamo segue il materiale durante il movimento. */
.scene{height:1500vh}.exploded svg{height:100svh;max-width:68vw}.whole-chair{opacity:1}.scene .material-list h3{font-size:clamp(64px,5vw,84px)}.callout{inset:0;width:100%;height:100%;overflow:visible}.tool-drawing{stroke-width:3}.layer{transform-box:view-box}.exploded svg{transition:none}
@media(max-width:700px){.scene{height:1500vh}.exploded svg{height:65svh;max-width:100vw}.scene .material-list h3{font-size:48px}.callout{display:block}.tool-drawing{bottom:25vh}.scene .material-list article{width:75vw}}

.exploded svg{pointer-events:auto}.layer[role=button]{cursor:pointer}.layer[role=button]:focus-visible{outline:3px solid #fff;outline-offset:4px}

.layer{transform-origin:260px 0}.chair-outline{pointer-events:none}

.exploded svg{pointer-events:auto}.chair-outline{pointer-events:none}.layer.active{filter:drop-shadow(0 0 5px #fff8ed)}