/* Studio Tratto · Pro home V6 · Base44-inspired */
.base44-pro-home,.base44-pro-home *{box-sizing:border-box}
.base44-pro-home{overflow:hidden;background:#f5f2ec;color:#17211d}
.base44-pro-home .wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.base44-pro-home h1,.base44-pro-home h2,.base44-pro-home h3,.base44-pro-home p,.base44-pro-home figure{margin:0}
body[data-livello="pro"] .testa{top:35px;background:rgba(248,246,241,.95);backdrop-filter:blur(16px)}


.b44p-hero{position:relative;padding:58px 0 42px;background:radial-gradient(circle at 18% 68%,rgba(171,201,255,.34),transparent 28%),radial-gradient(circle at 82% 56%,rgba(247,145,100,.30),transparent 25%),linear-gradient(180deg,#faf8f4 0%,#f5f2ec 100%)}
.b44p-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(29,56,47,.11) .7px,transparent .7px);background-size:24px 24px;mask-image:linear-gradient(180deg,rgba(0,0,0,.25),transparent 72%);pointer-events:none}
.b44p-hero__copy{position:relative;z-index:2;text-align:center}.b44p-kicker{color:#49695d;font-size:11px;font-weight:800;letter-spacing:.16em}
.b44p-hero h1{max-width:14.4ch;margin:15px auto 0;font-size:clamp(3.2rem,4.6vw,4.75rem);font-weight:770;line-height:.94;letter-spacing:-.067em;text-wrap:balance}
.b44p-lead{max-width:690px;margin:20px auto 0;color:#64655f;font-size:16.5px;line-height:1.58}
.b44p-builder{width:min(760px,100%);margin:30px auto 0;padding:14px 16px 13px;border:1px solid rgba(214,210,201,.9);border-radius:24px;background:rgba(255,255,255,.90);box-shadow:0 24px 60px rgba(36,48,44,.10);backdrop-filter:blur(12px);text-align:left}
.b44p-builder__top{display:flex;justify-content:space-between;align-items:center;gap:16px;font-size:14px;font-weight:700;color:#1c2723}.b44p-builder__top a{color:#315eaa;text-decoration:none;font-size:12px;font-weight:800}
.b44p-builder__chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:12px}.b44p-builder__chips a{padding:8px 11px;border:1px solid #e1ddd5;border-radius:999px;background:#f8f7f4;color:#61645f;font-size:11.5px;text-decoration:none}
.b44p-stage{position:relative;height:520px;margin-top:34px}
.b44p-stage figure{position:absolute;overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.75);box-shadow:0 28px 70px rgba(26,35,32,.16);background:#ddd}
.b44p-stage img{display:block;width:100%;height:100%;object-fit:cover}
.b44p-stage figcaption{position:absolute;inset:auto 0 0;padding:18px 18px 16px;background:linear-gradient(180deg,transparent,rgba(10,17,15,.76));color:#fff}.b44p-stage figcaption span{display:block;color:#ff9f7c;font-size:9px;font-weight:800;letter-spacing:.13em}.b44p-stage figcaption b{display:block;margin-top:5px;font-size:14px}
.b44p-stage__main{z-index:3;left:16%;top:16px;width:68%;height:468px;border-radius:38px}
.b44p-stage__left{z-index:2;left:0;top:98px;width:26%;height:330px;border-radius:30px;transform:rotate(-2.2deg)}
.b44p-stage__right{z-index:4;right:0;top:86px;width:24%;height:350px;border-radius:30px;transform:rotate(2.4deg)}
.b44p-stage__annotation{position:absolute;z-index:6;color:#26443a;font-size:11px;font-weight:700;letter-spacing:.01em}.b44p-stage__annotation span{display:inline-block;width:34px;height:1px;margin:0 9px 3px 0;background:#e8663e}.b44p-stage__annotation--a{left:4%;top:34px}.b44p-stage__annotation--b{right:2%;bottom:42px}
.b44p-flow{border-block:1px solid #d9d4cb;background:#fff}.b44p-flow__grid{display:grid;grid-template-columns:repeat(5,1fr)}.b44p-flow__grid div{padding:28px 20px;border-right:1px solid #e3ded5}.b44p-flow__grid div:last-child{border-right:0}.b44p-flow__grid b{display:block;color:#18221e;font-size:15px}.b44p-flow__grid span{display:block;margin-top:6px;color:#6a6b65;font-size:12px;line-height:1.45}

.b44p-case{padding:92px 0}.b44p-case__grid{display:grid;grid-template-columns:.86fr 1.14fr;gap:70px;align-items:center}.b44p-case__copy h2{max-width:11ch;margin-top:12px;font-size:clamp(2.6rem,4vw,4.2rem);font-weight:760;line-height:.98;letter-spacing:-.058em}.b44p-case__copy>p{max-width:40ch;margin-top:20px;color:#64655f;font-size:15px;line-height:1.6}.b44p-case__copy .dettaglio{display:inline-block;margin-top:22px}.b44p-case__image{overflow:hidden;height:560px;border-radius:38px}.b44p-case__image img{display:block;width:100%;height:100%;object-fit:cover}

.b44p-portfolio{padding:82px 0 94px;background:#15191d;color:#fff}.b44p-section-head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:28px}.b44p-section-head .occhiello{color:#ff8b68}.b44p-section-head h2{max-width:12ch;margin-top:10px;font-size:clamp(2.5rem,3.7vw,3.9rem);font-weight:760;line-height:1;letter-spacing:-.054em}.b44p-section-head .dettaglio{color:#fff}.b44p-portfolio__grid{display:grid;grid-template-columns:1.05fr .95fr .95fr;grid-template-rows:280px 280px;gap:14px}.b44p-portfolio__grid figure{position:relative;overflow:hidden;border-radius:28px}.b44p-portfolio__grid .is-tall{grid-row:1/3}.b44p-portfolio__grid .is-wide{grid-column:2/4}.b44p-portfolio__grid img{display:block;width:100%;height:100%;object-fit:cover}.b44p-portfolio__grid figcaption{position:absolute;inset:auto 0 0;padding:20px;background:linear-gradient(180deg,transparent,rgba(8,12,14,.84));color:#fff}.b44p-portfolio__grid figcaption b{display:block;font-size:15px}.b44p-portfolio__grid figcaption span{display:block;margin-top:5px;color:#d3d7d8;font-size:12px}

.b44p-method{padding:86px 0;background:#e8663e;color:#221812}.b44p-method__grid{display:grid;grid-template-columns:1fr .8fr;gap:76px;align-items:end}.b44p-method .occhiello{color:#572b1e}.b44p-method h2{max-width:11ch;margin-top:10px;font-size:clamp(2.8rem,4.5vw,4.8rem);font-weight:760;line-height:.95;letter-spacing:-.062em}.b44p-method__text p{max-width:40ch;font-size:16px;line-height:1.58}.b44p-method__text .b{margin-top:22px;background:#fff;color:#241914}

.b44p-close{padding:88px 0;background:#f5f2ec;text-align:center}.b44p-close__inner{max-width:780px}.b44p-close h2{max-width:12ch;margin:12px auto 0;font-size:clamp(2.7rem,4.4vw,4.7rem);font-weight:760;line-height:.97;letter-spacing:-.06em}.b44p-close p{max-width:620px;margin:20px auto 0;color:#666761;font-size:16px;line-height:1.6}.b44p-close .b{margin-top:26px}

@media(max-width:930px){.b44p-stage{height:500px}.b44p-stage__main{left:10%;width:80%}.b44p-stage__left{width:28%}.b44p-stage__right{width:27%}.b44p-stage__annotation{display:none}.b44p-flow__grid{grid-template-columns:repeat(2,1fr)}.b44p-case__grid,.b44p-method__grid{grid-template-columns:1fr;gap:36px}.b44p-case__image{height:420px}.b44p-portfolio__grid{grid-template-columns:1fr 1fr;grid-template-rows:auto}.b44p-portfolio__grid .is-tall,.b44p-portfolio__grid .is-wide{grid-row:auto;grid-column:auto;min-height:360px}}
@media(max-width:680px){.base44-pro-home .wrap{width:min(100% - 28px,1180px)}.b44p-hero{padding-top:44px}.b44p-hero h1{font-size:3rem}.b44p-lead{font-size:15.5px}.b44p-builder{border-radius:20px}.b44p-builder__top{align-items:flex-start}.b44p-stage{height:auto;display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:26px}.b44p-stage figure{position:relative!important;inset:auto!important;width:auto!important;height:220px!important;transform:none!important;border-radius:22px!important}.b44p-stage__main{grid-column:1/-1;height:290px!important}.b44p-flow__grid,.b44p-portfolio__grid{grid-template-columns:1fr}.b44p-flow__grid div{border-right:0;border-bottom:1px solid #e3ded5}.b44p-section-head{align-items:flex-start;flex-direction:column}.b44p-portfolio__grid figure{min-height:320px}.b44p-case__image{height:340px}}
.b44p-section-head h2{color:#fff}
