/*
Theme Name: EVEXITA North Star
Theme URI: https://evexita.it/
Author: EVEXITA S.r.l.
Description: Landing page istituzionale EVEXITA S.r.l. Holding, con identità North Star e palette azzurra.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
Text Domain: evexita-north-star
*/

:root{--cream:#f3f1ea;--cream-2:#e8e5db;--petrol:#112f31;--petrol-2:#173e3e;--text:#152525;--muted:#5c6864;--azure:#2f80b7;--azure-light:#8fc3df;--line:rgba(21,37,37,.15);--line-light:rgba(243,241,234,.2);--serif:"Playfair Display",Georgia,serif;--sans:"Manrope",Arial,sans-serif;--mono:"DM Mono",monospace}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
button{font:inherit}
.site-header{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;padding:27px 5.3vw;background:var(--cream);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:16px}
.brand-logo{width:157px;height:auto;display:block;color:var(--petrol)}
.brand span{padding-left:15px;border-left:1px solid var(--line);color:var(--muted);font:9px var(--mono);letter-spacing:.12em;text-transform:uppercase}
.main-nav{display:flex;align-items:center;gap:31px;font-size:12px;font-weight:600}
.main-nav a{color:var(--muted);transition:color .2s ease}
.main-nav a:hover{color:var(--petrol)}
.nav-contact{display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border:1px solid var(--petrol);color:var(--petrol)!important}
.nav-contact:hover{background:var(--petrol);color:var(--cream)!important}
.menu-toggle{display:none;border:0;background:transparent;color:var(--petrol);padding:4px}
.menu-toggle span{display:block;width:18px;height:2px;margin:4px 0;background:currentColor}
.hero{display:grid;grid-template-columns:1fr .86fr;min-height:650px}
.hero-copy{display:flex;flex-direction:column;justify-content:center;padding:87px 7vw 92px 10vw}
.eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:28px;color:var(--azure);font:10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.eyebrow i{display:block;width:7px;height:7px;border-radius:50%;background:var(--azure)}
.hero h1{margin:0 0 30px;font:500 clamp(54px,6.6vw,96px)/.96 var(--serif);letter-spacing:-.065em}
.hero h1 em,h2 em{color:var(--azure);font-style:italic}
.hero-copy>p{max-width:430px;margin:0;color:var(--muted);font-size:16px;line-height:1.76}
.hero-link{display:inline-flex;align-items:center;gap:12px;width:max-content;margin-top:43px;padding-bottom:8px;border-bottom:1px solid var(--azure);font-size:12px;font-weight:700}
.hero-link span{color:var(--azure);font-size:18px}
.hero-art{position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;background:var(--petrol);color:var(--cream)}
.art-grid{position:absolute;inset:0;opacity:.35;background-image:linear-gradient(var(--line-light) 1px,transparent 1px),linear-gradient(90deg,var(--line-light) 1px,transparent 1px);background-size:68px 68px}
.art-ring{position:absolute;border:1px solid rgba(143,195,223,.55);border-radius:50%;transform:rotate(28deg)}
.ring-one{width:500px;height:220px}
.ring-two{width:610px;height:255px;transform:rotate(-31deg);opacity:.45}
.art-cross{position:absolute;width:185px;height:185px}
.art-cross span{position:absolute;top:0;left:91px;width:3px;height:185px;background:var(--azure-light);transform:rotate(45deg)}
.art-cross span+span{transform:rotate(-45deg)}
.hero-logo{position:relative;z-index:1;width:190px;height:auto;color:var(--cream)}
.art-caption{position:absolute;right:35px;bottom:30px;left:35px;display:flex;justify-content:space-between;color:rgba(243,241,234,.62);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.proof-line{display:flex;justify-content:space-between;padding:18px 5.3vw;border-top:1px solid var(--line-light);background:var(--petrol-2);color:rgba(243,241,234,.68);font:9px var(--mono);letter-spacing:.11em;text-transform:uppercase}
.section{padding:120px 10vw}
.section-marker{display:flex;align-items:center;gap:13px;margin-bottom:62px;color:var(--azure);font:10px var(--mono);letter-spacing:.1em}
.section-marker i{width:48px;height:1px;background:var(--azure)}
.section-main{display:grid;grid-template-columns:.9fr 1.1fr;gap:11vw}
.section h2{margin:0 0 28px;font:500 clamp(39px,5vw,68px)/1.02 var(--serif);letter-spacing:-.06em}
.section-text{max-width:500px}
.section-text p{margin:0 0 22px;color:var(--muted);font-size:14px;line-height:1.8}
.section-text .lead{color:var(--text);font-size:18px;line-height:1.65}
.what-we-do{background:var(--petrol);color:var(--cream)}
.section-marker.light,.eyebrow.light{color:var(--azure-light)}
.section-marker.light i{background:var(--azure-light)}
.section-intro-light{max-width:310px;margin:8px 0 0;color:rgba(243,241,234,.6);font-size:14px;line-height:1.7}
.work-list{border-top:1px solid var(--line-light)}
.work-list article{display:grid;grid-template-columns:35px 27px 1fr 20px;align-items:start;gap:16px;padding:27px 0;border-bottom:1px solid var(--line-light)}
.work-list article>span:first-child{color:var(--azure-light);font:10px var(--mono)}
.work-icon{color:var(--azure-light);font-size:20px;line-height:1}
.work-arrow{margin-top:4px;color:var(--azure-light);font-size:23px;line-height:1}
.work-list h3{margin:0 0 8px;font-size:17px;font-weight:600}
.work-list p{max-width:450px;margin:0;color:rgba(243,241,234,.61);font-size:13px;line-height:1.7}
.manifesto{display:grid;grid-template-columns:1fr 2.15fr;gap:10vw;padding:105px 10vw;background:var(--cream-2)}
.manifesto-number{color:var(--azure);font:10px var(--mono);letter-spacing:.1em}
.manifesto blockquote{max-width:780px;margin:0;font:500 clamp(31px,4vw,55px)/1.12 var(--serif);letter-spacing:-.045em}
.contact{padding-bottom:140px}
.contact-main{display:grid;grid-template-columns:1fr 1fr;gap:10vw}
.contact-main>div:first-child p{max-width:360px;margin:0;color:var(--muted);font-size:15px;line-height:1.75}
.contact-card{align-self:end;padding:30px;border:1px solid var(--line)}
.contact-card .pin{display:block;margin-bottom:49px;color:var(--azure);font-size:25px}
.contact-card>span:nth-of-type(2){display:block;margin-bottom:14px;color:var(--azure);font:10px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.contact-card h3{margin:0 0 12px;font:500 43px var(--serif);letter-spacing:-.04em}
.contact-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.7}
.contact-email{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--petrol);font-size:13px;font-weight:700}
.contact-email span{color:var(--azure)}
.contact-rule{width:35px;height:1px;margin:27px 0 17px;background:var(--azure)}
.contact-card small{color:var(--muted);font:10px var(--mono)}
.site-footer{padding:64px 5.3vw 22px;background:#0c2021;color:var(--cream)}
.footer-top{display:flex;align-items:end;justify-content:space-between;padding-bottom:52px;border-bottom:1px solid var(--line-light)}
.footer-logo{width:165px;height:auto;color:var(--cream)}
.footer-top p{margin:0;color:var(--azure-light);font:10px/1.6 var(--mono);letter-spacing:.1em;text-align:right;text-transform:uppercase}
.footer-details{display:grid;grid-template-columns:1.2fr 1.2fr .8fr;gap:40px;padding:39px 0 60px}
.footer-details span{display:block;margin-bottom:15px;color:var(--azure-light);font:9px var(--mono);letter-spacing:.13em;text-transform:uppercase}
.footer-details p,.footer-details a{display:block;margin:0 0 8px;color:rgba(243,241,234,.62);font-size:12px;line-height:1.6}
.footer-details a:hover{color:var(--cream)}
.footer-bottom{display:flex;justify-content:space-between;padding-top:19px;border-top:1px solid var(--line-light);color:rgba(243,241,234,.4);font:9px var(--mono);letter-spacing:.09em;text-transform:uppercase}
@media(max-width:880px){
	.site-header{padding:21px 23px}.brand{gap:11px}.brand-logo{width:136px}.brand span{display:none}.menu-toggle{display:block}
	.main-nav{position:absolute;top:100%;right:0;left:0;display:none;flex-direction:column;align-items:stretch;gap:0;padding:15px 23px 22px;background:var(--cream);border-bottom:1px solid var(--line)}
	.main-nav.open{display:flex}.main-nav a{padding:12px 0}.nav-contact{justify-content:center;margin-top:10px}
	.hero{grid-template-columns:1fr}.hero-copy{padding:70px 23px 73px}.hero-art{min-height:390px}.art-caption{right:22px;bottom:23px;left:22px;flex-direction:column;gap:8px}
	.proof-line{flex-wrap:wrap;gap:12px;padding:17px 23px}.section{padding:82px 23px}.section-marker{margin-bottom:43px}.section-main,.contact-main{grid-template-columns:1fr;gap:38px}.section h2{font-size:52px}.work-list article{grid-template-columns:28px 24px 1fr 17px;gap:10px}
	.manifesto{grid-template-columns:1fr;gap:25px;padding:74px 23px}.manifesto blockquote{font-size:39px}.contact{padding-bottom:90px}.footer-top{display:block}.footer-top p{margin-top:23px;text-align:left}.footer-details{grid-template-columns:1fr 1fr;gap:33px 18px}.footer-details>div:last-child{grid-column:1/-1}
}
@media(max-width:520px){
	.hero h1{font-size:54px}.hero-art{min-height:330px}.hero-logo{width:150px}.ring-one{width:370px;height:160px}.ring-two{width:450px;height:190px}.section h2{font-size:47px}.work-list article{grid-template-columns:25px 1fr 17px}.work-icon{display:none}.work-list p{font-size:12px}.footer-details{grid-template-columns:1fr}.footer-details>div:last-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:9px}
}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}