@font-face{font-family:Cormorant;src:url(assets/serif.woff2);font-display:swap}@font-face{font-family:Manrope;src:url(assets/sans.woff2);font-display:swap}:root{--vk-display:Cormorant,Georgia,serif;--vk-text:Manrope,Arial,sans-serif;--ink:#26382d;--ground:#e9e8dc}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ground);color:var(--ink);font:16px/1.55 var(--vk-text)}a{color:inherit}button{font:inherit;cursor:pointer}header{height:86px;display:flex;justify-content:space-between;align-items:center;padding:0 4%;gap:20px}header a{text-decoration:none}.brand{font:600 29px var(--vk-display)}.brand span{font:12px var(--vk-text)}h1,h2,p{margin-top:0}h1,h2{font-family:var(--vk-display);font-weight:500;letter-spacing:-.035em;line-height:.94}h1{font-size:clamp(65px,8vw,130px);view-transition-name:vk-title;max-width:700px}h2{font-size:clamp(52px,6vw,94px)}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:calc(100svh - 86px);padding:3vw 4% 5vw;gap:4vw;align-items:center}.hero p{max-width:390px}.intro{margin-bottom:5vw}.textlink{display:inline-block;margin-top:24px;text-underline-offset:8px}.hero-art{height:70vh;min-height:460px;background:#adb7a2;position:relative;overflow:hidden}.window{position:absolute;left:12%;top:0;width:46%;height:57%;background:#dbe1ce;border:18px solid #ced1bd}.sunpatch{position:absolute;background:#ddd7b1;width:47%;height:48%;right:-4%;bottom:0;transform:skew(-27deg)}.chair{position:absolute;bottom:15%;left:36%;width:30%;height:25%;background:#d9d0b8;border-radius:35% 35% 8% 8%;transform:skew(-4deg)}.chair:after,.chair:before{content:'';position:absolute;width:8px;height:60%;background:#62533d;bottom:-48%}.chair:after{right:10%}.chair:before{left:10%}.hero-caption{position:absolute;right:6%;top:8%;font:italic 27px var(--vk-display);text-align:right}.story{height:350vh}.sticky{height:100svh;position:sticky;top:0;background:#c7cbb8;overflow:hidden}.scene-head{position:absolute;top:28px;left:4%;right:4%;display:flex;justify-content:space-between;z-index:1}#room{width:100%;height:100%;}#room canvas{width:100%;height:100%;display:block}.scene-note{position:absolute;bottom:6%;left:4%;width:300px}.scene-note p{font:32px/1.05 var(--vk-display);margin:12px 0}.chapters{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;padding:12vw 4%}.chapters h2{font-size:clamp(40px,4vw,65px);margin:30px 0}.chapters p{max-width:330px}.board{background:#354a39;color:#f1f0e3;padding:9vw 4%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.board p{max-width:430px}.choices fieldset{border:0;padding:0;margin:0 0 28px;display:flex;gap:12px;flex-wrap:wrap}.choices legend{margin-bottom:12px}.choices button{border:0;background:#e6e5d7;color:#26382d;padding:10px 14px;min-height:50px}.choices button[aria-pressed=true]{outline:3px solid #d5ad57;outline-offset:2px}.swatch{display:inline-block;width:26px;height:26px;vertical-align:middle;margin-right:8px}.oak{background:#b48a59}.walnut{background:#60412e}.linen{background:#ded5bd}.sage{background:#8c9b7d}.board-room{height:250px;background:#afbba5;position:relative;overflow:hidden}.board-table{position:absolute;background:var(--wood,#b48a59);height:25px;width:52%;left:35%;top:50%}.board-table:after{content:'';position:absolute;top:20px;left:12%;height:150px;width:12px;background:inherit}.board-chair{position:absolute;bottom:0;left:15%;width:24%;height:50%;background:var(--fabric,#ded5bd);border-radius:45% 45% 0 0}.contact{padding:12vw 4%;display:grid;grid-template-columns:1fr 1fr;gap:8%}.contact p{max-width:440px}.contact button{border:0;background:#94601a;color:white;padding:18px 24px}#summary{font-weight:bold}a:focus-visible,button:focus-visible{outline:3px solid #bc852c;outline-offset:4px}@media(max-width:700px){header{height:72px}header>a:last-child{font-size:13px;max-width:120px}.brand span{display:none}.hero{grid-template-columns:1fr;padding-top:20px}.hero h1{font-size:65px}.hero-art{min-height:400px;height:55vh}.intro{margin-bottom:32px}.story{height:280vh}.scene-note{width:80%;bottom:4%}.scene-note p{font-size:27px}.chapters,.board,.contact{grid-template-columns:1fr;gap:55px}.chapters{padding:90px 4%}.board,.contact{padding:90px 4%}.chapters article{max-width:500px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.story{height:100svh}.sticky{position:relative}}

@media(max-width:700px){.scene-note{bottom:90px}}

.chapters{display:block;padding:0}.chapters article{min-height:90svh;max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:4vw;align-items:center;padding:8vw 4%;position:relative}.chapters article>span{position:absolute;top:5%;left:4%}.chapters article:nth-child(even){background:#d7dacb}.chapters article:nth-child(even)>div:not(.material){order:2}.chapters h2{font-size:clamp(48px,5vw,80px);max-width:600px}.chapters p{max-width:480px}.material{height:60vh;min-height:360px;background:#b6a183;position:relative;overflow:hidden}.material span{position:absolute;bottom:5%;right:6%;font:italic 70px var(--vk-display);color:#fff}.material-0{background:repeating-linear-gradient(88deg,#c4ad8b 0 3px,#d3c3a7 4px 85px)}.material-1{background:repeating-linear-gradient(4deg,#92734e 0 2px,#b99a6e 3px 35px)}.material-2{background:repeating-linear-gradient(90deg,#dbd4c1 0 2px,#eee9db 3px 5px)}.material-3{background:#a2a992}.material-3:before{content:'';position:absolute;inset:25% 22% 0;background:#ded6bf;border-radius:45% 45% 0 0}.material-4{background:repeating-linear-gradient(160deg,#a6a092 0 3px,#c9c2b2 4px 70px)}.material-5{background:#344336}.material-5:before{content:'';position:absolute;left:48%;bottom:0;width:8px;height:70%;background:#ba9658}.material-5:after{content:'';position:absolute;left:33%;top:15%;width:30%;height:20%;background:#c3a266;border-radius:50% 50% 4% 4%}header a,.textlink{min-height:44px;display:inline-flex;align-items:center}#room{background:#c7cbb8 url(assets/room.webp) center/cover no-repeat}@media(max-width:700px){.chapters article{grid-template-columns:1fr;gap:25px;padding:100px 4% 60px;min-height:0}.chapters article:nth-child(even)>div:not(.material){order:0}.material{height:48svh;min-height:300px}.chapters article>span{top:30px}}
.story{height:800vh}.scene-note{width:min(55vw,700px);left:5%;bottom:10%;color:#fff;text-shadow:0 2px 18px #171c17aa;transition:left .6s,top .6s,bottom .6s}.scene-note p{font-size:clamp(54px,7vw,110px);line-height:.9}.scene-note[data-scene="1"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{left:48%;bottom:14%}.scene-note[data-scene="2"]{top:18%;bottom:auto}.board{min-height:100svh;align-items:center}.choices{display:grid;grid-template-columns:1fr 1fr;gap:16px}.board-room{grid-column:1/-1;height:55vh;background:#dedbd0}.board-room canvas{display:block;width:100%;height:100%}@media(max-width:700px){.story{height:800vh}.scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{left:6%;width:85%;bottom:12%}.scene-note p{font-size:clamp(48px,12vw,75px)}.board{min-height:100svh}.choices{display:block}.board-room{height:45vh}}
.scene-note{transition:none}.scene-note p{height:2.8em;overflow:visible}.scene-head{color:#fff;text-shadow:0 1px 8px #000}
.scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="2"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{left:5%;top:auto;bottom:10%}.scene-note[data-scene="1"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{transform:translateX(78%)}.scene-note[data-scene="2"]{transform:translateY(-50%)}@media(max-width:700px){.scene-note[data-scene="1"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{transform:translateY(-15%)} }
@media(max-width:700px){.board{gap:24px;padding:64px 5%}.board h2{margin-bottom:20px}.board p{font-size:14px;line-height:1.5}.board-room{height:50svh}.choices fieldset{margin-bottom:18px}}

.vk-eyebrow{color:#89591a}
.window img{display:block;width:100%;height:100%;object-fit:cover}.materials-image{width:100%;height:260px;object-fit:cover;grid-column:1/-1}.sun-control{position:absolute;z-index:2;right:5%;bottom:6%;width:min(340px,35vw);padding:16px 20px;background:#26382d;color:#fff}.sun-control label{display:flex;justify-content:space-between;gap:16px}.sun-control input{width:100%;height:44px;accent-color:#e7ba70;cursor:grab}.sun-control input:focus-visible{outline:3px solid #e7ba70;outline-offset:3px}.sun-ends{display:flex;justify-content:space-between;font-size:13px}@media(max-width:700px){.sun-control{left:5%;right:5%;bottom:3%;width:auto}.scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="2"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{bottom:23%}.materials-image{height:220px;margin-bottom:18px}}
@media(max-width:700px){.sun-control{bottom:70px}.scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="2"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{bottom:30%}.hero-caption{top:60%;right:5%}}

/* Quarto giro: la stanza diventa un interno fotografico; il testo sta su un margine di carta, non sopra la scena */
.sticky{background:#e6e1d6}
#room.live{background:none}
.sticky::before{content:'';position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#ece8df 0%,#ece8dfe0 18%,#ece8df73 31%,#ece8df00 44%)}
.scene-head{z-index:2;color:var(--ink);text-shadow:none;font-size:13px;letter-spacing:.08em;text-transform:uppercase}
.scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="2"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{z-index:2;left:5%;top:50%;bottom:auto;width:min(34vw,500px);transform:translateY(-50%);color:var(--ink);text-shadow:none}
.scene-note p{height:auto;margin:18px 0 0;font:500 clamp(46px,5vw,84px)/.95 var(--vk-display);letter-spacing:-.03em}
#hour{display:inline-flex;align-items:center;gap:12px;font:600 13px/1 var(--vk-text);letter-spacing:.12em;text-transform:uppercase;color:#7a5418}
#hour::before{content:'';width:34px;height:1px;background:currentColor}
.sun-control{z-index:2;left:5%;right:auto;bottom:7%;width:min(34vw,420px);padding:0;background:none;color:var(--ink)}
.sun-control label{font:600 13px/1 var(--vk-text);letter-spacing:.1em;text-transform:uppercase}
.sun-control output{font:500 30px/1 var(--vk-display);letter-spacing:0;text-transform:none}
.sun-control input{accent-color:#a96f20}
.sun-ends{color:#4d5a50}
@media(max-width:700px){
  .sticky::before{background:linear-gradient(0deg,#ece8df 0%,#ece8dff0 30%,#ece8df99 42%,#ece8df00 56%)}
  .scene-note,.scene-note[data-scene="1"],.scene-note[data-scene="2"],.scene-note[data-scene="3"],.scene-note[data-scene="5"]{top:auto;bottom:212px;left:6%;width:88%;transform:none}
  .scene-note p{font-size:clamp(40px,11vw,58px)}
  .sun-control{left:6%;right:6%;width:auto;bottom:72px}
}
@media(prefers-reduced-motion:reduce){.sticky::before{background:linear-gradient(90deg,#ece8df 0%,#ece8dfe6 22%,#ece8df00 52%)}}
/* The header runs past the veil, over a room that gets dark: what sits on the scene reads in light. */
.scene-head>:last-child{color:#fff;text-shadow:0 1px 6px #0009}
@media(max-width:700px){.scene-head>*{color:#fff;text-shadow:0 1px 6px #0009}}