/* Kodi / original V2 direction. Existing content and navigation stay in HTML. */
:root{--paper:#f4f5f6;--ink:#202224;--muted:#626568;--accent:#b62440;--line:#d0d3d5}.skip{background:var(--ink);color:var(--paper)}
::selection{color:#fff;background:var(--accent)}.brand-dot{border:0;border-radius:0}.preview-note{background:var(--accent);color:#fff}.mobile-menu nav,.acid-section{background:#e9ecee}.button:hover{color:#fff;background:var(--accent);border-color:var(--accent)}.round-link,.dark-section .button{color:#fff}.quote-section>.eyebrow{color:#f69cac}.dark-section a:focus-visible,.footer a:focus-visible{outline-color:#fff}.round-link:hover,.project-visual:hover img{transform:none}.project-visual{background:#e7e9eb}.audit-ticket{background:#e8ebed;transform:none}.ticket-main{font-size:clamp(58px,6vw,90px)}.type-art i:after,.type-02 b,.type-04 i{background:#ced2d5}.type-art i:after{border-bottom-color:var(--accent)}.portrait{background:#e8ebed}.footer-top h2{letter-spacing:-.04em}.experience-index h2,.signature-hero h1,.demo-simple h1,.editorial-head h1,.cinema-intro h1,.spatial-intro h1,.demo-end h2{font-family:Arial,Helvetica,sans-serif;font-weight:500;letter-spacing:-.075em;line-height:.99}.signature-hero em,.experience-index em,.editorial-head em,.cinema-intro em,.spatial-intro em{font-style:normal;color:var(--accent)}
.signature-hero{padding:32px var(--pad) 0;display:grid;grid-template-columns:minmax(0,1fr);gap:28px}.signature-copy>.eyebrow{font-size:10px;margin-bottom:26px}.signature-hero h1{font-size:clamp(58px,16vw,95px);margin:0 0 24px}.hero-kicker{display:block;font-size:15px;line-height:1.5;letter-spacing:-.025em;margin-bottom:16px}.hero-bottom{display:flex;gap:18px;align-items:start;flex-wrap:wrap}.hero-bottom p{font-size:15px;line-height:1.5;letter-spacing:-.02em;margin-bottom:0}.hero-bottom .button{min-width:180px}.signature-art{position:relative;isolation:isolate;overflow:hidden;aspect-ratio:1.16;background:#25272a;color:#f4f5f6;container-type:inline-size}.art-index,.art-label,.art-coordinate{position:absolute;z-index:4;font:9px/1.6 Arial,sans-serif;letter-spacing:.1em}.art-index{top:20px;left:20px}.art-label{bottom:20px;left:20px;letter-spacing:.02em;font-size:12px}.art-coordinate{bottom:20px;right:20px;text-align:right;color:#c4c7ca}.signature-g,.signature-m{font:bold 93cqw/.85 Arial,sans-serif;position:absolute;letter-spacing:-.13em;user-select:none}.signature-g{top:13%;left:-6%;color:#b62440;transform:rotate(-12deg) skewY(8deg);text-shadow:1px 2px #811b30,2px 4px #811b30,3px 6px #811b30,4px 8px #811b30,5px 10px #811b30,6px 12px #811b30,7px 14px #811b30,8px 16px #811b30,9px 18px #811b30,10px 20px #811b30}.signature-m{top:27%;left:26%;font-size:82cqw;color:transparent;background:#dfdad3 url('assets/rtb-racunalo-hero-640.webp') center top/cover;background-clip:text;-webkit-background-clip:text;transform:rotate(-12deg) skewY(8deg);filter:drop-shadow(9px 18px 0 #767a7d)}.hero-footnote{display:flex;gap:14px;flex-wrap:wrap;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 0 22px;font:10px/1.7 Arial,sans-serif}.hero-footnote>span{width:100%;color:var(--muted)}.hero-footnote a{padding:6px 0}.hero-footnote a:hover{text-decoration:underline;text-underline-offset:5px}
.experience-index{padding-top:72px}.experience-heading h2{font-size:clamp(43px,7vw,98px);margin:24px 0}.experience-heading>p{max-width:500px;font-size:16px}.experience-list{margin-top:38px}.experience-row{display:grid;grid-template-columns:25px minmax(0,1fr) 28px;gap:14px;align-items:start;padding:26px 0;border-top:1px solid var(--line)}.experience-number{font:10px/1.5 monospace;padding-top:5px}.experience-row h3{font:500 32px/1.05 Arial,sans-serif;letter-spacing:-.05em;margin:0 0 12px}.experience-row p{font-size:14px;margin-bottom:0}.experience-detail{display:none}.experience-arrow{font-size:30px;line-height:1;transition:transform .2s}.experience-row:hover .experience-arrow{transform:translate(3px,-3px)}.experience-row:hover h3{color:var(--accent)}.concept-note{font-size:11px;color:var(--muted);margin:28px 0 0;max-width:630px}.intro-section{background:#e9ecee}.projects-grid .project-visual{padding:14px}.project:first-child .project-visual{padding:20px}.demo-label{padding:20px var(--pad);display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-size:11px}.demo-label>span{color:var(--muted)}.demo-nav{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:0 var(--pad)}.demo-nav a{font-size:13px;padding:18px 10px 18px 0}.demo-nav a span{font:10px monospace;margin-right:8px;color:var(--muted)}.demo-nav a[aria-current]{color:var(--accent);font-weight:bold;text-decoration:none}.demo-nav a:hover{text-decoration:underline;text-underline-offset:5px}.demo-end{background:#e8ebed}.demo-end h2{font-size:clamp(42px,7vw,95px);margin:25px 0}.demo-end>p{max-width:520px}.demo-lead{font-size:20px;line-height:1.5;max-width:630px}.demo-simple{max-width:1180px;margin:auto;padding:55px var(--pad)}.demo-simple h1,.editorial-head h1,.cinema-intro h1,.spatial-intro h1{font-size:clamp(60px,9vw,128px);margin:28px 0}.demo-simple>.eyebrow{color:var(--accent)}.simple-work{margin-top:50px}.simple-work img{width:100%;border:1px solid var(--line)}.simple-work p,figcaption{font-size:11px;margin:12px 0 30px;color:var(--muted)}.simple-details{margin-top:55px}.simple-details h2{font-size:50px}.simple-details p{max-width:490px}.demo-editorial{padding:55px var(--pad)}.editorial-head{border-bottom:1px solid var(--line);padding-bottom:35px}.editorial-toc{display:flex;flex-direction:column;align-items:start;gap:10px;font-size:13px;padding:30px 0}.editorial-toc a{min-height:40px;display:flex;align-items:center}.editorial-toc a:hover{text-decoration:underline}.editorial-layout article{padding:45px 0;border-bottom:1px solid var(--line);scroll-margin-top:35px}.editorial-layout article h2{font-family:Arial,sans-serif;font-size:clamp(36px,4vw,57px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:25px 0}.editorial-layout article p{max-width:620px}.editorial-layout figure{margin:32px 0}.editorial-layout figure img{width:100%}.cinema-intro{padding:65px var(--pad) 55px;background:var(--ink);color:var(--paper)}.cinema-intro em{color:#f395a7}.cinema-intro>p{max-width:510px}.cinema-scroll{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #606365;max-width:510px;padding:22px 0;font-size:12px}.cinema-scroll>span{font-size:26px}.cinema-story{position:relative;background:var(--ink);color:var(--paper)}.cinema-sticky{display:none}.cinema-chapters{position:relative;z-index:2}.cinema-chapters article{padding:65px var(--pad);border-top:1px solid #56595b}.cinema-chapters h2{font-family:Arial,sans-serif;font-weight:500;font-size:clamp(44px,8vw,114px);letter-spacing:-.07em;margin:24px 0}.cinema-chapters p{max-width:350px;color:#d6d8da}.cinema-chapters .button{background:var(--paper);color:var(--ink)}.cinema-credit{padding:20px var(--pad);font-size:11px;background:var(--ink);color:#c4c7ca;margin:0}.cinema-story.is-motion .cinema-sticky{display:block;position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;margin-bottom:-100svh;perspective:1300px}.cinema-story.is-motion .cinema-chapters article{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:55px;border:0}.cinema-screen{position:absolute;width:min(79%,950px);left:10%;top:8%;transform:translateY(var(--film-y,0px)) rotateX(var(--film-rx,35deg)) rotateZ(var(--film-rz,-12deg)) scale(var(--film-scale,.78));transform-origin:center;will-change:transform;border:8px solid #e9ebed;border-bottom:0;background:#e9ebed;color:var(--ink);box-shadow:12px 14px 0 #75797c}.cinema-screen img{width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}.cinema-screen>span{display:block;font:8px/1.5 monospace;letter-spacing:.15em;padding:10px}.cinema-axis{position:absolute;inset:0;background:linear-gradient(90deg,transparent calc(50% - .5px),#44464a 50%,transparent calc(50% + .5px));opacity:.7}.cinema-counter{position:absolute;top:26px;right:var(--pad);font:12px monospace}.cinema-caption{position:absolute;top:26px;left:var(--pad);font:9px Arial,sans-serif;color:#c4c7ca}.cinema-chapters article .button{align-self:start}.spatial-intro{padding:48px var(--pad) 25px}.spatial-intro>p{max-width:450px}.spatial-lab{padding:0 var(--pad) 60px}.spatial-stage{position:relative;background:#25272a;aspect-ratio:1/1.08;min-height:330px;overflow:hidden;isolation:isolate}.spatial-poster{position:absolute;inset:0;display:grid;place-items:center}.spatial-poster>.signature-art{height:100%;max-width:720px;width:100%;aspect-ratio:auto}.spatial-poster .art-index,.spatial-poster .art-label,.spatial-poster .art-coordinate{display:none}.spatial-stage canvas{position:absolute;inset:0;display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}.spatial-stage canvas:active{cursor:grabbing}.spatial-stage canvas:focus-visible{outline:3px solid #fff;outline-offset:-5px}.scene-caption{position:absolute;z-index:3;inset:20px 20px auto;display:flex;justify-content:space-between;gap:20px;font:9px/1.6 monospace;letter-spacing:.02em;color:#fff;pointer-events:none}.scene-caption>span:last-child{text-align:right;max-width:170px}.scene-toolbar{padding:22px 0;border-bottom:1px solid var(--line);display:flex;gap:20px;flex-wrap:wrap;align-items:center}.scene-toolbar p{font-size:11px;color:var(--muted);margin:0;max-width:270px}.scene-controls{display:flex;gap:8px;flex-wrap:wrap}.scene-controls[hidden]{display:none}.scene-controls button{min-height:46px;min-width:46px;border:1px solid var(--ink);background:transparent;padding:10px 14px;font-size:12px;cursor:pointer}.scene-controls button:hover{background:var(--ink);color:#fff}.scene-description{padding-top:28px;display:grid;gap:18px}.scene-description p{font-size:14px;max-width:600px;margin:0}.scene-fallback{padding:20px 0}.scene-toolbar>[hidden]{display:none}.spatial-stage.is-ready .spatial-poster{display:none}
@media(min-width:700px){.signature-hero{grid-template-columns:1.1fr 1fr;gap:30px;align-items:center;padding-top:52px}.signature-hero h1{font-size:7.3vw}.signature-copy>.eyebrow{margin-bottom:32px}.hero-kicker{font-size:17px;margin-bottom:24px}.signature-art{aspect-ratio:.95}.hero-footnote{grid-column:1/-1}.hero-footnote>span{width:auto}.experience-index{display:grid;grid-template-columns:1fr 1fr;gap:45px}.experience-heading h2{font-size:5.5vw}.experience-list{margin-top:0}.concept-note{grid-column:1/-1;margin-top:0}.experience-row h3{font-size:36px}.demo-nav{grid-template-columns:repeat(4,1fr)}.simple-details{display:grid;grid-template-columns:1fr 1fr;gap:50px}.editorial-layout{display:grid;grid-template-columns:1fr 2fr;gap:55px}.editorial-toc{position:sticky;top:20px;align-self:start;padding-top:45px}.cinema-story.is-motion .cinema-chapters article{justify-content:center;width:57%}.cinema-story.is-motion .cinema-screen{width:58%;left:42%;top:23%}.cinema-caption{bottom:25px;top:auto}.cinema-chapters h2{font-size:8vw}.cinema-chapters article{padding-right:20px}.spatial-intro{display:grid;grid-template-columns:1.3fr 1fr;align-items:end;gap:50px}.spatial-intro h1{font-size:7.4vw}.spatial-intro>p{margin-bottom:35px}.spatial-stage{aspect-ratio:2;max-height:700px}.scene-caption{inset:25px 30px auto;font-size:11px}.scene-caption>span:last-child{max-width:330px}.scene-description{grid-template-columns:.65fr 1.35fr 1fr;gap:45px}}
@media(min-width:1100px){.signature-hero{padding-top:55px;grid-template-columns:1.2fr 1fr;gap:40px}.signature-hero h1{font-size:clamp(90px,8.1vw,148px)}.signature-copy>.eyebrow{margin-bottom:50px}.signature-art{aspect-ratio:1.08}.hero-kicker{font-size:19px;margin-bottom:25px}.hero-bottom{align-items:center;gap:40px;margin-top:40px}.hero-bottom p{font-size:16px}.hero-footnote{padding-bottom:25px;font-size:11px}.experience-index{padding-top:115px;padding-bottom:105px;gap:80px}.experience-heading h2{font-size:clamp(58px,5.9vw,100px)}.experience-heading>p{margin-top:35px;max-width:420px}.experience-row{padding:27px 0;grid-template-columns:35px 1fr 35px}.experience-row h3{font-size:43px}.experience-detail{display:block;font-size:11px;color:var(--muted);margin-top:8px}.experience-row p{font-size:15px}.experience-arrow{font-size:38px}.concept-note{margin-top:-25px}.cinema-story.is-motion .cinema-screen{top:20%}.cinema-chapters article p{font-size:18px}.cinema-story.is-motion .cinema-chapters article{padding-bottom:65px}.spatial-intro h1{font-size:105px}.spatial-intro{padding-top:55px}.scene-toolbar{gap:30px}.scene-toolbar p{margin-left:auto}.art-index{font-size:10px;left:27px;top:25px}.art-label{font-size:15px;left:27px;bottom:25px}.art-coordinate{right:27px;bottom:25px}}
.spatial-stage{width:100%;min-width:0}.cinema-story.is-motion{display:grid;grid-template-columns:minmax(0,1fr)}.cinema-story.is-motion .cinema-sticky{grid-area:1/1;align-self:start;margin-bottom:0;pointer-events:none}.cinema-story.is-motion .cinema-chapters{grid-area:1/1;min-width:0}
@media(prefers-reduced-motion:reduce){.cinema-story.is-motion .cinema-sticky{display:none}.cinema-story.is-motion .cinema-chapters article{min-height:0;width:100%;padding:65px var(--pad)}.cinema-screen{will-change:auto}.experience-row:hover .experience-arrow{transform:none}}