:root{--ink:#233b40;--paper:#ede9dd;color:var(--ink);background:var(--paper);font-synthesis:none;font-family:Georgia,Times New Roman,serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}.skip-link{z-index:100;border:2px solid var(--ink);background:var(--paper);color:var(--ink);padding:12px 16px;font:12px/1.2 monospace;position:fixed;top:12px;left:12px;transform:translateY(calc(-100% - 16px))}.skip-link:focus-visible{outline:2px solid var(--paper);outline-offset:2px;transform:translateY(0)}button,a,select{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button,select{font:inherit;color:inherit}button,a,select:focus-visible{outline-offset:6px}button{cursor:pointer}#world{z-index:0;pointer-events:auto;position:fixed;inset:0}canvas{width:100%;height:100%;display:block}header{z-index:4;pointer-events:none;justify-content:space-between;width:100%;padding:32px 4vw;display:flex;position:fixed;top:0;left:0}header a{pointer-events:auto}.brand{letter-spacing:-.8px;font-size:23px}.brand span{letter-spacing:1px;font:10px/2.5 monospace;display:block}nav{gap:32px;padding-top:10px;font:12px monospace;display:flex}nav span{margin-left:12px}main{pointer-events:none;position:relative}main:focus,#contenuto:focus{outline:none}main a,main button{pointer-events:auto}section{height:100vh;min-height:680px;position:relative}.intro{position:absolute;top:23%;left:8vw}.eyebrow{letter-spacing:2px;margin:0 0 25px;font:10px/1.7 monospace}h1{letter-spacing:-3px;margin:0 0 28px;font-size:clamp(42px,5.3vw,83px);font-weight:400;line-height:1.02}h1 em{font-weight:400}p.lead{letter-spacing:-.4px;font:14px/1.8 monospace}.enter{border-bottom:1px solid;align-items:center;gap:45px;margin-top:12px;padding:14px 0;font:12px monospace;display:inline-flex}.landmark{text-align:right;font:10px/1.7 monospace;position:absolute;bottom:100px;right:4vw}.passage{height:65vh}.office-copy{max-width:360px;position:absolute;top:23%;left:5vw}.office-copy h2{letter-spacing:-2px;margin:0 0 24px;font-size:58px;font-weight:400;line-height:1.05}.office-copy p:not(.eyebrow){font:12px/1.8 monospace}.objects{flex-direction:column;align-items:flex-start;gap:15px;margin-top:30px;display:flex}.objects button{text-align:left;background:0 0;border:0;padding:0;font:12px monospace}.objects button:hover{text-decoration:underline}footer{z-index:5;background:var(--paper);letter-spacing:1px;justify-content:space-between;align-items:center;width:100%;padding:23px 4vw;font:10px monospace;display:flex;position:fixed;bottom:0;left:0}.light{align-items:center;gap:12px;display:flex}select{background:var(--paper);border:none;border-bottom:1px solid;border-radius:0;padding:5px;font:11px monospace}#detail{z-index:6;background:var(--paper);border:1px solid;width:390px;max-height:65vh;padding:34px;position:fixed;top:22vh;right:5vw;overflow:auto}#detail[hidden]{display:none}#detail h2{letter-spacing:-1px;margin:0 0 20px;font-size:34px;font-weight:400}#detail p{font:12px/1.8 monospace}.close{background:0 0;border:0;font-size:25px;position:absolute;top:8px;right:12px}.choices{grid-template-columns:1fr 1fr;gap:12px;display:grid}.choices button,.action{background:0 0;border:1px solid;padding:18px 10px;font:12px monospace}.choices pre{font:10px/1.6 monospace}.action{margin-top:12px;padding:10px}#detail a{text-decoration:underline}table{border-collapse:collapse;width:100%;font:11px/1.8 monospace}td,th{text-align:left;border-bottom:1px solid;padding:5px}button:hover{opacity:1}.fallback #world{background:radial-gradient(ellipse at 70% 80%, var(--ink), transparent 60%)}html.no-js section,body.fallback section{height:auto;min-height:auto;padding:80px 5vw;position:relative}html.no-js #inizio,body.fallback #inizio{align-items:center;min-height:75vh;padding:80px 8vw;display:flex}html.no-js .passage,body.fallback .passage{display:none}html.no-js .office-copy,html.no-js .road-copy,html.no-js .lake-copy,html.no-js .contact-copy,body.fallback .office-copy,body.fallback .road-copy,body.fallback .lake-copy,body.fallback .contact-copy{opacity:1;visibility:visible;pointer-events:auto;max-width:820px;margin:0;position:relative;inset:auto;transform:none}html.no-js .road-copy,body.fallback .road-copy{max-width:480px}html.no-js #chi-sono,html.no-js #contatti,body.fallback #chi-sono,body.fallback #contatti{height:auto;min-height:auto;padding-bottom:80px}html.no-js .objects,body.fallback .objects{clip-path:none;background:0 0;flex-direction:column;align-items:flex-start;gap:12px;width:auto;height:auto;margin-top:28px;padding:0;display:flex;position:static;overflow:visible}html.no-js .objects a,body.fallback .objects a{border-bottom:1px solid;align-items:center;min-height:44px;padding:4px 0;font:12px monospace;text-decoration:none;display:inline-flex}html.no-js .objects a:hover,body.fallback .objects a:hover{opacity:1;border-bottom-width:2px}html.no-js header,body.fallback header{background:var(--paper);z-index:10;border-bottom:1px solid var(--ink);position:sticky;top:0}html.no-js footer,body.fallback footer{border-top:1px solid var(--ink);margin-top:60px;position:relative}@media (width<=700px){header{padding:22px 6vw}.brand{font-size:19px}nav{gap:16px;font-size:10px}nav span{display:none}.intro{top:23%;left:7vw}h1{letter-spacing:-2px;font-size:49px}.lead{max-width:85vw}.lead br{display:none}.landmark{font-size:9px;bottom:95px}.office-copy{top:16%;left:7vw}.office-copy h2{font-size:42px}.office-copy .eyebrow{margin-bottom:12px}.objects{gap:12px;margin-top:18px}footer{padding:16px 6vw;font-size:9px}.preview-label{display:none}#detail{width:auto;top:22vh;left:6vw;right:6vw}.office-copy p:not(.eyebrow){max-width:270px}.passage{height:45vh}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}#detail-content{font:12px/1.8 monospace}.objects{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.objects:focus-within{clip-path:none;background:var(--paper);width:auto;height:auto;padding:12px;position:static;overflow:visible}.office-copy{max-width:290px}@media (width<=700px){.office-copy{top:16%}.office-copy h2{margin-bottom:14px;font-size:35px}.office-copy p:not(.eyebrow){font-size:11px}.intro{top:20%}h1{font-size:43px}.intro .lead{font-size:12px}.eyebrow{font-size:9px}.landmark{display:none}}.intro{top:20%;left:8vw}h1{letter-spacing:-4px;margin-bottom:20px;font-size:clamp(64px,8vw,116px);line-height:.9}.intro .enter{margin-top:18px}.office-copy h2{font-size:48px;line-height:1.07}header{background:0 0}nav{background:var(--paper);padding:10px 14px}.brand{background:var(--paper);padding:4px 8px}#scene-name{font-size:9px}@media (width<=700px){.intro{top:19%;left:8vw}h1{letter-spacing:-3px;font-size:72px}.office-copy h2{font-size:34px}.intro .enter{margin-top:14px;font-size:11px}nav{padding:6px 8px}.brand{padding:2px 0}}
