/*
Theme Name: Venix Studio
Description: Sito bilingue di Venix Software.
Version: 1.1.0
Requires at least: 6.5
Requires PHP: 8.1
Author: Venix Software
Text Domain: venix-studio
*/
:root{
    --paper:#f4ebe1;
    --white:#fff;
    --ink:#211c1e;
    --muted:#5e5053;
    --line:#dcd0c7;
    --accent:#65283d;
    --plum:#411b2d;
    --blush:#f2d6db;
    --soft:#f6edef;
    --display:Georgia,"Times New Roman",serif;
}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:var(--white);color:var(--ink);font:1rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}
a{color:var(--accent);text-underline-offset:.22em} a:hover{text-decoration-thickness:2px}
button,input,select,textarea{font:inherit}
:focus-visible{outline:3px solid #a84564;outline-offset:4px}
img{max-width:100%;height:auto}
figure{margin:0}
h1,h2,h3{line-height:1.09;letter-spacing:-.035em;text-wrap:balance}
h1,h2{font-family:var(--display);font-weight:400}
h1{font-size:clamp(3.15rem,6.8vw,6.5rem);margin:.16em 0 .26em}
h2{font-size:clamp(2.2rem,4.5vw,4.4rem);margin:0 0 .35em}
h3{font-size:1.38rem}
p{margin:.65em 0 1.2em}
.frame{width:min(1200px,calc(100% - 3.5rem));margin-inline:auto}
.mast{background:var(--white);border-bottom:1px solid var(--line);border-top:4px solid var(--ink)}
.bar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.45rem 1.4rem;padding:.85rem 0}
.brand{display:flex;align-items:center;min-height:58px}
.brand img{width:145px;height:auto;object-fit:contain}
.nav,.languages,.footer-links{display:flex;flex-wrap:wrap;align-items:center;gap:.25rem clamp(.65rem,1.4vw,1.35rem)}
.nav a,.languages a,.footer-links a{display:inline-flex;align-items:center;min-height:44px;font-size:.88rem;font-weight:550;color:var(--ink)}
.nav a:not([aria-current]),.languages a:not([aria-current]){text-decoration:none}
.nav a:hover,.languages a:hover{text-decoration:underline}
.nav [aria-current]{text-decoration-color:var(--accent);text-decoration-thickness:2px}
.languages{gap:.4rem}
.languages a{justify-content:center;min-width:44px;border:1px solid transparent}
.languages [aria-current]{color:var(--accent);border-color:var(--line);font-weight:700;text-decoration:none}
.skip{position:absolute;left:1rem;top:-8rem;background:var(--white);z-index:10;padding:.8rem}.skip:focus{top:1rem}
main{min-height:57vh}
.section-space{padding-block:clamp(3.3rem,7vw,7rem)}
.eyebrow{margin:0 0 1rem;font-size:.72rem;font-weight:750;text-transform:uppercase;letter-spacing:.18em;color:var(--accent)}
.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(2rem,5vw,5.6rem);align-items:center;padding-block:clamp(2.8rem,6vw,6rem)}
.hero-copy{padding-block:.75rem}
.hero h1{max-width:11ch}
.lead{max-width:49ch;font-size:clamp(1.07rem,1.65vw,1.29rem);color:var(--muted)}
.hero-actions{display:flex;flex-wrap:wrap;gap:.8rem 1.45rem;align-items:center;margin-top:1.75rem}
.button,button{display:inline-flex;align-items:center;gap:.65rem;justify-content:center;background:var(--accent);color:var(--white);border:1px solid var(--accent);border-radius:2px;padding:.75rem 1.15rem;text-decoration:none;cursor:pointer;font-weight:650}
.button:hover,button:hover{background:var(--plum);text-decoration:none}
.secondary{background:transparent;color:var(--accent)} .secondary:hover{background:var(--soft)}
.text-link{display:inline-flex;gap:.5rem;align-items:center;font-weight:700}
.hero-art,.process-art,.journal-art,.article-art{background:var(--paper);overflow:hidden}
.hero-art{aspect-ratio:1.04}
.hero-art img,.process-art img,.journal-art img,.article-art img{display:block;width:100%;height:100%;object-fit:cover}
.services{background:var(--paper);border-block:1px solid var(--line)}
.section-head{display:grid;grid-template-columns:1.12fr .88fr;gap:clamp(1rem,4vw,4rem);align-items:end;margin-bottom:2.2rem}
.section-head h2{margin-bottom:0}
.section-head > p{max-width:50ch;color:var(--muted);margin:0}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.9rem,2vw,1.5rem)}
.tile{display:flex;flex-direction:column;align-items:flex-start;border-top:3px solid var(--accent);background:var(--white);padding:clamp(1.2rem,2.2vw,2rem)}
.tile-index{color:var(--accent);font:1.35rem/1 var(--display)}
.tile h3{margin:1rem 0 .65rem}
.tile p{color:var(--muted);margin:0 0 1.1rem}
.tile .scope{margin-top:auto;padding-top:.85rem;font-size:.82rem;font-weight:650}
.process,.journal{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.7rem,5vw,5.2rem);align-items:center}
.process-art{aspect-ratio:1.04}
.steps{counter-reset:venix-step;list-style:none;padding:0;margin:1.65rem 0 0}
.steps li{counter-increment:venix-step;display:grid;grid-template-columns:2.6rem 1fr;gap:.35rem .55rem;border-top:1px solid var(--line);padding:.85rem 0}
.steps li::before{content:"0" counter(venix-step);font:1.15rem/1.3 var(--display);color:var(--accent)}
.steps h3{font-size:1.12rem;margin:0}
.steps p{grid-column:2;margin:0;color:var(--muted)}
.ai-band{background:var(--plum);color:var(--white)}
.ai-band .section-head{margin-bottom:0;align-items:center}
.ai-band .eyebrow,.ai-band .section-head > p{color:var(--blush)}
.ai-band .section-head > p{font-size:clamp(1rem,1.55vw,1.2rem)}
.journal-art{aspect-ratio:1.6}
.journal-copy p:not(.eyebrow){max-width:53ch;color:var(--muted)}
.home-extra{margin-bottom:2.6rem}
.closing{background:var(--paper);border-top:1px solid var(--line)}
.closing .frame{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.4rem 2rem}
.closing p{color:var(--muted);max-width:65ch;margin-bottom:0}
.article{padding:clamp(3rem,7vw,6rem) 0 4.2rem;max-width:820px}
.article h1{font-size:clamp(2.65rem,6vw,5rem)}
.article h2{font-size:clamp(1.7rem,3.5vw,2.6rem);margin-top:1.3em}
.article a{overflow-wrap:anywhere}
.article-art{aspect-ratio:2.5;margin:1.8rem 0}
.section-note{padding:1rem 1.15rem;border-left:3px solid var(--accent);background:var(--paper)}
.news-list{list-style:none;padding:0}.news-list li{padding:1.2rem 0;border-top:1px solid var(--line)}
.news-list h2{font-size:1.55rem;margin:.35rem 0}
.site-footer{border-top:1px solid var(--line);background:var(--ink);color:var(--white);padding:1.4rem 0}
.site-footer small,.site-footer .footer-links a{color:var(--white)}
.site-footer .secondary{border-color:var(--blush);color:var(--white)}
.site-footer .secondary:hover{background:var(--plum)}
.site-footer .bar{padding:0}
.form{display:grid;gap:.95rem;max-width:560px;margin-top:1.8rem}
.form label{display:block;font-weight:650}.form input:not([type=checkbox]):not([type=hidden]),.form textarea,.form select{display:block;width:100%;padding:.64rem .7rem;border:1px solid #827075;border-radius:2px;background:var(--white);color:var(--ink);margin-top:.25rem}
.form textarea{min-height:9rem;resize:vertical}.form button{justify-self:start}.form .check{font-size:.92rem;font-weight:400}
.notice{padding:.85rem 1rem;border-left:4px solid var(--accent);background:var(--soft)}
.prefs{position:fixed;inset:auto 1rem 1rem auto;z-index:3;width:min(420px,calc(100% - 2rem));max-height:calc(100vh - 2rem);overflow:auto;padding:1rem 1.2rem;background:var(--white);border:1px solid var(--line);box-shadow:0 .4rem 2rem #1c252126}
.prefs[hidden]{display:none}.prefs h2{font-size:1.23rem;margin:.2rem 0}.prefs p{font-size:.91rem;margin:.5rem 0 .85rem}.prefs .actions{display:flex;flex-wrap:wrap;gap:.5rem}
@media(max-width:900px){
    .mast .nav{order:3;width:100%;border-top:1px solid var(--line);padding-top:.2rem}
    .hero,.process,.journal{gap:1.75rem}
}
@media(max-width:680px){
    .frame{width:calc(100% - 2rem)}
    .hero,.tiles,.process,.journal,.section-head{grid-template-columns:1fr}
    .hero{padding-top:2rem}
    .hero-art,.process-art{aspect-ratio:1.35}
    .process-art{order:2}
    .article-art{aspect-ratio:1.75}
    .section-head{gap:.75rem}
    .nav a{font-size:.84rem}
}
