@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;1,400;1,500&display=swap');
:root{--paper:#f7f5ef;--ink:#20372f;--muted:#66736b;--line:#d9ded4;--sage:#dce3d7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:15px;line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #b88147;outline-offset:6px}header{max-width:1400px;margin:auto;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-size:16px;letter-spacing:2px;font-weight:700;line-height:1.3}.brand span{display:block;font-size:10px;letter-spacing:1.2px;font-weight:400;margin-top:5px;color:var(--muted)}nav{display:flex;gap:34px;font-size:13px}.nav-contact{border-bottom:1px solid var(--ink);font-size:13px;padding-bottom:4px}.hero{max-width:1400px;margin:auto;padding:62px 6% 0;display:grid;grid-template-columns:1.16fr 1fr;gap:32px 55px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:600;margin:0 0 24px}.dot{display:inline-block;width:6px;height:6px;background:#839377;border-radius:50%;margin-right:8px}h1,h2{font-family:'Playfair Display',Georgia,serif;font-weight:400;letter-spacing:-2.3px;line-height:1.07;margin:0}h1{font-size:clamp(48px,5.3vw,78px)}em{font-weight:400;color:#72836b}h2{font-size:clamp(36px,3.4vw,49px);letter-spacing:-1.4px}.intro{max-width:430px;font-size:15px;color:var(--muted);margin:28px 0}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:27px;background:var(--ink);color:white;padding:15px 21px;font-size:12px}.button:hover{background:#42584b}.text-link{font-size:12px;border-bottom:1px solid #9aa697;padding-bottom:4px}.hero-art{min-height:520px;background:#dce2d4;position:relative;overflow:hidden;isolation:isolate}.art-top{position:absolute;top:24px;left:24px;right:24px;font-size:8px;letter-spacing:1.3px;display:flex;justify-content:space-between}.arch{position:absolute;width:70%;height:82%;border-radius:220px 220px 0 0;bottom:0}.arch-one{left:11%;background:linear-gradient(115deg,#c0c9b5,#ecede1 57%,#a8b79f);box-shadow:20px 0 50px #4b63492a;transform:rotate(-15deg);bottom:-20%}.arch-two{width:50%;height:67%;right:-13%;bottom:7%;transform:rotate(24deg);background:linear-gradient(105deg,#71856b,#a5b499 65%,#bdc8ae);box-shadow:-18px 12px 40px #1f382c20}.art-caption{position:absolute;bottom:26px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;font-size:9px;letter-spacing:1.6px}.monogram{font-family:Georgia,serif;font-size:80px;line-height:1;letter-spacing:-7px;color:#294336}.hero-bottom{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:19px 0;font-size:11px;color:var(--muted)}.hero-bottom a{font-size:9px;letter-spacing:1.3px}.section{max-width:1400px;margin:auto;padding:90px 6%}.profile{display:grid;grid-template-columns:1fr 1fr;gap:70px}.profile-text p:first-child{font-size:20px;color:var(--ink);margin-top:0}.profile-text p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:25px}.tags span{font-size:10px;padding:7px 12px;border:1px solid #cbd4c6}.experience{padding-top:38px}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:38px;gap:20px}.timeline article{display:grid;grid-template-columns:160px 1fr 110px;gap:25px;padding:29px 0;border-top:1px solid var(--line)}.date{font-size:10px;letter-spacing:1px;padding-top:5px}.timeline h3,.details h3{font-size:21px;font-weight:500;margin:0 0 3px}.timeline h4{font-size:12px;font-weight:400;margin:0;color:var(--muted)}.timeline p{font-size:13px;max-width:550px;margin:12px 0 0;color:var(--muted)}.sector{font-size:8px;letter-spacing:1px;justify-self:end;padding-top:7px}.video-section{background:#e7eadf;display:grid;grid-template-columns:.85fr 1.15fr;gap:70px;align-items:center}.video-section p:not(.eyebrow){max-width:320px;color:var(--muted);font-size:14px}.coming{font-size:8px;letter-spacing:1.6px;display:inline-block;margin-top:16px}.video-frame{aspect-ratio:16/10;background:#263e33;color:#eef0e6;display:grid;place-items:center;overflow:hidden}.video-placeholder{text-align:center;padding:28px}.play{display:grid;place-items:center;border:1px solid #84947f;width:58px;height:58px;border-radius:50%;margin:0 auto 23px;font-size:28px}.video-placeholder h3{font-family:Georgia,serif;font-weight:400;font-size:23px;margin:0}.video-placeholder p{font-size:11px!important;color:#b7c1af!important;margin:10px auto 28px}.video-placeholder>span:last-child{font-size:8px;letter-spacing:2px}.video-frame iframe{width:100%;height:100%;border:0}.details{display:grid;grid-template-columns:1fr 1fr;gap:80px}.details h2{margin-bottom:32px}.details h3{font-size:17px}.details p:not(.eyebrow){font-size:13px;color:var(--muted)}.interest{max-width:380px;margin-top:28px}.languages{padding-top:5px}.languages div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid var(--line);font-size:14px}.languages span{font-size:11px;color:var(--muted);text-align:right}.contact{background:var(--ink);text-align:center;color:var(--paper);padding:75px 24px 65px}.contact h2{font-size:clamp(42px,5vw,68px)}.contact em{color:#bdc9ac}.light{background:var(--paper);color:var(--ink);margin-top:30px}.light:hover{background:var(--sage)}.contact>p:last-child{font-size:10px;color:#acb9a6;margin-top:26px;letter-spacing:1px}footer{max-width:1400px;margin:auto;display:flex;justify-content:space-between;padding:30px 6%;font-size:11px;color:var(--muted)}footer .brand{font-size:11px;color:var(--ink)}@media(min-width:1450px){.video-section{padding-left:84px;padding-right:84px}}@media(max-width:800px){header{padding:22px 6%}nav{gap:18px}.nav-contact{display:none}.hero{grid-template-columns:1fr;padding-top:40px;gap:35px}.hero-art{min-height:340px}.hero-copy h1{font-size:60px}.hero-art .arch-one{height:120%;width:55%;left:25%}.hero-art .arch-two{height:110%;width:45%;right:-8%;bottom:-20%}.hero-bottom{font-size:9px;gap:20px}.section{padding:60px 6%}.profile,.video-section,.details{grid-template-columns:1fr;gap:35px}.section-title{align-items:start;flex-direction:column;gap:20px}.timeline article{grid-template-columns:95px 1fr;gap:16px}.sector{display:none}.timeline h3{font-size:18px}.date{font-size:9px}.video-frame{aspect-ratio:16/11}.details{gap:30px}.languages{margin-top:12px}footer{gap:20px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Vertical presentation, matching the YouTube Shorts format. */
.video-frame{aspect-ratio:9/16;width:100%;max-width:360px;justify-self:center;border-radius:22px;background:#111;box-shadow:0 18px 48px #14251b24;}
.video-frame iframe{display:block;min-width:0;min-height:0;}
@media(max-width:800px){.video-frame{aspect-ratio:9/16;width:min(100%,340px);}}

.contact-links{display:flex;justify-content:center;gap:18px 32px;flex-wrap:wrap;margin:28px auto 0}.contact-links a{color:var(--paper);font-size:16px;text-underline-offset:5px}.contact-links a:hover{color:var(--sage)}

/* Ritratto con geometrie trasparenti e tipografia originale. */
.hero-art{background:#888486 url('marco-villa-ritratto.png') center 8%/cover no-repeat;}
.hero-art::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(18,34,28,.30) 0%,transparent 24%,transparent 58%,rgba(18,34,28,.65) 100%);z-index:0;pointer-events:none;}
.hero-art .arch{opacity:.22;z-index:1;pointer-events:none;}
.hero-art .arch-two{opacity:.28;}
.hero-art .art-top,.hero-art .art-caption{z-index:2;color:#fff;text-shadow:0 1px 8px rgba(0,0,0,.35);}
.hero-art .monogram{color:#f3f0e7;}
@media(max-width:800px){.hero-art{min-height:460px;background-position:center 5%;}}

.contact-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px}.contact-actions .button{margin-top:0}.contact-actions .button:focus-visible{outline:2px solid #fff;outline-offset:5px}@media(max-width:600px){.contact-actions{flex-direction:column;align-items:stretch;max-width:320px;margin-left:auto;margin-right:auto}.contact-actions .button{justify-content:center;}}