:root{font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:#f1f0e8;background:#202620}*{box-sizing:border-box}body{margin:0}header{padding:18px max(22px,calc((100vw - 1120px)/2));border-bottom:1px solid #3b483e;display:flex;justify-content:space-between;align-items:center;gap:16px;background:#252e27}.brand{display:flex;align-items:center;gap:12px}.brand strong{display:block;letter-spacing:.2em}.brand small{display:block;color:#c1cbbb;font-size:10px;letter-spacing:.13em}.orb{display:grid;place-items:center;width:42px;height:42px;border:1px solid #8fa991;border-radius:50%;color:#e3eddf;box-shadow:0 0 22px #8fa99133}.status{color:#c8d5c4;font-size:12px}main{max-width:1164px;margin:auto;padding:30px 22px}.hero{padding:30px 0 22px}.hero h1{font-size:clamp(30px,5vw,46px);margin:7px 0 12px}.hero>p{max-width:750px;color:#d1dbcd;line-height:1.6}.eyebrow{font-size:11px!important;letter-spacing:.2em;color:#b8d4ac!important;font-weight:750}.notice{font-size:13px;border-left:3px solid #91b18c;padding:10px 14px;background:#2d3b30}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:20px 0 26px}.stats article,.panel{background:#2a342c;border:1px solid #425447;border-radius:16px}.stats article{padding:18px}.stats span{display:block;color:#c2d0bf;font-size:12px}.stats strong{display:block;font-size:30px;margin-top:7px}.panel{padding:24px;margin-bottom:18px}h2{font-size:21px;margin:4px 0 20px}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:12px}.projects{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.project{border:1px solid #536857;background:#303e33;color:#f6f6ef;text-align:left;border-radius:12px;padding:20px;cursor:pointer}.project.active{border-color:#b7d2aa;background:#405846}.project b,.project span{display:block}.project b{font-size:19px;margin-bottom:7px}.project span{color:#d0dbcb;font-size:12px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:13px;color:#d6e0d1;margin:15px 0 7px}input,select,textarea{font:inherit}select,textarea{width:100%;background:#1c251f;border:1px solid #536857;color:#f6f6ef;border-radius:9px;padding:12px}textarea{min-height:90px;resize:vertical}.check{display:flex;align-items:center;gap:9px}.primary,.secondary,.action{border:0;border-radius:9px;padding:11px 16px;cursor:pointer;font-weight:650}.primary{background:#b3d4a6;color:#152419;width:100%;margin-top:12px}.secondary,.action{background:#415546;color:#f3f6ed}.entries{display:grid;gap:10px}.entry{padding:14px;border:1px solid #415145;border-radius:10px;background:#273329}.entry strong{display:block;margin:5px 0}.entry small{color:#c2d0bd}.entry p{margin:8px 0;color:#e0e9db;line-height:1.45}.entry .actions{display:flex;gap:8px;margin-top:12px}.empty{color:#c9d6c5;font-size:14px}.agents{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.agent{border:1px solid #415145;border-radius:10px;padding:15px;background:#273329}.agent strong{display:block;font-size:14px}.agent small{display:block;color:#c2d0bf;margin-top:8px}.agent em{display:block;color:#f1d398;font-size:11px;font-style:normal;margin-top:10px}footer{padding:25px 0;color:#b6c6b1;font-size:12px;text-align:center}@media(max-width:700px){header{padding:14px}.status{font-size:10px}.stats{grid-template-columns:repeat(2,1fr)}.projects,.columns{grid-template-columns:1fr}.agents{grid-template-columns:repeat(2,1fr)}.panel{padding:18px}.sectionhead{align-items:flex-start;flex-direction:column}}
[hidden]{display:none!important}.auth-panel{max-width:510px;margin:40px auto}.auth-panel p{color:#d6e0d1;line-height:1.5}.auth-panel input{width:100%;padding:12px;background:#1c251f;border:1px solid #536857;border-radius:9px;color:#f6f6ef}.auth-alt{margin-top:12px;width:100%}.sessionbar{display:flex;justify-content:flex-end;align-items:center;gap:16px;font-size:12px;color:#d1decd}.sessionbar button{padding:8px 12px}#authMessage,#syncMessage{min-height:20px;color:#f1d398;font-size:13px}

#taskForm input[type=date],#opportunityForm input{width:100%;padding:12px;background:#1c251f;border:1px solid #536857;border-radius:9px;color:#f6f6ef}#opportunityForm .primary{margin-top:16px}.source-link{display:inline-block;color:#c2e4b6;margin:8px 0;font-size:13px}.entry .actions button{font-size:12px}#opportunityForm{min-width:0}

.regia-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.regia-grid h3,#briefArea h3{font-size:15px;color:#edf4e9}#briefArea{border-top:1px solid #415145;margin-top:22px;padding-top:15px}#briefText{width:100%;min-height:210px;line-height:1.5}#copyBrief{margin-top:10px}@media(max-width:700px){.regia-grid{grid-template-columns:1fr}}

#handoffForm{min-width:0}#handoffForm .primary{margin-top:14px}#handoffList .actions{flex-wrap:wrap}

/* Palette antracite e salvia · leggibilità e accessibilità */
:root{color-scheme:dark;font-size:16px;line-height:1.55}body{background:#202620;color:#f1f0e8}button,input,select,textarea{font:inherit}button{min-height:44px}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b3d4a6;outline-offset:3px}.project:focus-visible{outline-offset:4px}.project.active{box-shadow:inset 0 0 0 1px #b7d2aa}.entry p,.hero>p,.auth-panel p{line-height:1.65}label,.entry small,.project span,.stats span,.agent small{font-size:14px}h1,h2,h3{line-height:1.25}.primary:hover{background:#c7e1bd}.secondary:hover,.action:hover{background:#526b58}.project:hover{border-color:#9db89b}input::placeholder,textarea::placeholder{color:#b9c7b4;opacity:1}a{color:#c2e4b6}#authMessage,#syncMessage{line-height:1.5}@media(max-width:700px){main{padding:20px 14px}.hero{padding:20px 0}.hero h1{font-size:clamp(28px,8vw,38px)}.panel{padding:18px}.entry .actions{flex-wrap:wrap}.stats article{padding:15px}}

/* Tipografia ispirata al riferimento LaFabrik: geometrica, compatta, leggibile. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{font-family:'DM Sans',Inter,system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.012em}
h1,h2,h3,.brand strong,.stats strong,.project b{font-family:'DM Sans',Inter,system-ui,sans-serif;letter-spacing:-.045em;font-weight:800}
.hero h1{font-weight:800;letter-spacing:-.055em;line-height:1.12}
h2{font-weight:800;letter-spacing:-.04em}
.primary,.secondary,.action,.project{font-family:inherit;font-weight:700;letter-spacing:-.018em}
.eyebrow,.brand small{letter-spacing:.12em;font-weight:800}
.entry strong,.agent strong{font-weight:750;letter-spacing:-.025em}

/* MOTUS-inspired premium editorial design: warm ivory, charcoal and muted gold. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:wght@500;600;700&display=swap');
:root{color-scheme:light;font-family:'DM Sans',system-ui,sans-serif;letter-spacing:0;color:#24231f;background:#f5f1e8}
body{background:linear-gradient(145deg,#faf7f0 0%,#f3eee4 65%,#eee8dd 100%);color:#24231f}
header{background:#252622;color:#f9f5eb;border-bottom:2px solid #b69a60;box-shadow:0 4px 24px #29231a12}
.brand strong{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:.12em;color:#f5edda;font-size:20px}
.brand small{color:#d7c59e;letter-spacing:.13em}
.orb{border:1px solid #d1b477;color:#e6cd96;box-shadow:0 0 0 4px #c9a76b16}
.status{color:#e1dacb}
main{max-width:1180px}
.hero{padding:38px 0 24px}
.hero h1{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.035em;line-height:1.18;font-size:clamp(34px,4.5vw,52px);color:#292923}
h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.025em;color:#2d2a25}
h2{font-size:clamp(23px,2.5vw,28px)}
.hero>p{color:#575248;max-width:780px}
.eyebrow{color:#896b34!important;font-weight:700;letter-spacing:.18em}
.stats article,.panel{background:#fffdf8;border:1px solid #ded5c4;border-radius:15px;box-shadow:0 5px 22px #4036240a}
.stats article{border-top:2px solid #c5a76b}
.stats span{color:#625c50}
.stats strong{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.025em;color:#292923}
.notice{background:#f4efe3;border-left:3px solid #b99b5e;color:#4d4639}
.project{background:#f9f6ef;color:#292923;border:1px solid #d8cdb8;transition:background .15s,border-color .15s}
.project.active{background:#f0e5d0;border-color:#b99755;box-shadow:inset 0 0 0 1px #b99755}
.project:hover{border-color:#ae8b4b;background:#f4eddf}
.project b{font-family:'Playfair Display',Georgia,serif;font-weight:600;letter-spacing:-.025em;color:#282720}
.project span{color:#615b50}
label{color:#4f493e;font-weight:600}
select,textarea,.auth-panel input,#taskForm input[type=date],#opportunityForm input{background:#fffefa;border:1px solid #cfc4b1;color:#282720;border-radius:9px}
input::placeholder,textarea::placeholder{color:#797367}
.primary{background:#292a26;color:#f8e7c5;font-weight:700}
.primary:hover{background:#4b4333;color:#fff3dc}
.secondary,.action{background:#eee5d3;color:#393226;border:1px solid #d9c9aa;font-weight:700}
.secondary:hover,.action:hover{background:#e4d4b6}
.entry,.agent{background:#fbf8f2;border:1px solid #e3d9c8}
.entry strong,.agent strong{color:#292720}
.entry p,.entry small,.agent small,.empty{color:#5d564c}
.agent em{color:#85662f}
.regia-grid h3,#briefArea h3{color:#393124}
#briefArea{border-top-color:#ded5c4}
.sessionbar{color:#585247}
#authMessage,#syncMessage{color:#77571e}
.auth-panel p{color:#5b554c}
.source-link,a{color:#75551c}
footer{color:#71695e}
button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,a:focus-visible{outline:3px solid #b49450;outline-offset:3px}
@media(max-width:700px){.hero{padding:25px 0 15px}.hero h1{font-size:clamp(32px,8vw,43px)}.stats article{padding:16px}}

/* JARVIS editorial dashboard v1 — inspired by approved visual. */
:root{font-size:17px;line-height:1.65;--gold:#b28b43;--ink:#18212a;--cream:#fbf8f2}
body{background:linear-gradient(125deg,#fffdf8,#f7f1e6);color:var(--ink)}
header{background:#fffdf9;color:#1d252b;border-bottom:1px solid #e7dfd2;padding:14px clamp(16px,3vw,45px);box-shadow:0 3px 20px #6654390c}
.brand strong{color:#1a252b;font-size:25px;letter-spacing:.11em}.brand small{color:#796b57;font-size:12px}
.orb{width:53px;height:53px;background:linear-gradient(145deg,#131a1c,#31302a);border:3px solid #cba65d;color:#e8c882;font:600 28px 'Playfair Display',Georgia,serif;box-shadow:0 2px 0 #eee1c4,0 0 0 4px #f2e8d6}
.status{color:#45535a;font-size:14px}
main{max-width:1800px;padding:0 22px 32px;margin:auto}
.app-shell{display:grid;grid-template-columns:230px minmax(0,1fr);gap:26px;align-items:start}
.sidebar{position:sticky;top:18px;margin-top:22px;min-height:calc(100vh - 120px);background:#fffdf9;border:1px solid #e8dfd2;border-radius:22px;padding:24px 15px;box-shadow:0 12px 30px #6e573b0b}
.sidebar-heading{font-size:13px;letter-spacing:.16em;color:#9a773d;font-weight:800;padding:5px 14px 18px}
.side-links{display:grid;gap:7px}.side-links a{display:flex;align-items:center;gap:15px;padding:13px 15px;text-decoration:none;color:#273039;border-radius:11px;font-weight:700;font-size:16px}
.side-links a:first-child,.side-links a:hover{background:linear-gradient(110deg,#cfa65d,#aa7d32);color:white}
.sidebar-note{margin-top:35px;padding:18px;border-radius:14px;background:#f5ecdc;border:1px solid #e8d8ba}
.sidebar-note strong{font-size:13px;letter-spacing:.12em;color:#8b662d}.sidebar-note p{font-size:14px;line-height:1.55;color:#595145;margin:8px 0 0}
.workspace-content{min-width:0;padding:12px 0}.mobile-nav{display:none}
.sessionbar{font-size:14px;gap:14px;flex-wrap:wrap;color:#47515a}.sessionbar #userEmail{overflow-wrap:anywhere}
.hero{padding:22px 0 20px}.hero-intro{display:flex;align-items:center;gap:27px}.hero h1{font-size:clamp(36px,4.1vw,62px);font-weight:600;color:#16232b;margin:3px 0 9px;line-height:1.15}
.sparkle{font-family:system-ui,sans-serif;font-size:.66em;vertical-align:middle}
.hero>p,.hero-intro p{font-size:18px;color:#505b65;line-height:1.6;max-width:930px}
.mascot{flex:0 0 132px;width:132px;height:132px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at 35% 28%,#fff7e2,#cba75f 63%,#876735);border:5px solid #fff7e7;border-radius:42%;box-shadow:0 12px 35px #c6a26555}
.mascot:before{content:"";position:absolute;inset:23px 13px 26px;border-radius:35%;background:#1b2729;border:4px solid #edcf91;box-shadow:inset 0 0 18px #1a1a1a}
.mascot-face{z-index:1;color:#ffe1a5;font-size:50px;line-height:1}.mascot-halo{position:absolute;top:-22px;width:110px;height:27px;border:5px solid #f3d9a1;border-radius:50%;box-shadow:0 0 12px #dfc18a}
.notice{font-size:15px;padding:14px 18px;border-radius:10px;background:#e9f1e6;border-left:4px solid #568b5e;color:#264d31}
.stats{gap:14px;margin:22px 0}.stats article,.panel{border:1px solid #e9e1d6;border-radius:20px;background:#fffdfa;box-shadow:0 8px 25px #5445330b}
.stats article{border-top:1px solid #e9e1d6;padding:19px 22px}.stats span{font-size:16px;color:#35424a}.stats strong{font-size:40px;color:#17232b}
.panel{padding:28px;margin-bottom:20px}
h2{font-size:clamp(25px,2.5vw,35px);color:#1b252d}
h3,.regia-grid h3,#briefArea h3{font-family:'DM Sans',sans-serif;font-size:19px;font-weight:700;letter-spacing:-.02em;color:#1d2930}
.eyebrow{font-size:13px!important;letter-spacing:.15em;color:#9c742f!important}
.empty,.entry p,.entry small,.agent small{font-size:15px;line-height:1.65;color:#59626a}
label{font-size:16px}.project{background:#fffaf1;border-color:#e4d7c2;padding:19px}.project.active{background:#f7e9d0}.project b{font-size:23px}.project span{font-size:15px}
.entry,.agent{padding:17px;border-radius:13px;background:#fcfaf6}
.primary{background:linear-gradient(115deg,#cda35b,#a6792f);color:#fff}.primary:hover{background:#99712e;color:#fff}
.secondary,.action{background:linear-gradient(120deg,#d1aa67,#a87b31);border:1px solid #b48d4a;color:#fff}.secondary:hover,.action:hover{background:#9e742f;color:#fff}
button{font-size:15px;min-height:46px}input,select,textarea{font-size:16px;min-height:46px}
#syncMessage{font-size:14px}.auth-panel{margin:40px auto}
footer{font-size:14px}
@media(max-width:1000px){.app-shell{grid-template-columns:190px minmax(0,1fr);gap:15px}.sidebar{padding:17px 9px}.side-links a{padding:11px 10px;font-size:14px}.hero-intro{gap:18px}.mascot{flex-basis:105px;width:105px;height:105px}.mascot-face{font-size:38px}.mascot:before{inset:18px 10px}.mascot-halo{width:85px}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){main{padding:0 12px 22px}.app-shell{display:block}.sidebar{display:none}.workspace-content{padding:8px 0}.mobile-nav{display:block;background:#fffdf9;border:1px solid #e8dfd2;border-radius:12px;padding:8px 12px;margin:10px 0 14px}.mobile-nav summary{cursor:pointer;font-weight:700;color:#584224;padding:7px;font-size:16px}.mobile-nav nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:10px 0}.mobile-nav a{background:#f4ecdc;border-radius:8px;padding:10px;text-decoration:none;color:#413526;font-size:15px}.hero{padding:18px 0 12px}.hero-intro{align-items:center;gap:13px}.mascot{flex:0 0 70px;width:70px;height:70px;border-width:3px}.mascot:before{inset:13px 7px;border-width:2px}.mascot-face{font-size:27px}.mascot-halo{top:-13px;width:58px;height:17px;border-width:3px}.hero h1{font-size:clamp(30px,7.5vw,43px)}.hero-intro p{font-size:16px}.panel{padding:19px}.stats{gap:10px}.stats article{padding:14px}.stats strong{font-size:34px}.stats span{font-size:14px}.sectionhead{gap:12px}.sectionhead button{width:100%}.projects,.columns,.regia-grid{grid-template-columns:1fr}.entry .actions{flex-wrap:wrap}.entry .actions button{flex:1 1 130px}.agents{grid-template-columns:repeat(2,minmax(0,1fr))}header{padding:12px 14px}.brand strong{font-size:21px}.brand small{font-size:10px}.orb{width:44px;height:44px;font-size:24px}.status{font-size:12px}.sessionbar{justify-content:flex-start}}
@media(max-width:390px){.hero-intro{align-items:flex-start}.mascot{flex-basis:56px;width:56px;height:56px}.mascot-face{font-size:22px}.mascot-halo{width:45px}.hero h1{font-size:29px}.stats article{padding:12px}.stats span{font-size:13px}.stats strong{font-size:31px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* Project gallery and gold J emblem, desktop and mobile */
.brand .orb{display:grid;place-items:center;flex:0 0 55px;width:55px;height:55px;border-radius:50%;background:radial-gradient(circle at 35% 25%,#323333,#0e1417 72%);border:4px solid #cfa65e;box-shadow:0 0 0 3px #faf5e9,0 3px 12px #ae8c4c55;color:#f0cb80}
.brand .orb span{font:500 35px/1 'Playfair Display',Georgia,serif;transform:translateY(-1px)}
.projects{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.project{display:flex;flex-direction:column;text-align:left;padding:10px;background:#fffdf9;border:1px solid #e9dfd1;border-radius:17px;min-width:0;overflow:hidden;box-shadow:0 8px 22px #66503812}
.project.active{background:#fff9ee;border-color:#c49c53;box-shadow:0 0 0 1px #c49c53,0 10px 26px #66503818}
.project-photo{display:block;width:100%;aspect-ratio:1.95/1;background-size:cover;background-position:center;border-radius:11px;background-color:#e6d5b8;box-shadow:inset 0 0 0 1px #594b3222}
.project-photo-motus{background-image:linear-gradient(0deg,#1c2c261a,#f4e4bc0d),url('https://images.unsplash.com/photo-1534430480872-3498386e7856?auto=format&fit=crop&w=900&q=85')}
.project-photo-eden{background-image:linear-gradient(0deg,#1c2c261a,#f4e4bc0d),url('https://images.unsplash.com/photo-1511895426328-dc8714191300?auto=format&fit=crop&w=900&q=85')}
.project-photo-maco{background-image:linear-gradient(0deg,#1c2c261a,#f4e4bc0d),url('https://images.unsplash.com/photo-1497366811353-6870744d04b2?auto=format&fit=crop&w=900&q=85')}
.project-details{display:flex;flex-direction:column;gap:5px;padding:12px 8px 8px;min-width:0;flex:1}
.project-details b{font-family:'Playfair Display',Georgia,serif;font-size:28px;color:#1a242a}
.project-details>span:not(.project-foot){font-size:16px;line-height:1.4;color:#59636a}
.project-foot{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-top:auto;padding-top:15px;font-size:14px;font-weight:700;color:#9c762f}
.project-foot span{display:grid;place-items:center;border-radius:50%;width:33px;height:33px;background:#f6ebd6;color:#976b2e;font-size:22px}
.mascot.robot{background:linear-gradient(145deg,#f9e8bd,#c8a05c 70%,#947039);border-radius:43%;box-shadow:0 9px 28px #bda16c55;overflow:visible}
.robot .robot-screen{position:absolute;inset:25% 10% 21%;background:#101d21;border:4px solid #f7d89b;border-radius:38%;display:grid;place-items:center;box-shadow:inset 0 0 12px #0006}
.robot .robot-eyes{color:#ffe2a5;font-size:30px;font-weight:700;letter-spacing:-4px;text-shadow:0 0 8px #e5c888}
.robot-ear{position:absolute;top:37%;width:15%;height:29%;border:3px solid #f3d28d;background:#b78c47;border-radius:45%}
.robot-ear.left{left:-11%}.robot-ear.right{right:-11%}
.robot-neck{position:absolute;bottom:-10%;left:34%;width:32%;height:14%;border-radius:5px;background:#b28a48}
@media(max-width:950px){.projects{gap:10px}.project-details b{font-size:23px}.project-details>span:not(.project-foot){font-size:14px}}
@media(max-width:760px){.projects{grid-template-columns:1fr;gap:12px}.project{display:grid;grid-template-columns:112px minmax(0,1fr);gap:12px;align-items:stretch;padding:8px}.project-photo{height:100%;min-height:105px;aspect-ratio:auto}.project-details{padding:7px 7px 7px 0}.project-details b{font-size:23px}.project-details>span:not(.project-foot){font-size:14px}.project-foot{padding-top:8px}.brand .orb{flex-basis:45px;width:45px;height:45px}.brand .orb span{font-size:28px}.robot .robot-eyes{font-size:20px}.robot .robot-screen{border-width:2px}}
@media(min-width:761px) and (max-width:1100px){.projects{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Preview-aligned dashboard hierarchy */
#projectsPanel{margin-top:10px}
#projectsPanel .sectionhead{margin-bottom:12px}
#projectsPanel .eyebrow{display:none}
#projectsPanel h2{font-size:clamp(29px,3vw,39px)}
.overview-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin-bottom:18px}
.overview-panels .panel{margin-bottom:0;padding:20px 22px}
.overview-panels h2{font-size:clamp(22px,2vw,28px)}
.overview-panels .eyebrow{display:none}
.text-link{color:#a47631;font-size:14px;font-weight:700;text-decoration:none;white-space:nowrap}
.overview-entry{padding:11px 4px;border-bottom:1px solid #eee7dd;display:grid;gap:3px}
.overview-entry:last-child{border-bottom:0}
.overview-entry strong{font-size:15px;font-weight:650;color:#1f2a31;line-height:1.45}
.overview-entry small{font-size:13px;color:#66717a}
.mascot-art{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important;isolation:isolate}
.mascot-art:before{display:none!important}
.mascot-art .mascot-halo{top:0;left:8%;width:84%;height:23%;border:6px solid #ffe8ac;background:#fff9ec66;box-shadow:0 0 15px #f7ce79;border-radius:50%;z-index:3}
.mascot-head{position:absolute;top:16%;left:12%;width:76%;height:65%;border-radius:44%;background:linear-gradient(135deg,#fff9e9 2%,#edcc88 34%,#b78534 100%);border:3px solid #fff2d2;box-shadow:0 7px 15px #a47b3540;display:grid;place-items:center;z-index:2}
.mascot-head:before,.mascot-head:after{content:"";position:absolute;top:35%;width:18%;height:33%;border-radius:50%;background:linear-gradient(135deg,#ffebba,#ad7930);border:2px solid #fff1cb}
.mascot-head:before{left:-14%}.mascot-head:after{right:-14%}
.mascot-screen{width:80%;height:60%;border-radius:39%;background:radial-gradient(circle at 50% 15%,#384041,#101a1c 75%);border:3px solid #d7a750;display:grid;place-items:center;box-shadow:inset 0 0 8px #0009}
.mascot-smile{font:700 29px/1 system-ui;color:#fff0b6;text-shadow:0 0 8px #f4c768;letter-spacing:-3px}
.mascot-body{position:absolute;bottom:0;left:32%;width:36%;height:20%;border-radius:30% 30% 50% 50%;background:linear-gradient(135deg,#fff9e9,#cda45c);border:3px solid #fff1d0}
.mascot-leaf{position:absolute;right:-12%;bottom:4%;font-size:48px;color:#cba14f;transform:rotate(-25deg)}
.bottom-nav{display:none}
@media(max-width:760px){
 body{padding-bottom:80px}
 .mobile-nav{display:none}
 .bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:50;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;background:#fffdf9;border-top:1px solid #e6d8c0;box-shadow:0 -5px 25px #49392014;padding:7px max(5px,env(safe-area-inset-right)) calc(7px + env(safe-area-inset-bottom)) max(5px,env(safe-area-inset-left))}
 .bottom-nav a{display:flex;flex-direction:column;align-items:center;justify-content:center;text-decoration:none;font-size:25px;line-height:1.15;color:#6e6251;min-height:51px}
 .bottom-nav a:first-child{background:#b58a43;border-radius:10px;color:white}
 .bottom-nav small{font-size:10px;margin-top:3px}
 .overview-panels{grid-template-columns:1fr;gap:12px}
 .overview-panels .panel{padding:17px}
 .mascot-art .mascot-halo{border-width:3px}
 .mascot-head{border-width:2px}
 .mascot-screen{border-width:2px}
 .mascot-smile{font-size:17px}
 .mascot-leaf{font-size:25px}
 #projectsPanel{padding:16px}
 .project-details>span:not(.project-foot){font-size:14px}
}

/* Correct project imagery and render reliable SVG robot without CSS pseudo overlays */
.mascot.mascot-illustration{display:block;flex:0 0 160px;width:160px;height:165px;background:none!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible;filter:drop-shadow(0 9px 10px #ba975755)}
.mascot.mascot-illustration:before,.mascot.mascot-illustration:after{display:none!important}
.project-photo-motus{background-image:url('https://dynamic-media-cdn.tripadvisor.com/media/photo-o/11/fe/92/cc/salle-de-fitness-avec.jpg?h=-1&s=1&w=1200');background-position:center 58%}
.project-photo-eden{background-image:url('https://cuvariuspomena.hr/cdn/shop/files/cuvari-uspomena-baka-i-unuka_80s.png?v=1748332377&width=840');background-position:center 44%}
.project-photo-maco{background-image:url('https://framerusercontent.com/images/JyzQhEPHDOwiUcpLYH6oedH3Hs4.webp');background-position:center 46%}
@media(max-width:1000px){.mascot.mascot-illustration{flex-basis:125px;width:125px;height:130px}}
@media(max-width:760px){.mascot.mascot-illustration{flex-basis:87px;width:87px;height:95px}}
@media(max-width:390px){.mascot.mascot-illustration{flex-basis:65px;width:65px;height:77px}}

/* Project detail — real progress, no fabricated milestones */
[hidden]{display:none!important}
.project-detail{scroll-margin-top:18px;background:linear-gradient(150deg,#fffdf8,#faf4e9)}
.project-detail-head{margin-bottom:22px}
.project-detail-head .text-link{display:inline-block;margin-bottom:15px}
.project-detail-head h2{font-size:clamp(34px,4vw,48px);margin:4px 0}
.project-detail-description{font-size:18px;color:#53616a}
.project-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.project-metrics article{background:#fff;border:1px solid #e8dcc8;border-radius:13px;padding:16px}
.project-metrics span{display:block;color:#5c656b;font-size:14px}
.project-metrics strong{display:block;color:#1b2930;font:600 31px 'Playfair Display',Georgia,serif;margin-top:5px}
.project-progress{margin:24px 0;padding:20px;background:#f8f0e2;border:1px solid #e9d9bc;border-radius:13px}
.progress-title{display:flex;justify-content:space-between;gap:12px;font-size:17px;color:#243139}
.progress-track{height:12px;border-radius:99px;background:#e4d7c1;margin:13px 0;overflow:hidden}
.progress-track span{display:block;height:100%;background:linear-gradient(90deg,#c49b50,#94702d);border-radius:99px;transition:width .25s}
.project-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.project-detail-columns h3{margin:18px 0 10px}
.project-detail .overview-entry p{font-size:14px;color:#505b61}
@media(max-width:760px){.project-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.project-metrics article{padding:12px}.project-metrics strong{font-size:27px}.project-detail-columns{grid-template-columns:1fr;gap:8px}.project-progress{padding:15px}}