@font-face{font-family:Geist;src:url('/assets/geist.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--bg:#101316;--fg:#e9edf1;--muted:#b0b8bf;--line:#ffffff24;--pad:clamp(22px,6vw,100px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--fg);font-family:Geist,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:2px solid #edf6ff;outline-offset:6px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}::selection{background:#d8e3ec;color:#101316}.skip{position:absolute;top:-100px;left:20px;padding:12px 20px;background:#fff;color:#111;z-index:10}.skip:focus{top:10px}
.header{position:absolute;top:0;left:0;width:100%;height:100px;padding:0 var(--pad);display:flex;align-items:center;gap:60px;z-index:2}.brand{flex-shrink:0}.brand img{width:105px}.header nav{display:flex;gap:35px;font-size:15px}.header a{transition:color .2s}.header a:hover{color:#fff}.nav-contact{margin-left:auto;font-size:15px}.nav-contact span{margin-left:20px}
.hero{min-height:740px;height:min(900px,94svh);position:relative;isolation:isolate;overflow:hidden;border-bottom:1px solid var(--line)}.hero-art{position:absolute;inset:0;z-index:-1;transform:translate(var(--art-x,0),var(--art-y,0));transition:transform .45s ease-out}.hero-art img{width:100%;height:100%;object-fit:cover}.art-shade{position:absolute;inset:0;background:linear-gradient(90deg,#10131666,transparent 58%),linear-gradient(0deg,#10131677,transparent 25%)}.hero-copy{padding:175px var(--pad) 100px;position:relative;max-width:900px}.eyebrow{display:flex;align-items:center;gap:16px;font-size:11px;letter-spacing:.19em;text-transform:uppercase;color:var(--muted);line-height:1.6}.eyebrow>span{width:27px;height:1px;background:currentColor;display:inline-block}.hero h1{font-size:clamp(70px,6.4vw,110px);line-height:.98;letter-spacing:-.045em;font-weight:460;margin-top:33px}.intro{font-size:clamp(18px,1.75vw,25px);line-height:1.5;color:#c3cbd1;margin-top:25px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;background:#e8eff6;color:#141a20;padding:18px 28px;min-height:55px;font-size:16px;margin-top:32px;border:1px solid #e5edf4;transition:background .2s,transform .2s}.button:hover{background:white;transform:translateY(-2px)}.hero-index{position:absolute;right:30px;top:40%;display:grid;gap:20px;padding-left:12px;border-left:1px solid #ffffff5a;color:#b2bbc3;font-size:10px;letter-spacing:.1em}.hero-index span:first-child{color:white}.hero-caption{position:absolute;bottom:28px;left:var(--pad);font-size:11px;color:var(--muted);letter-spacing:.12em;text-transform:uppercase}
.section{padding:90px var(--pad);border-bottom:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:1fr 2fr;gap:30px;align-items:start;margin-bottom:50px}.section h2{font-size:clamp(36px,4vw,62px);line-height:1.09;letter-spacing:-.045em;font-weight:450}.directions-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px}.direction{position:relative;display:grid;grid-template-columns:35px 1fr 25px;gap:14px;padding-top:20px;border-top:1px solid #ffffff5b}.direction h3{font-size:19px;font-weight:440;line-height:1.3}.direction-number{font-size:10px;color:var(--muted);padding-top:5px}.direction-arrow{justify-self:end;font-size:20px;transition:transform .2s}.direction:hover .direction-arrow{transform:translate(3px,-3px)}.direction p{grid-column:2/4;font-size:14px;line-height:1.7;color:var(--muted);max-width:260px}.direction-art{grid-column:1/4;display:block;height:92px;position:relative;overflow:hidden;margin-top:10px;background:#242c32}.direction-art-01{background:url('/assets/precision-glass.webp') center 68%/cover}.direction-art-02{background:url('/assets/studio-scene.webp') 78% 45%/cover}.direction-art-03{background:repeating-linear-gradient(90deg,transparent 0 22px,#c4d7e413 23px 24px),linear-gradient(130deg,#15202b,#445361 50%,#13191f)}.direction-art-03:after{content:'';position:absolute;left:28%;right:15%;top:30%;height:50%;border:1px solid #b7cad855;background:#1820266b;transform:skewY(-10deg);box-shadow:14px 8px 0 #15191d,14px 8px 0 1px #b7cad822}
.projects .section-heading{grid-template-columns:1fr 1.3fr 1fr;align-items:end}.text-link{font-size:14px;display:inline-flex;align-items:center;gap:25px;line-height:1.8;text-decoration:underline;text-underline-offset:6px}.projects .text-link{justify-self:end}.project-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:50px;align-items:start}.project-vybes{margin-top:120px}.project-image{background:#252a30;overflow:hidden;aspect-ratio:16/10;border:1px solid var(--line)}.project-image img{height:100%;width:100%;object-fit:cover;transition:transform .6s}.project:hover img{transform:scale(1.035)}.project-meta{display:flex;gap:20px;justify-content:space-between;align-items:baseline;margin-top:25px}.project-meta h3{font-size:22px;font-weight:470;letter-spacing:-.025em}.project-meta>span{font-size:11px;color:var(--muted)}.project-meta>span span{margin-left:12px}.project>p{font-size:14px;color:var(--muted);margin-top:10px;line-height:1.7}
.about{display:grid;grid-template-columns:1.4fr 1fr;gap:45px 100px}.about>.eyebrow{grid-column:1/-1}.about h2{font-size:clamp(42px,4.7vw,74px)}.about h2 span{color:#85939e}.about-copy{padding-top:5px;max-width:470px;align-self:end}.about-copy p{font-size:17px;line-height:1.8;color:var(--muted);margin-bottom:22px}.about-copy p:first-child{color:#dae1e6}.contact{padding-top:100px;padding-bottom:100px}.contact h2{font-size:clamp(45px,6vw,88px);margin-top:30px}.contact h2 span{color:#9daebd}.contact-links{display:flex;gap:50px;margin:45px 0 25px;flex-wrap:wrap}.contact-links a{border-bottom:1px solid #899cac;padding:12px 0;display:flex;justify-content:space-between;gap:55px;font-size:19px}.contact>p:last-child{font-size:14px;line-height:1.7;color:var(--muted)}footer{padding:35px var(--pad) 110px;display:flex;gap:30px;flex-wrap:wrap;font-size:11px;color:var(--muted)}footer>span:nth-child(2){margin-left:auto}
.compare{position:fixed;bottom:20px;left:50%;transform:translateX(-50%);display:flex;gap:5px;align-items:center;padding:6px;background:#20272df0;border:1px solid #ccd9e533;border-radius:40px;backdrop-filter:blur(20px);box-shadow:0 8px 45px #0007;z-index:5;white-space:nowrap;font-size:11px}.compare>span{padding:0 12px;color:#b0bbc4}.compare a{padding:11px 16px;border-radius:30px;display:flex;gap:8px;align-items:center;color:#c3ccd5}.compare a[aria-current]{background:#e4ebf1;color:#151b20}.compare a:not([aria-current]):hover{background:#ffffff12}.variant-letter{font-size:10px}
/* B: la stanza occupa la scena, il testo lascia spazio all'ambiente. */
.studio{--bg:#141210;--line:#dbc8b22d;--muted:#c0b7ae}.studio .art-shade{background:linear-gradient(90deg,#12110fe8 0%,#12110f99 32%,#12110f05 70%),linear-gradient(0deg,#141210 0%,transparent 25%)}.studio .hero{min-height:780px;height:100svh;max-height:1050px}.studio .hero-copy{max-width:740px;padding-top:210px}.studio h1{font-size:clamp(65px,5.4vw,94px);font-weight:430}.studio .intro{font-size:21px;color:#d2c9bd}.studio .hero-index{display:none}.studio .hero-caption{left:auto;right:var(--pad);font-size:9px;color:#cfbdac}.studio .button{background:#ece1d4;border-color:#d3c4b1}.studio .header nav{position:absolute;top:calc(clamp(780px,100svh,1050px) - 100px);left:var(--pad);padding:18px 32px;gap:35px;background:#28221b9c;border:1px solid #f4e0c632;border-radius:12px;backdrop-filter:blur(20px)}.studio .directions .section-heading{display:block;margin-bottom:35px}.studio .directions .section-heading h2{display:none}.studio .directions-grid{gap:45px}.studio .direction-art{display:none}.studio .project-grid{gap:70px}.studio .project-vybes{margin-top:90px}.studio .about h2 span,.studio .contact h2 span{color:#b19b81}
/* C: typographie dominante, composition asymétrique, surfaces de verre. */
.editorial{--bg:#111416}.editorial .hero{min-height:790px;height:96svh;max-height:1050px}.editorial .hero-copy{padding-top:155px;max-width:1000px}.editorial .hero h1{font-size:clamp(90px,10vw,165px);font-weight:700;letter-spacing:-.075em;line-height:.91;margin-top:30px}.editorial .hero-art{inset:12% -2% 12% 45%;transform:rotate(-7deg) translate(var(--art-x,0),var(--art-y,0));overflow:hidden;clip-path:polygon(8% 0,100% 8%,94% 100%,0 90%)}.editorial .hero-art img{object-position:72% 50%;filter:brightness(.7)}.editorial .art-shade{background:linear-gradient(90deg,#11141680,transparent 50%)}.material-pane{position:absolute;inset:10% 30% 8% 5%;background:repeating-linear-gradient(90deg,#cde0ee0e 0 4px,#0001 5px 10px);border:1px solid #caddeb66;transform:skewY(-9deg);backdrop-filter:blur(8px);box-shadow:15px 20px 40px #0005}.editorial .hero .intro{font-size:19px;max-width:450px}.editorial .hero .button{background:transparent;color:#eff4f8;border:0;border-bottom:1px solid #bdc9d5;padding:12px 0;min-height:40px;margin-top:22px}.editorial .hero-caption{left:auto;right:var(--pad);font-size:9px}.editorial .section-heading{grid-template-columns:.7fr 2fr}.editorial .section h2{font-size:clamp(40px,5.8vw,88px);font-weight:550;letter-spacing:-.06em}.editorial .direction{grid-template-columns:35px 1fr 30px;padding-top:25px}.editorial .direction-art{height:145px}.editorial .project-grid{grid-template-columns:1.5fr 1fr;gap:60px}.editorial .project-vybes{margin-top:180px}.editorial .about h2{font-size:clamp(50px,6vw,95px)}.editorial .contact h2{font-size:clamp(50px,7.5vw,120px)}
.selection main{padding:70px var(--pad)}.selection .eyebrow{margin-top:50px}.selection h1{font-size:clamp(60px,8vw,120px);line-height:1;letter-spacing:-.06em;margin-top:25px;font-weight:500}.selection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:70px}.selection-grid a{padding:30px;border-top:1px solid var(--line);position:relative}.selection-grid .eyebrow{margin:0}.selection-grid h2{font-size:30px;font-weight:450;margin:20px 0}.selection-grid p{color:var(--muted);line-height:1.7;font-size:15px}.selection-grid a>span:last-child{position:absolute;top:30px;right:30px}
@media(min-width:1800px){.hero-copy{padding-top:200px}.hero-art img{object-position:center 52%}}
@media(max-width:1050px){.header{gap:35px}.header nav{gap:22px}.hero{min-height:700px}.hero-copy{padding-top:170px}.hero h1{font-size:78px}.section-heading{grid-template-columns:1fr 1.7fr}.directions-grid{gap:22px}.direction h3{font-size:17px}.direction{grid-template-columns:23px 1fr 18px;gap:10px}.project-meta{display:block}.project-meta>span{display:block;margin-top:10px}.about{gap:35px}.studio .hero-copy{padding-top:190px}.studio h1{font-size:72px}.editorial .hero h1{font-size:110px}.editorial .hero-copy{padding-top:165px}.editorial .hero-art{left:35%}}
@media(max-width:700px){:root{--pad:24px}.header{height:78px;gap:18px}.brand img{width:87px}.header nav{display:none}.nav-contact{font-size:13px}.nav-contact span{margin-left:8px}.hero{height:auto;min-height:820px}.hero-copy{padding:135px var(--pad) 290px;max-width:100%}.hero h1{font-size:clamp(58px,12vw,84px);line-height:1;letter-spacing:-.05em;margin-top:26px}.intro{font-size:18px;line-height:1.55;margin-top:24px}.eyebrow{font-size:9px;letter-spacing:.15em}.button{font-size:15px;padding:16px 22px;gap:60px;margin-top:25px}.hero-art{inset:300px -110px -35px -45px}.hero-art img{object-position:70% 80%}.art-shade{background:linear-gradient(180deg,#101316 0%,#101316a6 16%,transparent 50%,#10131655 90%)}.hero-index{display:none}.hero-caption{font-size:8px;bottom:25px;max-width:70%;line-height:1.6}.section{padding:55px var(--pad)}.section-heading,.projects .section-heading{display:block;margin-bottom:30px}.section h2{font-size:38px;margin-top:16px}.directions-grid{grid-template-columns:1fr;gap:28px}.direction{grid-template-columns:26px 1fr 25px;gap:12px}.direction h3{font-size:19px}.direction p{max-width:none;font-size:14px}.direction-art{display:none}.project-grid,.editorial .project-grid{grid-template-columns:1fr;gap:40px}.project-vybes,.studio .project-vybes,.editorial .project-vybes{margin-top:0}.projects .text-link{margin-top:25px}.project-meta{display:flex;align-items:center;margin-top:17px}.project-meta h3{font-size:20px}.project-meta>span{margin:0;font-size:9px}.project>p{font-size:13px}.about{display:block}.about h2{font-size:43px;margin:25px 0 30px}.about-copy p{font-size:16px}.contact h2{font-size:45px;margin-top:25px}.contact-links{display:grid;gap:15px;margin-top:30px}.contact-links a{font-size:17px;gap:15px}footer{padding-bottom:105px;gap:20px;font-size:10px}footer>span:nth-child(2){margin-left:0;width:100%}.compare{bottom:12px;gap:2px;padding:5px;max-width:calc(100% - 20px)}.compare>span{display:none}.compare a{padding:11px 15px;font-size:10px;gap:6px}.studio .hero{height:auto;min-height:860px}.studio .hero-copy{padding:135px var(--pad) 400px}.studio .hero h1{font-size:clamp(58px,12vw,84px)}.studio .hero-art{inset:220px -150px 0 -100px}.studio .hero-art img{object-position:75% 65%}.studio .art-shade{background:linear-gradient(180deg,#141210 0%,#141210bf 20%,transparent 65%,#14121099 100%)}.studio .intro{font-size:18px}.studio .header nav{display:flex;top:690px;left:var(--pad);right:var(--pad);justify-content:space-around;gap:15px;font-size:13px;padding:17px 20px}.studio .hero-caption{right:var(--pad);bottom:25px;font-size:7px}.studio .directions .section-heading{margin-bottom:25px}.studio .directions-grid{gap:28px}.editorial .hero{height:auto;min-height:870px}.editorial .hero-copy{padding:135px var(--pad) 300px}.editorial .hero h1{font-size:clamp(66px,14vw,96px);line-height:.94;letter-spacing:-.07em}.editorial .hero .intro{font-size:17px;margin-top:25px}.editorial .hero-art{inset:385px -90px 10px 10%;transform:rotate(-7deg)}.editorial .art-shade{background:linear-gradient(180deg,#111416b3,transparent 60%)}.editorial .hero-art img{filter:brightness(.65)}.editorial .hero-caption{font-size:7px}.editorial .section h2{font-size:44px}.editorial .about h2{font-size:48px}.editorial .contact h2{font-size:48px}.editorial .direction-art{display:none}.selection main{padding-top:40px}.selection h1{font-size:70px}.selection-grid{grid-template-columns:1fr;margin-top:45px;gap:10px}.selection-grid a{padding:25px 0}.selection-grid h2{font-size:27px}}
@media(max-width:360px){:root{--pad:20px}.hero h1,.studio .hero h1{font-size:57px}.editorial .hero h1{font-size:65px}.eyebrow{letter-spacing:.1em}.project-meta{display:block}.project-meta>span{margin-top:8px}.contact h2,.editorial .contact h2{font-size:39px}.compare a{padding:10px 13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.hero-art{transform:none!important}}