:root{color-scheme:light;--cream:#eee6d2;--ink:#23342d;--line:#898675;--green:#334b3e;--mono:'Cascadia Mono','Courier New',monospace}*{box-sizing:border-box}body{margin:0;background:#24221e;color:var(--ink);font-family:'Segoe UI',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #b87935;outline-offset:3px}.scene{position:relative;max-width:1920px;margin:auto;aspect-ratio:3/2;isolation:isolate}.desk{width:100%;height:100%;display:block;object-fit:fill}.page-header{position:absolute;top:2%;left:6.2%;right:2.3%;display:flex;justify-content:space-between;gap:20px;font:clamp(12px,1.25vw,22px) var(--mono);color:#222a25}.page-header i{font-style:normal;font-weight:400}.page-header>span:last-child{font-family:'Segoe UI',Arial,sans-serif;font-size:.8em}.screen{position:absolute;left:24.5%;top:10.4%;width:55.2%;height:54.5%;background:linear-gradient(125deg,#304438,#23342e);border:3px solid #202923;border-radius:8px;overflow:hidden;display:flex;flex-direction:column;container-type:inline-size;box-shadow:inset 0 0 22px #0008;font-size:1.8cqw}.os-bar,.os-status{background:var(--cream);display:flex;align-items:center;justify-content:space-between;gap:8px;padding:.65cqw 1cqw;font:1.35cqw var(--mono);flex-shrink:0}.os-bar{border-bottom:2px solid #8b927d}.os-bar button{background:transparent;border:0;font-size:1.8cqw;line-height:1;padding:0 .2cqw}.os-bar>span{margin-left:auto}.desktop{display:flex;gap:1.4cqw;padding:2.2cqw 1.7cqw;flex:1;min-height:0;position:relative}nav{width:10.3%;display:flex;flex-direction:column;justify-content:space-between;gap:.3cqw;flex-shrink:0}.nav-item{border:1px solid transparent;color:var(--cream);background:transparent;padding:.5cqw 0;font:1.3cqw var(--mono);display:flex;align-items:center;flex-direction:column;gap:.5cqw;line-height:1.2;min-height:0}.nav-item svg{width:3.3cqw;height:3.3cqw;fill:none;stroke:currentColor;stroke-width:1.6}.nav-item:hover,.nav-item[aria-current=true]{border-color:#cfcbb05c;background:#eee6d21c}.window{background:var(--cream);border:1px solid #777568;box-shadow:0 0 0 2px #eee6d2,0 0 0 3px #777568,4px 5px 0 #18241f66;flex:1;min-width:0;display:flex;flex-direction:column}.titlebar{font:1.45cqw var(--mono);border-bottom:1px solid #8a8879;padding:.6cqw .8cqw;display:flex;align-items:center;justify-content:space-between;flex-shrink:0;background:linear-gradient(90deg,#e1d9c5,#f2ecd9);letter-spacing:.04em}.titlebar button{border:1px solid #777568;background:#e9e0ca;padding:0 .4cqw;line-height:1.1;font:1.8cqw var(--mono)}.window-content{overflow:auto;padding:2.1cqw 2.3cqw;flex:1;scrollbar-width:thin;scrollbar-color:#969881 #e7dfc9}.profile-heading{display:flex;align-items:center;gap:2.1cqw}.portrait-button{padding:0;border:1px solid #aaa18a;background:#e1d4b5;width:18cqw;flex-shrink:0;position:relative;box-shadow:2px 2px 0 #c4baa2}.portrait-button img{width:100%;display:block;aspect-ratio:1;object-fit:cover}.portrait-button span{position:absolute;bottom:0;left:0;right:0;background:#23342de6;color:#eee6d2;padding:.5cqw;font:1.1cqw var(--mono)}.portrait-button:hover{transform:translateY(-2px)}.eyebrow{font:1.1cqw var(--mono);letter-spacing:.11em;margin:0 0 1cqw;color:#635c48}h1{font-size:4.4cqw;line-height:1.03;letter-spacing:-.05em;margin:0 0 .8cqw;font-weight:650}.role{font-size:2.7cqw;line-height:1.1;letter-spacing:-.02em;margin:0;font-weight:600}.intro{font-size:1.85cqw;line-height:1.45;margin:2cqw 0}.competencies{border:1px solid #aaa18a;margin:1.8cqw 0}.competencies>div{display:grid;grid-template-columns:31% 1fr;gap:1cqw;padding:.9cqw 1cqw;border-bottom:1px solid #aaa18a;align-items:center}.competencies>div:last-child{border:0}.competencies strong{font:1.15cqw var(--mono);font-weight:bold}.competencies span{font-size:1.4cqw}.actions{display:flex;gap:1.2cqw;margin-top:1.8cqw}.action{border:1px solid #6a6c5c;box-shadow:inset 1px 1px #fff9,2px 2px #c8c1ac;background:#e9e1cd;padding:1.1cqw 1.8cqw;font:1.5cqw var(--mono);color:var(--ink);text-decoration:none;text-align:center;display:inline-block}.action.primary{color:var(--cream);background:var(--green);box-shadow:inset 1px 1px #ffffff30,2px 2px #c8c1ac}.action:hover{filter:brightness(1.08)}h2{font-size:3.4cqw;line-height:1.1;margin:0 0 1.5cqw;letter-spacing:-.03em}h3{font-size:1.85cqw;margin:0 0 .8cqw}p{font-size:1.85cqw;line-height:1.5}.section-lead{margin:0 0 2cqw;color:#565d4e}.detail-list{display:grid;gap:1.1cqw}.detail-card{border-bottom:1px solid #b0aa96;padding:1cqw 0}.detail-card p{margin:0;font-size:1.65cqw}.detail-card .number{font:1.3cqw var(--mono);color:#78735d;display:block;margin-bottom:.5cqw}.personal-summary{margin-top:1.5cqw;border-left:3px solid #8e986e;padding:.6cqw 1.2cqw;background:#d9dbc64d}.personal-summary p{margin:.5cqw 0;font-size:1.55cqw}.footnote{font:1.3cqw var(--mono);color:#6c6859;line-height:1.5;margin-top:1.5cqw}.boot{position:absolute;right:2.2cqw;top:2.4cqw;width:33cqw;z-index:3;box-shadow:0 0 0 2px #eee6d2,6px 8px 20px #0006}.boot-content{padding:1.3cqw;font:1.3cqw/1.9 var(--mono)}.boot-content div{animation:appear .3s both}.boot-content div:nth-child(2){animation-delay:.25s}.boot-content div:nth-child(3){animation-delay:.5s}.boot-content div:nth-child(4){animation-delay:.75s}.boot-content strong{display:block}.boot-content button{display:block;margin-left:auto;background:transparent;border:0;border-bottom:1px solid #777;padding:.5cqw 0;font:1.35cqw var(--mono)}[hidden]{display:none!important}.os-status{font-size:1.25cqw;border-top:2px solid #a3a08b}.hotspot{position:absolute;background:transparent;border:2px solid transparent;border-radius:8px;transition:background .2s,box-shadow .2s,transform .2s}.hotspot:hover,.hotspot:focus-visible{background:#ffe8ba12;box-shadow:0 0 18px #f9db9466;border-color:#f1dfa873;transform:translateY(-3px)}.hotspot span{position:absolute;bottom:100%;left:50%;transform:translateX(-50%);white-space:nowrap;background:#eee6d2;color:#263b2d;border:1px solid #77705b;padding:8px 12px;font:14px var(--mono);opacity:0;pointer-events:none;box-shadow:2px 3px 0 #0003}.hotspot:hover span,.hotspot:focus-visible span{opacity:1}.badge{left:2.5%;top:65.2%;width:9%;height:15.8%;transform:rotate(-12deg)}.badge:hover{transform:rotate(-9deg) translateY(-3px)}.cat{left:85.8%;top:43.7%;width:12%;height:24%}.floppy{left:3%;top:80.5%;width:18%;height:16%}.note{left:92.8%;top:65.8%;width:7%;height:11%}.page-footer{max-width:1920px;margin:auto;padding:18px 5%;display:flex;justify-content:space-between;gap:20px;color:#c3bba6;font:12px var(--mono);line-height:1.5}.screen.expanded{position:fixed;z-index:20;inset:4vh 4vw;width:92vw;height:92vh;max-width:1300px;margin:auto;font-size:16px}.screen.expanded .desktop{padding:2cqw}.screen.expanded .window-content{padding:2cqw}.cat-status{font:1.8cqw/2 var(--mono);white-space:pre-wrap;background:#24392e;color:#e5dec7;padding:2cqw}.availability{border:1px dashed #9f9984;padding:1.5cqw;margin:1.5cqw 0}.availability p{margin:0;font-size:1.6cqw}@keyframes appear{from{opacity:0}to{opacity:1}}@media(min-width:1800px){.scene{max-width:1750px}}@media(max-width:1200px){.scene{aspect-ratio:auto;padding-top:66.666%;padding-bottom:22px;background:#272e25}.desk{position:absolute;top:0;height:auto;aspect-ratio:3/2}.page-header{font-size:12px;top:15px}.page-header>span:last-child{display:none}.screen{position:relative;left:auto;top:auto;width:94%;height:620px;margin:15px auto 0;border-radius:4px;font-size:16px}.screen:before{content:'MATTEO_OS / DESKTOP';position:absolute;bottom:100%;left:0}.os-bar,.os-status{font-size:12px;padding:8px}.os-bar button{font-size:20px}.desktop{padding:15px;gap:15px}nav{width:85px}.nav-item{font-size:11px;padding:6px 0;gap:5px}.nav-item svg{width:26px;height:26px}.titlebar{font-size:12px;padding:7px}.titlebar button{font-size:18px}.window-content{padding:18px}.portrait-button{width:105px}.portrait-button span{font-size:10px;padding:4px}.eyebrow{font-size:10px}h1{font-size:30px}.role{font-size:20px}.intro,p{font-size:16px}.competencies strong{font-size:11px}.competencies span{font-size:13px}.competencies>div{padding:9px;grid-template-columns:30% 1fr}.action{font-size:13px;padding:12px 14px}.intro{margin:18px 0}.actions{gap:12px;margin-top:20px}h2{font-size:28px}h3{font-size:17px}.detail-card p{font-size:15px}.detail-card{padding:10px 0}.detail-card .number{font-size:12px}.footnote{font-size:12px}.personal-summary p{font-size:14px}.boot{top:14px;right:18px;width:240px}.boot-content{padding:12px;font-size:12px}.boot-content button{font-size:12px}.cat-status{font-size:15px;padding:15px}.availability{padding:12px}.availability p{font-size:14px}.hotspot.badge{top:43.5vw;height:10vw}.hotspot.cat{top:29vw;height:16vw}.hotspot.floppy{top:54vw;height:10vw}.hotspot.note{top:44vw;height:8vw}.screen.expanded{inset:2vh 2vw;width:96vw;height:96vh}.page-footer{padding:15px 4%}.page-footer>span:last-child{display:none}}@media(max-width:600px){.screen{height:680px}.desktop{flex-direction:column;padding:10px;gap:12px}nav{width:100%;display:grid;grid-template-columns:repeat(7,1fr);gap:2px}.nav-item{font-size:9px;padding:5px 1px;min-height:52px}.nav-item svg{width:21px;height:21px}.titlebar{font-size:11px}.window-content{padding:15px}.profile-heading{gap:12px}.portrait-button{width:84px}.eyebrow{font-size:9px;letter-spacing:.04em}h1{font-size:27px}.role{font-size:17px}.competencies>div{grid-template-columns:1fr;gap:4px}.competencies strong{font-size:11px}.competencies span{font-size:13px}.actions{flex-wrap:wrap}.action{flex:1;padding:11px 7px;font-size:12px}.os-status{font-size:10px}.os-bar>span{font-size:10px}.boot{top:85px}.hotspot span{font-size:11px;padding:6px}.page-header{font-size:10px}.personal-summary{padding:8px}.section-lead{margin-bottom:20px}.detail-list{gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}

:root .hotspot.cat span,:root .hotspot.note span{left:auto;right:0;transform:none}.page-footer>span{min-width:0}.page-footer{flex-wrap:wrap}