/* Versione 02 — blu notte, avorio, oro opaco. */
:root{--ink:#142338;--paper:#faf9f6;--muted:#5c6470;--accent:#886835;--line:#dcdedc;--gold:#d7bd8a;--navy:#142338}
body{background:var(--paper)}
.preview{background:#0e1929;color:#d4bc8d;padding-block:8px;font-size:9px}
.preview span{color:#c0c6cf;font-size:9px}
.header{width:100%;padding:19px max(40px,calc((100vw - 1220px)/2));min-height:105px;background:var(--navy);color:#faf9f6;border-bottom:1px solid #ffffff18}
.brand-header{flex-direction:row;align-items:center;gap:15px}
.brand-monogram{width:59px;height:59px;mix-blend-mode:screen;object-fit:contain}
.brand-name{display:flex;flex-direction:column;gap:6px}
.brand-name>span{font-size:15px;letter-spacing:2.7px}
.brand-name small{margin:0;font-size:7px;letter-spacing:2px;color:#c8d0d8}
nav{gap:25px}nav>a:hover{color:var(--gold)}nav .nav-contact{border-color:#ccb584;color:var(--gold)}
.hero-shell{background:var(--navy);color:#faf9f6;overflow:hidden}
.hero{padding-top:53px;padding-bottom:72px;grid-template-columns:1.14fr .86fr;gap:70px;align-items:center}
.hero .eyebrow{color:#d8c39e;font-weight:400;font-size:10px;letter-spacing:2px}
.hero .dot{background:var(--gold)}
.hero h1{font-size:clamp(56px,5.5vw,82px);letter-spacing:-.045em;line-height:1.1}
.hero h1 em{color:var(--gold)}
.hero .intro{color:#d0d6df;font-size:16px;max-width:475px;line-height:1.85}
.hero .button{background:#d7bd8a;color:#142338;padding:16px 23px}
.hero .button:hover{background:#e9d3ad}
.hero .text-link{color:#f3eee4;border-color:#a5adba;font-size:11px}
.hero .text-link:hover{color:var(--gold);border-color:var(--gold)}
.hero-note{color:#aeb9c7;line-height:1.8;letter-spacing:.5px;font-size:9px}
.hero-visual{padding-bottom:35px;margin-right:0;isolation:isolate}
.hero-visual:before{content:'';position:absolute;inset:22px -18px 15px 22px;border:1px solid #b899615c;z-index:-1}
.photo-frame{height:505px;border-radius:3px;background:#75808c}
.photo-frame img{object-position:49% 20%;height:100%;width:100%;object-fit:cover}
.portrait-label{background:#faf9f6;color:var(--ink);bottom:9px;left:-23px;width:236px;padding:18px 25px;box-shadow:0 8px 30px #0000000b}
.portrait-label small{color:#6e7680;font-size:7px;letter-spacing:1.8px}
.vertical-note{display:none}
.principles{padding-block:28px;border-top:0;border-bottom:1px solid var(--line)}
.principles>div{font-size:24px}.principles i{font-size:13px;color:#9b7a43}
.eyebrow{color:#7c623b;letter-spacing:1.8px}
.approach h2 em{color:var(--accent)}
.business{background:#edf0f3;color:var(--ink);position:relative}
.business .eyebrow{color:#7c623b}
.business .section-heading>p{color:var(--muted)}
.business h2 em{color:#6b7481}
.business-list article{border-color:#c9d0d6;padding-block:31px}
.business-list article:last-child{border-color:#c9d0d6}
.business-list h3{font-size:26px}
.business-list p{color:#56616e}
.business-list .number{color:#866b3d}
.business-list a{width:38px;height:38px;border:1px solid #bec7cf;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:21px;transition:background .2s,color .2s}
.business-list a:hover{background:var(--navy);color:#fff}
.business-bottom>p{color:var(--muted)}
.business .button.light{background:var(--navy);color:#fff}
.business .button.light:hover{background:#304660}
.personal{gap:80px;align-items:stretch}
.personal-panel{background:var(--navy);color:#f7f4ed;min-height:510px;display:flex;flex-direction:column;justify-content:space-between;padding:43px 36px;position:relative;overflow:hidden}
.personal-panel:before{content:'';position:absolute;inset:14px;border:1px solid #d6bc8c30;pointer-events:none}
.personal-panel .eyebrow{font-size:9px;letter-spacing:1.6px;color:#d7bd8a}
.personal-words{display:flex;flex-direction:column;gap:11px;font-family:var(--serif);font-size:clamp(30px,3.05vw,44px);letter-spacing:-1.4px;line-height:1.25}
.personal-words>em{color:#d7bd8a}
.personal-panel-foot{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-top:38px}
.personal-panel-foot p{color:#bdc7d4!important;font-size:11px!important;line-height:1.8}
.course-grid{gap:28px}
.course{border-top:3px solid #a48752;padding:33px 37px 35px;position:relative}
.course-warm{background:#eee8dd}
.course-sage{background:#e7ecf1;border-top-color:#698098}
.course h3{font-size:51px}
.course-top{color:#5c6470;font-size:9px;letter-spacing:1.6px}
.course details{border-color:#a8aaab70}
.course details:last-child{border-bottom:0}
.course details summary{font-size:12px}
.method{background:#f0eee8}
.steps article{border-color:#c8c6bd}
.steps article>span{display:flex;width:30px;height:30px;align-items:center;justify-content:center;background:#e3ded1;border-radius:50%;color:#69552f}
.about{grid-template-columns:.65fr 1.35fr;gap:110px}
.about-mark{background:var(--navy);padding:25px;position:relative}
.about-mark:after{content:'';position:absolute;inset:17px;border:1px solid #d7bd8a50}
.about-mark img{mix-blend-mode:screen}
.about blockquote{color:#886835}
.contact{background:var(--navy);color:#f9f7f1;position:relative}
.contact .eyebrow{color:var(--gold)}
.contact h2 em{color:var(--gold)}
.contact>.wrap>p:not(.eyebrow){color:#c5cfdb}
.contact-pending{border-color:#b09b7659;background:#ffffff03}
.contact-pending strong{color:#ede7dc}
.contact-pending div>span{color:#bfc8d3}
.contact-pending .dot{background:var(--gold)}
.contact .text-link{color:#d6bd8d}
footer{padding-block:42px}
@media(min-width:1500px){.hero{padding-block:65px 85px}.photo-frame{height:555px}}
@media(max-width:1100px){.header{padding-inline:30px}.header nav{gap:18px}.brand-header{gap:10px}.brand-monogram{width:48px;height:48px}.brand-name>span{font-size:13px;letter-spacing:2px}.brand-name small{font-size:6px;letter-spacing:1.6px}.hero{gap:45px}.hero-actions{gap:18px}.hero .text-link{font-size:11px}.personal{gap:50px}.personal-panel{padding:38px 30px}.personal-words{font-size:34px}.about{gap:70px}}
@media(max-width:760px){.preview{font-size:8px}.preview span{font-size:8px}.header{padding:12px 20px;min-height:87px}.brand-header{gap:9px}.brand-monogram{width:45px;height:45px}.brand-name>span{font-size:12px;letter-spacing:2px}.brand-name small{font-size:6px;letter-spacing:1.4px}.menu-toggle{color:#ede7dd;gap:8px}.menu-toggle>span{color:#d7bd8a}.header nav{background:#142338;border-color:#405068;top:86px;left:0;right:0;padding:15px 20px;box-shadow:0 18px 25px #0003}.header nav>a{font-size:14px}.hero{grid-template-columns:1fr;gap:38px;padding-top:35px;padding-bottom:49px}.hero .eyebrow{font-size:8px;letter-spacing:1.3px;margin-bottom:23px}.hero h1{font-size:clamp(47px,10.6vw,75px);line-height:1.12}.hero .intro{font-size:15px;line-height:1.85}.hero-actions{gap:20px;margin-top:27px;align-items:flex-start}.hero .button{padding:15px 20px;font-size:12px}.hero .text-link{font-size:11px}.hero-note{font-size:8px;margin-top:22px}.hero-visual{width:calc(100% - 18px);max-width:420px;padding-bottom:25px;margin:0 auto}.hero-visual:before{inset:15px -11px 9px 15px}.photo-frame{height:405px;border-radius:2px}.photo-frame img{object-position:50% 18%}.portrait-label{left:-8px;bottom:0;width:220px;padding:14px 20px}.portrait-label>span{font-size:24px}.principles{padding-block:25px;gap:13px}.principles>div{font-size:23px;gap:17px}.principles i{font-size:11px}.business-list article{padding-block:26px}.business-list h3{font-size:23px}.business-list a{width:29px;height:29px;font-size:17px}.personal{gap:35px}.personal-panel{order:2;min-height:365px;padding:33px 30px}.personal-words{font-size:clamp(31px,7.6vw,44px);line-height:1.22}.personal-panel-foot{margin-top:32px}.personal-panel-foot p{font-size:10px!important}.course{padding:28px}.course h3{font-size:47px}.about{grid-template-columns:1fr;gap:32px}.about-mark{width:200px;padding:18px}.about-mark:after{inset:10px}.contact-pending{background:#ffffff03}.business-bottom{align-items:flex-start}footer{padding-block:32px}}
@media(max-width:360px){.brand-name>span{font-size:11px;letter-spacing:1.5px}.brand-name small{letter-spacing:1px}.brand-monogram{width:39px;height:39px}.hero h1{font-size:43px}.hero .eyebrow{font-size:7px}.principles>div{font-size:21px;gap:14px}.personal-panel{padding-inline:23px}.personal-words{font-size:29px}.course h3{font-size:42px}}