@font-face{font-family:Manrope;src:url('./assets/Manrope.ttf') format('truetype');font-weight:200 800;font-display:swap}
:root{--ink:#222422;--paper:#F3F0E9;--line:#D6D3CA;--steel:#6D716E;--gutter:clamp(22px,4.8vw,80px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.65 Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}a{color:inherit;text-underline-offset:5px}button{color:inherit;cursor:pointer}button:disabled{cursor:default}a,button,input{outline-offset:6px}a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid currentColor}a:hover{text-decoration-thickness:2px}img{display:block;max-width:100%;height:auto}figure,p,h1,h2,h3,dl,dd{margin:0}p+p{margin-top:24px}h1,h2,h3{font-weight:600;letter-spacing:-.045em;line-height:1.08}h2{font-size:clamp(40px,4.7vw,74px)}h3{font-size:25px;letter-spacing:-.025em}button{border-radius:0}button:focus-visible{z-index:2}.wrap{max-width:1600px;margin-inline:auto;padding-inline:var(--gutter)}.section{padding-top:130px;padding-bottom:130px}.eyebrow{font-size:11px;line-height:1.6;font-weight:700;letter-spacing:.15em;text-transform:uppercase;margin-bottom:28px}.lead{font-size:clamp(18px,1.5vw,22px);line-height:1.65}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;z-index:20;background:var(--ink);color:var(--paper);padding:12px 20px}.skip:focus{top:15px}.header{height:90px;position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:15px var(--gutter);background:var(--paper);border-bottom:1px solid var(--line);gap:30px}.brand{width:180px;flex:none}.brand img{width:180px;height:54px;object-fit:contain}.header nav{display:flex;gap:32px;font-size:12px}.header a{text-decoration:none}.language{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;min-height:44px;min-width:44px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:6%;padding-top:40px;padding-bottom:70px;align-items:center;min-height:calc(100svh - 90px)}.hero-copy{padding-top:30px}.hero h1{font-size:clamp(42px,4.4vw,72px);max-width:12ch;margin:28px 0}.hero .lead{font-size:clamp(17px,1.3vw,20px);max-width:43ch}.button{display:inline-flex;gap:38px;align-items:center;justify-content:space-between;text-decoration:none;padding:17px 24px;font-size:13px;margin-top:30px;border:1px solid var(--ink);min-height:54px}.button:hover{background:var(--paper);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.price{font-size:14px;margin-top:24px}.price span{display:block;font-size:11px;letter-spacing:.03em;margin-top:3px}.explore{display:flex;justify-content:space-between;max-width:290px;font-size:12px;margin-top:52px;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:12px}.hero-image img{width:100%;max-height:calc(100svh - 180px);min-height:570px;object-fit:contain;object-position:center;background:#dededb}.hero-image figcaption{display:flex;justify-content:space-between;gap:20px;font-size:10px;margin-top:12px;letter-spacing:.02em}.hero-image figcaption span:first-child{white-space:nowrap}.concept{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;column-gap:9%}.section-heading h2{max-width:10ch}.prose{max-width:58ch;font-size:17px;line-height:1.8}.facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);margin-top:90px;border-top:1px solid var(--line)}.facts>div{padding:35px 0 0 25px;border-left:1px solid var(--line)}.facts>div:first-child{padding-left:0;border-left:0}.facts dt{font-size:clamp(54px,6vw,86px);line-height:1.2;font-weight:400;letter-spacing:-.05em}.facts dd{font-size:12px;margin-top:12px}.transformation{height:290vh;border-block:1px solid var(--line)}.transform-sticky{position:sticky;top:90px;min-height:650px;height:calc(100svh - 90px);padding:32px 0 25px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.transform-heading{text-align:center;width:100%}.transform-heading .eyebrow{margin-bottom:16px}.transform-heading h2{font-size:clamp(34px,3.4vw,54px);line-height:1.02}.transform-heading h2 br{display:none}.transform-heading h2 br:after{content:' '}.transform-heading p:last-child{font-size:13px;max-width:64ch;margin:18px auto 0}.chair-lineup{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:end;width:100%;max-width:1450px;min-height:0}.chair-card{min-width:0}.chair-stage{position:relative;aspect-ratio:600/900;max-height:44svh;margin:auto;width:100%}.chair-stage img{position:absolute;width:100%;height:100%;inset:0;object-fit:contain;object-position:center bottom;will-change:opacity}.chair-card figcaption{font-size:10px;display:flex;gap:12px;padding-top:16px;border-top:1px solid var(--line);white-space:nowrap}.chair-number{font-variant-numeric:tabular-nums}.scrub{width:100%;margin-top:25px;max-width:1050px}.scrub label{display:block;font-size:11px;margin-bottom:8px}.scrub input{display:block;width:100%;height:20px;margin:0;accent-color:var(--ink);cursor:ew-resize}.scrub-labels{display:flex;justify-content:space-between;gap:10px;font-size:9px;margin-top:8px}.sequence-note{text-align:center;font-size:9px;letter-spacing:.03em;margin-top:13px}.chair-select{display:none}.colour-copy{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:start}.colour-copy .lead{max-width:46ch}.colour-pairs{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:75px}.swatches{height:100px;display:grid;grid-template-columns:2fr 1fr;border:1px solid var(--line)}.colour-pairs p{font-size:11px;margin-top:15px;display:flex;gap:15px}.gallery{background:#e9e6de;border-block:1px solid var(--line)}.gallery-heading{display:flex;justify-content:space-between;align-items:end;gap:45px;margin-bottom:50px}.filters{display:flex;gap:18px;flex-wrap:wrap}.filters button{border:0;border-bottom:1px solid transparent;background:none;font-size:12px;padding:10px 0}.filters button[aria-pressed=true]{border-color:var(--ink);font-weight:700}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 25px}.gallery-grid figure[hidden]{display:none}.gallery-grid figure:first-child{grid-row:span 2}.gallery-open{position:relative;display:block;width:100%;padding:0;border:0;background:var(--line);overflow:hidden}.gallery-open img{width:100%;height:auto;aspect-ratio:3/4;object-fit:contain}.gallery-grid figure:first-child .gallery-open img{aspect-ratio:auto;height:100%;object-fit:cover}.gallery-grid figure:first-child .gallery-open{height:calc(100% - 45px);min-height:400px}.expand{position:absolute;right:12px;bottom:12px;background:var(--paper);width:36px;height:36px;display:grid;place-items:center;font-size:18px}.gallery-grid figcaption{display:flex;gap:12px;font-size:10px;margin-top:13px;line-height:1.6}.construction{display:grid;grid-template-columns:1fr 1fr;gap:9%}.construction-intro .lead{margin-top:30px;max-width:42ch}.construction-photo{margin-top:55px;max-width:420px}.construction-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.construction-photo figcaption{font-size:10px;margin-top:12px}.technical h3{margin-bottom:30px}.technical dl>div{border-top:1px solid var(--line);padding:20px 0;display:grid;grid-template-columns:38% 1fr;gap:25px;font-size:13px}.technical dt{font-size:11px}.technical dd{line-height:1.8}.availability{background:var(--ink);color:var(--paper)}.availability-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.availability-copy{max-width:53ch}.availability-price{font-size:28px;letter-spacing:-.025em;padding:30px 0;border-bottom:1px solid var(--steel);margin-bottom:35px!important}.availability h3{font-size:20px;margin-bottom:20px}.availability-copy>p:last-of-type{font-size:14px}.text-link{display:flex;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--steel);text-decoration:none;font-size:13px;margin-top:32px;max-width:320px}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:9%}.contact h2{font-size:clamp(60px,7.5vw,110px);margin-bottom:30px}.contact .lead{max-width:38ch;font-size:19px}.contact-details{padding-top:10px}.contact-name{font-size:13px;margin-bottom:15px}.contact-details>a{display:flex;justify-content:space-between;gap:15px;text-decoration:none;border-bottom:1px solid var(--line);padding:18px 0;overflow-wrap:anywhere}.email{font-size:clamp(15px,1.75vw,27px);letter-spacing:-.03em}.phone{font-size:23px;letter-spacing:-.02em}.contact-actions{display:flex;flex-direction:column;margin-top:35px;gap:10px}.contact-actions a{display:flex;justify-content:space-between;font-size:12px;min-height:44px;align-items:center;text-decoration:none}.contact-actions a:hover{text-decoration:underline}.footer{border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:30px;padding-bottom:30px;font-size:10px}.footer a{text-decoration:none}.footer a:first-child{display:flex;gap:25px}.footer p{font-size:9px}dialog{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;border:0;margin:0;padding:24px var(--gutter);background:var(--paper);color:var(--ink)}dialog::backdrop{background:var(--ink)}.lightbox-header{display:flex;justify-content:space-between;align-items:center;height:50px;font-size:11px}.lightbox-header button{padding:12px 0 12px 20px;background:none;border:0;font-size:13px}.lightbox-body{height:calc(100% - 60px);display:grid;grid-template-columns:44px 1fr 44px;gap:15px;align-items:center}.lightbox-body button{width:44px;height:50px;background:none;border:1px solid var(--line);font-size:22px}.lightbox-body figure{min-width:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px}.lightbox-body img{max-height:calc(100% - 70px);max-width:100%;object-fit:contain}.lightbox-body figcaption{font-size:12px;text-align:center}html.reduced-motion{scroll-behavior:auto}.reduced-motion .transformation{height:auto}.reduced-motion .transform-sticky{position:static;height:auto;min-height:0;padding:65px 0}.reduced-motion .chair-lineup{margin-top:45px}.reduced-motion .scroll-hint{display:none}
@media(min-width:1650px){.hero{max-width:1600px}.hero-image img{max-height:850px}.chair-stage{max-height:500px}}
@media(max-height:780px) and (min-width:761px){.transform-sticky{min-height:560px;padding-top:22px}.transform-heading p:last-child{margin-top:12px}.transform-heading h2{font-size:40px}.chair-stage{max-height:37svh}.scrub{margin-top:12px}.sequence-note{margin-top:8px}}
@media(max-width:1050px){.header nav{gap:18px}.hero{gap:5%}.hero h1{font-size:clamp(38px,4.6vw,52px)}.hero-image img{min-height:520px}.gallery-heading{display:block}.filters{margin-top:30px}.technical dl>div{grid-template-columns:1fr;gap:6px}.chair-card figcaption{font-size:9px;gap:7px}.colour-pairs{gap:16px}.colour-pairs p{flex-direction:column;gap:3px}.footer{flex-wrap:wrap}.footer p{order:3;flex-basis:100%}.section{padding-block:95px}}
@media(max-width:760px){html{scroll-padding-top:90px}.header{height:76px;padding-block:10px}.brand,.brand img{width:160px}.brand img{height:48px}.header nav{display:none}.hero{display:flex;flex-direction:column;padding-top:35px;padding-bottom:60px;min-height:0;gap:40px;align-items:stretch}.hero-copy{padding-top:0}.hero .eyebrow{font-size:10px}.hero h1{font-size:clamp(42px,9.5vw,66px);max-width:14ch;margin-block:23px}.hero .lead{max-width:44ch;font-size:17px}.hero-image img{min-height:0;max-height:none;height:auto;aspect-ratio:4/5;object-fit:contain}.hero-image figcaption{font-size:9px}.button{margin-top:25px}.price{font-size:13px}.explore{margin-top:28px}.section{padding-block:75px}.concept,.colour-copy,.construction,.availability-grid,.contact-grid{grid-template-columns:1fr;gap:35px}.section-heading h2{max-width:none}.prose{font-size:16px}.facts{margin-top:25px}.facts>div{padding:25px 0 0 15px}.facts dt{font-size:45px}.facts dd{font-size:10px;max-width:12ch}.transformation{height:250svh}.transform-sticky{top:76px;height:calc(100svh - 76px);min-height:580px;padding:25px 0 20px}.transform-heading .eyebrow{font-size:10px;margin-bottom:12px}.transform-heading h2{font-size:35px;line-height:1.08}.transform-heading p:last-child{font-size:12px;max-width:43ch;margin-top:12px}.chair-select{display:flex;justify-content:center;gap:8px;margin-top:10px}.chair-select button{width:44px;height:44px;border:1px solid transparent;background:transparent;display:grid;place-items:center;border-radius:50%}.chair-select button[aria-pressed=true]{border-color:var(--ink)}.chair-select button>span:first-child{background:var(--swatch);width:15px;height:15px;border:1px solid var(--line);border-radius:50%}.chair-lineup{display:block;flex:1;min-height:0;max-height:44svh;position:relative;margin-top:10px}.chair-card{display:none;width:100%;height:100%}.chair-card.selected{display:flex;flex-direction:column}.chair-stage{height:100%;width:100%;max-height:38svh;aspect-ratio:auto;flex:1}.chair-card figcaption{font-size:11px;justify-content:center;gap:14px;padding-top:10px;margin-top:8px;border-top:0}.scrub{margin-top:15px}.scrub-labels{font-size:8px}.scroll-hint{display:none}.sequence-note{font-size:8px;margin-top:8px}.scrub label{font-size:10px}.colour-pairs{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:40px}.swatches{height:70px;grid-template-columns:1fr}.colour-pairs p{font-size:9px;line-height:1.7}.colour-copy .lead{font-size:18px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:30px 16px}.gallery-grid figure:first-child{grid-row:auto;grid-column:1/-1}.gallery-grid figure:first-child .gallery-open{height:auto;min-height:0}.gallery-grid figure:first-child .gallery-open img{height:auto;width:100%;aspect-ratio:4/5;object-fit:contain}.gallery-grid figcaption{font-size:9px;gap:7px}.gallery-heading{margin-bottom:35px}.filters{gap:15px}.filters button{font-size:11px}.expand{width:30px;height:30px;right:7px;bottom:7px}.construction-photo{max-width:none;margin-top:35px}.construction-photo img{aspect-ratio:4/3}.technical{margin-top:10px}.technical dl>div{grid-template-columns:1fr 1.5fr;gap:20px;font-size:12px}.technical dt{font-size:10px}.availability-copy .lead{font-size:19px}.availability-price{font-size:26px;padding:25px 0}.contact .lead{font-size:18px;max-width:45ch}.contact h2{font-size:70px}.contact-grid{gap:40px}.contact-details{padding-top:0}.email{font-size:clamp(15px,4.9vw,23px)}.phone{font-size:23px}.footer{padding-block:25px}.lightbox-body{grid-template-columns:1fr;position:relative}.lightbox-body figure{grid-row:1;grid-column:1}.lightbox-body img{max-height:calc(100% - 120px)}.lightbox-body>button{position:absolute;bottom:0;left:0;background:var(--paper)}.lightbox-body>button:last-child{left:auto;right:0}.lightbox-body figcaption{font-size:11px}.reduced-motion .chair-lineup{height:350px;flex:none;max-height:none}.reduced-motion .chair-stage{max-height:none}.reduced-motion .chair-select{margin-top:25px}}
@media(max-width:380px){.hero h1{font-size:39px}.eyebrow{font-size:10px}.transform-heading h2{font-size:31px}.technical dl>div{grid-template-columns:1fr;gap:6px}.transform-sticky{min-height:550px}.contact h2{font-size:62px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.arrow-icon{display:inline-block;vertical-align:middle;flex-shrink:0}.symbol,#previous-photo,#next-photo{font-family:Arial,sans-serif}.brand,.brand img{width:100px}.brand img{object-position:left center}
@media(max-width:760px){.hero{gap:25px}.hero-copy{display:contents}.hero-copy>.eyebrow{order:0;margin:0}.hero-image{order:1}.hero h1{order:2;margin:8px 0 0}.hero-copy>.lead{order:3}.hero-copy>.button{order:4;align-self:flex-start;margin-top:0}.hero-copy>.price{order:5;margin-top:0}.hero-copy>.explore{order:6;margin-top:0;max-width:290px;width:100%}.hero-image img{aspect-ratio:4/5}.brand,.brand img{width:100px}}
@media(max-height:620px){.transformation{height:auto}.transform-sticky{position:static;height:auto;min-height:0;overflow:visible;padding-block:45px}.chair-lineup{margin-top:25px}.chair-stage{height:300px;max-height:none}.chair-select{margin-top:20px}.chair-card.selected .chair-stage{flex:none}.chair-lineup{max-height:none}.scrub{margin-top:25px}}
.contact-grid>div,.availability-grid>div,.colour-copy>*,.construction>*{min-width:0}
@media(max-width:760px){.contact h2{font-size:clamp(48px,16vw,70px)}}
/* Venti posizioni fotografiche discrete: nessuna interpolazione di opacità. */
.chair-stage img{transition:none;will-change:auto}
.sequence-finale{position:absolute;inset:30% 0 15%;display:none;align-items:center;justify-content:center;pointer-events:none}
.sequence-finale img{width:clamp(180px,24vw,300px);height:auto}
.sequence-complete .sequence-finale{display:flex;animation:logo-arrival .65s cubic-bezier(.2,.8,.2,1) both}
.sequence-complete .chair-lineup,.sequence-complete .chair-select{visibility:hidden}
@keyframes logo-arrival{from{transform:translateY(32px) scale(.9)}to{transform:translateY(0) scale(1)}}
.reduced-motion .sequence-finale{inset:30% 0 20%}
.reduced-motion .transform-sticky{position:relative}
.reduced-motion.sequence-complete .sequence-finale,.reduced-motion .sequence-complete .sequence-finale{animation:none}
@media(prefers-reduced-motion:reduce){.sequence-complete .sequence-finale{animation:none}}
@media(max-height:620px){.transform-sticky{position:relative}}
/* Trasformazione essenziale: solo fotografie e barra, senza didascalie. */
.chair-card figcaption,.chair-select{display:none}
@media(max-width:760px){.chair-lineup{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));align-items:center;gap:5px;flex:1;height:auto;max-height:none}.chair-card,.chair-card.selected{display:block;height:auto;width:100%}.chair-stage,.chair-card.selected .chair-stage{aspect-ratio:600/900;height:auto;width:100%;max-height:none}.transform-sticky{min-height:420px}.scrub{margin-bottom:15px}}
/* Montaggio breve: sei capitoli di scoperta, senza intercettare la rotella. */
.transformation{height:190svh}
.chair-mark{display:none!important}
.js .chair-card[data-phase="empty"] .chair-stage{visibility:hidden}
.js .chair-card[data-phase="logo"] [data-frame]{visibility:hidden}
.js .chair-card[data-phase="logo"] .chair-mark{display:block!important;visibility:visible;inset:0;width:72%;height:100%;left:14%;object-fit:contain;opacity:1!important}
@media(max-width:760px){
 .chair-select{display:flex;justify-content:center;gap:8px;margin:16px auto 0}
 .chair-select button{width:44px;height:44px;border:1px solid transparent;background:none;display:grid;place-items:center;border-radius:50%}
 .chair-select button[aria-pressed="true"]{border-color:var(--ink)}
 .chair-select button span{background:var(--swatch);width:15px;height:15px;border:1px solid var(--line);border-radius:50%}
 .chair-lineup{display:block;flex:1;min-height:0;height:auto;max-height:50svh;margin-top:10px}
 .chair-card{display:none;height:100%;width:100%}
 .chair-card.selected{display:block;height:100%}
 .chair-stage,.chair-card.selected .chair-stage{height:100%;width:100%;aspect-ratio:auto;max-height:46svh}
 .transform-sticky{min-height:500px}
 .scrub{margin-top:20px;margin-bottom:10px}
 .reduced-motion .chair-lineup{height:350px;flex:none}
}
@media(max-height:620px){.transformation{height:auto}.chair-stage,.chair-card.selected .chair-stage{height:250px}.chair-lineup{height:250px;flex:none}}
.reduced-motion .transformation{height:auto}
@media(prefers-reduced-motion:reduce){.sequence-complete .sequence-finale{animation:none}}
/* Prototipo 3D: scena immersiva, solo titolo e modello. */
.model-section{height:210svh;background:var(--paper)}
.model-sticky{position:sticky;top:0;height:100svh;display:flex;flex-direction:column;align-items:center;padding:28px 0 12px;overflow:hidden}
.model-sticky h2{font-size:clamp(30px,3.5vw,54px);text-align:center;padding:0 20px;line-height:1.08;flex:none;z-index:1}
.model-sticky h2 br{display:none}
.chair-viewer{flex:1;width:100%;min-height:0;position:relative}
.chair-viewer canvas{display:block;width:100%;height:100%;pointer-events:none}
.model-immersive .header{visibility:hidden;pointer-events:none}
.model-error{position:absolute;top:45%;left:10%;right:10%;text-align:center;font-size:14px}
@media(max-width:760px){.model-sticky{padding-top:24px}.model-sticky h2{font-size:clamp(29px,7vw,40px)}.model-sticky h2 br{display:block}}
@media(prefers-reduced-motion:reduce){.model-section{height:100svh}.model-sticky{position:relative}}
@media(max-width:760px){.model-sticky h2{font-size:clamp(17px,4.6vw,34px);white-space:nowrap;padding-inline:12px;letter-spacing:-.045em}.model-sticky h2 br{display:none}}
.signature{font-size:clamp(17px,1.5vw,22px);margin:0 0 26px;line-height:1.5}
.hero h1{margin-bottom:14px}
.colour-link{display:block;position:relative;text-decoration:none;transition:transform .22s ease}
.colour-link .swatches{transition:box-shadow .22s ease;border-color:var(--line)}
.colour-link:hover,.colour-link:focus-visible{transform:translateY(-6px)}
.colour-link:hover .swatches,.colour-link:focus-visible .swatches{box-shadow:0 8px 18px #22242220}
.colour-arrow{position:absolute;right:9px;bottom:9px;width:30px;height:30px;display:grid;place-items:center;background:var(--paper);opacity:0;transform:translate(-4px,4px);transition:opacity .2s,transform .2s}
.colour-link:hover .colour-arrow,.colour-link:focus-visible .colour-arrow{opacity:1;transform:none}
.gallery-grid figure[id]{scroll-margin-top:115px}
.gallery-grid figure.from-colour .gallery-open{outline:2px solid var(--ink);outline-offset:5px}
@media(max-width:760px){.hero-copy>.signature{order:2;margin:0 0 4px}.hero h1{margin-bottom:0}.colour-arrow{width:22px;height:22px;right:4px;bottom:4px}.colour-arrow svg{width:12px;height:12px}}
@media(hover:none){.colour-arrow{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){.colour-link,.colour-link .swatches,.colour-arrow{transition:none}.colour-link:hover,.colour-link:focus-visible{transform:none}}