/* Editorial rhythm: light, colour and irregular spacing, with readable text. */
.header{position:sticky;top:0;z-index:20;background:#fcf7efed;backdrop-filter:blur(12px)}
@media(max-width:700px){.header:has(nav.open){max-height:100svh;overflow-y:auto}}
:root{--rust:#9b5136;--paper:#fcf7ef;--line:#d5bcaa;--blush:#e7c7b4;--ochre:#d5aa6c;--sage:#89927b}
body{font-size:16px;line-height:1.85}h1{font-size:clamp(38px,4.6vw,62px)}h2{font-size:clamp(29px,3.1vw,41px)}h3{font-size:25px}.hero-copy>p,.page-hero p{font-size:16px;line-height:1.8}.home-hero h1{font-size:clamp(60px,6.5vw,86px)}.page-hero h1{font-size:clamp(37px,4.2vw,57px)}.theme-hero h1{font-size:clamp(35px,4vw,55px)}.reading h2,.contact-flow h2{font-size:31px}.intro p:first-child{font-size:25px}.door h3{font-size:25px}.wrap{max-width:1220px}.header{min-height:100px}.home-hero{min-height:565px;padding-top:105px}.home-hero .hero-copy{max-width:535px}.home-hero:before{background:linear-gradient(90deg,#fcf7ef 0%,#fcf7eff0 22%,#fcf7ef60 45%,transparent 64%),url('/assets/ingresso.webp') center/cover no-repeat}.home-hero:after{content:'';position:absolute;bottom:20px;left:18px;width:140px;height:60px;border-top:1px solid #a06a4b80;border-radius:50%;transform:rotate(-12deg);z-index:-1}.intro{border:0;gap:85px;padding:65px 25px 75px;position:relative}.intro:before{content:'';position:absolute;inset:10px 48% 20px -30px;background:#ead2bd55;border-radius:3% 60% 10% 35%;z-index:-1;transform:rotate(-3deg)}.intro>div:last-child{padding-top:25px}
.doors-space{position:relative;margin:0 -48px;padding:80px 65px 100px;background:radial-gradient(ellipse at 2% 20%,#d3ad7955,transparent 28%),radial-gradient(ellipse at 100% 65%,#b5bc9d66,transparent 27%),linear-gradient(160deg,#f2e5d7aa,#fbf4e9 65%);border-radius:48% 9% 14% 4% / 3% 3% 5% 7%}.doors-space .section-title{text-align:center;margin:auto}.doors-space .section-title p{font-size:16px}.doors{gap:40px 45px;position:relative;margin-top:65px}.doors:before{content:'';position:absolute;inset:28px -15px 0;border-top:1px solid #a3795855;border-radius:50%;transform:rotate(10deg);pointer-events:none}.door{align-items:center;text-align:center;position:relative}.door h3{max-width:260px}.door p{max-width:275px}.door-visual{display:block;perspective:700px;border-radius:90px 90px 4px 4px;outline-offset:8px;position:relative;background:#dcc9b5;box-shadow:inset 0 0 22px #7c65502e}.door .art{width:165px;height:160px;background-size:100% 100%;opacity:1;transform-origin:left center;transition:transform .5s ease,filter .5s ease,box-shadow .5s ease;filter:none}.door .art:after{display:none}.door .art-1{background-image:url('/assets/porta-1.webp')}.door .art-2{background-image:url('/assets/porta-2.webp')}.door .art-3{background-image:url('/assets/porta-3.webp')}.door .art-4{background-image:url('/assets/porta-4.webp')}.door .art-5{background-image:url('/assets/porta-5.webp')}.door:hover .art,.door:focus-within .art{transform:rotateY(-18deg);box-shadow:12px 8px 18px #80654425;filter:brightness(1.06)}.door h3,.door .text-link{transition:color .25s ease}.door:hover h3{color:var(--rust)}.door:nth-child(2){margin-top:65px}.door:nth-child(4){margin-top:-5px}.door:nth-child(5){margin-top:45px}
.home-work{border:0;margin:65px 0 0;padding:70px 20px;position:relative;background:transparent;grid-template-columns:1.25fr .75fr}.home-work:before{content:'';position:absolute;inset:20px -25px;background:#e6c1a74d;border-radius:5% 48% 6% 18%;z-index:-1;transform:rotate(-2deg)}.home-work .abstract{height:275px;max-width:290px;justify-self:end;transform:rotate(7deg)}.online-teaser{padding:75px 45px 60px 70px;margin-top:30px;margin-left:20%;max-width:760px;border-left:1px solid #87917880;position:relative}.online-teaser:after{content:'';position:absolute;right:-40px;bottom:10px;width:120px;height:160px;background:#aeb69945;border-radius:55% 50% 15% 40%;z-index:-1;transform:rotate(25deg)}.exit{position:relative;border:0;margin:30px -48px 0;padding:65px 70px 80px;background:linear-gradient(110deg,#ead3bf99,#f7ecdfaa);border-radius:48% 10% 0 0 / 7% 12% 0 0}.exit:before{content:'';position:absolute;right:25px;top:25px;width:170px;height:120px;border-top:1px solid #ad7b5b88;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.button{transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px);box-shadow:0 6px 18px #78432d22}.text-link{transition:color .2s,border-color .2s}
.theme-hero{position:relative;grid-template-columns:1.4fr .8fr;gap:65px;padding-top:80px}.theme-hero .art{height:365px;background-position:center;box-shadow:15px 20px 0 #d8b79725}.theme-hero .art:after{border-color:#665447a0}.theme-2 .art{background-position:85% 0;box-shadow:-22px 20px 0 #aeb69545}.theme-3 .art{background-position:40% 80%;box-shadow:20px -15px 0 #d3a15f33}.theme-4 .art{background-position:5% 45%;box-shadow:-18px 20px 0 #d09b7a44}.theme-5 .art{background-position:90% 90%;box-shadow:20px 18px 0 #a7ad9144}.reading{max-width:none;margin:30px 0 75px;position:relative}.reading section{max-width:775px;position:relative;padding:40px 45px;margin:18px 0 45px}.reading section:nth-child(even){margin-left:auto}.reading section+section{border:0}.reading section:nth-child(3n+1){background:#e9cdb950;border-radius:6% 35% 4% 12%;transform:rotate(-.4deg)}.reading section:nth-child(3n+2){background:#d6dccb50;border-radius:40% 4% 15% 5%;transform:rotate(.4deg)}.reading section:nth-child(3n){border-left:1px solid #b9947666;margin-left:8%;padding-top:25px}.reading section:after{content:'';position:absolute;right:-35px;top:10px;width:90px;height:90px;border-right:1px solid #a7836380;border-radius:50%;transform:rotate(-25deg);pointer-events:none}.reading-2 section:nth-child(3n+1){background:#d4dbc95c}.reading-2 section:nth-child(3n+2){background:#e8c0ac4d}.reading-3 section:nth-child(3n+1){background:#e6c48e40}.reading-3 section:nth-child(3n+2){background:#e6c4b547}.reading-4 section:nth-child(3n+1){background:#e4b99e42}.reading-5 section:nth-child(3n+1){background:#d5dac847}.reading section p:last-child{margin-bottom:0}
.page-hero{padding:65px 0 70px;position:relative}.portrait{max-width:375px;box-shadow:18px 15px 0 #d6ab9360;transform:rotate(1.5deg)}.about-method{max-width:780px;padding:45px 45px;margin-left:30px;position:relative;background:#e7cbb552;border-radius:2% 35% 6% 6%;border:0}.about-method:after{content:'';position:absolute;right:-40px;top:30px;width:120px;height:160px;border-right:1px solid #94785f80;border-radius:50%;transform:rotate(15deg)}.about-experience{padding:75px 0 55px}.about-experience>h2,.about-experience>p{margin-left:16%}.credentials{gap:65px}.credentials>div:first-child{padding:25px 25px 15px;background:#e8d8c548;border-radius:8% 3% 20% 4%}.credentials>div:last-child{padding-top:65px}.credentials li{font-size:15px}.personal{border:0;margin:45px -48px 0;padding:65px 60px;background:linear-gradient(145deg,#f2e5d7aa,#e8cfb34f);border-radius:5% 35% 5% 0}.personal .split{grid-template-columns:1.15fr 1fr;gap:40px;align-items:center}.sketchbook{margin:0 -15px 0 0;align-self:center;transform:rotate(-2deg)}.sketchbook img{mix-blend-mode:multiply;border-radius:10px}.personal h2{font-size:34px}.room{transform:rotate(-1.5deg);box-shadow:18px 18px 0 #afba9c44}.online-body>.prose:first-child{margin-left:12%;max-width:790px;background:#d7ddc94d;border-radius:4% 28% 7% 4%;padding:45px}.online-body .split{grid-template-columns:.8fr 1.2fr;gap:60px;margin:35px 0}.online-detail{transform:rotate(3deg);box-shadow:-15px 18px 0 #d9bda54d}.online-body .split>div{padding:45px 35px;background:#efd9c44f;border-radius:30% 4% 20% 4%}.online-body>.prose:last-child{margin-left:8%;padding:40px 25px;border-left:1px solid #87917866}.contact-hero{position:relative;padding-bottom:45px}.contact-hero:after{content:'';position:absolute;right:-180px;top:60px;width:200px;height:200px;background:#c5947155;border-radius:55% 10% 50% 15%;z-index:-1;transform:rotate(30deg)}.contact-flow{max-width:850px}.contact-flow section{padding:30px 40px;max-width:750px}.contact-flow section:nth-child(2){margin-left:-10%;background:#e9d2bf45;border-radius:4% 25% 5% 12%;padding:40px}.contact-flow section:last-child{margin-left:10%;border-left:1px solid #ad977e88}.contact-form{border-radius:45px 5px 45px 5px;background:linear-gradient(135deg,#ead9c5,#f3e9da);position:relative}.contact-form:before{content:'';position:absolute;inset:12px -12px;border:1px solid #b6a08788;border-radius:30px 10px 35px 5px;pointer-events:none}.contact-form form{position:relative}.contact-form input,.contact-form textarea{background:#fffaf5cc}.scroll-progress{position:fixed;top:0;left:0;height:3px;width:100%;background:var(--rust);transform:scaleX(0);transform-origin:left;z-index:30;pointer-events:none}.reveal-ready{opacity:0;transform:translateY(16px);transition:opacity .65s ease,transform .65s ease}.reveal-ready.is-visible{opacity:1;transform:translateY(0)}
@media(max-width:1000px){.doors-space,.exit,.personal{margin-left:-30px;margin-right:-30px}.doors-space{padding:65px 38px}.home-hero:before{background-position:65% center}.theme-hero{gap:35px}.theme-hero .art{height:300px}.reading section{max-width:85%;padding:35px}.contact-hero:after{right:-50px;width:140px;height:140px}.personal{padding:50px 35px}.personal .split{gap:30px}.portrait{max-width:330px}}
@media(max-width:700px){body{font-size:16px}.home-hero{min-height:490px;padding-top:60px}.home-hero:before{opacity:1;background:linear-gradient(90deg,#fcf7efed 0%,#fcf7efcc 25%,#fcf7ef66 55%,#fcf7ef22),url('/assets/ingresso.webp') 65% center/cover no-repeat}.home-hero .hero-copy{max-width:83%}.home-hero h1{font-size:60px}.hero-copy>p{font-size:16px}.intro{padding:40px 10px 45px;gap:15px}.intro p:first-child{font-size:22px}.intro:before{inset:5px 0 35% -10px}.intro>div:last-child{padding-top:0}.doors-space{margin:0 -22px;padding:50px 24px 65px;border-radius:35% 5% 5% 0 / 2% 2% 2% 0}.doors{gap:35px 20px;margin-top:40px}.doors:before{inset:20px 0 0}.door h3{font-size:23px;overflow-wrap:anywhere}.door p{font-size:16px}.door .art{width:120px;height:120px}.door:nth-child(2){margin-top:45px}.door:nth-child(4){margin-top:40px}.door:nth-child(5){margin-top:15px;max-width:80%}.home-work{grid-template-columns:1fr;padding:35px 10px;margin-top:30px;gap:30px}.home-work .abstract{height:160px;width:210px}.online-teaser{margin-left:5%;padding:45px 22px 35px;margin-top:35px}.online-teaser:after{right:-5px;width:75px;height:100px}.exit{margin:35px -22px 0;padding:45px 30px 50px}.exit:before{width:80px;right:10px;top:10px}.page-hero{padding:45px 0 50px}.page-hero h1,.theme-hero h1{font-size:38px}.portrait{max-width:290px;box-shadow:12px 12px 0 #d6ab9360}.about-method{margin:15px 0 0;padding:30px 22px;max-width:100%}.about-method:after{right:-8px;width:50px}.about-experience{padding:50px 0 30px}.about-experience>h2,.about-experience>p{margin-left:0}.credentials{gap:20px;margin-top:20px}.credentials>div:last-child{padding-top:15px}.personal{margin:30px -22px 0;padding:45px 25px;border-radius:5% 20% 0 0}.personal .split{grid-template-columns:1fr;gap:25px}.personal h2{font-size:30px}.sketchbook{margin:0 auto;width:100%;max-width:400px}.theme-hero{grid-template-columns:1fr;gap:20px;padding-top:45px}.theme-hero .art{height:155px;max-width:240px;margin-right:12px}.reading{margin:20px 0 40px}.reading section,.reading section:nth-child(even),.reading section:nth-child(3n){max-width:100%;margin:15px 0 25px;padding:28px 22px}.reading h2,.contact-flow h2{font-size:29px}.reading section:after{right:-8px;width:40px;height:70px}.online-body>.prose:first-child{margin-left:0;padding:30px 22px}.online-body .split{grid-template-columns:1fr;gap:35px;margin:25px 0}.online-body .split>div{padding:30px 22px}.online-body>.prose:last-child{margin-left:0;padding:30px 22px}.online-detail{max-width:230px}.room{box-shadow:10px 12px 0 #afba9c44}.contact-hero:after{right:0;top:30px;width:80px;height:80px;opacity:.5}.contact-flow section,.contact-flow section:nth-child(2),.contact-flow section:last-child{margin:0;padding:25px 15px}.contact-form{padding:30px 23px;border-radius:30px 5px}.contact-form:before{inset:8px -6px}.contact-form a{font-size:14px}footer{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.door .art,.button,.text-link,.door h3,.reveal-ready{transition:none}.door:hover .art,.door:focus-within .art,.button:hover{transform:none}.reveal-ready{opacity:1;transform:none}.scroll-progress{display:none}}
.home-hero{min-height:520px;padding-top:90px}.home-hero h1{font-size:clamp(50px,5.5vw,72px)}.intro p:first-child{font-size:22px}.page-hero h1{font-size:clamp(35px,3.8vw,52px)}.home-online-grid{display:grid;grid-template-columns:.9fr 1.2fr;gap:55px;align-items:center;padding:55px 10px 35px;margin-top:25px}.home-online-grid .online-illustration{mix-blend-mode:multiply;width:100%;max-width:400px;transform:rotate(-3deg)}.home-online-grid .online-teaser{margin:0;padding:30px 25px 30px 40px}.home-online-grid .online-teaser:after{display:none}.about-method strong{font-weight:700;color:#653e2e}
@media(max-width:700px){.home-hero{min-height:470px;padding-top:55px}.home-hero h1{font-size:50px}.intro p:first-child{font-size:20px}.page-hero h1{font-size:35px}.home-online-grid{grid-template-columns:1fr;gap:10px;padding:30px 5px 20px}.home-online-grid .online-illustration{max-width:270px;justify-self:center}.home-online-grid .online-teaser{padding:25px 20px}}
.theme-illustration{width:100%;height:auto;mix-blend-mode:multiply;transform:rotate(-2deg)}.theme-2 .theme-illustration,.theme-4 .theme-illustration{transform:rotate(2deg)}.home-work .abstract{background-image:url('/assets/tema-1.webp');background-size:contain;background-repeat:no-repeat;background-position:center;border-radius:0;mix-blend-mode:multiply;transform:rotate(3deg);width:100%;max-width:340px}.home-work .abstract:after{display:none}.dropdown summary.current,.dropmenu a[aria-current]{color:var(--rust)}main:focus{outline:none}.doors-space{background:radial-gradient(ellipse at 2% 20%,#d3ad7955,transparent 28%),radial-gradient(ellipse at 100% 65%,#b5bc9d66,transparent 27%),linear-gradient(160deg,#f2e5d7aa,#fbf4e9 65%)}
@media(max-width:700px){.theme-illustration{max-width:260px;justify-self:end}.home-work .abstract{max-width:240px}.home-online-grid .online-illustration{max-width:270px}}