/*! tailwindcss v4.2.1 | MIT License | https://tailwindcss.com */
@layer theme{:root,:host{--font-sans:ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--spacing:.25rem;--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}
}
@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}
::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}
html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}
hr{height:0;color:inherit;border-top-width:1px}
abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}
a{color:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}
b,strong{font-weight:bolder}
code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}
small{font-size:80%}
sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}
sub{bottom:-.25em}
sup{top:-.5em}
table{text-indent:0;border-color:inherit;border-collapse:collapse}
:-moz-focusring{outline:auto}
progress{vertical-align:baseline}
summary{display:list-item}
ol,ul,menu{list-style:none}
img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}
img,video{max-width:100%;height:auto}
button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}
:where(select:is([multiple],[size])) optgroup{font-weight:bolder}
:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}
::file-selector-button{margin-inline-end:4px}
::placeholder{opacity:1}
@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}
@supports (color:color-mix(in lab, red, red)){::placeholder{color:color-mix(in oklab, currentcolor 50%, transparent)}
}
}
textarea{resize:vertical}
::-webkit-search-decoration{-webkit-appearance:none}
::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}
::-webkit-datetime-edit{display:inline-flex}
::-webkit-datetime-edit-fields-wrapper{padding:0}
::-webkit-datetime-edit{padding-block:0}
::-webkit-datetime-edit-year-field{padding-block:0}
::-webkit-datetime-edit-month-field{padding-block:0}
::-webkit-datetime-edit-day-field{padding-block:0}
::-webkit-datetime-edit-hour-field{padding-block:0}
::-webkit-datetime-edit-minute-field{padding-block:0}
::-webkit-datetime-edit-second-field{padding-block:0}
::-webkit-datetime-edit-millisecond-field{padding-block:0}
::-webkit-datetime-edit-meridiem-field{padding-block:0}
::-webkit-calendar-picker-indicator{line-height:1}
:-moz-ui-invalid{box-shadow:none}
button,input:where([type=button],[type=reset],[type=submit]){appearance:button}
::file-selector-button{appearance:button}
::-webkit-inner-spin-button{height:auto}
::-webkit-outer-spin-button{height:auto}
[hidden]:where(:not([hidden=until-found])){display:none!important}
}
@layer components;@layer utilities{.visible{visibility:visible}
.relative{position:relative}
.start{inset-inline-start:var(--spacing)}
.table{display:table}
.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
}
:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#071016;--paper:#f3f1e8;--cyan:#70eaf0;--coral:#ff6673;--acid:#d9ff45;--panel:#060c14f5;--panel-surface:linear-gradient(145deg, #111c24f7, var(--panel));--panel-edge:#86e5ec8f;--panel-border:2px;--panel-cut:13px;--body-copy:#edf4f1ed;--gutter:max(42px, calc((100% - 1320px) / 2));background:#02050a}
*{box-sizing:border-box}
html,body{scroll-behavior:smooth;scroll-padding-top:82px;background:#02050a;min-width:320px;margin:0}
body{overflow-x:hidden}
a:focus-visible{outline:3px solid var(--acid);outline-offset:4px}
.world{isolation:isolate;background:#03070c;width:min(100%,1500px);height:clamp(2800px,210.76vw,3162px);margin-inline:auto;position:relative;overflow:hidden;box-shadow:-80px 0 120px #000000d1,80px 0 120px #000000d1}
.world-art{z-index:-4;object-fit:cover;object-position:center top;width:100%;height:100%;position:absolute;inset:0}
.world-shade,.sky-grade{pointer-events:none;position:absolute;inset:0}
.world-shade{z-index:-2;background:linear-gradient(90deg,#01030780,#0000 8% 92%,#01030780),repeating-linear-gradient(0deg,#0000 0 3px,#00000014 3px 4px);box-shadow:inset 0 0 90px #00000094,inset 0 0 240px #0003}
.sky-grade{z-index:-3;mix-blend-mode:screen;background:radial-gradient(58% 30% at 50% 54%,#ff704961,#cf467133 34%,#0000 72%),linear-gradient(#0000 28%,#433e8924 69%,#b3426d38 86%,#ff53465c);height:28%;-webkit-mask-image:linear-gradient(#000 0 80%,#0000 100%);mask-image:linear-gradient(#000 0 80%,#0000 100%)}
.levels{z-index:2;grid-template-rows:18fr 27fr 20fr 17fr 18fr;height:100%;display:grid;position:relative}
.level{min-width:0;padding-inline:var(--gutter);display:flex;position:relative}
.anchor-target{scroll-margin-top:82px}
.level:after{content:"";z-index:-1;pointer-events:none;filter:blur(38px);opacity:.22;border-radius:50%;position:absolute}
.level--rooftop{align-items:flex-start;padding-top:96px}
.level--rooftop:after{background:#03070d;width:52%;height:58%;top:12%;left:1%}
.level--street{justify-content:flex-end;align-items:center}
.level--street:after{background:#03070d;width:55%;height:62%;top:19%;right:0}
.level--utility{justify-content:center;align-items:center}
.level--utility:after{background:#03070d;border-radius:20%;height:66%;top:18%;left:8%;right:8%}
.level--hideout{justify-content:flex-end;align-items:flex-start;padding-top:clamp(28px,2.8vw,44px)}
.level--hideout:after{background:#03070d;width:54%;height:66%;top:18%;right:1%}
.level--metro{justify-content:flex-end;align-items:center}
.level--metro:after{background:#03070d;width:57%;height:68%;top:17%;right:0}
.topbar{z-index:20;color:#eef0ea;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);width:min(1360px,100% - 42px);min-height:58px;font:700 11px/1 var(--font-geist-mono), monospace;letter-spacing:.11em;background:#050911b3;border:1px solid #c2d6de42;grid-template-columns:1fr auto auto 1fr;align-items:center;column-gap:clamp(18px,2vw,32px);padding:0 18px;display:grid;position:fixed;top:18px;left:50%;transform:translate(-50%);box-shadow:0 8px 34px #00000042}
.topbar a{color:inherit;text-decoration:none}
.monogram{font:900 24px/1 var(--font-geist-sans), sans-serif;letter-spacing:-.08em;justify-self:start}
.monogram span{color:var(--coral)}
.topbar nav{align-items:center;gap:clamp(18px,2.4vw,40px);display:flex}
.topbar nav a{opacity:.66;transition:color .2s,opacity .2s,text-shadow .2s}
.topbar nav a:hover,.topbar nav a:focus-visible{color:#bffbff;opacity:1;text-shadow:0 0 14px #60e0ffcc}
.language-switch{font:850 10px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;border-left:1px solid #70eaf03d;align-items:center;gap:6px;margin-left:clamp(24px,4vw,64px);padding-left:clamp(18px,2vw,30px);display:flex}
.language-switch a{color:#eef0ea;opacity:.5;transition:color .2s,opacity .2s,text-shadow .2s}
.language-switch a:hover,.language-switch a:focus-visible{color:var(--cyan);opacity:1;text-shadow:0 0 12px #60e0ff99}
.language-switch a[aria-current="page"]{color:var(--acid);opacity:1;text-shadow:0 0 11px #d9ff4566}
.language-switch span{color:var(--coral);opacity:.8}
.availability{justify-self:end;align-items:center;gap:9px;display:flex}
.availability i{background:var(--acid);flex:none;width:7px;height:7px;box-shadow:0 0 14px #d9ff45e6}
.hero-copy{width:min(820px,70%);color:var(--paper)}
.hero-copy h1{color:var(--paper);font:950 clamp(46px, 5.05vw, 74px)/.84 var(--font-geist-sans), sans-serif;font-kerning:none;letter-spacing:0;text-transform:uppercase;text-shadow:3px 3px #080b12eb,0 0 26px #59dbf02e;margin:0}
.hero-line{white-space:nowrap;display:block}
.hero-title--mobile{display:none}
.hero-line--accent{color:var(--coral);text-shadow:4px 4px #080b12f0,0 0 24px #ff526657}
.role-panel,.street-profile,.process-node,.hideout-portfolio,.metro-contact{color:var(--body-copy);background:var(--panel-surface);border:var(--panel-border) solid var(--panel-edge);clip-path:polygon(0 0, calc(100% - var(--panel-cut)) 0, 100% var(--panel-cut), 100% 100%, var(--panel-cut) 100%, 0 calc(100% - var(--panel-cut)))}
.role-panel{width:min(430px,80%);margin-top:26px;box-shadow:7px 7px #020408b8,inset 0 0 28px #4fcfe10d}
.role-panel__body{padding:18px 20px 17px}
.role-label{color:var(--ink);background:var(--acid);font:850 10px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;padding:8px 11px;display:inline-flex;box-shadow:4px 4px #ff5062cc}
.role-panel p{color:var(--body-copy);font:450 clamp(14px, 1.05vw, 16px)/1.62 var(--font-geist-sans), sans-serif;margin:15px 0 0}
.hero-actions{border-top:1px solid #7bdfe83d;gap:18px;margin-top:18px;padding-top:14px;display:flex}
.hero-actions a{color:var(--cyan);font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.1em;text-decoration:none}
.hero-actions a:first-child{color:var(--coral)}
.hero-actions a:hover{color:var(--acid)}
.street-profile{color:#eef4f1;width:min(620px,50%);box-shadow:0 0 0 7px #03070cb8,0 0 0 9px #ff5d6c4d,16px 18px #0104088c,0 0 34px #42dae62e}
.panel-header{min-height:32px;color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0 38%, var(--coral) 38% 100%);font:850 9px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 16px;display:flex}
.panel-header>span:last-child{text-align:right}
.street-profile__body{padding:clamp(22px,2.1vw,32px) clamp(24px,2.5vw,38px) 28px}
.street-profile h2{color:var(--paper);font:900 clamp(25px, 2.1vw, 34px)/1.02 var(--font-geist-sans), sans-serif;letter-spacing:-.045em;margin:0 0 24px}
.street-profile p{max-width:58ch;color:var(--body-copy);font:450 clamp(14px, 1.05vw, 16px)/1.68 var(--font-geist-sans), sans-serif;margin:0}
.street-profile p+p{margin-top:18px}
.street-profile__sectors{color:var(--acid);font:750 10px/1.3 var(--font-geist-mono), monospace;letter-spacing:.09em;background:#02070cdb;border-top:1px solid #7bdfe84d;flex-wrap:wrap;align-items:center;gap:8px 11px;padding:15px 22px 16px;display:flex}
.street-profile__sectors i{background:var(--coral);width:4px;height:4px;box-shadow:0 0 8px #ff6673cc}
.utility-process{color:#eef2ed;width:min(1220px,100%)}
.utility-process__label{width:min(760px,72%);min-height:32px;color:var(--ink);background:linear-gradient(90deg, var(--cyan) 0 38%, var(--coral) 38% 100%);border:var(--panel-border) solid var(--panel-edge);clip-path:polygon(0 0, calc(100% - var(--panel-cut)) 0, 100% var(--panel-cut), 100% 100%, var(--panel-cut) 100%, 0 calc(100% - var(--panel-cut)));font:850 9px/1 var(--font-geist-mono), monospace;letter-spacing:.12em;justify-content:space-between;align-items:center;margin:0 auto;padding:0 16px;display:flex;box-shadow:7px 7px #020408b8}
.utility-process>h2{max-width:980px;color:var(--paper);text-align:center;text-transform:uppercase;font:900 clamp(23px, 2.2vw, 34px)/1.02 var(--font-geist-sans), sans-serif;letter-spacing:-.045em;text-shadow:3px 3px #03060ae6;margin:18px auto 30px}
.utility-process__flow{grid-template-columns:repeat(3,1fr);gap:clamp(30px,4vw,66px);display:grid;position:relative}
.utility-process__flow:before{content:"";z-index:-1;background:linear-gradient(180deg, #394550 0 22%, #0b1016 22% 43%, var(--cyan) 43% 57%, #0b1016 57% 78%, #28343f 78%);border:2px solid #03070b;height:12px;position:absolute;top:50%;left:13%;right:13%;transform:translateY(-50%);box-shadow:0 0 0 4px #161f27e6,0 0 18px #50e1eb52}
.process-node{min-height:205px;padding:25px 24px 24px;position:relative;box-shadow:0 0 0 6px #020508b8,10px 12px #0000007a,inset 0 0 28px #6fe8f00a}
.process-node__number{width:34px;height:34px;color:var(--ink);background:var(--cyan);font:900 11px/1 var(--font-geist-mono), monospace;place-items:center;display:inline-grid;box-shadow:4px 4px #ff6170cc}
.process-node--idea .process-node__number{background:var(--coral);box-shadow:4px 4px #70eaf0cc}
.process-node--execution .process-node__number{background:var(--acid)}
.process-node h3{color:var(--paper);text-transform:uppercase;font:900 clamp(22px, 2vw, 30px)/1 var(--font-geist-sans), sans-serif;letter-spacing:-.035em;margin:24px 0 12px}
.process-node p{color:var(--body-copy);font:450 clamp(13px, .96vw, 15px)/1.58 var(--font-geist-sans), sans-serif;margin:0}
.hideout-portfolio{grid-template-rows:32px auto 42px;width:min(590px,43%);text-decoration:none;transition:transform .18s,box-shadow .18s,filter .18s;display:grid;box-shadow:14px 16px #00000094,0 0 0 3px #68978f4d,0 0 30px #5df2d624}
.hideout-portfolio:hover,.hideout-portfolio:focus-visible{filter:brightness(1.1);transform:translateY(-3px);box-shadow:14px 19px #00000094,0 0 0 3px #6fbeb166,0 0 34px #5df2d640}
.hideout-portfolio__action{font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.11em;align-items:center;padding-inline:15px;display:flex}
.hideout-portfolio img{aspect-ratio:596/335;object-fit:cover;filter:saturate(.94)contrast(1.03);border-block:2px solid #6fddcd47;width:100%;height:auto;display:block}
.hideout-portfolio__action{color:#ff7a84;background:repeating-linear-gradient(90deg,#ffffff08 0 2px,#0000 2px 5px),#090f10}
.portfolio-tv{width:min(790px,62%);color:#e8eee8;filter:drop-shadow(18px 22px 18px #000b);outline:none;position:relative}
.portfolio-tv:focus-visible{filter:drop-shadow(18px 22px 18px #000b) drop-shadow(0 0 8px var(--acid))}
.portfolio-tv__topline{min-height:30px;color:#e8d9bf;background:linear-gradient(180deg,#30251f,#17110f);border:2px solid #6d5445;border-bottom:0;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.12em;justify-content:space-between;align-items:center;padding:0 15px;display:flex;box-shadow:inset 0 1px #9f7a6147}
.portfolio-tv__set{background:linear-gradient(145deg,#382c25 0 6%,#18120f 35% 78%,#32241d);border:3px solid #5c493d;border-radius:11px 11px 18px 18px;grid-template-columns:minmax(0,1fr) 92px;gap:13px;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #100b09,inset 0 0 28px #000c,0 4px #0c0807}
.portfolio-tv__set:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(110deg,#ffffff05 0 1px,#0000 1px 8px);border-radius:inherit;position:absolute;inset:0}
.portfolio-tv__screen{aspect-ratio:16/9;background:#020507;border:8px solid #090807;border-radius:7%/10%;min-width:0;position:relative;overflow:hidden;box-shadow:0 0 0 3px #57493d,inset 0 0 38px #000,0 0 18px #67e0df24}
.portfolio-tv__screen:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(ellipse at center,#0000 48%,#0008 100%);position:absolute;inset:0;box-shadow:inset 0 0 34px #000b}
.portfolio-tv__slide{object-fit:cover;width:100%;height:100%;transition:filter .12s,transform .18s,opacity .08s;position:absolute;inset:0}
.portfolio-tv__scanlines{z-index:4;pointer-events:none;mix-blend-mode:multiply;opacity:.38;background:repeating-linear-gradient(0deg,#0000 0 2px,#0007 2px 3px);position:absolute;inset:0}
.portfolio-tv__static{z-index:6;pointer-events:none;opacity:0;background:url("/gallery/static-reference.png") center/cover;position:absolute;inset:-8%;transform:scale(1.1);filter:contrast(1.6) brightness(1.2)}
.portfolio-tv__flash{z-index:5;pointer-events:none;opacity:0;background:#dff;position:absolute;inset:0;transform:scaleY(.01)}
.portfolio-tv__osd{z-index:8;color:#d9ff45;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.09em;justify-content:space-between;display:flex;position:absolute;top:17px;left:20px;right:20px;text-shadow:0 0 7px #cfff00}
.portfolio-tv__signal{color:#ff7a84}
.portfolio-tv__caption{z-index:8;background:linear-gradient(90deg,#020507e8,#02050770 78%,#0000);padding:22px 54px 16px 20px;position:absolute;left:0;right:0;bottom:0}
.portfolio-tv__caption small{color:var(--cyan);font:800 8px/1 var(--font-geist-mono),monospace;letter-spacing:.12em;display:block}
.portfolio-tv__caption strong{color:#f2f0e7;font:850 clamp(16px,1.6vw,23px)/1 var(--font-geist-sans),sans-serif;letter-spacing:-.035em;margin-top:7px;display:block;text-shadow:2px 2px #000}
.portfolio-tv__console{border-left:1px solid #765a454f;flex-direction:column;align-items:center;gap:11px;padding:3px 2px 1px;display:flex;position:relative}
.portfolio-tv__brand{color:#d9cbb6;text-align:center;font:900 11px/.85 var(--font-geist-sans),sans-serif;letter-spacing:-.04em}
.portfolio-tv__brand span{color:#b18466;font:700 7px/1 var(--font-geist-mono),monospace;letter-spacing:.16em}
.portfolio-tv__readout{width:54px;color:#ff826f;text-align:center;background:#080707;border:2px inset #41372f;padding:6px 4px 5px;box-shadow:inset 0 0 8px #000,0 0 8px #ff66551f}
.portfolio-tv__readout small{color:#7de5e6;font:700 6px/1 var(--font-geist-mono),monospace;letter-spacing:.11em;display:block}
.portfolio-tv__readout strong{font:800 15px/1 var(--font-geist-mono),monospace;margin-top:4px;display:block;text-shadow:0 0 6px #ff6655}
.portfolio-tv__knob{cursor:pointer;width:44px;height:44px;color:#d5c7b4;background:radial-gradient(circle at 36% 31%,#51463b 0 9%,#27201c 28% 57%,#0d0a09 60% 100%);border:2px solid #766251;border-radius:50%;place-items:center;display:grid;box-shadow:inset -4px -5px 9px #0009,3px 4px 5px #000b;transition:transform .13s,filter .13s}
.portfolio-tv__knob span{font:800 17px/1 var(--font-geist-mono),monospace;transform:translateY(-1px)}
.portfolio-tv__knob:hover,.portfolio-tv__knob:focus-visible{filter:brightness(1.25);outline:2px solid var(--cyan);outline-offset:2px}
.portfolio-tv__knob:active{transform:rotate(18deg) scale(.96)}
.portfolio-tv__speaker{opacity:.7;background:radial-gradient(circle,#090706 0 1.5px,#0000 1.8px) 0 0/7px 7px;width:58px;min-height:50px;margin-top:auto}
.portfolio-tv__footer{min-height:38px;color:#d5c7b4;background:linear-gradient(180deg,#251b17,#100c0a);border:2px solid #5c493d;border-top:0;border-radius:0 0 9px 9px;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:0 14px;display:grid}
.portfolio-tv__footer span,.portfolio-tv__footer a{font:750 8px/1 var(--font-geist-mono),monospace;letter-spacing:.1em}
.portfolio-tv__footer>span:first-child{align-items:center;gap:7px;display:flex}
.portfolio-tv__footer i{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px var(--acid)}
.portfolio-tv__count{color:var(--cyan)}
.portfolio-tv__footer a{color:var(--coral);justify-self:end;text-decoration:none}
.portfolio-tv__footer a:hover,.portfolio-tv__footer a:focus-visible{color:var(--acid);outline:none}
.portfolio-tv.is-tuning .portfolio-tv__static{opacity:.92;animation:tv-static .11s steps(2,end) infinite}
.portfolio-tv.is-tuning .portfolio-tv__slide{filter:brightness(2.2) contrast(1.8) grayscale(1);transform:scaleY(.025) scaleX(.96);opacity:.38}
.portfolio-tv.is-tuning .portfolio-tv__flash{opacity:1;animation:tv-flash .32s ease-out}
.portfolio-tv.is-tuning .portfolio-tv__signal{color:var(--acid)}
.portfolio-tv.is-tuning .portfolio-tv__signal:after{content:" TUNING"}
.portfolio-tv.is-locked .portfolio-tv__static{opacity:.18}
.portfolio-tv.is-locked .portfolio-tv__slide{filter:saturate(.8) contrast(1.3) brightness(1.15);transform:scale(1.018)}
@keyframes tv-static{0%{background-position:0 0;transform:translate(0) scale(1.1)}25%{background-position:12% 40%;transform:translate(-2%,1%) scale(1.12)}50%{background-position:78% 12%;transform:translate(1%,-2%) scale(1.1)}75%{background-position:22% 88%;transform:translate(2%,1%) scale(1.13)}100%{background-position:100% 100%;transform:translate(-1%) scale(1.1)}}
@keyframes tv-flash{0%{opacity:0;transform:scaleY(.01)}35%{opacity:.95;transform:scaleY(.016)}100%{opacity:0;transform:scaleY(1)}}
.metro-contact{width:min(680px,48%);box-shadow:13px 15px #00000080,0 0 0 3px #74969e3d,0 0 28px #68e2ec24}
.metro-contact h2{color:var(--paper);text-transform:uppercase;font:950 clamp(27px, 3vw, 46px)/.86 var(--font-geist-sans), sans-serif;letter-spacing:-.06em;text-shadow:3px 3px #000c;margin:0;padding:22px 24px 19px}
.metro-contact h2 span{color:var(--coral);display:block}
.metro-contact__board{border-top:2px solid #74e7f13d}
.metro-contact__board>*{color:#eaf2ed;background:repeating-linear-gradient(0deg,#ffffff05 0 2px,#0000 2px 5px),#02070abf;border-bottom:1px solid #96b4b833;grid-template-columns:90px 1fr 24px;align-items:center;gap:13px;min-height:50px;padding:0 20px;text-decoration:none;transition:color .18s,background .18s;display:grid}
.metro-contact__board>:last-child{border-bottom:0}
.metro-contact__board a:hover,.metro-contact__board a:focus-visible{color:var(--acid);background-color:#152d2fe6;outline:none}
.metro-contact__board span{color:var(--cyan);font:800 10px/1 var(--font-geist-mono), monospace;letter-spacing:.11em}
.metro-contact__board strong{overflow-wrap:anywhere;font:650 clamp(12px, 1vw, 15px)/1.25 var(--font-geist-sans), sans-serif}
.metro-contact__board .cv-link strong{color:var(--cyan);text-decoration:underline;text-decoration-color:#70eaf080;text-underline-offset:3px}
.metro-contact__board .cv-link:hover strong,.metro-contact__board .cv-link:focus-visible strong{color:var(--acid);text-decoration-color:currentColor}
.metro-contact__board i{color:var(--coral);font:900 13px/1 var(--font-geist-mono), monospace}
.metro-contact__board div i{color:var(--acid);text-shadow:0 0 10px #d9ff45cc}
@media (width<=1000px){:root{--gutter:32px}
.topbar{grid-template-columns:auto minmax(0,1fr) auto}
.availability{display:none}
.topbar nav{justify-self:end}
.hero-copy{width:min(690px,72%)}
.street-profile{width:min(610px,60%)}
.hideout-portfolio{width:min(570px,54%)}
.portfolio-tv{width:min(740px,64%)}
.metro-contact{width:min(650px,58%)}
}
@media (width<=820px){:root{--gutter:22px}
.world{width:100%;height:4300px;box-shadow:none}
.world-art{width:auto;max-width:none;left:50%;transform:translate(-50%)}
.levels{grid-template-rows:14fr 27fr 21fr 18fr 20fr}
.topbar{grid-template-columns:auto minmax(0,1fr) auto;gap:10px;width:calc(100% - 20px);min-height:52px;padding:0 13px;top:10px}
.topbar nav{overscroll-behavior-inline:contain;scrollbar-width:none;justify-self:stretch;gap:18px;width:100%;padding:12px 14px;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 16px),#0000);mask-image:linear-gradient(90deg,#0000,#000 8px calc(100% - 16px),#0000)}
.topbar nav::-webkit-scrollbar{display:none}
.topbar nav a{flex:none;font-size:9px}
.language-switch{border-left:0;gap:4px;margin-left:0;padding-left:0;font-size:9px}
.level--rooftop{padding-top:92px}
.hero-copy{width:min(560px,100%)}
.hero-copy h1{font-size:clamp(34px,9.8vw,48px);line-height:.88}
.hero-title--desktop{display:none}
.hero-title--mobile{display:block}
.role-panel{width:min(360px,100%)}
.level--street,.level--metro{justify-content:center}
.level--hideout{justify-content:center;align-items:center;padding-top:0}
.street-profile,.hideout-portfolio,.portfolio-tv,.metro-contact{width:100%;max-width:620px}
.street-profile__body{padding:22px 20px 24px}
.street-profile h2{font-size:clamp(24px,7vw,31px)}
.street-profile p{font-size:14px;line-height:1.62}
.utility-process__label{width:100%}
.utility-process>h2{font-size:clamp(22px,6.2vw,29px);line-height:1.05}
.utility-process__flow{grid-template-columns:1fr;gap:22px}
.utility-process__flow:before{background:linear-gradient(90deg, #394550 0 22%, #0b1016 22% 43%, var(--cyan) 43% 57%, #0b1016 57% 78%, #28343f 78%);width:10px;height:auto;inset:8% auto 8% 50%;transform:translate(-50%)}
.process-node{min-height:0;padding:20px 18px 19px}
.process-node h3{vertical-align:middle;margin:0 0 0 16px;font-size:23px;display:inline-block}
.process-node p{margin-top:15px;font-size:13px}
.hideout-portfolio{grid-template-rows:32px auto 40px}
.portfolio-tv__set{grid-template-columns:minmax(0,1fr) 76px;gap:10px;padding:10px}
.portfolio-tv__screen{border-width:6px}
.portfolio-tv__console{gap:8px}
.portfolio-tv__knob{width:38px;height:38px}
.portfolio-tv__speaker{width:49px;min-height:38px}
.portfolio-tv__footer{grid-template-columns:1fr auto;min-height:44px}
.portfolio-tv__footer a{grid-column:1/-1;justify-self:stretch;text-align:center;border-top:1px solid #6d514133;padding:10px 0}
.metro-contact h2{font-size:clamp(30px,9vw,42px)}
}
@media (width<=420px){:root{--gutter:18px}
.world{height:4400px}
.topbar{gap:9px;padding-inline:11px}
.topbar nav{gap:14px;padding-inline:10px}
.language-switch{gap:3px;font-size:8px}
.role-panel{width:min(380px,100%)}
.role-panel__body{padding:16px 17px}
.hero-actions{gap:14px}
.panel-header{min-height:30px;padding-inline:13px;font-size:8px}
.street-profile__body{padding:19px 16px 21px}
.street-profile__sectors{padding-inline:16px}
.utility-process__label{letter-spacing:.08em;min-height:30px;padding-inline:12px;font-size:8px}
.portfolio-tv__topline{padding-inline:11px;font-size:8px}
.portfolio-tv__set{grid-template-columns:1fr;padding:9px}
.portfolio-tv__console{border-top:1px solid #765a454f;border-left:0;flex-direction:row;justify-content:center;min-height:58px;padding-top:8px}
.portfolio-tv__brand{margin-right:auto;padding-left:5px}
.portfolio-tv__readout{width:50px}
.portfolio-tv__knob{width:36px;height:36px}
.portfolio-tv__speaker{width:54px;min-height:34px;margin:0 0 0 auto}
.portfolio-tv__caption{padding:16px 40px 12px 14px}
.portfolio-tv__caption strong{font-size:16px}
.portfolio-tv__footer{padding-inline:10px}
.metro-contact__board>*{grid-template-columns:62px 1fr 16px;gap:8px;padding-inline:11px}
.metro-contact__board strong{font-size:11px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,:before,:after{transition-duration:.01ms!important}
}

/* Fullscreen portfolio transmission */
body.portfolio-open{overflow:hidden}
.portfolio-tv--teaser{width:min(520px,44%);cursor:default}
.portfolio-tv--teaser .portfolio-tv__set{grid-template-columns:minmax(0,1fr) 78px;padding:11px;gap:10px}
.portfolio-tv--teaser .portfolio-tv__screen{cursor:pointer;color:inherit;width:100%;padding:0}
.portfolio-tv__screen--off{background:radial-gradient(circle at 50% 45%,#153335 0,#071012 43%,#010304 100%)}
.portfolio-tv__screen--off:before{content:"";opacity:.13;background:url("/gallery/static-reference.png") center/cover;position:absolute;inset:0;filter:contrast(1.4)}
.portfolio-tv__off-copy{z-index:8;text-align:left;position:absolute;inset:auto 11% 12%}
.portfolio-tv__off-copy small{color:var(--cyan);font:800 7px/1 var(--font-geist-mono),monospace;letter-spacing:.14em;display:block}
.portfolio-tv__off-copy strong{color:var(--paper);font:900 clamp(15px,1.45vw,21px)/.98 var(--font-geist-sans),sans-serif;letter-spacing:-.025em;margin:7px 0 10px;display:block;text-shadow:2px 2px #000}
.portfolio-tv__off-copy span{color:var(--acid);font:800 7px/1 var(--font-geist-mono),monospace;letter-spacing:.12em}
.portfolio-tv__power{cursor:pointer;width:44px;height:44px;background:radial-gradient(circle at 37% 33%,#5e5347 0 8%,#29221d 28% 58%,#0b0908 61%);border:2px solid #766251;border-radius:50%;place-items:center;display:grid;box-shadow:inset -4px -5px 9px #0009,3px 4px 5px #000b}
.portfolio-tv__power span{width:16px;height:16px;border:2px solid #ff6673;border-radius:50%;display:block;position:relative;box-shadow:0 0 8px #ff667355}
.portfolio-tv__power span:before{content:"";background:#ff6673;width:2px;height:8px;position:absolute;top:-5px;left:5px;box-shadow:0 0 6px #ff6673}
.portfolio-tv__power:hover,.portfolio-tv__power:focus-visible,.portfolio-tv__screen--off:focus-visible{filter:brightness(1.25);outline:2px solid var(--acid);outline-offset:3px}
.portfolio-tv--teaser .portfolio-tv__footer{grid-template-columns:1fr auto}

.portfolio-viewer{z-index:100;color:#e8eee8;opacity:0;transition:opacity .18s;position:fixed;inset:0}
.portfolio-viewer.is-open{opacity:1}
.portfolio-viewer__backdrop{background:#010306f5;position:absolute;inset:0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}
.portfolio-viewer__frame{background:linear-gradient(145deg,#382c25,#15100e 23% 78%,#30231c);border:3px solid #695343;border-radius:14px;width:calc(100% - 36px);height:calc(100dvh - 36px);max-width:1640px;margin:auto;padding:12px;display:grid;grid-template-rows:38px minmax(0,1fr) auto;position:absolute;inset:18px;box-shadow:inset 0 0 0 2px #0d0908,inset 0 0 36px #000b,0 22px 90px #000}
.portfolio-viewer__header{color:#ddcfbc;background:#110d0b;border:1px solid #715846;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.12em;grid-template-columns:1fr auto auto;align-items:center;gap:24px;padding:0 13px;display:grid}
.portfolio-viewer__channel{color:var(--acid);text-shadow:0 0 8px #d9ff4573}
.portfolio-viewer__close{cursor:pointer;color:var(--coral);font-weight:850;letter-spacing:.1em;padding:8px}
.portfolio-viewer__close:hover,.portfolio-viewer__close:focus-visible{color:var(--acid);outline:1px solid var(--cyan)}
.portfolio-viewer__screen{container-type:size;background:#010203;border:9px solid #090807;border-radius:2.5%/4%;min-height:0;position:relative;overflow:hidden;box-shadow:0 0 0 3px #57493d,inset 0 0 45px #000,0 0 22px #67e0df26}
.portfolio-viewer__screen:after{content:"";z-index:7;pointer-events:none;background:radial-gradient(ellipse at center,#0000 66%,#0009 100%);position:absolute;inset:0;box-shadow:inset 0 0 40px #0009}
.portfolio-viewer__stage{background:#000;width:min(100cqw,177.7778cqh);height:min(100cqh,56.25cqw);position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}
.portfolio-viewer__pdf-slide{z-index:1;object-fit:contain;object-position:center;opacity:1;background:#000;width:100%;height:100%;max-width:none;display:block;position:absolute;inset:0;transition:filter .12s,transform .18s,opacity .08s}
.portfolio-viewer__media-triggers{z-index:3;pointer-events:none;position:absolute;inset:0}
.portfolio-viewer__media-trigger{z-index:3;cursor:pointer;background:transparent;border:0;position:absolute;padding:0}
.portfolio-viewer__media-triggers .portfolio-viewer__media-trigger{pointer-events:auto}
.portfolio-viewer__media-trigger:hover{outline:none}
.portfolio-viewer__media-trigger:focus-visible{border-radius:8px;outline:2px solid var(--acid);outline-offset:2px}
.portfolio-viewer__inline-player{z-index:8;background:#000;position:absolute}
.portfolio-viewer__inline-player[hidden]{display:none}
.portfolio-viewer__inline-frame{border:0;width:100%;height:100%;display:block}
.portfolio-viewer__inline-close{z-index:2;cursor:pointer;color:var(--acid);background:#0b0e0ee8;border:1px solid #67e0df80;font:800 8px/1 var(--font-geist-mono),monospace;letter-spacing:.08em;padding:9px 11px;position:absolute;top:10px;right:10px;box-shadow:0 3px 18px #000}
.portfolio-viewer__inline-close:hover,.portfolio-viewer__inline-close:focus-visible{color:var(--ink);background:var(--acid);outline:none}
.portfolio-viewer__scanlines{z-index:4;pointer-events:none;opacity:.08;background:repeating-linear-gradient(0deg,#0000 0 3px,#0006 3px 4px);position:absolute;inset:0}
.portfolio-viewer__static{z-index:6;pointer-events:none;opacity:0;background:url("/gallery/static-reference.png") center/cover;position:absolute;inset:-8%;transform:scale(1.1);filter:contrast(1.6) brightness(1.2)}
.portfolio-viewer__flash{z-index:5;pointer-events:none;opacity:0;background:#dff;position:absolute;inset:0;transform:scaleY(.01)}
.portfolio-viewer__tuning-channel{z-index:7;pointer-events:none;color:#45ff47;opacity:0;font:900 clamp(24px,4vw,64px)/1 var(--font-geist-mono),monospace;letter-spacing:.06em;text-shadow:0 0 8px #45ff47,2px 2px 0 #082b09;position:absolute;top:9%;right:8%}
.portfolio-viewer__footer{min-height:74px;background:#100c0a;border:1px solid #6a5040;border-top:0;grid-template-columns:auto minmax(220px,1fr) auto auto;align-items:center;gap:18px;padding:9px 14px;display:grid}
.portfolio-viewer__nav{cursor:pointer;opacity:1;color:var(--cyan);border:1px solid #70eaf05c;font:800 9px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;min-height:36px;padding:0 14px}
.portfolio-viewer__nav:hover,.portfolio-viewer__nav:focus-visible{filter:brightness(1.3);outline:2px solid var(--acid);outline-offset:2px}
.portfolio-viewer__meta{grid-template-columns:1fr auto;align-items:end;column-gap:16px;display:grid}
.portfolio-viewer__meta small{color:var(--cyan);font:800 7px/1 var(--font-geist-mono),monospace;letter-spacing:.12em;grid-column:1}
.portfolio-viewer__meta strong{color:var(--paper);font:850 clamp(15px,1.5vw,22px)/1 var(--font-geist-sans),sans-serif;letter-spacing:-.03em;grid-column:1;margin-top:5px}
.portfolio-viewer__meta span{color:var(--acid);font:800 9px/1 var(--font-geist-mono),monospace;grid-column:2;grid-row:1/3}
.portfolio-viewer__footer>a{color:var(--coral);font:800 8px/1.2 var(--font-geist-mono),monospace;letter-spacing:.1em;text-align:right;text-decoration:none}
.portfolio-viewer__footer>a:hover,.portfolio-viewer__footer>a:focus-visible{color:var(--acid);outline:none}
.portfolio-viewer.is-tuning .portfolio-viewer__static{opacity:.96;animation:tv-static .08s steps(2,end) infinite}
.portfolio-viewer.is-tuning .portfolio-viewer__pdf-slide{opacity:0}
.portfolio-viewer.is-tuning .portfolio-viewer__media-trigger,.portfolio-viewer.is-playing .portfolio-viewer__media-trigger{visibility:hidden}
.portfolio-viewer.is-tuning .portfolio-viewer__tuning-channel{opacity:1}
.portfolio-viewer.is-channel-visible .portfolio-viewer__tuning-channel{opacity:1}
.portfolio-viewer.is-secret-hint .portfolio-viewer__pdf-slide{animation:tv-secret-picture .76s steps(1,end) both}
.portfolio-viewer.is-secret-hint .portfolio-viewer__static{opacity:.76;background-image:linear-gradient(90deg,#ff004baa 0 14%,#00e8ff99 14% 31%,#eaff0099 31% 48%,#ff00d299 48% 65%,#1bff8199 65% 81%,#fe4a1699 81%),url("/gallery/static-reference.png");background-blend-mode:screen;filter:contrast(1.8) saturate(1.7);animation:tv-static .07s steps(2,end) infinite,tv-secret-static .76s steps(1,end) both}
.portfolio-viewer.is-secret-hint .portfolio-viewer__tuning-channel{opacity:1;color:#ff4538;text-shadow:0 0 12px #ff241c,2px 2px 0 #410600;animation:tv-secret-label .76s steps(1,end) both}
.portfolio-viewer.is-secret-hint .portfolio-viewer__readout{color:#ff4538;animation:tv-secret-readout .76s steps(1,end) both}
.portfolio-viewer.is-tuning.is-doom-tuning .portfolio-viewer__static{background-color:#630b0b;background-blend-mode:multiply;filter:sepia(1) saturate(5) hue-rotate(315deg) contrast(1.8) brightness(.86);animation:tv-static .07s steps(2,end) infinite,tv-doom-flicker .16s steps(2,end) infinite}
.portfolio-viewer.is-doom-tuning .portfolio-viewer__tuning-channel{color:#ff4538;text-shadow:0 0 12px #ff241c,2px 2px 0 #410600;animation:tv-doom-label .16s steps(2,end) infinite}
.portfolio-viewer.is-powering-on .portfolio-viewer__pdf-slide{opacity:0}
.portfolio-viewer.is-powering-on .portfolio-viewer__media-trigger{visibility:hidden}
.portfolio-viewer.is-powering-on .portfolio-viewer__static{animation:tv-static .08s steps(2,end) infinite,tv-boot-static .9s steps(2,end) both}
.portfolio-viewer.is-powering-on .portfolio-viewer__flash{animation:tv-boot-flash .9s ease-out both}
.portfolio-viewer.is-powering-on .portfolio-viewer__tuning-channel{animation:tv-boot-channel .9s steps(1,end) both}
.portfolio-viewer.is-locked .portfolio-viewer__static{opacity:.12}
.portfolio-viewer.is-locked .portfolio-viewer__pdf-slide{filter:saturate(.92) contrast(1.05)}
@keyframes tv-boot-static{0%,18%{opacity:0}24%,78%{opacity:.96}100%{opacity:0}}
@keyframes tv-boot-flash{0%,8%{opacity:0;transform:scaleY(.01)}18%{opacity:1;transform:scaleY(.018)}31%{opacity:.85;transform:scaleY(1)}48%,100%{opacity:0;transform:scaleY(1)}}
@keyframes tv-boot-channel{0%,38%{opacity:0}46%,78%{opacity:1}100%{opacity:0}}
@keyframes tv-doom-flicker{0%,100%{opacity:.96}50%{opacity:.66}}
@keyframes tv-doom-label{0%,100%{opacity:1}50%{opacity:.7}}
@keyframes tv-secret-picture{0%,100%{transform:translate(0);filter:none}8%{transform:translate(-1.1%,.25%);filter:hue-rotate(70deg) saturate(1.8)}19%{transform:translate(.8%,-.2%)}32%{transform:translate(-.5%,0);filter:hue-rotate(-45deg) contrast(1.25)}47%{transform:translate(.55%,.15%)}65%{transform:translate(-.3%,0);filter:saturate(1.35)}82%{transform:translate(0);filter:none}}
@keyframes tv-secret-static{0%,100%{opacity:0}8%{opacity:.8}19%{opacity:.34}32%{opacity:.9}47%{opacity:.25}65%{opacity:.72}82%{opacity:0}}
@keyframes tv-secret-label{0%,8%{opacity:0}19%,65%{opacity:1}47%{opacity:.38}82%,100%{opacity:0}}
@keyframes tv-secret-readout{0%,100%{opacity:1}8%,47%{opacity:.2}19%,32%,65%,82%{opacity:1}}

@media (width<=820px){
.portfolio-tv--teaser{width:100%;max-width:460px}
.portfolio-viewer__frame{width:calc(100% - 12px);height:calc(100dvh - 12px);padding:6px;grid-template-rows:38px minmax(0,1fr) auto;inset:6px}
.portfolio-viewer__header{grid-template-columns:1fr auto;gap:8px;padding-inline:10px}
.portfolio-viewer__header>span:first-child{display:none}
.portfolio-viewer__screen{border-width:6px}
.portfolio-viewer__footer{grid-template-columns:1fr 1fr;gap:7px;min-height:116px;padding:8px}
.portfolio-viewer__meta{grid-column:1/-1;grid-row:1}
.portfolio-viewer__nav{grid-row:2}
.portfolio-viewer__footer>a{grid-column:1/-1;text-align:center;padding:5px}
}
@media (width<=420px){
.portfolio-tv--teaser .portfolio-tv__set{grid-template-columns:1fr 70px;padding:8px}
.portfolio-tv--teaser .portfolio-tv__console{border-top:0;border-left:1px solid #765a454f;flex-direction:column;min-height:0;padding:2px 0}
.portfolio-tv--teaser .portfolio-tv__brand{margin:0;padding:0}
.portfolio-tv--teaser .portfolio-tv__speaker{width:46px;min-height:32px;margin:auto 0 0}
.portfolio-tv__off-copy{inset:auto 9% 10%}
.portfolio-tv__off-copy strong{font-size:14px}
.portfolio-tv--teaser .portfolio-tv__footer{display:block;padding:10px;text-align:center}
.portfolio-tv--teaser .portfolio-tv__footer>a{border-top:1px solid #6d514133;margin-top:8px;padding-top:9px;display:block}
.portfolio-viewer__header{font-size:8px}
.portfolio-viewer__meta strong{font-size:14px}
}
@media (prefers-reduced-motion:reduce){
.portfolio-viewer,.portfolio-viewer__pdf-slide{transition:none}
.portfolio-viewer__static,.portfolio-viewer__flash{animation:none!important}
}

/* One physical TV, one consistent retro interface */
@media (width>820px){
.level--hideout{justify-content:flex-start}
.portfolio-tv--teaser{margin-left:clamp(210px,20vw,310px);margin-top:-4px}
}
.portfolio-viewer__frame{grid-template-rows:30px minmax(0,1fr) 42px;padding:10px}
.portfolio-viewer__header{min-height:30px;background:linear-gradient(180deg,#30251f,#17110f);border:2px solid #6d5445;border-bottom:0;grid-template-columns:1fr auto;padding:0 15px}
.portfolio-viewer__set{background:linear-gradient(145deg,#382c25 0 6%,#18120f 35% 78%,#32241d);border:3px solid #5c493d;border-radius:11px 11px 18px 18px;grid-template-columns:minmax(0,1fr) 96px;gap:13px;min-height:0;padding:14px;display:grid;position:relative;box-shadow:inset 0 0 0 2px #100b09,inset 0 0 28px #000c,0 4px #0c0807}
.portfolio-viewer__set:before{content:"";pointer-events:none;opacity:.5;background:repeating-linear-gradient(110deg,#ffffff05 0 1px,#0000 1px 8px);border-radius:inherit;position:absolute;inset:0}
.portfolio-viewer__screen{border-radius:3%/5%}
.portfolio-viewer__console{border-left:1px solid #765a454f;flex-direction:column;align-items:center;gap:12px;padding:5px 2px 1px;display:flex;position:relative;z-index:2}
.portfolio-viewer__console .portfolio-tv__readout{width:58px}
.portfolio-viewer__console .portfolio-tv__knob{flex:none}
.portfolio-viewer__console .portfolio-viewer__nav{color:#d5c7b4;background:radial-gradient(circle at 36% 31%,#51463b 0 9%,#27201c 28% 57%,#0d0a09 60% 100%);border:2px solid #766251;border-radius:50%;width:46px;height:46px;min-height:0;padding:0;place-items:center;display:grid}
.portfolio-viewer__console .portfolio-viewer__nav:hover,.portfolio-viewer__console .portfolio-viewer__nav:focus-visible{color:#d5c7b4;background:radial-gradient(circle at 36% 31%,#67594b 0 9%,#332923 28% 57%,#0d0a09 60% 100%);outline:2px solid var(--cyan);outline-offset:2px}
.portfolio-viewer__console .portfolio-viewer__close{margin-top:2px}
.portfolio-viewer__console .portfolio-tv__speaker{width:58px;min-height:48px}
.portfolio-viewer__footer{min-height:42px;grid-template-columns:auto minmax(220px,1fr) auto;gap:18px;padding:0 14px}
.portfolio-viewer__status{color:#d5c7b4;font:750 8px/1 var(--font-geist-mono),monospace;letter-spacing:.1em;align-items:center;gap:7px;display:flex}
.portfolio-viewer__status i{background:var(--acid);border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px var(--acid)}
.portfolio-viewer__meta{grid-template-columns:auto auto 1fr;align-items:center;gap:10px}
.portfolio-viewer__meta small,.portfolio-viewer__meta strong,.portfolio-viewer__meta span{grid-column:auto;grid-row:auto;margin:0}
.portfolio-viewer__meta strong{font-size:14px}
.portfolio-viewer__meta span{justify-self:end}

@media (width<=820px){
.portfolio-viewer__frame{grid-template-rows:30px minmax(0,1fr) auto}
.portfolio-viewer__header{display:grid}
.portfolio-viewer__header>span:first-child{display:block}
.portfolio-viewer__set{grid-template-columns:minmax(0,1fr) 78px;gap:8px;padding:8px}
.portfolio-viewer__console{gap:8px}
.portfolio-viewer__console .portfolio-tv__brand{margin:0;padding:0}
.portfolio-viewer__console .portfolio-tv__readout{width:52px}
.portfolio-viewer__console .portfolio-viewer__nav{width:38px;height:38px}
.portfolio-viewer__console .portfolio-tv__power{width:38px;height:38px}
.portfolio-viewer__console .portfolio-tv__speaker{width:48px;min-height:34px}
.portfolio-viewer__footer{grid-template-columns:1fr auto;min-height:62px}
.portfolio-viewer__status{display:none}
.portfolio-viewer__meta{grid-column:1;grid-row:auto;display:grid}
.portfolio-viewer__footer>a{grid-column:2;align-self:center;padding:0}
}
@media (width<=480px){
.portfolio-viewer__frame{width:calc(100% - 8px);height:calc(100dvh - 8px);padding:4px;inset:4px}
.portfolio-viewer__header{font-size:7px;padding-inline:8px}
.portfolio-viewer__set{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) 54px}
.portfolio-viewer__console{border-top:1px solid #765a454f;border-left:0;flex-direction:row;gap:9px;min-height:54px;padding:5px 3px}
.portfolio-viewer__console .portfolio-tv__brand{margin-right:auto}
.portfolio-viewer__console .portfolio-tv__readout{width:48px}
.portfolio-viewer__console .portfolio-viewer__nav,.portfolio-viewer__console .portfolio-tv__power{width:34px;height:34px}
.portfolio-viewer__console .portfolio-tv__speaker{width:42px;min-height:32px;margin:0 0 0 auto}
.portfolio-viewer__footer{grid-template-columns:1fr;gap:6px;min-height:76px;padding:7px 9px}
.portfolio-viewer__meta{grid-column:1}
.portfolio-viewer__footer>a{grid-column:1;text-align:left}
}

/* Interactive screen aligned with the television already painted into the hideout */
.portfolio-tv--hotspot{
z-index:6;
filter:none;
width:8.4%;
aspect-ratio:1.18;
position:absolute;
top:18.5%;
left:26.1%;
}
.portfolio-tv__hotspot{
cursor:pointer;
color:var(--paper);
background:#07101280;
border:0;
border-radius:16%/13%;
width:100%;
height:100%;
padding:0;
position:relative;
overflow:hidden;
box-shadow:0 0 5px #74e9ef5c,inset 0 0 15px #000b;
animation:hideout-tv-pulse 3.2s ease-in-out infinite;
}
.portfolio-tv__hotspot:after{
content:"";
pointer-events:none;
background:radial-gradient(ellipse at center,#0000 42%,#000c 100%);
position:absolute;
inset:0;
}
.portfolio-tv__hotspot-static{
opacity:.48;
background:url("/gallery/static-reference.png") center/cover;
mix-blend-mode:screen;
position:absolute;
inset:-8%;
filter:contrast(1.55) brightness(.72);
animation:tv-static .22s steps(2,end) infinite;
}
.portfolio-tv__hotspot-label{
z-index:2;
color:var(--acid);
background:#020507d9;
border:1px solid #d9ff4580;
font:850 clamp(5px,.55vw,8px)/1 var(--font-geist-mono),monospace;
letter-spacing:.12em;
white-space:nowrap;
padding:6px 7px;
position:absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
text-shadow:0 0 7px #d9ff45;
animation:hideout-tv-label 5.4s steps(1,end) infinite;
}
.portfolio-tv__hotspot:hover,.portfolio-tv__hotspot:focus-visible{
outline:2px solid var(--acid);
outline-offset:3px;
box-shadow:0 0 16px #70eaf0b3,inset 0 0 16px #000;
}
@keyframes hideout-tv-pulse{
0%,100%{filter:brightness(.86);transform:scale(.985);box-shadow:0 0 4px #74e9ef4d,inset 0 0 15px #000b}
50%{filter:brightness(1.15);transform:scale(1.015);box-shadow:0 0 13px #74e9ef99,inset 0 0 12px #0009}
}
@keyframes hideout-tv-label{
0%,18%,54%,72%,100%{opacity:0}
19%,53%,73%,91%{opacity:1}
}
@media (width<=820px){
.portfolio-tv--hotspot{width:19%;max-width:92px;top:19%;left:9%}
.portfolio-tv__hotspot-label{font-size:6px;padding:5px}
}
@media (prefers-reduced-motion:reduce){
.portfolio-tv__hotspot,.portfolio-tv__hotspot-static,.portfolio-tv__hotspot-label{animation:none}
.portfolio-tv__hotspot-label{opacity:1}
}

/* Exact interactive replacement: TV and cabinet are one aligned asset */
.portfolio-tv--hotspot{
width:15.625%;
aspect-ratio:135/190;
top:-9.25%;
left:29.167%;
}
.portfolio-tv__hotspot{
background:none;
border:0;
border-radius:0;
width:100%;
height:100%;
overflow:visible;
box-shadow:none;
animation:hideout-object-pulse 3.6s ease-in-out infinite;
}
.portfolio-tv__hotspot:after{display:none}
.portfolio-tv__cabinet{
pointer-events:none;
object-fit:fill;
image-rendering:auto;
width:100%;
height:100%;
max-width:none;
position:absolute;
inset:0;
}
.portfolio-tv__embedded-screen{
pointer-events:none;
background:#041014;
border-radius:12%/10%;
position:absolute;
top:17.4%;
left:15.6%;
width:44.5%;
height:32.1%;
overflow:hidden;
box-shadow:0 0 7px #70eaf073,inset 0 0 9px #000;
}
.portfolio-tv__embedded-screen:after{
content:"";
z-index:3;
background:radial-gradient(ellipse at center,#0000 38%,#000b 100%);
position:absolute;
inset:0;
}
.portfolio-tv__hotspot-static{inset:-12%}
.portfolio-tv__hotspot-label{
font-size:clamp(4px,.42vw,6px);
padding:4px 5px;
}
.portfolio-tv__hotspot:hover,.portfolio-tv__hotspot:focus-visible{
outline:0;
filter:brightness(1.18);
box-shadow:none;
}
.portfolio-tv__hotspot:focus-visible .portfolio-tv__embedded-screen{
outline:2px solid var(--acid);
outline-offset:2px;
}
@keyframes hideout-object-pulse{
0%,100%{filter:brightness(.94)}
50%{filter:brightness(1.09)}
}
@media (width<=820px){
.portfolio-tv--hotspot{
width:32%;
max-width:150px;
top:4%;
left:5%;
}
}

/* Crisp interactive television prop */
.portfolio-tv--hotspot{
width:17.5%;
max-width:none;
aspect-ratio:1/1.28;
top:-4.5%;
left:27.2%;
}
.portfolio-tv__hotspot{
display:block;
color:inherit;
text-decoration:none;
filter:drop-shadow(9px 13px 9px #000b);
pointer-events:auto;
touch-action:manipulation;
}
.portfolio-tv__prop-body{
background:linear-gradient(145deg,#4b392d 0 5%,#211814 36% 78%,#503929);
border:3px solid #705746;
border-radius:12px 12px 17px 17px;
width:88%;
height:52%;
padding:8px;
display:block;
position:absolute;
top:0;
left:3%;
box-shadow:inset 0 0 0 2px #100b09,inset 0 0 25px #000b,4px 6px #0a0706;
}
.portfolio-tv__prop-body:before{
content:"DANP";
color:#ddcfbc;
font:900 clamp(6px,.65vw,9px)/1 var(--font-geist-sans),sans-serif;
letter-spacing:-.03em;
position:absolute;
right:7%;
bottom:11%;
}
.portfolio-tv__embedded-screen{
background:#030708;
border:6px solid #0b0908;
border-radius:10%/12%;
width:76%;
height:82%;
top:8%;
left:6%;
box-shadow:0 0 0 2px #635043,inset 0 0 20px #000,0 0 12px #70eaf047;
}
.portfolio-tv__prop-controls{
width:12%;
height:68%;
flex-direction:column;
justify-content:center;
align-items:center;
gap:9%;
display:flex;
position:absolute;
top:12%;
right:3%;
}
.portfolio-tv__prop-controls i{
background:radial-gradient(circle at 34% 32%,#6a5b4c 0 10%,#302721 31% 57%,#0c0908 61%);
border:1px solid #806854;
border-radius:50%;
width:100%;
aspect-ratio:1;
box-shadow:1px 2px 3px #000;
}
.portfolio-tv__prop-controls i:last-child{
opacity:.55;
background:radial-gradient(circle,#090706 0 1px,#0000 1.4px) 0 0/4px 4px;
border:0;
border-radius:0;
height:28%;
}
.portfolio-tv__prop-cabinet{
background:linear-gradient(90deg,#382820,#211713 48%,#3e2c22);
border:3px solid #604838;
border-top-color:#80604a;
width:82%;
height:42%;
display:block;
position:absolute;
top:51%;
left:6%;
box-shadow:inset 0 0 18px #0008,5px 8px 8px #0009;
}
.portfolio-tv__prop-cabinet:before{
content:"";
background:linear-gradient(#6e503b,#2b1e18);
border:2px solid #17100d;
position:absolute;
inset:8% 7% 23%;
}
.portfolio-tv__prop-cabinet i{
z-index:1;
background:#1b120f;
border:1px solid #684a37;
width:35%;
height:47%;
position:absolute;
top:15%;
}
.portfolio-tv__prop-cabinet i:first-child{left:11%}
.portfolio-tv__prop-cabinet i:nth-child(2){right:11%}
.portfolio-tv__prop-cabinet b{
background:#241712;
width:8%;
height:22%;
position:absolute;
bottom:-20%;
box-shadow:2px 3px 3px #0008;
}
.portfolio-tv__prop-cabinet b:nth-of-type(1){left:14%}
.portfolio-tv__prop-cabinet b:nth-of-type(2){right:14%}
.portfolio-tv__hotspot-label{
font-size:clamp(10px,1vw,15px);
line-height:1;
padding:9px 12px;
letter-spacing:.08em;
box-shadow:0 0 0 2px #0b0d09,0 0 16px #d6ff38a6;
}
.portfolio-viewer{display:none}
.portfolio-viewer.is-open,.portfolio-viewer:target{display:block;opacity:1}

@media (width<=820px){
.portfolio-tv--hotspot{width:38%;max-width:190px;top:1%;left:4%}
.portfolio-tv__prop-body{border-width:2px}
.portfolio-tv__embedded-screen{border-width:4px}
.portfolio-tv__hotspot-label{font-size:10px;padding:7px 9px}
}

/* Hideout portfolio: the painted TV sends a signal to a separate retro interface */
.level--hideout{
isolation:isolate;
justify-content:flex-end;
align-items:flex-start;
padding-top:clamp(30px,3.2vw,52px);
}
.portfolio-signal-lines{
z-index:1;
pointer-events:none;
width:100%;
height:100%;
position:absolute;
inset:0;
overflow:visible;
filter:drop-shadow(0 0 5px #70eaf042);
}
.portfolio-signal-lines__beam{
fill:url("#portfolio-signal-gradient");
opacity:.16;
}
.portfolio-signal-lines__edge,
.portfolio-signal-lines__pulse{
fill:none;
vector-effect:non-scaling-stroke;
}
.portfolio-signal-lines__edge{
stroke:#70eaf0;
stroke-width:1;
opacity:.22;
}
.portfolio-signal-lines__pulse{
stroke:#ff6673;
stroke-width:1.4;
stroke-linecap:round;
stroke-dasharray:4 22;
opacity:.72;
animation:portfolio-signal-pulse 3.2s linear infinite;
}
@keyframes portfolio-signal-pulse{
to{stroke-dashoffset:-52}
}
.portfolio-tv--teaser{
z-index:3;
width:min(720px,52%);
margin:0;
filter:drop-shadow(18px 22px 18px #000c);
}
.portfolio-tv--teaser .portfolio-tv__set{
grid-template-columns:minmax(0,1fr) 86px;
gap:12px;
padding:13px;
}
.portfolio-tv--teaser .portfolio-tv__screen--preview{
cursor:pointer;
width:100%;
padding:0;
border-width:7px;
}
.portfolio-tv--teaser .portfolio-tv__screen--preview .portfolio-tv__slide{
filter:saturate(.92) contrast(1.04) brightness(.9);
}
.portfolio-tv__screen-prompt{
z-index:9;
color:var(--acid);
background:#030706e8;
border:1px solid #d9ff458c;
font:850 clamp(8px,.7vw,11px)/1 var(--font-geist-mono),monospace;
letter-spacing:.12em;
padding:8px 10px;
position:absolute;
right:14px;
bottom:13px;
box-shadow:0 0 13px #d9ff4542;
text-shadow:0 0 7px #d9ff45;
}
.portfolio-tv--teaser .portfolio-tv__console{
justify-content:flex-start;
padding-top:10px;
}
.portfolio-tv--teaser .portfolio-tv__power{
margin-top:3px;
}
.portfolio-tv--teaser .portfolio-tv__speaker{
width:54px;
min-height:62px;
margin-top:auto;
}
.portfolio-tv--teaser .portfolio-tv__footer{
grid-template-columns:1fr auto;
}
.portfolio-tv--teaser:hover + *{}
.portfolio-tv--teaser:has([data-open-viewer]:hover) ~ *{}
.level--hideout:has(.portfolio-tv--teaser [data-open-viewer]:hover) .portfolio-signal-lines{
filter:drop-shadow(0 0 8px #70eaf087);
}
.level--hideout:has(.portfolio-tv--teaser [data-open-viewer]:hover) .portfolio-signal-lines__edge{
opacity:.46;
}
.level--hideout:has(.portfolio-tv--teaser [data-open-viewer]:hover) .portfolio-signal-lines__beam{
opacity:.28;
}
.portfolio-viewer__console{
justify-content:flex-start;
padding-top:14px;
}

@media (width<=820px){
.level--hideout{
justify-content:center;
align-items:center;
padding-top:0;
}
.portfolio-signal-lines{display:none}
.portfolio-tv--teaser{
width:100%;
max-width:620px;
}
.portfolio-tv--teaser .portfolio-tv__set{
grid-template-columns:minmax(0,1fr) 72px;
padding:9px;
gap:8px;
}
.portfolio-tv__screen-prompt{
font-size:8px;
right:10px;
bottom:9px;
padding:6px 7px;
}
}
@media (prefers-reduced-motion:reduce){
.portfolio-signal-lines__pulse{animation:none}
}

/* Gallery concept v2: standalone retro television in the portfolio slot */
.level--hideout{
  justify-content:flex-end;
  align-items:flex-start;
  padding-top:clamp(30px,3.2vw,52px);
}
.portfolio-tv--teaser{
  z-index:3;
  width:min(760px,55%);
  margin:0;
  filter:drop-shadow(20px 25px 22px #000d);
}
.portfolio-tv--teaser .portfolio-tv__topline{
  min-height:34px;
  color:#f1dfcf;
  background:linear-gradient(180deg,#6b302b 0%,#40211e 48%,#281512 100%);
  border-color:#a75b4e;
  border-radius:11px 11px 0 0;
  box-shadow:inset 0 2px #e1847252,inset 0 -5px 12px #160a08a6;
}
.portfolio-tv--teaser .portfolio-tv__set{
  grid-template-columns:minmax(0,1fr) 104px;
  gap:15px;
  padding:16px;
  background:linear-gradient(145deg,#813b34 0 5%,#542822 24% 74%,#301713 100%);
  border:3px solid #a65d50;
  border-top-width:2px;
  border-radius:0 0 18px 18px;
  box-shadow:inset 0 0 0 2px #29120f,inset 0 0 30px #1207069c,0 5px #190b09;
}
.portfolio-tv--teaser .portfolio-tv__set:before{
  opacity:.62;
  background:
    repeating-linear-gradient(112deg,#fff1e207 0 1px,#0000 1px 8px),
    radial-gradient(circle at 26% 12%,#ffb19c12,#0000 38%);
}
.portfolio-tv--teaser .portfolio-tv__screen--standby{
  cursor:pointer;
  width:100%;
  padding:0;
  border:10px solid #120e0c;
  border-radius:8%/12%;
  background:#020607;
  box-shadow:0 0 0 4px #38231d,inset 0 0 44px #000,0 0 18px #71edf03d;
}
.portfolio-tv__standby-noise{
  z-index:1;
  position:absolute;
  inset:-10%;
  background:url("/gallery/static-reference.png") center/cover;
  opacity:.7;
  filter:grayscale(1) contrast(1.55) brightness(.72) sepia(.14) hue-rotate(120deg);
  transform:scale(1.1);
  animation:tv-standby-noise .2s steps(2,end) infinite;
}
.portfolio-tv__standby-noise:after{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(180deg,#74e8ea1f,#0000 38%,#ff667318),
    repeating-linear-gradient(0deg,#0000 0 5px,#dff3 6px,#0000 7px 12px);
  mix-blend-mode:screen;
}
.portfolio-tv__standby-copy{
  z-index:9;
  position:absolute;
  left:9%;
  bottom:14%;
  text-align:left;
  pointer-events:none;
}
.portfolio-tv__standby-copy small{
  display:block;
  color:var(--cyan);
  font:800 clamp(7px,.55vw,9px)/1 var(--font-geist-mono),monospace;
  letter-spacing:.14em;
  text-shadow:0 0 8px #70eaf0;
}
.portfolio-tv__standby-copy strong{
  display:block;
  margin:8px 0 12px;
  color:var(--paper);
  font:900 clamp(20px,1.8vw,29px)/.92 var(--font-geist-sans),sans-serif;
  letter-spacing:-.035em;
  text-shadow:3px 3px #000,0 0 14px #000;
}
.portfolio-tv__standby-copy > span{
  color:var(--acid);
  font:850 clamp(7px,.58vw,9px)/1 var(--font-geist-mono),monospace;
  letter-spacing:.13em;
  text-shadow:0 0 8px #d9ff45;
}
.portfolio-tv--teaser .portfolio-tv__console{
  z-index:2;
  gap:12px;
  justify-content:flex-start;
  padding:8px 4px 2px 14px;
  border-left:1px solid #d08a7557;
}
.portfolio-tv--teaser .portfolio-tv__brand{
  color:#f1dfcf;
  font-size:13px;
  letter-spacing:-.03em;
  text-shadow:1px 1px #000;
}
.portfolio-tv--teaser .portfolio-tv__readout{
  width:62px;
  color:#ff8577;
  border-color:#7c4a40;
}
.portfolio-tv--teaser .portfolio-tv__power{
  width:50px;
  height:50px;
  margin-top:1px;
  background:radial-gradient(circle at 37% 33%,#876a59 0 8%,#3b2c25 28% 58%,#100b09 61%);
  border-color:#b38770;
}
.portfolio-tv--teaser .portfolio-tv__speaker{
  width:64px;
  min-height:72px;
  margin-top:auto;
  opacity:.78;
  background:radial-gradient(circle,#170b09 0 1.8px,#0000 2px) 0 0/8px 8px;
}
.portfolio-tv--teaser .portfolio-tv__footer{
  min-height:40px;
  grid-template-columns:1fr auto;
  color:#ead8c5;
  background:linear-gradient(180deg,#40211d,#20100e);
  border-color:#875044;
}
.portfolio-tv--teaser:hover .portfolio-tv__standby-copy strong,
.portfolio-tv--teaser:focus-within .portfolio-tv__standby-copy strong{
  text-shadow:3px 3px #000,0 0 18px #f5ede87a;
}
.portfolio-tv--teaser:hover .portfolio-tv__standby-noise,
.portfolio-tv--teaser:focus-within .portfolio-tv__standby-noise{
  opacity:.82;
  filter:grayscale(1) contrast(1.7) brightness(.82) sepia(.14) hue-rotate(120deg);
}
@keyframes tv-standby-noise{
  0%{background-position:0 0;transform:translate(0) scale(1.1)}
  25%{background-position:12% 40%;transform:translate(-1%,1%) scale(1.12)}
  50%{background-position:78% 12%;transform:translate(1%,-1%) scale(1.1)}
  75%{background-position:22% 88%;transform:translate(1%,1%) scale(1.13)}
  100%{background-position:100% 100%;transform:translate(-1%) scale(1.1)}
}
@media (width<=820px){
  .level--hideout{justify-content:center;align-items:center;padding-top:0}
  .portfolio-tv--teaser{width:100%;max-width:620px}
  .portfolio-tv--teaser .portfolio-tv__set{grid-template-columns:minmax(0,1fr) 78px;gap:9px;padding:10px}
  .portfolio-tv--teaser .portfolio-tv__screen--standby{border-width:7px}
  .portfolio-tv--teaser .portfolio-tv__console{padding-left:8px}
  .portfolio-tv--teaser .portfolio-tv__readout{width:54px}
  .portfolio-tv--teaser .portfolio-tv__power{width:42px;height:42px}
  .portfolio-tv--teaser .portfolio-tv__speaker{width:52px;min-height:50px}
  .portfolio-tv__standby-copy strong{font-size:clamp(16px,4.4vw,24px)}
}
@media (width<=520px){
  .portfolio-tv--teaser .portfolio-tv__set{grid-template-columns:1fr;grid-template-rows:auto 58px}
  .portfolio-tv--teaser .portfolio-tv__console{border-left:0;border-top:1px solid #d08a7557;flex-direction:row;padding:8px 5px 2px}
  .portfolio-tv--teaser .portfolio-tv__brand{margin-right:auto}
  .portfolio-tv--teaser .portfolio-tv__readout{width:52px}
  .portfolio-tv--teaser .portfolio-tv__power{width:38px;height:38px}
  .portfolio-tv--teaser .portfolio-tv__speaker{width:48px;min-height:36px;margin:0 0 0 auto}
  .portfolio-tv--teaser .portfolio-tv__footer{display:block;padding:10px;text-align:center}
  .portfolio-tv--teaser .portfolio-tv__footer a{display:block;margin-top:8px;padding-top:9px;border-top:1px solid #8d574836}
}
@media (prefers-reduced-motion:reduce){
  .portfolio-tv__standby-noise{animation:none}
}

/* Secret channel 666 */
.portfolio-viewer__secret-input{
  cursor:pointer;
  user-select:none;
  transition:filter .15s,box-shadow .15s;
}
.portfolio-viewer__secret-input:hover,
.portfolio-viewer__secret-input:focus-visible{
  filter:brightness(1.22);
  outline:1px solid #70eaf080;
  outline-offset:2px;
  box-shadow:inset 0 0 8px #000,0 0 10px #70eaf02b;
}
.portfolio-viewer__doom{
  z-index:3;
  position:absolute;
  inset:0;
  display:grid;
  place-items:center;
  overflow:hidden;
  background:#000;
}
.portfolio-viewer__doom[hidden]{display:none}
#doom-canvas,
.portfolio-viewer__doom .dosbox-container,
.portfolio-viewer__doom .dosbox-container canvas{
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  object-fit:contain;
  image-rendering:auto;
  background:#000;
}
.portfolio-viewer__doom-loader{
  z-index:2;
  color:var(--paper);
  background:#030504e8;
  border:1px solid #ff667380;
  text-align:center;
  padding:18px 24px;
  position:absolute;
  box-shadow:0 0 30px #ff66732e;
}
.portfolio-viewer__doom-loader[hidden]{display:none}
.portfolio-viewer__doom-loader small{
  display:block;
  color:var(--coral);
  font:850 10px/1 var(--font-geist-mono),monospace;
  letter-spacing:.16em;
}
.portfolio-viewer__doom-loader strong{
  display:block;
  margin:12px 0;
  font:900 clamp(22px,3vw,48px)/.95 var(--font-geist-sans),sans-serif;
  letter-spacing:-.04em;
  text-shadow:3px 3px #000;
}
.portfolio-viewer__doom-loader span{
  color:var(--acid);
  font:800 8px/1.4 var(--font-geist-mono),monospace;
  letter-spacing:.1em;
}
.portfolio-viewer.is-doom .portfolio-viewer__pdf-slide,.portfolio-viewer.is-doom .portfolio-viewer__media-trigger,.portfolio-viewer.is-doom .portfolio-viewer__inline-player{visibility:hidden}
.portfolio-viewer.is-doom .portfolio-viewer__scanlines{z-index:5;opacity:.14}
.portfolio-viewer.is-doom .portfolio-viewer__channel,
.portfolio-viewer.is-doom .portfolio-viewer__readout{
  color:var(--coral);
  text-shadow:0 0 9px #ff6673;
}