@font-face{font-family:Manrope;src:url('assets/manrope.woff2') format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:Literata;src:url('assets/literata.woff2') format('woff2');font-weight:300;font-display:swap}
@font-face{font-family:Literata;src:url('assets/literata-italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
:root{--paper:#f3f1eb;--ink:#252722;--muted:#66695f;--line:#c8c9c0;--accent:#6c7350;--gutter:clamp(24px,5vw,88px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif;font-size:15px;line-height:1.6}a{color:inherit;text-decoration:none}a:hover{text-decoration-color:currentColor}button{font:inherit;color:inherit;cursor:pointer}img{display:block;width:100%;height:auto}h1,h2,h3,p,figure{margin:0}h1,h2,h3{font-weight:400}a:focus-visible,button:focus-visible{outline:2px solid currentColor;outline-offset:6px}p+p{margin-top:22px}.wrap{margin-inline:var(--gutter)}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.14em;line-height:1.65;text-transform:uppercase}.skip{position:absolute;left:16px;top:-100px;background:white;color:#111;padding:12px;z-index:100}.skip:focus{top:12px}.site-header{position:relative;z-index:10;display:flex;align-items:center;margin-inline:var(--gutter);min-height:100px;border-bottom:1px solid var(--line);gap:36px}.brand{display:flex;align-items:baseline;gap:7px;line-height:1}.brand>span{font-size:38px;letter-spacing:-.09em;font-weight:600}.brand-dot{color:var(--accent)}.brand small{font-size:10px;font-weight:700;letter-spacing:.15em}.header-note{font-size:8px;line-height:1.6;letter-spacing:.06em;color:var(--muted)}nav{display:flex;gap:32px;align-items:center;margin-left:auto}nav a{font-size:12px;padding-block:14px}nav a:hover{text-decoration:underline;text-underline-offset:6px}.menu-toggle{display:none}.text-link,.light-link{font-size:12px;display:inline-flex;align-items:center;gap:35px;border-bottom:1px solid currentColor;padding-bottom:7px}.photo{display:block;position:relative;overflow:hidden}.photo img{height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.2,1)}.photo:hover img,.photo:focus-visible img{transform:scale(1.025)}.photo-arrow{position:absolute;bottom:16px;right:18px;color:white;font-size:26px;text-shadow:0 1px 6px #111}.project figcaption{display:flex;justify-content:space-between;gap:14px;padding-top:18px}.project h3{font-size:20px}.project figcaption p{font-size:11px;color:var(--muted);margin-top:4px}.section-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}footer{padding:72px var(--gutter) 22px;background:#e4e3da}.footer-top>.eyebrow{margin-bottom:20px}.contact-title{font-family:Literata,Georgia,serif;font-weight:300;font-size:clamp(26px,4vw,60px);line-height:1.3;display:flex;justify-content:space-between;gap:32px;align-items:center;padding-bottom:42px}.contact-title>span{font-family:Manrope,sans-serif}.footer-info{border-top:1px solid #b9bbae;padding-top:35px;display:grid;grid-template-columns:2fr 1.3fr 1fr;gap:30px;font-size:12px}.footer-info strong{font-size:15px}.footer-info p{margin-top:8px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #b9bbae;margin-top:60px;padding-top:20px;font-size:10px}.footer-info a:hover,.footer-bottom a:hover{text-decoration:underline}
/* 01 — editoriale: gerarchia tipografica, carta, fotografie con respiro. */
.editorial-opening{padding-top:64px;display:grid;grid-template-columns:1fr 2fr;column-gap:40px}.opening-meta>p+p{font-size:13px;margin-top:50px;color:var(--muted)}.editorial-opening h1{font-family:Literata,Georgia,serif;font-weight:300;font-size:clamp(62px,7.4vw,112px);line-height:1.1;letter-spacing:-.055em}.editorial-opening h1 em{font-weight:400;color:#6a6c59}.opening-bottom{grid-column:1/-1;display:flex;align-items:end;justify-content:space-between;margin:40px 0 30px;font-size:12px}.editorial-hero .photo{height:clamp(320px,43vw,660px)}.editorial-hero img{object-position:50% 53%}.editorial-hero figcaption{display:flex;justify-content:space-between;font-size:10px;padding-block:14px;border-bottom:1px solid var(--line)}.editorial-intro{padding-block:100px;display:grid;grid-template-columns:1fr 2fr;gap:40px}.editorial-intro h2,.editorial-method h2{font-family:Literata,Georgia,serif;font-size:clamp(28px,3.25vw,48px);line-height:1.3;letter-spacing:-.025em}.editorial-intro h2+p{max-width:500px;margin-top:30px;color:var(--muted);line-height:1.9;font-size:14px}.signature{font-size:12px;margin-top:28px}.signature span{font-size:10px;color:var(--muted)}.editorial-pair{display:grid;grid-template-columns:1.35fr 1fr;gap:7vw}.editorial-pair>.project:first-child .photo{aspect-ratio:1.2}.editorial-pair>.project:last-child{margin-top:130px}.editorial-pair>.project:last-child .photo{aspect-ratio:1}.editorial-method{padding-block:100px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.editorial-method h2{grid-column:2}.editorial-method>.eyebrow{grid-row:1}.method-lines{grid-column:2}.method-lines p{border-top:1px solid var(--line);padding:17px 0;margin:0;font-size:14px}.method-lines span{color:var(--muted);font-size:10px;margin-right:30px}
/* 02 — immersiva: una fotografia occupa il primo schermo, fondo minerale scuro. */
body[class='02-immersiva']{--paper:#222923;--ink:#f7f7ec;--muted:#c0c6ba;--line:#53604f;--accent:#dbe4b9}body[class='02-immersiva'] .site-header{position:absolute;left:0;right:0;border-color:#ffffff55;height:100px;color:white}body[class='02-immersiva'] .header-note{color:#fff}.immersive-hero{position:relative;height:860px;max-height:1050px;min-height:680px;height:100svh;isolation:isolate;background:#222923}.hero-slides,.hero-tint{position:absolute;inset:0;overflow:hidden;z-index:-1}.hero-slide{position:absolute;inset:0;height:100%;object-fit:cover;object-position:50% 52%;opacity:0;transform:scale(1.035);transition:opacity .8s ease,transform 4.5s ease}.hero-slide.is-active{opacity:1;transform:scale(1)}.hero-tint{background:#07110dcc;opacity:.35}.immersive-title{position:absolute;left:var(--gutter);bottom:170px;max-width:90%}.immersive-title h1{font-size:clamp(64px,8vw,125px);line-height:1.02;font-weight:400;letter-spacing:-.065em;margin:28px 0 28px}.immersive-title .eyebrow{text-shadow:0 1px 8px #000}.immersive-title .light-link{background:#15251b75;padding:9px 14px;border-bottom:1px solid #ffffffa0}.slide-bottom{position:absolute;bottom:35px;left:var(--gutter);right:var(--gutter);border-top:1px solid #ffffff80;padding-top:23px;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px}.slide-caption{display:flex;gap:26px;align-items:center}.slide-controls{display:flex;gap:10px}.slide-controls button{background:#15251b55;border:1px solid #fff8;border-radius:0;width:45px;height:43px;color:white;font-size:11px}.slide-controls button[aria-pressed=true]{background:#f6f7ed;color:#223025}.scroll-hint{font-size:9px;letter-spacing:.12em}.immersive-studio{padding-block:105px;display:grid;grid-template-columns:1.1fr 1fr;gap:45px}.immersive-studio>.eyebrow{grid-column:1/-1}.immersive-studio h2{font-size:clamp(34px,4.3vw,66px);letter-spacing:-.045em;line-height:1.15}.immersive-studio h2 span{color:#b5c1aa}.immersive-copy{max-width:450px;justify-self:end}.immersive-copy>p{font-size:14px;line-height:1.9}.immersive-copy>p+p{font-size:12px;margin-top:30px}.immersive-copy span{color:var(--muted)}.immersive-projects .section-heading h2{font-size:26px;letter-spacing:-.02em}.immersive-duo{display:grid;grid-template-columns:1fr 1fr;gap:2px}.immersive-duo .photo{aspect-ratio:1.1}.immersive-duo figcaption{padding:20px var(--gutter) 0}.immersive-duo .project h3{font-size:18px}.immersive-method{padding-block:110px;display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center}.immersive-method>div>img{aspect-ratio:1.5;object-fit:cover}.immersive-method>div>img+.eyebrow{margin-top:15px;color:var(--muted)}.immersive-method h2{font-size:clamp(30px,3.4vw,50px);line-height:1.25;letter-spacing:-.04em;margin:25px 0}.immersive-method h2+p{font-size:13px;color:var(--muted);max-width:380px;margin-bottom:25px}body[class='02-immersiva'] footer{background:#dce1d4;color:#273227}
/* 03 — architettonica: griglia, misure, volumi e didascalie. */
body[class='03-architettonica']{--paper:#f6f6f2;--ink:#202a23;--muted:#60695f;--accent:#657247;--line:#c8cec2}body[class='03-architettonica'] .site-header{min-height:90px}.architectural-opening{display:grid;grid-template-columns:1fr 1fr;border-bottom:1px solid var(--line);padding-top:30px;padding-bottom:36px;gap:36px}.architectural-text{padding-top:6px;display:flex;flex-direction:column}.tiny-square{display:inline-block;width:7px;height:7px;background:var(--accent);margin-right:8px}.architectural-text h1{font-size:clamp(70px,8.4vw,134px);letter-spacing:-.07em;line-height:.98;margin:42px 0}.architectural-text h1>span{color:var(--accent)}.architectural-intro{display:flex;gap:30px;margin-top:auto;align-items:center}.cross{font-size:52px;font-weight:200;line-height:1}.architectural-intro p{font-size:12px}.architectural-image{border-left:1px solid var(--line);padding-left:30px}.drawing-label{display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:.02em;padding:0 0 15px}.architectural-image .photo{height:505px}.architectural-image .photo img{object-position:48% 50%}.architectural-caption{display:flex;justify-content:space-between;padding-top:14px;font-size:12px}.architectural-caption small{font-size:10px;color:var(--muted)}.architectural-caption>a{font-size:30px;line-height:1}.architectural-projects{padding-block:50px 85px}.architectural-grid{display:grid;grid-template-columns:1fr 2.9fr 1.8fr;gap:32px}.project-index{font-family:monospace;font-size:11px;border-top:1px solid var(--line);padding-top:12px}.project-index>span{font-size:32px;font-weight:400}.project-index>p{margin-top:28px}.architectural-grid .grid-large .photo{aspect-ratio:1.27}.architectural-grid .grid-small{margin-top:110px}.architectural-grid .grid-small .photo{aspect-ratio:.75}.architectural-grid .project h3{font-size:17px}.architectural-grid .second{grid-column:1;grid-row:2}.architectural-studio{padding:60px 0;border-block:1px solid var(--line);display:grid;grid-template-columns:1.25fr 1fr;gap:9vw}.architectural-studio h2{font-size:clamp(28px,3.4vw,48px);line-height:1.22;letter-spacing:-.04em;margin-top:35px}.architectural-studio>div+div{font-size:14px;line-height:1.9;padding-top:45px;max-width:460px}.architectural-studio p+p{color:var(--muted)}.architectural-method{padding-block:65px 100px;display:grid;grid-template-columns:1fr 2fr;gap:35px}.architectural-method>div>p{display:grid;grid-template-columns:50px 1fr 1fr;gap:20px;align-items:center;font-size:27px;border-top:1px solid var(--line);padding:20px 0;margin:0}.architectural-method span{font-family:monospace;font-size:11px}.architectural-method small{font-size:11px;color:var(--muted)}body[class='03-architettonica'] footer{background:#e4e8dc}body[class='03-architettonica'] .contact-title{font-family:Manrope,sans-serif;letter-spacing:-.05em}
@media(min-width:1600px){.wrap,.site-header{max-width:1440px;margin-inline:auto}.immersive-title{left:max(var(--gutter),calc((100vw - 1440px)/2))}.immersive-hero{max-height:1100px}}
@media(max-width:900px){nav{gap:20px}.header-note{display:none}.editorial-opening{grid-template-columns:1fr 2fr;gap:25px}.editorial-opening h1{font-size:clamp(50px,8vw,75px)}.editorial-intro{grid-template-columns:1fr 2fr;gap:25px}.editorial-pair{gap:35px}.editorial-pair>.project:last-child{margin-top:80px}.immersive-hero{min-height:670px}.immersive-title h1{font-size:80px}.scroll-hint{display:none}.immersive-studio{gap:30px}.immersive-method{gap:45px}.architectural-opening{gap:20px}.architectural-image{padding-left:20px}.architectural-image .photo{height:460px}.architectural-text h1{font-size:80px}.architectural-intro{gap:12px}.architectural-grid{grid-template-columns:.7fr 2fr 1.5fr;gap:20px}.architectural-method{grid-template-columns:1fr}.footer-info{grid-template-columns:1.2fr 1fr 1fr}}
@media(max-width:600px){:root{--gutter:23px}.site-header{min-height:82px;gap:15px}.brand>span{font-size:34px}.brand small{font-size:9px}.menu-toggle{display:flex;gap:18px;align-items:center;margin-left:auto;background:transparent;border:0;font-size:12px;padding:12px 0 12px 12px}.menu-toggle span{font-size:22px}nav{display:none;position:absolute;left:calc(-1 * var(--gutter));right:calc(-1 * var(--gutter));top:100%;margin:0;padding:15px var(--gutter) 25px;background:var(--paper);color:var(--ink);border-bottom:1px solid var(--line)}nav.is-open{display:flex;flex-direction:column;align-items:stretch;gap:0}nav a{font-size:18px;border-bottom:1px solid var(--line);padding-block:14px}.eyebrow{font-size:9px;letter-spacing:.1em}.editorial-opening{padding-top:32px;display:block}.opening-meta>p+p{display:none}.editorial-opening h1{font-size:clamp(52px,13.7vw,82px);margin-top:32px;letter-spacing:-.055em}.opening-bottom{align-items:start;gap:26px;margin:28px 0}.opening-bottom>p{font-size:11px}.text-link,.light-link{font-size:11px;gap:14px}.editorial-hero .photo{height:320px}.editorial-hero img{object-position:53% 50%}.editorial-hero figcaption{font-size:9px;gap:15px}.editorial-intro{display:block;padding-block:55px}.editorial-intro h2{font-size:31px;margin-top:25px}.editorial-intro h2+p{font-size:13px;margin-top:22px}.section-heading{align-items:start;margin-bottom:25px;gap:15px}.editorial-pair{display:block}.editorial-pair>.project:last-child{margin:40px 0 0 40px}.editorial-pair .project h3{font-size:19px}.editorial-method{display:block;padding-block:65px}.editorial-method h2{font-size:28px;margin:25px 0 30px}.method-lines p{font-size:13px}.immersive-hero{min-height:740px;max-height:930px}.immersive-hero .hero-slide{object-position:57% 50%}body[class='02-immersiva'] .site-header{height:82px}.immersive-title{bottom:185px}.immersive-title .eyebrow{max-width:240px;font-size:9px}.immersive-title h1{font-size:clamp(52px,14vw,82px);margin-block:26px}.slide-bottom{bottom:28px;display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;padding-top:20px}.slide-caption{display:block;font-size:10px;max-width:175px}.slide-caption>span{display:block}.slide-caption>span+span{margin-top:8px}.slide-controls{gap:5px}.slide-controls button{width:34px;height:40px}.immersive-studio{display:block;padding-block:60px}.immersive-studio h2{font-size:38px;margin-top:28px}.immersive-copy{margin-top:28px}.immersive-copy>p{font-size:13px}.immersive-projects .section-heading{align-items:end}.immersive-projects .section-heading h2{font-size:23px;max-width:180px}.immersive-duo{display:block}.immersive-duo>.project+.project{margin-top:40px}.immersive-duo .photo{aspect-ratio:1.2}.immersive-duo figcaption{padding-inline:var(--gutter)}.immersive-method{display:block;padding-block:65px}.immersive-method>div+div{margin-top:35px}.immersive-method h2{font-size:34px}.architectural-opening{display:block;padding-top:22px;padding-bottom:25px}.architectural-text h1{font-size:clamp(74px,20vw,108px);margin-block:32px}.architectural-intro{gap:23px;margin-bottom:30px}.architectural-intro p{font-size:11px}.architectural-image{border-left:0;border-top:1px solid var(--line);padding:18px 0 0}.architectural-image .photo{height:375px}.architectural-image .photo img{object-position:50% 45%}.architectural-projects{padding-block:35px 55px}.architectural-grid{grid-template-columns:42px 1fr;gap:18px}.architectural-grid .grid-small{grid-column:2;margin:25px 0 0 25px}.architectural-grid .second{grid-row:2}.project-index{font-size:9px}.project-index>p{writing-mode:vertical-rl;margin-top:20px}.project-index>span{font-size:25px}.architectural-studio{display:block;padding-block:40px}.architectural-studio h2{font-size:32px;margin-top:25px}.architectural-studio>div+div{padding-top:25px;font-size:13px}.architectural-method{padding-block:45px 60px;gap:25px}.architectural-method>div>p{grid-template-columns:22px 1fr;gap:15px;font-size:25px}.architectural-method small{grid-column:2;font-size:10px}.footer-info{grid-template-columns:1fr 1fr;gap:25px}.footer-info>div:first-child{grid-column:1/-1}footer{padding-top:45px}.contact-title{font-size:33px;gap:22px;padding-bottom:30px}.contact-title>span{font-size:32px}.footer-bottom{display:flex;flex-wrap:wrap;font-size:9px;margin-top:40px;gap:15px}.footer-bottom>span{flex-basis:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.photo:hover img,.photo:focus-visible img,.hero-slide{transform:none!important}}

/* Leggibilita della navigazione sulle tre copertine. */
body[class='02-immersiva'] .site-header::before{content:'';position:absolute;inset:0 calc(-1 * var(--gutter));background:#14241985;z-index:-1}
.architectural-image .photo img{transform:scale(1.14)}.architectural-image .photo:hover img,.architectural-image .photo:focus-visible img{transform:scale(1.165)}@media(prefers-reduced-motion:reduce){.architectural-image .photo img,.architectural-image .photo:hover img,.architectural-image .photo:focus-visible img{transform:scale(1.14)!important}}