@font-face{font-family:Inter;src:url('assets/00_Identita_Font%20e%20logo/Inter-variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--ink:var(--brand-ink);--paper:var(--brand-paper);--bronze:var(--brand-primary);--muted:var(--brand-muted);--line:color-mix(in srgb, var(--brand-muted) 27.059%, transparent);--content-left:clamp(150px,14vw,240px);--glass:linear-gradient(125deg,color-mix(in srgb, var(--brand-paper) 54.902%, transparent),color-mix(in srgb, var(--brand-paper) 37.647%, transparent) 55%,color-mix(in srgb, var(--brand-paper) 46.667%, transparent));--glass-border:color-mix(in srgb, var(--brand-white) 70.98%, transparent);--glass-shadow:var(--brand-shadow);font-family:var(--brand-font);background:var(--ink);color:var(--paper)}
html{scroll-behavior:auto;scroll-padding-top:112px}body{background:var(--ink)}h1,h2,h3,.monogram{font-family:var(--brand-font);font-weight:var(--brand-heading-weight);letter-spacing:-.055em}em{font-style:normal;color:inherit;font-weight:inherit}h2{font-size:clamp(2.8rem,5vw,5.5rem);line-height:1.05}.pin{padding-left:var(--content-left)}
.glass-panel,.hero-glass{background:var(--glass);border:var(--brand-border-width) solid var(--glass-border);border-radius:var(--brand-radius);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35);box-shadow:var(--glass-shadow);color:var(--ink)}
.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{position:fixed;top:22px;left:var(--content-left);right:28px;width:auto;z-index:40;min-height:66px;padding:12px 22px;gap:20px;background:var(--glass);color:var(--ink);border-radius:calc(var(--brand-radius) * 0.9166666666666666);backdrop-filter:blur(24px) saturate(1.35);-webkit-backdrop-filter:blur(24px) saturate(1.35)}
.wordmark{font-size:14px;line-height:1.2;gap:17px;font-weight:500}.monogram{font-size:38px;font-weight:600;line-height:1;letter-spacing:-.08em}.site-header nav{gap:30px;font-size:14px}.site-header nav a{padding:8px 0}.nav-contact span{display:none}.motion-toggle{display:flex;border:0;border-left:var(--brand-border-width) solid color-mix(in srgb, var(--brand-ink) 20%, transparent);padding:6px 0 6px 15px;gap:8px;opacity:1}.motion-toggle svg{width:18px;height:18px;stroke:currentColor;fill:none;stroke-width:2}.motion-toggle span{font-size:12px}.motion-toggle[aria-pressed=true] svg{opacity:.4}
.section-rail{position:fixed;left:24px;top:50%;transform:translateY(-50%);width:102px;z-index:45;padding:22px 9px;border-radius:25px;display:flex;flex-direction:column;gap:0}.section-rail a{position:relative;display:flex;align-items:center;gap:10px;min-height:56px;font-size:12px;line-height:1.25;z-index:1;border-radius:var(--brand-radius-photo);padding:6px 3px}.rail-label{max-width:65px;font-weight:500}.rail-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand-paper);border:var(--brand-border-width) solid var(--brand-white);box-shadow:0 0 0 2px color-mix(in srgb, var(--brand-white) 0%, transparent);transition:background .2s,box-shadow .2s}.section-rail a[aria-current=location] .rail-dot{background:var(--bronze);box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 18.824%, transparent)}.section-rail a[aria-current=location] .rail-label{font-weight:700}.rail-line{position:absolute;left:16px;top:50px;bottom:50px;width:1px;background:color-mix(in srgb, var(--brand-white) 56.471%, transparent)}.rail-line i{display:block;height:100%;width:100%;background:var(--bronze);transform-origin:top;transform:scaleY(0)}
.journey-background{position:fixed;inset:0;z-index:0;pointer-events:none;background:var(--brand-ink);overflow:hidden}.journey-background>img,.journey-background>canvas{position:absolute;width:100%;height:100%;inset:0;object-fit:cover}.journey-background canvas{opacity:0}.journey-background canvas.ready{opacity:1}.journey-background .cinematic-hero{z-index:2;transform:scale(1.08);will-change:transform,opacity;object-position:62% center}.construction-frame{opacity:0;z-index:3}.journey-shade{position:absolute;inset:0;z-index:4;background:linear-gradient(color-mix(in srgb, var(--brand-ink) 7.843%, transparent),transparent 25%,color-mix(in srgb, var(--brand-ink) 6.275%, transparent))}main{position:relative}
.journey-hero{height:460svh}.journey-pin{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:112px 5vw 48px var(--content-left)}.hero-glass{width:max-content;max-width:min(690px,75vw);padding:var(--ds-box-spacing-base-1);will-change:opacity,transform}.hero-glass h1{font-size:var(--ds-display-size-base-1);line-height:var(--ds-display-line-base-1);color:var(--brand-ink);letter-spacing:var(--ds-display-tracking-base-1);font-weight:var(--ds-display-weight-base-1);}.hero-glass h1 em{color:inherit}.scale-panel{position:absolute;left:var(--content-left);width:min(610px,69vw);padding:32px 36px;opacity:0;pointer-events:none}.scale-panel h2{font-size:clamp(2rem,3.1vw,3.2rem);line-height:1.1;letter-spacing:-.045em}.scale-graph{width:100%;height:auto;display:block;margin-top:22px;overflow:visible}.scale-curve{fill:none;stroke:color-mix(in srgb, var(--brand-ink) 56.471%, transparent);stroke-width:2;transition:stroke .2s}.scale-curve.is-active{stroke:var(--brand-primary);stroke-width:3}.graph-axis{stroke:color-mix(in srgb, var(--brand-ink) 20.784%, transparent);fill:none}.scale-labels{display:flex;justify-content:space-between;font-size:14px;gap:8px;color:var(--brand-ink)}
.urban-project{min-height:100svh}.urban-pin{position:sticky;top:0;height:100svh;padding:112px 0 24px;display:flex;flex-direction:column;justify-content:center;gap:18px;overflow:hidden;--board-height:min(72svh,850px)}.urban-top{padding:0 4vw 0 var(--content-left)}.urban-top h2{font:500 14px/1.4 Inter,sans-serif;letter-spacing:.15em;color:var(--brand-white);text-shadow:0 2px 10px var(--brand-ink)}.board-window{overflow:hidden;padding:0 4vw 0 var(--content-left);width:100%;}.board-track{display:flex;align-items:stretch;gap:0;width:max-content;will-change:transform}.project-intro,.project-outro{flex:none;width:430px;height:var(--board-height);padding:36px;display:flex;flex-direction:column;justify-content:center;gap:22px;border-radius:var(--brand-radius) 0 0 24px;border-right:0;box-shadow:none}.project-outro{width:390px;border-radius:0 24px 24px 0;border-left:0;border-right:var(--brand-border-width) solid var(--glass-border)}.board-track h3{font-size:clamp(2.4rem,3.4vw,3.8rem);line-height:1.04;letter-spacing:-.055em}.board-track p{font-size:16px;line-height:1.7;color:var(--brand-ink)}.board-track .project-place{font-size:16px;font-weight:600;color:var(--brand-primary)}.project-board{margin:0;display:block;flex:none;height:var(--board-height);background:var(--brand-paper)}.project-board img{height:100%;width:auto;max-width:none;object-fit:contain}.board-meter{height:2px;margin:0 4vw 0 var(--content-left);background:color-mix(in srgb, var(--brand-white) 31.373%, transparent)}.board-meter i{display:block;height:100%;background:var(--brand-paper);transform-origin:left}
.world-transition{height:580svh}.world-copy{opacity:0;max-width:520px;padding:var(--ds-box-spacing-base-2);}.world-copy h2{font-size:var(--ds-heading-size-base-1);line-height:var(--ds-heading-line-base-1);}.world-copy p{font-size:var(--ds-body-size-base-1);line-height:var(--ds-body-line-base-1);margin-top:24px;color:var(--brand-ink)}
.house-chapter{background:linear-gradient(90deg,color-mix(in srgb, var(--brand-ink) 0%, transparent),color-mix(in srgb, var(--brand-ink) 12.157%, transparent)),url('assets/04_BYAT_Esterni/selected/01.webp') center/cover}.house-chapter .chapter-copy{padding:34px;background:var(--glass);border:var(--brand-border-width) solid var(--glass-border);border-radius:var(--brand-radius);color:var(--ink);backdrop-filter:blur(24px);width:48%;max-width:580px;box-shadow:var(--glass-shadow)}.house-chapter .chapter-copy h2{font-size:clamp(2.8rem,4.5vw,5rem)}.house-chapter .chapter-copy .body-copy,.house-chapter .project-meta{color:var(--brand-ink)}.house-chapter .mobile-project-image,.frame-caption,.chapter-number{display:none}.house-chapter .chapter-pin{min-height:110svh}.interior-title,.interior-note{background:var(--glass);border:var(--brand-border-width) solid var(--glass-border);border-radius:var(--brand-radius);padding:28px;backdrop-filter:blur(24px);color:var(--ink);box-shadow:var(--glass-shadow)}.interior-title h2{font-size:clamp(2.8rem,4.8vw,5rem)}.interior-title em,.interior-note>span{color:inherit}.interior-detail{display:none}.furniture em,.approach em{color:inherit}.furniture-heading h2,.approach-copy h2{font-size:var(--ds-heading-size-base-2);line-height:var(--ds-heading-line-base-2);}.approach .body-copy,.furniture-card>p,.card-title>span,.furniture-intro{color:var(--brand-ink)}.card-title h3{font-size:1.5rem;letter-spacing:-.04em}.card-image,.approach-image{border-radius:18px}.approach-image>span{display:none}.contact{background:var(--ink)}.contact-copy{width:55%}.contact-copy h2{font-size:clamp(2.8rem,4.6vw,5.4rem);line-height:1.05}.contact .mobile-project-image{width:45%;object-fit:contain}.contact .eyebrow,.spoon-caption{display:none}footer{left:var(--content-left)}.eyebrow,.project-meta,.card-title>span,.gallery-footer,footer,.email-address{font-size:14px}.project-link{font-size:16px}.body-copy{font-size:16px}
.static-journey .journey-hero{height:auto}.static-journey .journey-hero .journey-pin{min-height:100svh}.static-journey .urban-project{height:auto!important}.static-journey .urban-pin{position:relative;height:auto;min-height:100svh;background:var(--plum)}.static-journey .board-window{overflow-x:auto;scrollbar-width:thin}.static-journey .world-transition{height:100svh;background:var(--brand-ink) url('assets/03_Nel%20Mondo_Zoom%20Terra%20BYAT/sequenza-v11/0072.webp') center/cover}.static-journey .world-copy{opacity:1!important}.static-journey .journey-pin{position:relative}.static-journey .hero-glass{opacity:1!important;transform:none!important}.static-journey .scale-panel{display:none}.static-journey .cinematic-hero{opacity:1!important;transform:none!important}
@media(max-width:1100px){.wordmark>span:not(.monogram){display:none}.site-header nav{gap:24px}.project-intro{width:385px;padding:28px}.scale-labels{font-size:13px}.section-rail{left:16px;width:94px}.interior-pin{flex-direction:column;align-items:flex-start;justify-content:flex-end}.interior-note{max-width:470px}.interior-note>span{margin-top:1rem}}
@media(max-width:899px){:root{--content-left:70px}.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{left:70px;right:12px;top:12px;min-height:56px;padding:10px 14px;gap:10px;border-radius:calc(var(--brand-radius) * 0.75)}.site-header nav{gap:16px}.site-header nav a,.site-header nav a:nth-child(2),.site-header nav a:nth-child(3){display:block;font-size:13px}.site-header nav a:nth-child(2){display:none}.monogram{font-size:30px}.motion-toggle{display:flex;padding-left:10px;gap:0}.motion-toggle span{display:none}.section-rail{left:10px;width:44px;padding:18px 7px;border-radius:22px}.section-rail a{min-height:49px;justify-content:center;padding:6px}.rail-label{position:absolute;left:39px;white-space:nowrap;max-width:none;background:color-mix(in srgb, var(--brand-paper) 92.941%, transparent);color:var(--brand-ink);border-radius:7px;padding:6px 9px;opacity:0;pointer-events:none}.section-rail a:hover .rail-label,.section-rail a:focus-visible .rail-label{opacity:1}.rail-line{left:21px;top:42px;bottom:42px}.journey-pin{padding:90px 16px 45px var(--content-left);align-items:center}.journey-hero{height:390svh}.hero-glass{padding:var(--ds-box-spacing-mobile-1);max-width:100%;border-radius:calc(var(--brand-radius) * 0.9166666666666666)}.hero-glass h1{font-size:var(--ds-display-size-mobile-1);line-height:var(--ds-display-line-mobile-1);}.scale-panel{left:var(--content-left);right:16px;width:auto;padding:25px 18px}.scale-panel h2{font-size:2rem}.scale-graph{margin-top:16px}.scale-labels{font-size:11px;gap:4px}.urban-pin{padding-top:90px;gap:16px;--board-height:66svh}.urban-top{padding-right:16px}.urban-top h2{font-size:12px}.board-window{padding-right:16px}.project-intro,.project-outro{width:calc(100vw - 86px);padding:22px;gap:18px}.board-track h3{font-size:clamp(1.85rem,6vw,2.5rem)}.board-track p{font-size:15px;line-height:1.65}.board-track .project-place{font-size:14px}.project-intro p:last-child{display:none}.project-board img{height:var(--board-height);max-width:none}.world-transition{height:470svh}.world-transition .journey-pin{align-items:flex-end;padding-bottom:6svh}.world-copy{padding:var(--ds-box-spacing-mobile-2);max-width:100%}.world-copy h2{font-size:var(--ds-heading-size-mobile-1);}.world-copy p{font-size:var(--ds-body-size-mobile-1);margin-top:18px}.house-chapter .chapter-copy{width:100%;padding:26px}.house-chapter .chapter-pin{justify-content:flex-end}.house-chapter .chapter-copy h2{font-size:2.7rem}.pin{padding-right:20px}.interior-title,.interior-note{padding:22px}.interior-title h2{font-size:2.6rem}.furniture-heading h2,.approach-copy h2{font-size:var(--ds-heading-size-mobile-2);}.furniture-intro{display:block}.furniture-intro>p{max-width:none;font-size:15px}.gallery-controls{margin-top:14px;justify-content:flex-start}.gallery-window{margin-right:-20px;padding-right:20px}.furniture-card{width:calc(100vw - 95px)}.contact-copy{width:100%}.contact-copy h2{font-size:2.5rem}.contact .mobile-project-image{width:100%;height:25svh}.contact-pin{padding-bottom:15rem}.contact-email{font-size:15px}.email-address{overflow-wrap:anywhere}footer{font-size:12px;right:20px;gap:18px}.static-journey .world-transition{background-size:contain;background-position:center 15%;background-repeat:no-repeat}.static-journey .urban-pin{--board-height:66svh}}
@media(max-height:650px){.section-rail{padding-top:12px;padding-bottom:12px}.section-rail a{min-height:38px}.rail-line{top:31px;bottom:31px}.hero-glass{padding:var(--ds-box-spacing-responsive-1);}.hero-glass h1{font-size:var(--ds-display-size-responsive-1);}.urban-pin{padding-top:90px;--board-height:62svh;gap:10px}.project-intro,.project-outro{gap:12px;padding:22px}.board-track h3{font-size:2rem}.board-track p{font-size:14px;line-height:1.45}.project-intro p:last-child{display:none}.scale-panel{padding:24px;width:440px;max-width:calc(100vw - var(--content-left) - 20px)}.scale-panel h2{font-size:2rem}.scale-graph{max-height:135px}.world-copy h2{font-size:var(--ds-heading-size-responsive-1);}.world-copy{padding:var(--ds-box-spacing-responsive-2);}.world-copy p{font-size:var(--ds-body-size-responsive-1);}}
@media(prefers-reduced-transparency:reduce){.glass-panel,.hero-glass,.site-header,.site-header.solid{background:color-mix(in srgb, var(--brand-paper) 93.725%, transparent);backdrop-filter:none}}
/* v0.4: fixed hero, opaque rising project, scroll-driven Earth to BYAT. */
main{z-index:1}
.journey-hero,.static-journey .journey-hero{height:100svh;position:relative;z-index:0}
.journey-hero .journey-pin,.static-journey .journey-hero .journey-pin{position:fixed;inset:0;height:100svh}
.journey-background .cinematic-hero{transform:none;will-change:auto}
.hero-glass{will-change:auto}
.urban-project{position:relative;z-index:2;background:var(--brand-paper);color:var(--brand-ink);border-radius:30px 30px 0 0;box-shadow:0 -16px 60px color-mix(in srgb, var(--brand-ink) 13.333%, transparent)}
.urban-pin,.static-journey .urban-pin{background:var(--brand-paper);border-radius:30px 30px 0 0}
.urban-top h2{color:var(--brand-ink);text-shadow:none}
.project-intro,.project-outro{background:var(--brand-paper);border-color:var(--brand-paper);backdrop-filter:none;color:var(--brand-ink)}
.board-meter{background:color-mix(in srgb, var(--brand-ink) 12.549%, transparent)}.board-meter i{background:var(--brand-primary)}
.world-transition,.static-journey .world-transition{position:relative;z-index:3;background:var(--brand-ink);height:900svh}
.world-transition .journey-pin{isolation:isolate;overflow:hidden;background:var(--brand-ink)}
.world-visual{position:absolute;left:36%;top:0;width:64%;height:100%;z-index:-1;overflow:hidden;background:var(--brand-ink)}
.world-visual canvas,.world-visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.world-visual canvas{opacity:0}.world-visual canvas.ready{opacity:1}
.world-visual .byat-arrival{object-fit:cover;opacity:0;transform:scale(1.07)}
.world-copy{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;color:var(--brand-paper);padding:var(--ds-box-spacing-base-3);max-width:40%;opacity:1}
.world-copy h2{font-size:var(--ds-heading-size-base-3);}.world-copy p{color:var(--brand-muted)}
main>section:nth-child(n+4){position:relative;z-index:4}
.static-journey .world-transition{height:100svh;background:var(--brand-ink)}
.static-journey .world-transition .journey-pin{height:100svh}
@media(max-width:899px){.world-transition{height:760svh}.world-visual{left:0;width:100%;top:4svh;height:62%}.world-transition .journey-pin{padding-bottom:8svh}.world-copy{max-width:100%;width:100%;padding:var(--ds-box-spacing-mobile-3);}.world-copy h2{font-size:var(--ds-heading-size-mobile-3);}.world-copy p{font-size:var(--ds-body-size-mobile-2);}.urban-project,.urban-pin{border-radius:22px 22px 0 0}}
/* v0.5 — shared clear glass and horizontal navigation timeline */
:root{--content-left:clamp(24px,6vw,110px);--glass:linear-gradient(125deg,color-mix(in srgb, var(--brand-white) 14.118%, transparent),color-mix(in srgb, var(--brand-paper) 4.314%, transparent) 55%,color-mix(in srgb, var(--brand-white) 8.627%, transparent));--glass-border:color-mix(in srgb, var(--brand-white) 45.882%, transparent);--glass-shadow:var(--brand-shadow);--bronze:var(--brand-primary)}
.glass-defs{position:fixed;pointer-events:none}
.glass-panel,.hero-glass,.house-chapter .chapter-copy,.interior-title,.interior-note{background:var(--glass);backdrop-filter:blur(3px) saturate(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.12);border-color:var(--glass-border);box-shadow:var(--glass-shadow)}
@supports(backdrop-filter:url('#glass-refraction')){.glass-panel,.hero-glass,.house-chapter .chapter-copy,.interior-title,.interior-note{backdrop-filter:url('#glass-refraction') blur(3px) saturate(1.12)}}
.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{left:24px;right:24px;top:18px;min-height:82px;padding:12px 20px;gap:24px;background:var(--glass);backdrop-filter:blur(3px) saturate(1.12);-webkit-backdrop-filter:blur(3px) saturate(1.12);color:var(--brand-ink)}
.site-header.over-dark{color:var(--brand-paper);text-shadow:0 1px 6px color-mix(in srgb, var(--brand-ink) 53.333%, transparent)}
.site-header .wordmark{flex:none}.site-header .wordmark>span:not(.monogram){display:none}.site-header .monogram{font-size:38px}
.site-header .header-timeline{position:relative;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));flex:1;gap:0;margin:0;align-self:stretch;align-items:stretch}
.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){position:relative;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;font-size:clamp(11px,1vw,14px);line-height:1.25;padding:0 5px 20px;min-height:52px;gap:0;outline-offset:2px}
.header-timeline .timeline-label{margin:auto 0;max-width:180px;font-weight:500;text-shadow:0 1px 5px color-mix(in srgb, var(--brand-white) 33.333%, transparent)}
.site-header.over-dark .timeline-label{text-shadow:0 1px 5px color-mix(in srgb, var(--brand-ink) 53.333%, transparent)}
.site-header .header-timeline a:after{display:none}
.timeline-line{position:absolute;left:calc(100% / 14);right:calc(100% / 14);bottom:6px;height:3px;background:color-mix(in srgb, var(--brand-muted) 43.922%, transparent);border-radius:5px;overflow:hidden}
.timeline-line i{display:block;width:100%;height:100%;background:var(--bronze);transform:scaleX(0);transform-origin:left}
.timeline-dot{position:absolute;bottom:2px;width:11px;height:11px;border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 60%, transparent);border-radius:50%;background:var(--brand-paper);transition:background .2s,box-shadow .2s}
.header-timeline .is-passed .timeline-dot,.header-timeline a[aria-current=location] .timeline-dot{background:var(--bronze);border-color:var(--brand-primary)}
.header-timeline a[aria-current=location] .timeline-dot{box-shadow:0 0 0 5px color-mix(in srgb, var(--brand-primary) 21.961%, transparent),0 0 14px color-mix(in srgb, var(--brand-primary) 37.647%, transparent)}
.header-timeline a[aria-current=location] .timeline-label{font-weight:700}
.site-header .motion-toggle{flex:none;padding-left:14px;margin:0;border-color:currentColor}.motion-toggle span{display:none}
.hero-glass{background:linear-gradient(125deg,color-mix(in srgb, var(--brand-white) 15.686%, transparent),color-mix(in srgb, var(--brand-white) 5.49%, transparent));text-shadow:0 1px 12px color-mix(in srgb, var(--brand-white) 39.608%, transparent)}.hero-glass h1{color:var(--brand-ink)}
.journey-background .cinematic-hero{will-change:transform;transform:scale(1.18)}
.hero-scroll-hint{position:absolute;left:50%;bottom:32px;transform:translateX(-50%);width:48px;height:64px;display:grid;place-items:center;color:var(--brand-white);transition:opacity .18s;filter:drop-shadow(0 2px 6px color-mix(in srgb, var(--brand-ink) 60%, transparent))}
.hero-scroll-hint svg{width:32px;height:46px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;animation:scroll-breathe 2.8s ease-in-out infinite}
.hero-scroll-hint.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
@keyframes scroll-breathe{0%,100%{opacity:.3;transform:translateY(-3px)}50%{opacity:1;transform:translateY(3px)}}
.project-intro,.project-outro{background:var(--brand-paper);backdrop-filter:none;-webkit-backdrop-filter:none}
.world-transition .world-visual{left:0;top:0;width:100%;height:100%}
.world-visual .earth-poster{width:68%;height:100%;left:36%;object-fit:contain}
.world-copy{background:none;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none}
.world-visual .byat-arrival{object-fit:cover}
.static-journey .hero-scroll-hint svg{animation:none}
@media(max-width:899px){:root{--content-left:24px}.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{left:12px;right:12px;top:10px;display:grid;grid-template-columns:1fr auto;gap:6px 12px;padding:10px 12px;min-height:108px;border-radius:calc(var(--brand-radius) * 0.8333333333333334)}.site-header .wordmark{grid-row:1;grid-column:1;gap:10px}.site-header .wordmark>span:not(.monogram){display:block;font-size:11px}.site-header .monogram{font-size:26px}.site-header .motion-toggle{grid-row:1;grid-column:2;padding:2px 4px;border:0}.site-header .header-timeline{grid-row:2;grid-column:1/-1;width:100%}.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:10px;padding:0 2px 17px;min-height:47px}.timeline-dot{width:9px;height:9px;bottom:3px}.timeline-line{bottom:6px}.header-timeline a[aria-current=location] .timeline-dot{box-shadow:0 0 0 3px color-mix(in srgb, var(--brand-primary) 21.961%, transparent)}.journey-pin{padding-top:130px}.urban-pin{padding-top:140px;--board-height:62svh}.project-intro,.project-outro{width:calc(100vw - 48px)}.world-visual .earth-poster{width:100%;height:60%;left:0;top:3%}.hero-scroll-hint{bottom:28px}.hero-glass{max-width:100%}.furniture-card{width:calc(100vw - 48px)}}
@media(max-width:420px){.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:9px}.timeline-label{overflow-wrap:normal}}
@media(prefers-reduced-motion:reduce){.hero-scroll-hint svg{animation:none}}
@media(prefers-reduced-transparency:reduce){.glass-panel,.hero-glass,.site-header{background:color-mix(in srgb, var(--brand-paper) 93.725%, transparent);backdrop-filter:none;-webkit-backdrop-filter:none}}
@supports(backdrop-filter:url('#glass-refraction')){.site-header,.site-header.solid,.site-header.light{backdrop-filter:url('#glass-refraction') blur(3px) saturate(1.12)}}
/* v0.6: centred compact header aligned to the hero copy. */
:root{--header-inset:clamp(32px,14vw,240px)}
.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{left:var(--header-inset);right:var(--header-inset);gap:16px;padding-left:18px;padding-right:18px}
.journey-hero .journey-pin{padding-left:var(--header-inset)}
.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:clamp(10px,.9vw,13px);padding-left:3px;padding-right:3px}
@media(max-width:899px){:root{--header-inset:24px}.site-header,.site-header.solid,.site-header.light,.site-header.solid.light{gap:6px 12px;padding-left:12px;padding-right:12px}.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:9px;padding-left:1px;padding-right:1px}}
@media(max-width:360px){:root{--header-inset:18px}.site-header .header-timeline a,.site-header .header-timeline a:nth-child(n){font-size:8px}}
:root{--plum:var(--brand-plum)}
.brand-logo{width:64px;height:64px;object-fit:contain;filter:brightness(0) invert(1)}
.site-header .wordmark{width:46px;margin:-8px;display:flex;justify-content:center}.site-header:not(.over-dark) .brand-logo{filter:brightness(0)}
.hero-glass h1{color:var(--brand-white);font-size:var(--ds-display-size-base-2);line-height:var(--ds-display-line-base-2);letter-spacing:var(--ds-display-tracking-base-2);text-shadow:0 2px 18px color-mix(in srgb, var(--brand-ink) 33.333%, transparent)}.hero-glass{color:var(--brand-white);background:linear-gradient(125deg,color-mix(in srgb, var(--brand-white) 8.627%, transparent),color-mix(in srgb, var(--brand-white) 3.137%, transparent));text-shadow:0 2px 15px color-mix(in srgb, var(--brand-ink) 40%, transparent)}
.urban-project,.urban-pin,.static-journey .urban-pin{background:var(--plum);color:var(--brand-white)}.urban-pin{padding:122px 0 16px;gap:10px;--board-height:calc(100svh - 148px)}
.board-track .project-intro,.board-track .project-outro{background:color-mix(in srgb, var(--brand-white) 5.098%, transparent);border-color:color-mix(in srgb, var(--brand-white) 18.824%, transparent);color:var(--brand-white)}.board-track p,.board-track .project-place{color:var(--brand-paper)}.board-track .project-place{color:var(--brand-primary)}.board-meter{background:color-mix(in srgb, var(--brand-white) 14.51%, transparent)}
.world-transition,.world-transition .journey-pin,.world-visual,.static-journey .world-transition{background:var(--plum)}
.static-journey .world-transition{background:var(--plum) url('assets/03_Nel%20Mondo_Zoom%20Terra%20BYAT/sequenza-v11/0072.webp') center/contain no-repeat}
.byat-story{position:relative;background:var(--plum);height:420svh;color:var(--brand-white)}.interior-story{height:300svh}.byat-pin{position:sticky;top:0;height:100svh;overflow:hidden;isolation:isolate}
.byat-scene{position:absolute;inset:0;will-change:transform,opacity;background:var(--plum)}.byat-scene>img{width:100%;height:100%;object-fit:cover}.byat-scene:nth-child(2){z-index:2}.byat-scene:nth-child(3){z-index:3}
.scene-aerial{inset:120px 4vw 24px;border-radius:var(--brand-radius);overflow:hidden}.scene-aerial>img{object-position:center}.byat-copy{position:absolute;left:var(--content-left);bottom:7svh;width:min(430px,42vw);padding:var(--ds-box-spacing-base-4);color:var(--brand-white);background:linear-gradient(125deg,color-mix(in srgb, var(--brand-plum) 31.373%, transparent),color-mix(in srgb, var(--brand-white) 5.49%, transparent));border-color:color-mix(in srgb, var(--brand-white) 43.922%, transparent);text-shadow:0 1px 10px color-mix(in srgb, var(--brand-ink) 26.667%, transparent)}
.byat-copy h2{font-size:var(--ds-heading-size-base-4);line-height:var(--ds-heading-line-base-3);}.byat-copy p{font-size:var(--ds-body-size-base-2);line-height:var(--ds-body-line-base-2);margin-top:18px}.byat-copy small{display:block;margin-top:14px;font-size:11px;color:var(--brand-paper)}.scene-aerial .byat-copy{left:3vw;bottom:3vw}.scene-terrace>img{width:74%;margin-left:auto}.scene-terrace .byat-copy{left:5vw;bottom:15svh}
.furniture{background:var(--brand-paper);color:var(--brand-ink)}.furniture-pin{position:sticky;top:0;height:100svh;padding:126px 0 22px;overflow:hidden;display:flex;flex-direction:column;gap:22px}.furniture-pin>h2{padding:0 var(--content-left);font-size:clamp(2.5rem,4vw,4.5rem);flex:none}
.gallery-window{overflow:hidden;margin:0;padding:0 var(--content-left);width:100%;flex:1;min-height:0}.gallery-track{display:flex;gap:24px;height:100%;padding:0;width:max-content;will-change:transform}.furniture-card{display:block;flex:none;width:62vw;min-width:0;height:100%;padding:var(--ds-box-spacing-base-3);border:0;background:var(--brand-paper);border-radius:calc(var(--brand-radius) * 0.75);overflow:hidden;cursor:zoom-in}.furniture-card>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.furniture-card:hover>img{transform:scale(1.025)}
.project-dialog{position:fixed;inset:0;width:100vw;max-width:none;height:100dvh;max-height:none;margin:0;padding:0;border:0;background:var(--brand-plum);color:var(--brand-white);overflow:hidden;z-index:200}.project-dialog::backdrop{background:var(--brand-plum)}.project-dialog[open]{display:block}.dialog-image{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;cursor:zoom-out}.dialog-heading{position:absolute;top:25px;left:28px;right:72px;z-index:2;display:flex;justify-content:space-between;gap:20px;pointer-events:none;font-size:13px;text-shadow:0 1px 8px var(--brand-ink);background:color-mix(in srgb, var(--brand-plum) 27.059%, transparent);width:max-content;max-width:80vw;padding:8px 12px;border-radius:var(--brand-radius-photo);backdrop-filter:blur(8px)}.dialog-close{position:absolute;top:20px;right:24px;z-index:5;width:32px;height:32px;font-size:25px;font-weight:300;color:var(--brand-white);background:color-mix(in srgb, var(--brand-plum) 31.373%, transparent);border-radius:50%;line-height:1}
.dialog-thumbs{position:absolute;bottom:20px;left:50%;transform:translateX(-50%);max-width:90vw;display:flex;gap:8px;padding:8px;border:var(--brand-border-width) solid color-mix(in srgb, var(--brand-white) 14.51%, transparent);border-radius:15px;background:color-mix(in srgb, var(--brand-plum) 45.882%, transparent);backdrop-filter:blur(12px);overflow-x:auto;z-index:3}.dialog-thumbs button{flex:none;width:70px;height:52px;border-radius:calc(var(--brand-radius-button) * 0.23333333333333334);padding:0;border:2px solid transparent;overflow:hidden;opacity:.6}.dialog-thumbs button[aria-pressed=true]{border-color:var(--brand-primary);opacity:1}.dialog-thumbs img{width:100%;height:100%;object-fit:cover}
.static-journey .byat-story{height:auto}.static-journey .byat-pin{position:relative;height:auto;overflow:visible}.static-journey .byat-scene{position:relative;inset:auto;height:100svh;opacity:1!important;transform:none!important;visibility:visible!important}.static-journey .furniture{height:auto!important}.static-journey .furniture-pin{position:relative}.static-journey .gallery-window{overflow-x:auto}
@media(max-width:899px){.brand-logo{width:44px;height:44px}.site-header .wordmark{width:38px;margin:-8px 0}.urban-pin{padding-top:132px;--board-height:calc(100svh - 158px)}.byat-story{height:360svh}.interior-story{height:260svh}.scene-aerial{inset:130px 14px 18px}.byat-copy,.scene-aerial .byat-copy,.scene-terrace .byat-copy{left:18px;right:18px;bottom:30px;width:auto;padding:var(--ds-box-spacing-mobile-4);}.byat-copy h2{font-size:var(--ds-heading-size-mobile-4);}.byat-copy p{font-size:var(--ds-body-size-mobile-2);}.scene-terrace>img{width:100%;margin:0}.scene-aerial .byat-copy{left:12px;right:12px;bottom:12px}.furniture-pin{padding-top:138px;gap:18px}.furniture-pin>h2{font-size:2.4rem}.furniture-card{width:82vw}.dialog-thumbs button{width:52px;height:42px}.dialog-heading{top:15px;left:10px;font-size:11px}.dialog-close{right:12px;top:15px}.dialog-thumbs{bottom:14px;gap:5px}}

/* Interior clay walkthrough: frame-exact scroll background, coloured panels above. */
.interior-motion{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.72);pointer-events:none}
.interior-story .byat-scene{background:transparent}
.interior-story .byat-scene>img{position:absolute;inset:18% 5% auto auto;width:65%;height:65%;object-fit:cover;border-radius:18px;box-shadow:0 24px 80px color-mix(in srgb, var(--brand-ink) 33.333%, transparent)}
.interior-story .byat-copy{bottom:7%;left:5%;max-width:430px;color:var(--brand-white);background:color-mix(in srgb, var(--brand-plum) 20%, transparent)}
@media(max-width:700px){.interior-story .byat-scene>img{top:22%;right:5%;width:90%;height:48%}.interior-story .byat-copy{bottom:6%;max-width:85%}}
@media(prefers-reduced-motion:reduce){.interior-motion{display:none}.interior-story .byat-scene>img{position:relative;inset:auto;width:100%;height:65vh}}

.static-journey .interior-motion{display:none}.static-journey .interior-story .byat-scene>img{position:relative;inset:auto;width:100%;height:65vh}