:root{--ink:#172122;--muted:#687171;--ivory:#f5f2eb;--blue:#9fd7e4;--hot:#e9925a;--line:rgba(30,42,43,.14);--ease:cubic-bezier(.22,1,.36,1)}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Helvetica Neue','Arial',sans-serif;background:var(--ivory);-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}button{font:inherit}img{display:block;max-width:100%}::selection{background:#b2dedc;color:#112125}
.skip{position:absolute;top:-100px;z-index:100;background:white;padding:12px}.skip:focus{top:0}
#scrollLine{position:fixed;top:0;left:0;height:2px;background:linear-gradient(90deg,#d38a57,#b0e4eb);transform-origin:left;transform:scaleX(0);z-index:200;width:100%;pointer-events:none}
/* HERO: image is a FULL-WIDTH photographic canvas, not a framed two-column image */
.hero{min-height:760px;height:min(940px,100svh);min-height:max(740px,90svh);position:relative;isolation:isolate;color:#fff;overflow:hidden;background:#152527}
.hero-photo{position:absolute;inset:-1% -1%;z-index:-3;background:url('assets/immagine-1.webp') 50% 47%/cover no-repeat;transform:scale(1.035);will-change:transform}
.hero::after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(0deg,rgba(6,15,17,.48),transparent 28%),radial-gradient(ellipse 45% 40% at 95% 93%,rgba(231,128,119,.22),transparent 82%)}
.hero-aura{pointer-events:none;position:absolute;z-index:-1;left:-280px;bottom:-360px;width:780px;height:780px;background:radial-gradient(circle,rgba(38,185,186,.14),transparent 70%);filter:blur(18px)}
.header{position:absolute;z-index:40;top:0;left:0;right:0;padding:28px clamp(22px,5.6vw,95px);display:flex;align-items:center;justify-content:space-between;gap:32px}
.logo-wrap{width:205px;min-width:205px;height:71px;border-radius:4px;background:rgba(255,255,255,.94);display:flex;align-items:center;justify-content:center;padding:13px 17px;border:1px solid rgba(255,255,255,.78);box-shadow:0 7px 42px rgba(0,0,0,.06);backdrop-filter:blur(16px)}
.logo-wrap img{width:100%;height:auto;object-fit:contain}
.nav-glass{display:flex;align-items:center;gap:32px;padding:17px 24px;border:1px solid rgba(255,255,255,.26);background:rgba(32,37,36,.20);backdrop-filter:blur(24px) saturate(155%);border-radius:999px;box-shadow:inset 0 1px rgba(255,255,255,.15);font-size:13px;letter-spacing:.01em}
.nav-glass a{opacity:.84;transition:opacity .25s}.nav-glass a:hover,.nav-glass a:first-child{opacity:1}
.nav-right{display:flex;align-items:center;gap:11px;font-size:11px;letter-spacing:.11em;text-transform:uppercase;white-space:nowrap}
.nav-right span{width:31px;height:31px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:15px}
.burger{display:none;background:rgba(255,255,255,.15);border:1px solid rgba(255,255,255,.3);border-radius:100px;color:white;padding:11px 14px;cursor:pointer}
.mobile-menu{display:none;position:absolute;top:100px;left:20px;right:20px;padding:22px;z-index:35;border-radius:18px;background:rgba(24,35,37,.96);backdrop-filter:blur(16px)}.mobile-menu a{display:block;padding:13px 8px;border-bottom:1px solid rgba(255,255,255,.15)}
.hero-layout{height:100%;width:100%;max-width:1850px;margin:auto;display:flex;align-items:center;position:relative;padding:100px clamp(26px,8.15vw,160px) 72px}
.hero-content{position:relative;z-index:2;max-width:960px;transform:translateY(25px)}
.micro{font-size:11px;font-weight:600;letter-spacing:.22em;text-transform:uppercase;line-height:1.5}
.hero-kicker{display:flex;gap:12px;align-items:center;color:rgba(255,255,255,.86);margin-bottom:36px}.hero-kicker::before{content:"";width:28px;height:1px;background:#e7a879}
.hero h1{font-weight:400;font-size:clamp(68px,7.9vw,132px);line-height:.95;letter-spacing:-.079em;margin:0 0 32px;max-width:1040px;text-shadow:0 5px 55px rgba(0,0,0,.08)}
.hero h1 .serif{font:italic 1.13em/.82 Georgia,Georgia,serif;letter-spacing:-.07em;color:#f8c8a4;font-style:italic;font-synthesis:style}
.hero-lede{font-size:clamp(15px,1.33vw,19px);line-height:1.6;color:rgba(255,255,255,.85);max-width:430px;margin:0 0 36px}
.ghost-cta{display:inline-flex;align-items:center;gap:32px;padding:8px 8px 8px 22px;border:1px solid rgba(255,255,255,.48);border-radius:100px;backdrop-filter:blur(14px);background:rgba(255,255,255,.09);font-size:13px;transition:background .3s,transform .3s}.ghost-cta:hover{background:rgba(255,255,255,.2);transform:translateY(-3px)}
.round-arrow{width:35px;height:35px;border-radius:50%;background:#fff;color:#172122;display:grid;place-items:center;font-size:19px}
.hero-foot{position:absolute;bottom:33px;left:clamp(26px,5.6vw,95px);right:clamp(26px,5.6vw,95px);display:flex;align-items:flex-end;justify-content:space-between;gap:22px;font-size:11px;letter-spacing:.17em;color:rgba(255,255,255,.75)}
.hero-foot .line{display:inline-block;width:72px;height:1px;background:rgba(255,255,255,.7);vertical-align:middle;margin-right:12px}
.hero-scroll{display:flex;align-items:center;gap:14px}.hero-scroll i{display:inline-block;height:38px;width:1px;background:rgba(255,255,255,.65);position:relative;overflow:hidden}.hero-scroll i::after{content:"";position:absolute;inset:-40% 0 auto;height:40%;background:white;animation:drip 2.2s infinite}
@keyframes drip{to{transform:translateY(160px)}}
/* Shared light world: ONE flowing atmospheric background throughout */
.dayworld{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 50% 27% at -4% 3%,rgba(126,210,215,.22),transparent 84%),radial-gradient(ellipse 50% 30% at 103% 22%,rgba(244,171,130,.13),transparent 81%),radial-gradient(ellipse 46% 24% at 3% 54%,rgba(151,215,221,.17),transparent 80%),radial-gradient(ellipse 55% 35% at 105% 91%,rgba(233,151,112,.15),transparent 85%),#f6f2eb}
.section-tag{font-size:10px;text-transform:uppercase;letter-spacing:.23em;color:#697474;font-weight:600}
.section-tag span{display:inline-block;margin-right:20px;color:#c97752}
.manifesto{padding:clamp(108px,13vw,225px) 6vw clamp(115px,12vw,175px);text-align:center;position:relative}
.manifesto .section-tag{margin-bottom:58px}
.manifesto h2{font-size:clamp(53px,8.8vw,154px);line-height:.97;letter-spacing:-.085em;font-weight:400;max-width:1550px;margin:0 auto 49px}
.manifesto h2 em{font-family:Georgia,Georgia,serif;font-weight:400;letter-spacing:-.054em;color:#b66e50}
.manifesto p{max-width:610px;margin:0 auto;color:#5c6665;font-size:clamp(15px,1.25vw,19px);line-height:1.75}
.glass-drop{position:absolute;left:8%;top:30%;width:clamp(80px,10vw,150px);aspect-ratio:1;border-radius:38% 62% 60% 40% / 46% 40% 60% 54%;background:radial-gradient(circle at 25% 20%,rgba(255,255,255,.97),transparent 24%),radial-gradient(circle at 75% 80%,rgba(249,146,111,.31),transparent 40%),linear-gradient(120deg,rgba(209,250,247,.65),rgba(255,255,255,.25) 52%,rgba(172,216,228,.65));box-shadow:inset 4px 3px 12px rgba(255,255,255,.94),inset -6px -8px 15px rgba(68,133,151,.18),15px 26px 50px rgba(71,155,154,.12);border:1px solid rgba(255,255,255,.94);transform:rotate(-15deg);pointer-events:none}
.gallery{padding:0 clamp(22px,5.6vw,95px) clamp(115px,13vw,200px);max-width:1900px;margin:auto}
.gallery-head{display:flex;align-items:end;justify-content:space-between;gap:28px;margin:0 0 55px;padding:0 10px}
.gallery h2{font-size:clamp(50.76px,6.392vw,103.4px);font-weight:400;letter-spacing:-.078em;line-height:1.01;margin:22px 0 0}
.gallery h2 em{font:italic 1.08em Georgia,Georgia,serif;letter-spacing:-.045em;color:#5d9fa9}
.gallery-lede{max-width:300px;color:#646f6e;font-size:14px;line-height:1.75;margin:0 0 8px}
.gallery-photos{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);gap:clamp(17px,4vw,70px);align-items:start}
.art-1{margin:0;position:relative}.art-2{margin:17% 0 0;position:relative}
.frame{position:relative;overflow:hidden;background:#dfe7e5}.art-1 .frame{aspect-ratio: .97}.art-2 .frame{aspect-ratio: .8}
.frame img{height:100%;width:100%;object-fit:cover;transition:transform 1.5s var(--ease)}.frame:hover img{transform:scale(1.055)}
.art-1 .frame img{object-position:center 36%}.art-2 .frame img{object-position:47% center}
.art-caption{display:flex;align-items:center;justify-content:space-between;margin-top:15px;border-bottom:1px solid var(--line);padding-bottom:19px;gap:15px;text-transform:uppercase;font-size:10px;letter-spacing:.15em;color:#606c6d}
.art-caption strong{font-weight:600;color:#283332}
.gallery-under{display:flex;align-items:center;justify-content:space-between;margin-top:65px;padding-left:10px;gap:20px}
.gallery-under .longline{height:1px;flex:1;background:var(--line)}.gallery-under p{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#798280}
/* Single immersive studio story rather than another image/text row */
.studio{min-height:690px;height:82svh;max-height:920px;background:#162326;position:relative;color:#fff;isolation:isolate;overflow:hidden}
.studio-bg{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(9,18,21,.91) 0%,rgba(10,19,22,.73) 38%,rgba(12,22,26,.02) 95%),url('assets/immagine-2.webp') 79% 38%/auto 120% no-repeat,linear-gradient(120deg,#15262a,#364243);transform:scale(1.01)}
.studio::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse 60% 90% at 96% 10%,rgba(95,161,187,.22),transparent 90%)}
.studio-inner{height:100%;padding:clamp(70px,9vw,135px) clamp(25px,8vw,135px);max-width:1900px;margin:auto;display:flex;flex-direction:column;justify-content:center;align-items:start}
.studio .section-tag{color:#c8d5d7}.studio .section-tag span{color:#e6b28e}
.studio h2{font-weight:400;font-size:clamp(62.04px,7.003vw,115.62px);line-height:.96;letter-spacing:-.078em;margin:44px 0 25px;max-width:990px}
.studio h2 em{font:italic 1.07em Georgia,Georgia,serif;color:#e9b18e;letter-spacing:-.055em}
.studio p{font-size:clamp(15px,1.25vw,18px);line-height:1.8;color:#d0d7d7;max-width:430px;margin:0}
.studio-tag{position:absolute;right:5vw;bottom:38px;color:#e4efee;font-size:10px;letter-spacing:.17em;text-transform:uppercase}
/* Workshop: conceptual typographic giant canvas and photo bleeding out, no horizontal standard row */
.workshop{max-width:1900px;margin:auto;padding:clamp(115px,13vw,210px) clamp(22px,5.6vw,95px) clamp(118px,11vw,188px);position:relative}
.workshop-head{max-width:1150px;position:relative;z-index:2}.workshop h2{font-size:clamp(60.16px,7.52vw,130.66px);line-height:.98;letter-spacing:-.084em;font-weight:400;margin:30px 0 0}
.workshop h2 em{font:italic 1.08em Georgia,Georgia,serif;color:#b76b4b}
.workshop-sub{display:flex;align-items:start;gap:28px;max-width:1050px;margin:50px 0 82px}.workshop-sub .rule{height:1px;background:#9fa8a6;flex:1;margin-top:13px}.workshop-sub p{width:42%;font-size:16px;line-height:1.8;color:#616d6b;margin:0}
.workshop-image{height:clamp(470px,58vw,780px);width:100%;position:relative;overflow:hidden;background:#e6ddd4}
.workshop-image img{width:100%;height:100%;object-fit:cover;object-position:50% 36%}
.workshop-image::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(9,22,23,.44),transparent 45%)}
.workshop-pill{position:absolute;right:35px;bottom:30px;z-index:2;border:1px solid rgba(255,255,255,.48);color:white;border-radius:999px;padding:13px 18px;background:rgba(39,39,38,.13);backdrop-filter:blur(15px);font-size:12px;letter-spacing:.06em}
.workshop-bottom{padding-top:18px;display:flex;justify-content:space-between;color:#657170;font-size:10px;text-transform:uppercase;letter-spacing:.15em}
/* Contact large organic gradient and typographic ending */
.contact{padding:clamp(110px,12vw,195px) clamp(25px,8vw,140px) 45px;position:relative;overflow:hidden;background:radial-gradient(ellipse 50% 65% at 84% 43%,rgba(143,212,225,.32),transparent 72%),radial-gradient(ellipse 40% 65% at 6% 89%,rgba(243,160,119,.23),transparent 73%),#f0f0e9;border-top:1px solid rgba(40,50,48,.065)}
.contact-inner{max-width:1700px;margin:auto;position:relative;z-index:2}
.contact h2{font-size:clamp(62.04px,8.178vw,137.24px);line-height:.96;letter-spacing:-.083em;font-weight:400;margin:35px 0 58px}
.contact h2 em{font:italic 1.08em Georgia,Georgia,serif;color:#ad6951}
.contact-links{display:flex;gap:70px;flex-wrap:wrap;border-top:1px solid var(--line);padding:27px 0 80px}
.contact-link{min-width:270px;display:flex;flex-direction:column;gap:19px}
.contact-link small{font-size:10px;letter-spacing:.22em;text-transform:uppercase;color:#87918e}
.contact-link strong{font-weight:400;font-size:clamp(15px,1.45vw,20px);border-bottom:1px solid transparent;width:fit-content;transition:border-color .2s}.contact-link:hover strong{border-color:currentColor}
.footer{max-width:1700px;margin:auto;display:flex;align-items:end;justify-content:space-between;gap:28px;border-top:1px solid var(--line);padding:22px 0 2px;font-size:10px;color:#7c8683;text-transform:uppercase;letter-spacing:.11em}
.footer img{width:145px;height:auto;opacity:.82}.footer-note{text-align:right;line-height:1.8}
.rise{transition:transform 1s var(--ease),opacity 1s var(--ease)}.motion-ready .rise:not(.seen){opacity:.90;transform:translateY(17px)}.rise.seen{opacity:1;transform:none}
@media(max-width:1100px){.header{gap:18px}.nav-glass{gap:18px;padding:14px 18px}.nav-right{font-size:0}.nav-right span{font-size:15px}.hero-layout{padding-left:6vw}.gallery-head{align-items:start}.studio-bg{background-position:78% 50%;background-size:auto 115%}}
@media(max-width:750px){
 .hero{height:100svh;min-height:640px;max-height:950px}
 .hero-photo{background-position:59% center}
 .hero::after{background:linear-gradient(0deg,rgba(6,15,17,.76) 0%,rgba(6,15,17,.19) 76%,rgba(6,15,17,.28) 100%)}
 .header{padding:19px 20px}.logo-wrap{width:159px;min-width:159px;height:58px;padding:12px}.nav-glass,.nav-right{display:none}.burger{display:block}
 .mobile-menu.open{display:block}
 .hero-layout{padding:150px 22px 96px;align-items:end}.hero-content{transform:none}.hero-kicker{margin-bottom:26px}.hero h1{font-size:clamp(65px,11.5vw,92px);letter-spacing:-.08em;margin-bottom:23px}.hero-lede{font-size:14px;margin-bottom:26px;max-width:350px}.hero-foot{bottom:23px;left:23px;right:23px;font-size:9px}.hero-foot>span{max-width:160px;line-height:1.5}.hero-scroll{letter-spacing:.12em}
 .manifesto{padding:125px 22px 125px}.manifesto .section-tag{margin-bottom:43px}.manifesto h2{font-size:clamp(59px,10vw,90px);line-height:1.02}.manifesto p{font-size:15px;line-height:1.85}.glass-drop{left:auto;right:2%;top:8%;width:72px}
 .gallery{padding:0 20px 125px}.gallery-head{display:block;margin-bottom:37px;padding:0}.gallery h2{font-size:clamp(55.46px,9.4vw,73.32px)}.gallery-lede{margin:26px 0 0}.gallery-photos{display:block}.art-1{margin:0 0 36px}.art-2{margin:0 0 35px 11%}.art-1 .frame{aspect-ratio:.92}.art-2 .frame{aspect-ratio:1.04}.gallery-under{margin-top:24px;padding:0}.gallery-under p{font-size:9px}
 .studio{height:730px;min-height:680px;max-height:none}.studio-bg{background:linear-gradient(0deg,rgba(7,16,19,.88) 0%,rgba(7,16,19,.5) 44%,rgba(7,16,19,.05) 100%),url('assets/immagine-2.webp') 58% 9%/auto 95% no-repeat,#24373c}
 .studio-inner{justify-content:end;padding:80px 23px 90px}.studio h2{font-size:clamp(61.1px,10.528vw,84.6px);margin:25px 0 20px}.studio p{font-size:14px}.studio-tag{right:23px;bottom:25px}
 .workshop{padding:120px 20px}.workshop h2{font-size:clamp(58.28px,10.34vw,84.6px)}.workshop-sub{display:block;margin:35px 0}.workshop-sub .rule{width:75px;margin:0 0 25px}.workshop-sub p{width:100%;max-width:390px;font-size:15px}.workshop-image{height:565px}.workshop-image img{object-position:52% 28%}.workshop-pill{right:18px;bottom:18px}.workshop-bottom{font-size:9px;gap:10px}
 .contact{padding:125px 23px 32px}.contact h2{font-size:clamp(56.4px,10.34vw,89.3px);margin:28px 0 45px}.contact-links{gap:35px;padding-bottom:85px}.contact-link{gap:12px;min-width:0;width:100%}.contact-link strong{font-size:16px}.footer{align-items:start}.footer img{width:118px}.footer-note{font-size:8px}
}
@media(max-width:375px){.hero h1{font-size:61px}.hero-foot .line{width:30px}.contact h2{font-size:54.52px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;scroll-behavior:auto!important;transition:none!important}.rise{opacity:1!important;transform:none!important}}

/* EL COCAL — visual revision 03: hero preserved; more editorial content, improved contrast and consistent palette */
:root{--ink:#162a2e;--muted:#43575b;--ivory:#e9efee;--blue:#a4d7df;--hot:#dd9a83;--line:rgba(30,57,62,.20)}
body{font-family:"Inter","Helvetica Neue",Arial,sans-serif;background:#e7eceb}
.hero h1 .serif,.manifesto h2 em,.gallery h2 em,.studio h2 em,.workshop h2 em,.contact h2 em{font-family:Georgia,"Times New Roman",serif}
/* More legible navigation and bottom scroll, modestly larger nav */
.nav-glass{gap:35px;padding:19px 29px;background:rgba(9,24,29,.56);border-color:rgba(255,255,255,.49);font-size:14px;font-weight:600;box-shadow:inset 0 1px rgba(255,255,255,.21),0 8px 32px rgba(0,0,0,.14)}
.nav-glass a{opacity:.92}.nav-glass a:first-child,.nav-glass a:hover{opacity:1}
.nav-right{font-size:12px;font-weight:600;letter-spacing:.07em;padding:9px 8px 9px 15px;background:rgba(9,24,29,.53);border:1px solid rgba(255,255,255,.36);border-radius:100px;text-shadow:0 1px 7px rgba(0,0,0,.6)}
.nav-right span{border-color:rgba(255,255,255,.75);background:rgba(255,255,255,.10)}
.hero-foot{justify-content:flex-end}.hero-scroll{border:1px solid rgba(255,255,255,.55);background:rgba(10,27,30,.55);backdrop-filter:blur(15px);padding:10px 16px 10px 20px;border-radius:100px;font-weight:600;font-size:12px;letter-spacing:.09em;color:rgba(255,255,255,.98);text-shadow:0 1px 5px rgba(0,0,0,.35)}.hero-scroll i{background:rgba(255,255,255,.85)}
/* From the slate-teal and blush of the hero, with lightness for the body */
.dayworld{background:radial-gradient(ellipse 69% 27% at -15% 5%,rgba(115,170,176,.34),transparent 78%),radial-gradient(ellipse 57% 37% at 111% 28%,rgba(231,154,159,.21),transparent 78%),radial-gradient(ellipse 48% 32% at 3% 69%,rgba(117,185,193,.15),transparent 82%),radial-gradient(ellipse 55% 30% at 102% 99%,rgba(226,154,150,.14),transparent 80%),linear-gradient(170deg,#e9f0ee 0%,#f3f1eb 49%,#e9eeec 100%)}
/* Intro: smaller title, longer and more readable narrative */
.manifesto{padding:clamp(105px,10.4vw,170px) 6vw clamp(115px,11vw,175px)}
.manifesto h2{font-size:clamp(54px,6.25vw,108px);line-height:1.075;letter-spacing:-.067em;max-width:1250px;margin:0 auto 49px}
.manifesto h2 em{letter-spacing:-.06em;color:#ac7073}
.manifesto-reading{max-width:750px;margin:0 auto;display:grid;gap:22px;text-align:left;padding:0 6px 0 30px;border-left:2px solid rgba(145,98,92,.4)}
.manifesto p{font-size:clamp(16px,1.24vw,19px);line-height:1.83;margin:0;color:#435458;max-width:760px}
.manifesto .manifesto-lead{font-size:clamp(19px,1.55vw,24px);line-height:1.54;color:#213a3e}
.glass-drop{top:20%;left:6%;opacity:.72}.manifesto-shimmer{position:absolute;width:210px;height:210px;right:-110px;bottom:4%;border-radius:50%;background:radial-gradient(circle,rgba(139,203,212,.23),transparent 68%);filter:blur(24px);pointer-events:none}
/* Numberless section phrases: concept first, main nouns as strong headlines */
.section-tag{color:#627b80;font-size:11px;letter-spacing:.15em;font-weight:600}
.editorial-tag{font-size:clamp(13px,1.18vw,17px);letter-spacing:.045em;text-transform:none;color:#ae7076;font-weight:400;margin:0 0 16px}
.gallery{padding-bottom:clamp(115px,12vw,180px)}
.gallery-head{align-items:end;margin-bottom:49px}.gallery h2{font-size:clamp(71.44px,7.614vw,125.02px);margin:0;line-height:.96}
.gallery h2 em{color:#5c93a1}.gallery-lede{max-width:400px;font-size:clamp(15px,1.08vw,17px);line-height:1.76;color:#40575a;margin:0 0 9px;display:grid;gap:13px}.gallery-lede p{margin:0}
.art-caption{color:#51686b}.art-caption strong{color:#263e42}.gallery-under p{color:#547076;letter-spacing:.075em;font-size:12px}
/* Studio retains photographic atmosphere but gains a stronger informative purpose */
.studio{height:83svh;min-height:755px;background:#172b2e}
.studio-bg{background:linear-gradient(90deg,rgba(9,25,29,.96) 0%,rgba(12,31,35,.82) 43%,rgba(14,32,35,.06) 95%),url('assets/immagine-2.webp') 79% 38%/auto 120% no-repeat,linear-gradient(120deg,#162b32,#44575a)}
.studio .studio-phrase{color:#f0b9ae;font-weight:500;text-transform:none;letter-spacing:.05em;font-size:clamp(14px,1.12vw,17px);max-width:440px}
.studio h2{font-size:clamp(64.86px,7.567vw,125.02px);margin:26px 0 28px}.studio h2 em{color:#f0bcb0}
.studio-reading{max-width:475px;display:grid;gap:14px}.studio-reading p{font-size:clamp(15px,1.12vw,17px);max-width:475px;line-height:1.78;color:rgba(255,255,255,.89)}
.studio-tag{color:rgba(255,255,255,.78)}
/* Workshops are now the strongest detailed section after the hero */
.workshop{padding:clamp(125px,11vw,178px) clamp(22px,5.6vw,95px) clamp(120px,10vw,174px)}
.workshop-top{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(290px,.65fr);gap:clamp(20px,4vw,80px);align-items:end;margin-bottom:58px}
.workshop h2{font-size:clamp(67.68px,7.238vw,126.9px);line-height:.99;margin:0;letter-spacing:-.073em}
.workshop h2 em{color:#5b9ba3}
.workshop-intro{display:grid;gap:15px;max-width:475px;padding-bottom:7px}
.workshop-intro p{margin:0;color:#40575a;font-size:clamp(15px,1.12vw,17px);line-height:1.78}
.workshop-intro .workshop-intro-lead{font-size:clamp(19px,1.4vw,22px);color:#20383b;line-height:1.5}
.workshop-image{height:clamp(590px,58vw,835px);border-radius:2px;isolation:isolate}
.workshop-image img{object-position:51% 31%;filter:saturate(.98)}
.workshop-image-gradient{position:absolute;z-index:1;inset:0;background:linear-gradient(0deg,rgba(11,31,36,.90) 0%,rgba(12,31,36,.67) 29%,transparent 71%),linear-gradient(90deg,rgba(10,22,27,.25),transparent 56%);pointer-events:none}
.workshop-image::after{display:none}
.workshop-overlay{position:absolute;z-index:2;left:clamp(28px,5vw,84px);right:clamp(28px,5vw,84px);bottom:clamp(30px,4.5vw,78px);display:flex;justify-content:space-between;gap:35px;align-items:end;color:#fff}
.workshop-overlay-copy{max-width:580px}
.workshop-portrait-note{display:block;font-size:11px;letter-spacing:.18em;font-weight:600;color:#f2c3b8;margin-bottom:17px}
.workshop-overlay h3{font-size:clamp(39.48px,3.948vw,69.56px);letter-spacing:-.065em;font-weight:400;line-height:1.02;margin:0 0 18px}
.workshop-overlay p{font-size:clamp(15px,1.08vw,17px);line-height:1.68;max-width:490px;margin:0;color:rgba(255,255,255,.91)}
.workshop-pill{position:static;flex-shrink:0;display:inline-flex;align-items:center;gap:26px;background:rgba(202,226,227,.16);border:1px solid rgba(255,255,255,.6);padding:17px 21px;font-size:13px;letter-spacing:.02em;transition:background .2s}
.workshop-pill:hover{background:rgba(202,226,227,.31)}
.workshop-bottom{font-weight:600;color:#587074;padding-top:20px}
/* Contact: typography editorial + useful actual info */
.contact{background:radial-gradient(ellipse 50% 75% at 91% 19%,rgba(124,190,199,.33),transparent 73%),radial-gradient(ellipse 50% 65% at 3% 88%,rgba(223,146,149,.22),transparent 76%),linear-gradient(160deg,#e8eeed,#f1eeea 65%,#e6eded);padding-top:clamp(110px,11vw,165px)}
.contact-heading{display:flex;align-items:start;gap:38px}.contact-accent{flex:0 0 54px;height:1px;background:#a56f6c;margin-top:57px}
.contact h2{font-size:clamp(68.62px,8.084vw,133.48px);margin:0 0 36px;line-height:.99}
.contact h2 em{color:#a86f73}
.contact-intro{margin:0 0 75px 92px;max-width:730px;display:grid;gap:10px}
.contact-intro p{margin:0;line-height:1.75;font-size:clamp(16px,1.22vw,19px);color:#3c5358}
.contact-links{padding-top:31px;gap:7vw}.contact-link small{color:#567076}.contact-link strong{color:#1d3d42}
/* transition readability / light cards */
@media(max-width:1100px){.nav-glass{gap:19px;padding:16px 20px;font-size:13px}.nav-right{font-size:0;padding:6px}.workshop-top{grid-template-columns:minmax(0,1fr) minmax(250px,.8fr)}.gallery h2{font-size:clamp(61.1px,7.52vw,108.1px)}}
@media(max-width:750px){
 .hero-foot{justify-content:flex-end;bottom:20px}.hero-scroll{font-size:10px;padding:9px 12px 9px 16px}.hero-scroll i{height:27px}
 .manifesto{padding:119px 23px 116px}.manifesto h2{font-size:clamp(48px,9.1vw,72px);line-height:1.09;margin-bottom:37px}.manifesto-reading{padding-left:18px;gap:14px}.manifesto p{font-size:15px;line-height:1.79}.manifesto .manifesto-lead{font-size:18px}.glass-drop{opacity:.35;top:7%;right:1%;left:auto;width:60px}
 .gallery{padding:0 21px 120px}.gallery-head{margin-bottom:37px}.gallery h2{font-size:clamp(63.92px,12.784vw,88.36px)}.gallery-lede{margin-top:23px;max-width:100%;font-size:15px;gap:11px}.gallery-under p{font-size:10px}
 .studio{min-height:810px;height:90svh}.studio-bg{background:linear-gradient(0deg,rgba(8,23,27,.94) 0%,rgba(8,23,27,.68) 49%,rgba(8,23,27,.06) 95%),url('assets/immagine-2.webp') 57% 6%/auto 90% no-repeat,#1f3338}
 .studio-inner{justify-content:end;padding:80px 23px 87px}.studio .studio-phrase{font-size:12px;max-width:270px}.studio h2{font-size:clamp(62.04px,11.28vw,85.54px);margin:22px 0 20px}.studio-reading{max-width:390px;gap:10px}.studio-reading p{font-size:14px;line-height:1.65}.studio-tag{font-size:8px}
 .workshop{padding:115px 20px 115px}.workshop-top{display:block;margin-bottom:35px}.workshop h2{font-size:clamp(60.16px,11.186vw,84.6px)}.workshop-intro{max-width:none;padding-top:25px;gap:12px}.workshop-intro p{font-size:15px;line-height:1.72}.workshop-intro .workshop-intro-lead{font-size:18px}
 .workshop-image{height:670px}.workshop-image img{object-position:50% 18%}.workshop-image-gradient{background:linear-gradient(0deg,rgba(9,24,28,.96) 0%,rgba(10,25,30,.87) 29%,rgba(10,25,30,.08) 78%)}
 .workshop-overlay{left:21px;right:21px;bottom:24px;display:block}.workshop-portrait-note{font-size:9px;margin-bottom:12px}.workshop-overlay h3{font-size:43.24px;margin-bottom:12px}.workshop-overlay p{font-size:14px;max-width:340px}.workshop-pill{display:inline-flex;margin-top:20px;padding:12px 16px;font-size:12px}.workshop-bottom{font-size:9px}
 .contact{padding:120px 23px 31px}.contact-heading{gap:0}.contact-accent{display:none}.contact h2{font-size:clamp(61.1px,10.998vw,87.42px);margin:0 0 28px}.contact-intro{margin:0 0 55px;gap:9px}.contact-intro p{font-size:15px}.contact-links{padding-top:25px}
}
@media(max-width:380px){.gallery h2{font-size:60.16px}.studio h2{font-size:59.22px}.workshop h2{font-size:57.34px}.contact h2{font-size:57.34px}.workshop-image{height:660px}}


/* Final refinement: only the existing contact composition is reorganized. */
.contact-layout{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(36px,4.5vw,72px);align-items:end;margin-bottom:56px}
.contact-heading{min-width:0;gap:26px}
.contact-accent{flex-basis:38px;margin-top:54px}
.contact h2{margin-bottom:0}
.contact-intro{margin:0 0 7px;max-width:430px;gap:16px}
.contact-links{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:clamp(32px,4.5vw,72px);padding:30px 32px;margin:0 0 64px;border:1px solid rgba(255,255,255,.63);border-top-color:rgba(30,57,62,.17);border-radius:14px;background:linear-gradient(120deg,rgba(255,255,255,.34),rgba(255,255,255,.13));box-shadow:inset 0 1px 0 rgba(255,255,255,.5);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.contact-link{min-width:0;gap:17px;min-height:74px;justify-content:center}
.contact-link small{font-size:10px;color:#435e64;font-weight:600}
.contact-link strong{width:100%;display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding-bottom:5px;line-height:1.5}
.contact-value{min-width:0;overflow-wrap:anywhere}
.contact-arrow{flex:none;font-size:22px}
.contact-link:focus-visible{outline:2px solid #5b9ba3;outline-offset:8px;border-radius:2px}
.footer{align-items:center;padding-top:25px}
.footer-note{color:#516a6f}
@media(max-width:1100px){.contact-layout{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:35px}.contact-heading{gap:20px}.contact-accent{flex-basis:25px;margin-top:42px}.contact-intro p{font-size:16px}.contact-links{grid-template-columns:minmax(0,1fr) minmax(0,.8fr);gap:35px;padding:26px}.contact-link strong{font-size:18px}}
@media(max-width:900px){.contact-layout{grid-template-columns:1fr;gap:28px;margin-bottom:40px}.contact-intro{max-width:670px;margin-left:45px}.contact-links{grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:30px}.contact-link strong{font-size:16px}}
@media(max-width:750px){.contact{padding-top:96px}.contact-layout{display:block;margin-bottom:35px}.contact-heading{display:block}.contact h2{margin:0 0 30px}.contact-intro{margin:0;gap:13px;max-width:none}.contact-intro p{font-size:15px;line-height:1.75}.contact-links{grid-template-columns:1fr;gap:0;padding:7px 22px;margin-bottom:47px;border-radius:12px}.contact-link{padding:23px 0;gap:11px;min-height:104px}.contact-link+.contact-link{border-top:1px solid var(--line)}.contact-link strong{font-size:16px;gap:16px}.contact-link small{font-size:9px;letter-spacing:.17em}.contact-arrow{font-size:20px}.footer{align-items:center;gap:20px;padding-top:22px}.footer-note{font-size:9px;line-height:1.5}}