:root{--bg:#101211;--fg:#f3f3eb;--muted:#a4aba4;--accent:#c9f282;--line:#ffffff24}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--fg);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:6px}.skip{position:fixed;top:-70px;left:20px;padding:12px;background:var(--accent);color:var(--bg);z-index:100}.skip:focus{top:20px}.progress{position:fixed;inset:0 auto auto 0;width:0;height:3px;background:var(--accent);z-index:99}header{height:100px;position:absolute;top:0;left:0;width:100%;z-index:10;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.wordmark{font-family:Manrope,sans-serif;font-size:19px;line-height:.95;font-weight:800;letter-spacing:-1px;position:relative}.wordmark span{display:block}.wordmark i{position:absolute;right:-16px;top:0;font-size:12px;font-style:normal}nav{display:flex;align-items:center;gap:38px;font-size:14px}nav>a:hover{color:var(--accent)}.nav-cta{border:1px solid #ffffff50;border-radius:30px;padding:13px 19px}.nav-cta span{margin-left:18px}.hero{min-height:810px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding:132px 5% 35px}.hero-meta{display:flex;justify-content:space-between;color:#bcc2b8;font-size:12px;letter-spacing:1.6px;position:relative;z-index:2}.hero-copy{position:relative;z-index:3;padding-top:75px;width:60%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.8px;display:flex;gap:14px;align-items:center}.line{width:30px;height:1px;background:var(--accent)}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,sans-serif}h1{font-size:clamp(80px,9.7vw,156px);line-height:.98;font-weight:500;letter-spacing:-.075em;margin:28px 0}h1 em{color:var(--accent);font-style:normal}.intro{color:#bfc5bc;max-width:345px;line-height:1.65;margin:25px 0 30px;font-size:17px}.pill{display:inline-flex;align-items:center;justify-content:space-between;gap:40px;background:var(--accent);color:#182114;border-radius:50px;padding:16px 22px;font-size:14px;font-weight:600;transition:transform .3s,background .3s}.pill:hover{transform:translateY(-3px);background:#ddffad}.pill span{font-size:22px;line-height:1}.hero-art{position:absolute;inset:110px 0 0 40%;overflow:hidden}.orb{position:absolute;width:65%;aspect-ratio:1;border-radius:50%;top:18%;left:18%;background:#c9f2820a;box-shadow:0 0 130px #c9f28209; border:1px solid #c9f28218;animation:orbit 14s ease-in-out infinite alternate}.portrait-frame{position:absolute;inset:0;background-position:center 20%;background-size:cover;filter:grayscale(1);mask-image:linear-gradient(90deg,transparent,#000 25%,#000 85%),linear-gradient(0deg,transparent,#000 20%);mask-composite:intersect}.vertical{position:absolute;right:20px;top:38%;writing-mode:vertical-rl;letter-spacing:3px;font-size:11px;color:#c5cabc}.hero-bottom{position:absolute;bottom:35px;left:5%;right:5%;z-index:4;display:flex;align-items:end;justify-content:space-between;font-size:12px;color:#a6afa4;line-height:1.7}.hero-bottom>a{display:flex;align-items:center;gap:20px;font-size:11px;letter-spacing:1.5px}.scroll-track{height:34px;width:17px;border:1px solid #73816b;border-radius:20px;position:relative}.scroll-track:after{content:'';position:absolute;left:7px;top:7px;width:1px;height:7px;background:var(--accent);animation:scroll 2s infinite}.section{padding:100px 5%}.world{background:#edeee7;color:#151914}.section-top{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1a201c40;padding-top:20px;font-size:11px;letter-spacing:1px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin:60px 0 50px}h2{font-size:clamp(38px,4.9vw,74px);font-weight:500;letter-spacing:-.06em;line-height:1.12}h2 span{color:#7f867d}.section-heading p{line-height:1.7;color:#697064;max-width:350px}@keyframes scroll{to{transform:translateY(10px);opacity:0}}@keyframes orbit{to{transform:scale(1.1) translateY(-20px)}}@media(max-width:700px){header{height:80px;padding:0 6%}nav{gap:0}nav>a:not(.nav-cta){display:none}.nav-cta{font-size:12px;padding:11px 14px}.nav-cta span{margin-left:6px}.wordmark{font-size:16px}.hero{padding:110px 6% 30px;min-height:790px;max-height:960px}.hero-meta{font-size:10px;letter-spacing:.9px}.hero-meta span:last-child{display:none}.hero-copy{padding-top:67px;width:100%}h1{font-size:clamp(76px,18vw,110px);margin-top:22px}.hero-art{inset:145px -42% 130px 16%;opacity:.65}.hero-copy .intro{max-width:260px;font-size:16px;text-shadow:0 2px 20px #000}.hero-copy .eyebrow{font-size:10px}.hero-bottom{left:6%;right:6%;bottom:28px}.hero-index,.vertical{display:none}.hero-bottom>a{font-size:9px;gap:10px}.section{padding:65px 6%}.section-top>span:last-child{display:none}.section-heading{display:block;margin:40px 0 30px}.section-heading p{margin-top:25px;font-size:16px}h2{font-size:42px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.filters{display:flex;gap:8px;margin:0 0 30px;flex-wrap:wrap}.filters button{border:1px solid #bcc0b4;color:#4e584a;background:transparent;border-radius:24px;padding:11px 18px;font-size:14px;transition:all .2s}.filters button[aria-pressed=true],.filters button:hover{background:#1c241a;color:#f1f4e9;border-color:#1c241a}.filters sup{margin-left:6px;font-size:10px}.portfolio{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.company{border:1px solid #c9cfc1;background:#f5f6ef;padding:28px 30px 0;display:flex;flex-direction:column;min-height:330px;position:relative;overflow:hidden;transition:background .4s,border-color .4s,transform .5s}.company:hover{background:var(--card);border-color:var(--card);transform:translateY(-4px)}.company[hidden]{display:none}.company-top{display:flex;align-items:center;gap:14px;min-height:45px}.company-number{font-size:12px;color:#778070}.company-tag{font-size:10px;letter-spacing:1px;max-width:70%}.company-mark{font-family:Manrope;font-weight:800;letter-spacing:-3px;font-size:35px;margin-left:auto;line-height:1}.company-body{padding:30px 0}.company h3{font-size:clamp(24px,2.7vw,40px);font-weight:500;letter-spacing:-1.8px;line-height:1.15;max-width:90%}.company p{font-size:16px;line-height:1.65;color:#58604f;margin-top:18px;max-width:470px}.company-bottom{margin-top:auto;border-top:1px solid #15191425}.company-bottom a{display:flex;align-items:center;justify-content:space-between;padding:18px 0;font-size:14px;font-weight:500}.plus{font-size:24px;transition:transform .4s}.company:hover .plus{transform:rotate(90deg)}.statement{padding-top:105px;padding-bottom:70px;background:#c9f282;color:#223119}.statement-text{font-family:Manrope;font-size:clamp(40px,6.5vw,100px);font-weight:500;letter-spacing:-.065em;line-height:1.2;margin:60px 0 65px}.statement-text span{color:#66823e}.statement-foot{display:flex;justify-content:space-between;gap:30px;border-top:1px solid #28451935;padding-top:25px}.statement-foot>span{font-size:11px;letter-spacing:1px;line-height:1.8}.statement-foot p{max-width:400px;line-height:1.7;color:#45602c}.dash{background:#171b17}.dash .section-top{border-color:var(--line);color:#aab2a4}.dash-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:10%;margin-top:75px}.dash-copy>.eyebrow{color:var(--accent);margin-bottom:30px}.dash h2{font-size:clamp(38px,4.3vw,65px)}.dash h2 em{color:#acb9a4;font-family:Georgia,serif;font-weight:400}.dash-copy p:not(.eyebrow){color:#acb4a6;line-height:1.75;max-width:460px}.dash-copy .dash-intro{margin:28px 0 12px;color:#eff3e9!important}.text-link{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #7f8779;padding:17px 0;font-size:14px;margin-top:30px;gap:20px;max-width:400px}.text-link:hover{color:var(--accent)}.text-link span{font-size:24px}.dash-services{padding-top:10px}.dash-services>.eyebrow{color:#aab49f;margin-bottom:30px}.service{border-top:1px solid var(--line);padding:25px 0;display:flex;gap:22px}.service>span{font-size:12px;color:#89977c;padding-top:5px}.service h3{font-weight:500;font-size:21px;letter-spacing:-.6px}.service p{line-height:1.7;color:#a4af99;font-size:15px;margin-top:9px}.books{background:#e9eae3;color:#242a20}.book-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.book{background:#252c24;color:#f1f3e8;padding:35px 35px 20px;display:flex;flex-direction:column;min-height:520px}.book:nth-child(2){background:#d7dbcd;color:#252c24}.book-label{display:flex;justify-content:space-between;gap:20px;font-size:10px;letter-spacing:1px;line-height:1.7;opacity:.7}.book h3{font-family:Georgia,serif;font-size:clamp(40px,4.8vw,70px);font-weight:400;line-height:1.05;letter-spacing:-2px;margin:45px 0 25px}.book h3 span{display:block;font-size:22px;letter-spacing:0;margin-top:16px}.book>p{font-size:16px;line-height:1.7;opacity:.7;max-width:400px}.foreword{margin-top:32px;font-size:10px;letter-spacing:1.5px}.foreword strong{display:block;font-family:Manrope;font-size:22px;font-weight:400;letter-spacing:-.5px;margin-top:10px}.book .text-link{margin-top:auto;max-width:none;padding-top:30px}.book:nth-child(2) .text-link:hover{color:#536739}.project{background:#101211}.project .section-top{border-color:var(--line);color:#b1b8ab}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;margin-top:65px}.project h2 em{font-style:normal;color:var(--accent)}.project-grid>div>p{max-width:390px;color:#a8b2a0;line-height:1.75;margin-top:30px}.email{display:inline-block;border-bottom:1px solid #829276;margin-top:35px;padding-bottom:8px;font-size:23px;letter-spacing:-.6px}.email:hover{color:var(--accent)}.contact-note{display:block;font-size:10px;letter-spacing:1px;color:#7f8b78;margin-top:30px}form label{font-size:12px;display:block;color:#bec6b7;margin-bottom:10px}input,select,textarea{width:100%;min-width:0;display:block;border:0;border-bottom:1px solid #4a5444;border-radius:0;background:#171d16;color:#ecf1e7;padding:14px 12px;margin-bottom:25px;font-size:15px}textarea{resize:vertical}select{color-scheme:dark}input::placeholder,textarea::placeholder{color:#86917d}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.submit{border:0;width:100%;padding:18px 22px}.form-note{font-size:12px;color:#89957e;line-height:1.7;margin-top:15px}#proposal-result{padding:18px;border:1px solid #56713e;margin-top:18px;font-size:14px;line-height:1.6}#proposal-result button{border:1px solid #8eaa77;color:var(--accent);background:none;padding:10px 16px;margin:12px 0}footer{padding:60px 5% 25px;border-top:1px solid var(--line)}.footer-name{font-family:Manrope;font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.035em;display:inline-block;white-space:normal}.footer-name span{font-size:.16em;vertical-align:top;display:inline-block;margin:8px 0 0 10px;letter-spacing:0}.footer-bottom{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.5px;color:#86917d;margin-top:28px}.reveal{opacity:1}.reveal:not(.visible){opacity:.5;transform:translateY(20px)}.reveal{transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:translateY(0)}@media(min-width:1000px){.company:nth-child(even){transition-delay:.08s}}@media(max-width:700px){.portfolio,.book-grid,.dash-grid,.project-grid{grid-template-columns:1fr}.company{padding:22px 22px 0;min-height:300px}.company h3{font-size:32px}.company-tag{font-size:9px;max-width:65%;line-height:1.5}.company-mark{font-size:30px}.company-body{padding:25px 0}.company p{font-size:15px}.filters{gap:7px}.filters button{font-size:12px;padding:10px 13px}.statement-text{font-size:clamp(35px,8.1vw,56px);margin:40px 0}.statement-foot{display:block}.statement-foot p{margin-top:25px;font-size:16px}.dash-grid{margin-top:45px;gap:50px}.dash h2{font-size:43px}.service h3{font-size:20px}.books .section-heading p{margin-top:18px}.book{padding:25px;min-height:470px}.book h3{font-size:52px;margin-top:35px}.book-label{font-size:9px}.project-grid{margin-top:42px;gap:45px}.project h2{font-size:47px}.project-grid>div>p{margin-top:22px}.email{font-size:22px;margin-top:23px}.field-row{gap:12px}form label{font-size:12px}.footer-name{font-size:20px}.footer-bottom{font-size:10px;flex-wrap:wrap;margin-top:22px}.footer-bottom>span:nth-child(2){display:none}footer{padding:40px 6% 24px}.reveal:not(.visible){opacity:.65;transform:translateY(10px)}}@media(prefers-reduced-motion:reduce){.reveal:not(.visible){opacity:1;transform:none}}
.portrait-frame{background-image:url('assets/mirko-scarcella-portrait.jpg');background-position:center 18%}.hero-art{inset:100px 0 0 43%}.orb{display:none}@media(max-width:700px){.hero-art{inset:150px -37% 105px 15%;opacity:.5}.portrait-frame{background-position:48% top;mask-image:linear-gradient(90deg,transparent,#000 35%,#000 90%),linear-gradient(0deg,transparent,#000 30%);mask-composite:intersect}.hero-copy{padding-top:65px}}
/* Scroll journey */
:root{--bg:#0c0e0d;--accent:#dcf7a2}body{background:var(--bg)}header{position:absolute;height:90px;padding:0 5%;border-bottom-color:#ffffff26}nav{gap:28px}.in-world header{visibility:hidden}.arrival{height:190svh;position:relative;background:#0c0e0d}.hero{position:sticky;top:0;height:100svh;min-height:650px;max-height:none;padding:120px 5% 36px;isolation:isolate}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0c0e0d 4%,#0c0e0d66 50%,transparent),linear-gradient(0deg,#0c0e0d,transparent 35%);z-index:-1;pointer-events:none}.hero-art{inset:0 0 0 28%;z-index:-2;will-change:transform}.portrait-frame{background-image:url('assets/mirko-scarcella-portrait.jpg');background-position:center 22%;mask-image:none;filter:grayscale(1) contrast(1.08);opacity:.8;transform:none!important}.hero-copy{padding-top:clamp(55px,10svh,140px);width:80%;will-change:transform,opacity}h1{font-size:clamp(75px,9.5vw,152px);line-height:1.03;letter-spacing:-.067em}.hero-copy .eyebrow{letter-spacing:3px}.intro{font-size:18px;max-width:390px;line-height:1.7}.hero-bottom{font-size:12px;letter-spacing:1px}.hero-meta{font-size:12px}.threshold{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:clamp(55px,8vw,130px);letter-spacing:-.06em;font-family:Manrope,sans-serif;line-height:1.07;opacity:0;pointer-events:none;background:#0c0e0d55}.threshold strong{font-weight:500;color:var(--accent)}.world{height:740svh;position:relative;color:#fff;padding:0;background:#0d0e0d}.world-stage{position:sticky;top:0;height:100svh;min-height:600px;overflow:hidden}.world-track{display:flex;height:100%;width:800%;will-change:transform}.world-panel{position:relative;flex:0 0 12.5%;width:12.5%;height:100%;background:var(--scene);overflow:hidden;isolation:isolate}.world-head{position:absolute;z-index:6;top:34px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.2px;color:#fff;mix-blend-mode:difference}.world-head a{letter-spacing:0;font-size:14px}.scene-art{position:absolute;inset:0;z-index:-3;background-position:center;background-size:cover;opacity:.7;will-change:transform}.scene-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,var(--scene),transparent 150%),linear-gradient(0deg,var(--scene),transparent 75%)}.scene-orbit{position:absolute;right:9%;top:20%;width:36vw;aspect-ratio:1;border:1px solid var(--light);opacity:.13;border-radius:50%;z-index:-1;box-shadow:0 0 110px color-mix(in srgb,var(--light) 10%,transparent)}.scene-orbit:after{content:'';position:absolute;inset:13%;border:1px solid var(--light);border-radius:50%}.panel-label{position:absolute;top:110px;left:5%;right:5%;display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.4px;color:var(--light);text-transform:uppercase}.panel-content{position:absolute;left:9%;right:8%;top:50%;transform:translateY(-50%);margin-top:-195px;max-width:780px;will-change:transform}.logo-plate{display:flex;align-items:center;width:max-content;max-width:300px;height:85px;padding:15px 20px;background:#fff;border-radius:4px;margin-bottom:28px}.logo-plate img{object-fit:contain;max-width:230px;max-height:55px;width:auto;height:auto}.world-panel h2{font-size:clamp(54px,6.8vw,104px);letter-spacing:-.065em;line-height:1.06;font-weight:500;color:#fff}.world-panel p{font-size:17px;line-height:1.65;max-width:490px;margin:25px 0;color:#e3e5df}.scene-link{display:inline-flex;gap:35px;align-items:center;font-size:14px;padding:15px 20px;border:1px solid color-mix(in srgb,var(--light) 65%,transparent);border-radius:40px;color:var(--light);transition:background .2s,color .2s}.scene-link:hover{background:var(--light);color:var(--scene)}.scene-link span{font-size:23px}.panel-signature{position:absolute;bottom:74px;right:5%;font-family:Manrope;font-size:clamp(70px,11vw,160px);white-space:nowrap;letter-spacing:-.055em;color:var(--light);opacity:.06;pointer-events:none}.world-controls{position:absolute;z-index:7;bottom:34px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;gap:20px;mix-blend-mode:difference;color:#fff}.world-counter{display:flex;align-items:center;gap:12px;font-size:14px}.counter-line{height:1px;width:35px;background:currentColor;opacity:.6}.world-nav{display:flex;gap:3px}.world-nav button{width:32px;height:44px;padding:0;border:0;background:none;display:grid;place-items:center;color:inherit}.world-nav button span{width:5px;height:5px;background:currentColor;border-radius:50%;opacity:.3;transition:transform .25s,opacity .25s}.world-nav button[aria-current=true] span{opacity:1;transform:scale(1.6)}.world-direction{display:flex;align-items:center;gap:16px;font-size:12px;letter-spacing:1px}.world-direction button{width:44px;height:44px;border:1px solid #ffffff70;color:#fff;background:transparent;border-radius:50%;font-size:23px}.world-progress{position:absolute;bottom:0;left:0;right:0;height:2px;background:#ffffff22;z-index:10}.world-progress span{display:block;height:100%;background:white;width:0}.clean h2,.clean p{color:#16392b}.clean .scene-shade{background:linear-gradient(90deg,#f2f1e9,#f2f1e955),linear-gradient(0deg,#f2f1e9,transparent)}.ai .scene-art{background:radial-gradient(ellipse at 78% 40%,#186551,transparent 58%);opacity:.6}.ai .scene-orbit{width:65vw;right:-10%;border-radius:30%;transform:rotate(-28deg)}.lion .scene-art{background:radial-gradient(ellipse at 90% 10%,#a75050,transparent 65%)}.talks .scene-art{background:radial-gradient(ellipse at 85% 40%,#335ae2,transparent 68%)}.neighbor .scene-orbit{border-radius:5%;transform:rotate(-15deg)}.statement{min-height:90svh;display:flex;flex-direction:column;justify-content:center}.statement-text{font-size:clamp(42px,5.8vw,90px);line-height:1.24}.statement-text span{color:var(--accent)}.statement-foot{margin-top:50px}.dash{background:#141411}.dash h2 em,.project h2 em{font-style:normal}.books{background:#e9ece5}.book{transition:transform .6s}.book:hover{transform:translateY(-8px)}.reveal{opacity:1;transform:none}.reveal:not(.visible){opacity:.18;transform:translateY(35px)}.reveal.visible{opacity:1;transform:none}.dash-grid{align-items:start}.section{padding:100px 7%}.project .form-note{font-size:13px;line-height:1.6}.contact-note{font-size:12px}footer{padding:36px 7% 24px}body a:focus-visible,body button:focus-visible{outline:2px solid var(--accent);outline-offset:5px}
@media(max-width:700px){header{height:78px;padding:0 6%}.nav-cta{font-size:12px}.hero{min-height:600px;padding:106px 6% 30px}.arrival{height:170svh}.hero-art{inset:0 -18% 0 0;opacity:.75}.portrait-frame{background-position:64% center}.hero:after{background:linear-gradient(0deg,#0c0e0d,transparent 100%),linear-gradient(90deg,#0c0e0d66,transparent)}.hero-copy{width:100%;padding-top:clamp(76px,19svh,160px)}h1{font-size:clamp(57px,14.9vw,100px);letter-spacing:-.065em;line-height:1.08;margin:22px 0}.hero-copy .eyebrow{font-size:12px}.hero-copy .intro{font-size:16px;max-width:290px}.hero-bottom{bottom:24px;font-size:12px;left:6%;right:6%}.hero-bottom>span:last-child{display:none}.hero-bottom>a{font-size:12px}.hero-meta{font-size:12px;letter-spacing:.3px}.world{height:680svh}.world-stage{min-height:620px}.world-head{top:24px;left:6%;right:6%;font-size:12px;letter-spacing:.6px}.world-head a{display:none}.panel-label{top:75px;left:6%;right:6%;font-size:12px;letter-spacing:.7px}.panel-label>span:last-child{display:none}.panel-content{left:7%;right:7%;top:50%;margin-top:-205px;max-width:none}.logo-plate{height:68px;max-width:240px;margin-bottom:25px;padding:12px 17px}.logo-plate img{max-width:200px;max-height:43px}.world-panel h2{font-size:clamp(44px,11.5vw,70px);letter-spacing:-.065em;line-height:1.12}.world-panel p{font-size:16px;line-height:1.6;margin:22px 0;max-width:370px}.scene-link{font-size:14px;padding:12px 18px}.scene-art{opacity:.55;background-position:62% center}.scene-shade{background:linear-gradient(0deg,var(--scene) 3%,transparent 160%),linear-gradient(90deg,var(--scene),transparent 180%)}.scene-orbit{width:80vw;right:-30%;top:12%}.panel-signature{bottom:100px;font-size:84px}.world-controls{bottom:25px;left:6%;right:6%;gap:8px}.world-counter{gap:7px;font-size:12px}.counter-line{width:18px}.world-nav{gap:0}.world-nav button{width:25px;min-height:44px}.world-direction span{display:none}.world-direction{gap:0}.world-direction button{width:44px}.section{padding:70px 7%}.statement-text{font-size:clamp(34px,8.4vw,49px);line-height:1.4}.statement-foot{margin-top:35px}.project h2{font-size:42px}.threshold{font-size:clamp(58px,17vw,90px)}.book-label{font-size:12px}.footer-bottom{font-size:12px}}
@media(max-height:660px){.hero{min-height:100svh}.hero-copy{padding-top:25px}h1{font-size:60px}.hero-copy .intro{margin:15px 0}.world-stage{min-height:100svh}.panel-content{margin-top:-175px}.world-panel h2{font-size:42px}.world-panel p{font-size:14px;line-height:1.5;margin:14px 0}.logo-plate{height:50px;margin-bottom:15px}.logo-plate img{max-height:34px}.panel-label{top:62px}.scene-link{padding:8px 16px}.world-controls{bottom:12px}.world-head{top:18px}}
@media(prefers-reduced-motion:reduce){.arrival{height:auto}.hero{position:relative;--entry:0}.hero-copy{opacity:1!important;transform:none!important}.threshold{display:none}.world{height:auto}.world-stage{height:auto;position:relative;overflow:visible}.world-track{width:100%;display:block;transform:none!important}.world-panel{width:100%;height:auto;min-height:100svh;padding:130px 7% 100px}.panel-content{position:relative;inset:auto;margin:0;transform:none!important}.world-head,.world-controls,.world-progress{display:none}.panel-label{top:45px}.scene-art{transform:none!important}.scene-orbit{display:none}.reveal:not(.visible){opacity:1;transform:none}}
.dorado .scene-art{background-image:url('assets/dorado-mansion.webp')}.dash.world-panel .scene-art{background-image:url('assets/dash-estate.webp')}.neighbor .scene-art{background-image:url('assets/goodneighbor-house.webp')}.dorado .logo-plate{background:#182f29}.neighbor .logo-plate{background:#132b47}.scout .logo-plate{background:#161a21}.talks .logo-plate{background:#101010}.dash.world-panel .logo-plate{background:#242523}.clean .logo-plate{background:transparent;padding-left:0}.clean .logo-plate img{max-height:68px}.world-panel.dash{padding:0}.world-panel .logo-plate{overflow:hidden}.hero-bottom{opacity:calc(1 - var(--entry,0))}.panel-content{transform:none}.world-panel h2 br{display:block}.books .book p{font-size:16px}.world-panel a:focus-visible{outline-color:var(--light)}
@media(prefers-reduced-motion:reduce){.world-panel.dash{padding:130px 7% 100px}}
/* Original company logo typography and vectors, scoped from official site source. */
@font-face{font-family:'Dorado Original';src:url('assets/cormorant-original.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:'Talks Original';src:url('assets/talks-display-original.woff2') format('woff2');font-weight:800;font-display:swap}
.world-panel .native-logo{padding:0;background:transparent;border-radius:0;height:85px;max-width:100%;overflow:visible;color:#fff;display:flex;align-items:center;justify-content:flex-start;gap:9px;margin-bottom:28px;width:max-content}
.native-logo img{object-fit:contain;max-width:230px;max-height:65px}.native-logo svg{flex-shrink:0}
.native-lion{--paper:#181316}.native-lion svg{width:43px;height:43px}.native-lion>span{font-family:Manrope,sans-serif;font-size:36px;font-weight:800;letter-spacing:-2px;display:flex;align-items:center;gap:7px}.native-lion .vendor-adv{font-size:10px;letter-spacing:-.3px;align-self:flex-start;margin-top:10px}
.native-ai{font-family:Manrope,sans-serif;line-height:1.03;font-size:19px;letter-spacing:-.05em;font-weight:800;flex-shrink:0;--ink:#fff;--blue:#7276ff}.native-ai .vendor-brand-symbol{font-size:52px;color:var(--blue);font-weight:400;letter-spacing:-.14em;margin-right:8px}.native-ai .vendor-brand-symbol i{font-style:normal;color:var(--ink);font-weight:800;font-size:32px;vertical-align:7px;margin:0 5px}.native-ai .vendor-brand-bottom{display:block;margin-top:5px}
.native-dorado{font-family:'Dorado Original',Cormorant,Didot,'Bodoni 72',Georgia,serif;font-size:26px;letter-spacing:.045em;line-height:.88;font-weight:400}.native-dorado>span{display:block;margin-top:5px}.world-panel .native-dorado{display:block;padding-top:12px}
.native-neighbor{--gold:oklch(78% .07 155);font-family:Inter,sans-serif}.native-neighbor>div{display:flex;align-items:center;gap:12px}.native-neighbor .vendor-leading-none{line-height:1}.native-neighbor .vendor-mt-1\.5{margin-top:6px}
.native-talks{font-family:Manrope,sans-serif;gap:14px!important;line-height:1}.native-talks .vendor-logo-word{font:800 49px/.85 'Talks Original','Barlow Condensed',Impact,sans-serif;letter-spacing:-1px}.native-talks .vendor-logo-dot{color:#ffa6dc}.native-talks .vendor-logo-sub{border-left:1px solid #555;padding-left:14px;font-size:9px;font-weight:800;line-height:1.4;letter-spacing:2px}
.world-panel .native-dash{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#efeae1}.native-dash .vendor-wordmark{font-family:Newsreader,Georgia,serif;font-size:42px;font-weight:400;line-height:1;letter-spacing:.2em;padding-left:.2em}.native-dash .vendor-brand-subtitle{font-family:'Hanken Grotesk',sans-serif;font-size:8px;letter-spacing:.45em;text-transform:uppercase;white-space:nowrap}
/* Mirko's own palette: pure black, white and neutral grey. */
:root{--bg:#080808;--fg:#fafafa;--muted:#aaa;--accent:#fff}.arrival,.hero,.statement,.project,footer{background:#080808}.hero-art{background:#080808}.portrait-frame{filter:grayscale(1);opacity:1}.hero:after{background:linear-gradient(90deg,#080808 4%,#08080866 50%,transparent),linear-gradient(0deg,#080808,transparent 35%)}.threshold{background:#08080866}.hero-meta,.hero-bottom,.intro{color:#c8c8c8}.hero-copy .intro{text-shadow:none}.pill{color:#080808;background:#fff}.pill:hover{background:#dedede}.scroll-track{border-color:#888}.statement-foot,.project p{color:#aaa}.books{background:#f5f5f5}.book{background:#fff}.book p,.books .section-heading p{color:#555}.project input,.project select,.project textarea{background:#101010;color:#fff}.dash.section{background:#111}.statement-text span{color:#bdbdbd}.statement .eyebrow{color:#fff}.section-top{border-top-color:#ffffff35}.books .section-top{border-top-color:#00000035}
@media(max-width:700px){.world-panel .native-logo{height:68px;margin-bottom:25px}.native-lion>span{font-size:32px}.native-lion svg{width:38px;height:38px}.native-dorado{font-size:25px}.native-dash .vendor-wordmark{font-size:38px}.native-dash .vendor-brand-subtitle{font-size:7px;letter-spacing:.28em}.native-logo img{max-height:60px;max-width:230px}.hero-art{opacity:1}.hero:after{background:linear-gradient(0deg,#080808,transparent 100%),linear-gradient(90deg,#08080888,transparent)}.world-panel .native-dorado{padding-top:7px}}
@media(max-width:360px){.native-neighbor{transform:scale(.9);transform-origin:left center}.native-dash .vendor-brand-subtitle{letter-spacing:.2em}}
@media(max-height:660px){.world-panel .native-logo{height:50px;margin-bottom:15px}.native-logo img{max-height:45px}}
.statement{color:#fff}.statement-foot{border-color:#ffffff30}.statement-foot p,.project-grid>div>p,.project .section-top,.footer-bottom{color:#aaa}.books{color:#171717}.book,.book:nth-child(2){background:#fff;color:#171717;border:1px solid #ddd}.book:nth-child(2) .text-link:hover{color:#555}
/* Eight individual living scenes. */
.world-panel .scene-art{opacity:1;inset:-2%;background:none;will-change:transform;overflow:hidden}.scene-orbit,.panel-signature{display:none}.visual-photo,.scout-film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;background-size:cover;background-position:center;transform:scale(1.05);animation-duration:18s;animation-iteration-count:infinite;animation-direction:alternate;animation-timing-function:ease-in-out;animation-play-state:paused;will-change:transform}.scene-playing .visual-photo{animation-play-state:running}.scene-shade{background:linear-gradient(90deg,rgba(5,7,7,.94) 2%,rgba(5,7,7,.78) 30%,rgba(5,7,7,.22) 67%,rgba(5,7,7,.03)),linear-gradient(0deg,rgba(5,7,7,.72),transparent 30%,transparent 85%,rgba(5,7,7,.45));pointer-events:none}.panel-content{left:7%;right:auto;top:clamp(150px,23svh,290px);margin-top:0;max-width:650px;width:51%;z-index:2}.world-panel h2{font-size:clamp(50px,6.1vw,93px)}.world-panel p{max-width:460px}.world-panel .native-logo{margin-bottom:20px}.world-head{mix-blend-mode:normal;color:#fff}.world-head>span{max-width:50%}.world-head button{color:#fff;border:1px solid #ffffff55;border-radius:30px;padding:9px 14px;background:#08080866;font-size:12px;letter-spacing:0;cursor:pointer;position:absolute;right:0;top:-8px}.world-head>a{margin-right:125px}.world-controls{mix-blend-mode:normal}.world-panel .scene-art *{animation-play-state:paused}.world-panel.scene-playing .scene-art *{animation-play-state:running}.motion-paused .scene-art *,.tab-hidden .scene-art *{animation-play-state:paused!important}.lion-studio{background-image:url('assets/lion-studio.webp');background-position:65% center;animation-name:studio-camera}.brand-film-frame{position:absolute;right:7%;bottom:18%;left:62%;border-bottom:1px solid #ffffff65;display:flex;justify-content:space-between;padding-bottom:18px;color:#fff;font-size:11px;letter-spacing:2px;animation:studio-credit 7s ease-in-out infinite alternate}.ai .scene-art{background:radial-gradient(ellipse at 70% 45%,#113d38,#030d0d 80%)}.automation-diagram{position:absolute;width:64%;height:90%;right:-4%;top:5%;perspective:1400px;transform:rotate(-7deg)}.automation-diagram svg{position:absolute;width:100%;height:100%;inset:0}.circuit-base{stroke:#8cf8d1;stroke-width:2;opacity:.25}.circuit-flow{stroke:#bdffe7;stroke-width:3;stroke-linecap:round;stroke-dasharray:8 50;animation:circuit-delivery 3.5s linear infinite;filter:drop-shadow(0 0 5px #7cf8cf)}.workflow-node{position:absolute;padding:23px 26px;background:linear-gradient(135deg,#174b44ed,#082520ee);border:1px solid #7df5c65c;box-shadow:0 25px 80px #0006,inset 0 1px #ffffff30;border-radius:14px;min-width:190px;color:#e6fff8;animation:workflow-float 6s ease-in-out infinite alternate;backdrop-filter:blur(10px)}.workflow-node small{display:block;font-size:10px;letter-spacing:1.5px;color:#8edac1;margin-bottom:14px}.workflow-node strong{display:block;font-family:Manrope,sans-serif;font-size:25px;font-weight:500;letter-spacing:-1px}.workflow-node>span{display:block;font-size:13px;margin-top:10px;color:#a9c7bb}.node-in{left:4%;top:11%;animation-delay:-1s}.node-ai{left:37%;top:38%;min-width:220px;padding:30px}.node-ai strong{font-size:50px;color:#9df8d2}.node-crm{right:3%;top:17%;animation-delay:-3s}.node-out{right:7%;bottom:9%;animation-delay:-4s}.cinema-estate{background-image:url('assets/dorado-mansion.webp');animation-name:cinema-camera}.cinema-matte{position:absolute;inset:0;border-top:35px solid #090d0a;border-bottom:35px solid #090d0a;animation:cinema-aperture 12s ease-in-out infinite alternate}.cinema-caption{position:absolute;right:5%;bottom:14%;font-size:11px;letter-spacing:2px;color:#fff}.neighbor-home{background-image:url('assets/goodneighbor-house.webp');background-position:80% 55%;animation-name:home-camera}.home-story-frame{position:absolute;right:8%;top:18%;bottom:19%;width:36%;border:1px solid #fff8;padding:20px;color:#fff;display:flex;flex-direction:column;justify-content:space-between;font-size:12px;letter-spacing:2px;animation:home-frame 8s ease-in-out infinite alternate}.home-story-frame i{position:absolute;left:-1px;right:-1px;height:1px;background:#fff;top:50%;opacity:.7;animation:house-scan 6s ease-in-out infinite alternate}.clean .scene-art{background:#fff}.restaurant-scene{background-image:url('assets/clean-restaurant.webp');background-position:65% center;animation-name:restaurant-camera}.clean .scene-shade{background:linear-gradient(90deg,#f6f8f5 0%,#f6f8f5dd 35%,#f6f8f542 66%,transparent),linear-gradient(0deg,#e7eee7cc,transparent 40%)}.clean .panel-content{color:#15372c}.clean h2{color:#15372c}.clean p{color:#355547}.clean .scene-link{border-color:#1a5f4c;color:#15372c;background:#fff8}.clean .scene-link:hover{background:#15372c;color:#fff}.product-device{position:absolute;width:clamp(220px,22vw,330px);aspect-ratio:853/1844;right:14%;top:13%;padding:7px;background:#101414;border:1px solid #717977;border-radius:36px;box-shadow:30px 40px 80px #0005,2px 2px 0 #999;transform:rotate(6deg);overflow:hidden;animation:device-drift 9s ease-in-out infinite alternate}.product-device img{width:100%;height:100%;object-fit:cover;display:block;border-radius:29px}.device-reflection{position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,#ffffff18 45%,transparent 54%);pointer-events:none}.clean-device{right:13%;transform:rotate(8deg)}.scout-film{animation:none;transform:scale(1.04);object-position:65% center}.driving-still{background-image:url('assets/scout-driving.jpg')}.scout-device{right:13%;top:12%;transform:rotate(-7deg);animation-name:scout-device-drift}.discovery-caption{position:absolute;right:7%;bottom:15%;font-size:11px;letter-spacing:1.4px;color:#fff}.media-city{background-image:url('assets/talks-miami.jpg');animation-name:media-pan;filter:none}.editorial-gallery{position:absolute;width:62%;right:-10%;height:130%;top:-13%;display:flex;gap:25px;align-items:center;transform:rotate(-9deg);animation:editorial-drift 13s ease-in-out infinite alternate}.editorial-gallery figure{margin:0;flex:0 0 37%;height:63%;position:relative;border:1px solid #ffffff70;box-shadow:0 30px 60px #0008;overflow:hidden;background:#111}.editorial-gallery figure:nth-child(2){transform:translateY(-14%)}.editorial-gallery figure:nth-child(3){transform:translateY(12%)}.editorial-gallery img{width:100%;height:100%;object-fit:cover}.editorial-gallery figure:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0b0b0bcc,transparent 60%)}.editorial-gallery figcaption{position:absolute;left:20px;right:15px;bottom:35px;z-index:2;color:#fff;font-size:12px;letter-spacing:1px}.editorial-gallery figcaption span{display:block;font-family:'Talks Original',Impact,sans-serif;font-weight:800;font-size:60px;letter-spacing:0;color:#ffa6dc;margin-top:6px}.luxury-estate{background-image:url('assets/dash-estate.webp');background-position:70% center;animation-name:estate-camera}.estate-window{position:absolute;right:5%;top:14%;bottom:15%;width:43%;border:1px solid #fff8;display:flex;flex-direction:column;justify-content:space-between;color:#fff;padding:25px;font-size:11px;letter-spacing:2px;animation:estate-window 10s ease-in-out infinite alternate}.clean .world-controls,.clean .world-head{color:#15372c}
@keyframes studio-camera{from{transform:scale(1.03) translateX(0)}to{transform:scale(1.14) translateX(-2%)}}
@keyframes studio-credit{to{transform:translateY(-15px);opacity:.5}}
@keyframes circuit-delivery{to{stroke-dashoffset:-174}}
@keyframes workflow-float{to{transform:translateY(-18px) rotate(2deg)}}
@keyframes cinema-camera{from{transform:scale(1.04) translate(-1%,1%)}to{transform:scale(1.16) translate(1%,-1%)}}
@keyframes cinema-aperture{to{border-top-width:10px;border-bottom-width:10px}}
@keyframes home-camera{to{transform:scale(1.12) translateY(-2%)}}
@keyframes home-frame{to{transform:translateY(-15px)}}
@keyframes house-scan{from{top:24%}to{top:76%}}
@keyframes restaurant-camera{to{transform:scale(1.12) translateX(-2%)}}
@keyframes device-drift{from{transform:translateY(0) rotate(8deg)}to{transform:translateY(-20px) rotate(3deg)}}
@keyframes scout-device-drift{from{transform:translateY(0) rotate(-7deg)}to{transform:translateY(-20px) rotate(-3deg)}}
@keyframes editorial-drift{to{transform:rotate(-6deg) translateY(4%)}}
@keyframes media-pan{to{transform:scale(1.12) translateX(2%)}}
@keyframes estate-camera{to{transform:scale(1.12) translateX(-2%)}}
@keyframes estate-window{to{transform:scale(.96) translateY(8px)}}
@media(max-width:700px){.panel-content{left:7%;right:7%;width:auto;top:25svh;max-width:none}.world-panel h2{font-size:clamp(43px,11.5vw,70px)}.world-panel p{font-size:16px;line-height:1.6;max-width:350px}.world-panel .native-logo{margin-bottom:20px}.scene-shade{background:linear-gradient(0deg,#060808 2%,#060808d9 36%,#0608086b 64%,#0608081a 90%),linear-gradient(90deg,#06080899,transparent 80%)}.visual-photo{background-position:65% center}.world-head>span{font-size:10px;max-width:65%;letter-spacing:.4px}.world-head button{font-size:10px;padding:8px 10px;top:-6px}.automation-diagram{width:115%;right:-40%;height:62%;top:3%;transform:rotate(-8deg)}.workflow-node{padding:15px;min-width:130px;border-radius:9px}.workflow-node strong{font-size:19px}.workflow-node small{font-size:8px;margin-bottom:7px}.workflow-node>span{font-size:10px}.node-ai{min-width:140px;padding:20px}.node-ai strong{font-size:34px}.node-in{left:0;top:8%}.node-ai{left:25%;top:42%}.node-crm{right:1%;top:14%}.node-out{right:2%;bottom:3%}.brand-film-frame{left:50%;right:6%;top:15%;bottom:auto;font-size:8px;letter-spacing:1px;gap:10px}.cinema-matte{border-top-width:14px;border-bottom-width:14px}.cinema-caption,.discovery-caption{display:none}.home-story-frame{right:4%;top:12%;width:60%;bottom:35%;font-size:9px;padding:15px}.clean .scene-shade{background:linear-gradient(0deg,#f6f8f5 12%,#f6f8f5f0 35%,#f6f8f588 62%,#f6f8f530 90%),linear-gradient(90deg,#f6f8f5bb,transparent)}.product-device{width:44%;min-width:0;right:2%;top:11%;border-radius:23px;padding:4px;opacity:.84}.product-device img{border-radius:19px}.clean-device{top:11%;right:1%}.scout-device{top:10%;right:3%}.editorial-gallery{width:125%;right:-48%;height:86%;top:-5%;gap:14px}.editorial-gallery figure{height:66%;flex-basis:37%}.editorial-gallery figcaption{font-size:9px;left:12px;bottom:20px}.editorial-gallery figcaption span{font-size:42px}.estate-window{width:70%;top:13%;bottom:31%;right:4%;padding:15px;font-size:9px;letter-spacing:1px}.world-controls{bottom:23px}}
@media(max-height:700px){.panel-content{top:155px}.world-panel h2{font-size:43px}.world-panel p{font-size:14px;margin:14px 0;line-height:1.55}.world-panel .native-logo{height:50px;margin-bottom:14px}.world-panel .scene-link{padding:9px 16px}}
@media(prefers-reduced-motion:reduce){.panel-content{position:relative;inset:auto;width:auto}.scene-art *{animation:none!important}.scout-film{display:none}.world-panel{padding:130px 7% 100px}.world-panel .scene-art{transform:none!important}.product-device{opacity:.4}.editorial-gallery{opacity:.5}#motion-control{display:none}}
.world-stage[data-theme=light] .world-head,.world-stage[data-theme=light] .world-controls{color:#15372c}.world-stage[data-theme=light] .world-head button{color:#15372c;background:#ffffffaa;border-color:#15372c66}.world-stage[data-theme=light] .world-direction button{color:#15372c;border-color:#15372c77}.world-stage[data-theme=light] .world-progress span{background:#15372c}

/* Portrait framing keeps the face clear of the headline on each screen. */
.portrait-frame{background-position:50% 30%}@media(max-width:700px){.portrait-frame{background-position:55% 30%}}

/* Keep the portrait and the headline in separate layout columns. */
.hero{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);grid-template-rows:auto 1fr;gap:24px clamp(32px,5vw,80px);padding-bottom:110px}
.hero:after{display:none}
.hero-meta{grid-column:1/-1}
.hero-copy{grid-column:1;grid-row:2;align-self:center;width:100%;padding-top:0;min-width:0}
.hero-copy h1{font-size:clamp(58px,7.1vw,112px);line-height:1.08;letter-spacing:-.06em}
.hero-art{position:relative;inset:auto;grid-column:2;grid-row:2;align-self:center;justify-self:end;width:min(100%,380px,40svh);aspect-ratio:3/4;z-index:1;overflow:hidden;border-radius:12px;transform:none!important;will-change:auto;opacity:1;background:none}
.portrait-frame{position:static;display:block;width:100%;height:100%;object-fit:contain;object-position:center;filter:grayscale(1);mask-image:none;background:none;opacity:1;transform:none!important}
@media(max-width:700px){
 .arrival{height:auto}
 .hero{position:relative;height:auto;min-height:100svh;max-height:none;padding:112px 7% 32px;display:flex;flex-direction:column;gap:24px}
 .hero-meta{width:100%;font-size:11px}
 .hero-copy{width:100%;padding:0;transform:none!important;opacity:1!important}
 .hero-copy h1{font-size:clamp(45px,12vw,76px);margin:18px 0;line-height:1.08}
 .hero-copy .intro{max-width:100%;margin:18px 0;font-size:16px}
 .hero-copy .eyebrow{margin-top:10px}
 .hero-art{width:min(76%,290px);align-self:center;flex:none;margin:8px 0 12px;aspect-ratio:3/4}
 .hero-bottom{position:relative;inset:auto;width:100%;margin-top:4px;opacity:1;font-size:10px}
 .hero-bottom>span:first-child{display:none}
 .hero-bottom>a{margin:auto}
 .threshold{display:none}
}
@media(max-width:700px){.hero-meta{order:0}.hero-copy{order:1}.hero-art{order:2}.hero-bottom{order:3}}