/* Windows 95 desktop language from the supplied Pinterest references. */
[hidden]{display:none!important}.eye-intro{background:transparent;z-index:30}/* Keep the eye covering the entire viewport until the JS transition; sticky/100svh exposed the hero as Safari's toolbar collapsed. */.eye-sticky{position:fixed;inset:0;width:100%;height:100vh;height:100dvh;background:#000}.portfolio-shell{margin-top:-100svh}.motion-off .portfolio-shell{margin-top:0}@media(prefers-reduced-motion:reduce){.portfolio-shell{margin-top:0}}
.stage-video{display:block;width:100%;height:100%;object-fit:contain;background:#000;user-select:none}.window-portrait .window-image{aspect-ratio:.8}.window-player .window-image{aspect-ratio:1.6}.window-image{overflow:visible}.desktop-window:focus-within{z-index:9}.sound-control{grid-column:1/-1;justify-content:center}.stage-type{z-index:1;pointer-events:none}.chrome-emblem{z-index:2}.window-bar{background:linear-gradient(90deg,#000080,#183cff);font-family:Tahoma,Arial,sans-serif;font-weight:bold}.retro-window{padding:4px;background:#c0c0c0;color:#000;border:3px outset #fff;box-shadow:8px 9px 0 #0005}.retro-window .window-bar{background:#000080;min-height:30px;padding:5px 8px}.retro-menu{font:11px Tahoma,Arial,sans-serif;padding:8px;border-bottom:1px solid #808080}.window-bar h2{font:700 12px Tahoma,Arial,sans-serif}
.mid-statement{min-height:440px;margin:75px 0;padding:35px var(--pad);align-items:center}.mid-statement>div{position:relative;z-index:2;max-width:72%}.mid-statement>div>span{font:clamp(55px,7vw,125px)/.93 var(--display)}.mid-statement p{margin-top:25px}.mid-statement .energy-portrait{width:26%;align-self:stretch;display:flex;flex-direction:column;justify-content:center;margin:0;z-index:2}.mid-statement .energy-portrait img{position:static;transform:none;opacity:1;width:100%;height:360px;object-fit:contain}.energy-portrait figcaption{font:8px var(--mono);text-align:center;color:#b2bbff;padding:10px 0}.energy-sigil{position:absolute;left:58%;top:8%;width:75px;fill:#183cff;animation:sigil-turn 18s steps(12) infinite}@keyframes sigil-turn{to{transform:rotate(360deg)}}
.archive-teaser{background:#163bfa;overflow:visible}.archive-desktop{position:relative;padding:70px var(--pad) 55px;min-height:630px;background:radial-gradient(circle at 10% 5%,#53a0ff55,transparent 40%),repeating-linear-gradient(0deg,transparent 0 4px,#0000000a 4px 5px)}.archive-manager{width:87%;position:relative;margin-left:auto;transform:rotate(-2deg)}.address-bar{display:flex;gap:10px;padding:8px;font:11px Tahoma,Arial,sans-serif;align-items:center}.address-bar b{background:white;padding:5px;border:2px inset #eee;flex:1;font:11px var(--mono)}.directory-layout{display:grid;grid-template-columns:1fr 43%;gap:12px;padding:10px}.directory-files{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px 10px;background:#fff;border:2px inset #fff;align-content:start;min-width:0}.directory-file{background:transparent;display:flex;align-items:center;flex-direction:column;gap:7px;padding:9px 3px;font:10px Tahoma,sans-serif;min-width:0}.directory-file[aria-pressed=true]>span:last-child{background:#000080;color:#fff;outline:1px dotted #fff;padding:2px}.pixel-file{width:32px;height:32px;image-rendering:pixelated;background:url('ui/file.png') center/contain no-repeat}.directory-preview{margin:0;min-width:0;background:#050a20;border:2px inset #fff;display:flex;flex-direction:column;align-items:center;padding-bottom:8px;justify-content:space-between}.preview-bar{background:#fff;color:#000;padding:8px 4px;width:100%;font:8px var(--mono)}.directory-preview img{height:345px;max-height:345px;width:100%;object-fit:contain;padding:12px}.directory-preview figcaption{font:7px var(--mono);color:#ccc}.directory-status{display:flex;justify-content:space-between;align-items:center;gap:10px;border:2px inset #eee;padding:7px;font:9px var(--mono)}.directory-status .bevel{padding:7px 10px;font-size:9px}.desktop-shortcuts{position:absolute;top:70px;left:16px;display:flex;flex-direction:column;gap:25px;text-align:center;width:65px;font:8px Tahoma,sans-serif}.desktop-shortcuts a{display:flex;gap:7px;align-items:center;flex-direction:column}.desktop-shortcuts span{display:block;width:42px;height:42px;font-size:0;image-rendering:pixelated;background:center/contain no-repeat}.pixel-computer{background-image:url('ui/computer.png')!important}.pixel-envelope{background-image:url('ui/mail.png')!important}
.object-lab{background:#090b16;color:#c4c4bc}.object-lab .section-bar{border-color:#4a5270}.object-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:35px;padding:65px var(--pad);align-items:center}.object-copy h2{font:clamp(55px,6vw,100px)/.94 var(--display);letter-spacing:-.01em}.object-copy h2 i{font-style:normal;color:#244aff}.object-copy>p{margin:22px 0;font:11px/1.7 var(--mono)}.object-tabs{display:grid;gap:7px}.object-tabs button{text-align:left;font:11px var(--mono);padding:12px;background:#0c142b;color:#c4c4bc;border:1px solid #384a85}.object-tabs button[aria-pressed=true]{background:#183cff;color:#fff;border-color:#d0d6ff}.object-window{min-width:0;transform:rotate(2deg)}.model-stage{position:relative;height:390px;background:#090b16;overflow:hidden;touch-action:pan-y;outline-offset:2px}.model-stage .model-fallback{width:100%;height:100%;object-fit:contain;opacity:.75}.model-stage>p{position:absolute;left:20px;right:20px;bottom:18px;background:#c4c4bc;color:#000;padding:10px;font:10px var(--mono);z-index:3;border:2px outset white}.model-stage[data-state=loading]>p::before{content:'';display:inline-block;vertical-align:middle;width:20px;height:20px;margin-right:7px;background:url('ui/hourglass.png') center/contain no-repeat;image-rendering:pixelated;animation:hourglass-flip .7s steps(2) infinite}.model-canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y}.model-toolbar{padding:8px 3px;display:flex;gap:6px;flex-wrap:wrap}.model-toolbar .bevel{font-size:8px;padding:8px}.model-toolbar button:disabled{color:#777;cursor:default;text-shadow:1px 1px #fff}.object-window .window-status{font-size:7px}@keyframes hourglass-flip{to{transform:rotate(180deg)}}
.contact{padding-bottom:0}.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:30px;padding:70px var(--pad);align-items:center}.contact h2{padding:0;font-size:clamp(70px,8.3vw,155px)}.contact-intro{font:11px/1.7 var(--mono);margin:25px 0 14px}.contact-mail{color:#c4ccff;font:11px var(--mono);text-decoration:underline;overflow-wrap:anywhere}.contact-window{transform:rotate(-2deg);position:relative;z-index:2}.contact-tabs{display:flex;font:11px Tahoma,sans-serif;padding:15px 10px 0;gap:3px}.contact-tabs span{padding:7px 10px;border:2px outset white;border-bottom:0;border-radius:3px 3px 0 0}.contact-tabs span:first-child{background:#d1d1d1;font-weight:bold}.contact-window form{padding:12px 15px 10px;border:2px outset white;margin:0 10px 10px;background:#d1d1d1;font:11px Tahoma,sans-serif}.contact-window label{display:grid;grid-template-columns:85px minmax(0,1fr);gap:10px;align-items:center;margin-bottom:10px}.recipient-row span{font-size:10px;overflow-wrap:anywhere;border:2px inset white;background:white;padding:6px}.contact-window input,.contact-window textarea,.contact-window select{width:100%;min-width:0;border:2px inset white;background:white;padding:6px 7px;border-radius:0;color:#000;font:12px Tahoma,sans-serif}.contact-window input:focus,.contact-window textarea:focus,.contact-window select:focus{outline:1px dotted #000;outline-offset:2px}.contact-window .message-label{display:block}.message-label textarea{display:block;margin-top:8px;resize:vertical;min-height:110px;max-height:250px}.mail-hint{color:#454545;font-size:9px;margin-bottom:12px}.contact-actions{display:flex;justify-content:space-between;gap:8px}.contact-actions .bevel,.mail-open{font:10px Tahoma,sans-serif;padding:8px}.mail-open{margin-top:12px;background:#000080;color:white}.contact-window #contactStatus{font-size:10px;line-height:1.5;padding-top:10px}.contact-window .window-status{font:8px Tahoma,sans-serif}.contact-window .window-status a{text-decoration:underline}.contact-window::before,.contact-window::after{content:'';position:absolute;inset:0;border:2px solid #91a2ff;z-index:-1;pointer-events:none}.contact-window::before{transform:translate(12px,-12px)}.contact-window::after{transform:translate(24px,-24px);opacity:.35}
.window-opening{animation:win95-open .4s steps(5) both}.file-opening{animation:file-reveal .35s steps(5) both}.click-echo{position:fixed;z-index:80;width:34px;height:34px;border:1px dotted #fff;box-shadow:0 0 0 1px #000;pointer-events:none;animation:click-echo .5s steps(5) forwards}.click-echo::after{content:'';position:absolute;inset:6px;border:1px solid #183cff}@keyframes win95-open{0%{clip-path:inset(49% 35%);filter:brightness(2)}50%{clip-path:inset(20% 10%)}100%{clip-path:inset(0);filter:brightness(1)}}@keyframes file-reveal{from{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0)}}@keyframes click-echo{to{width:80px;height:65px;opacity:0;transform:translate(-23px,-16px)}}
@media(min-width:1800px){.archive-manager{max-width:1250px;margin-right:2vw}.directory-preview img{height:430px;max-height:430px}.model-stage{height:490px}}
@media(max-width:1100px){.mid-statement>div>span{font-size:67px}.energy-sigil{left:53%;width:55px}.object-layout{gap:20px;grid-template-columns:.9fr 1.1fr}.object-copy h2{font-size:55px}.model-stage{height:350px}.contact-layout{gap:22px;grid-template-columns:.8fr 1.2fr}.contact h2{font-size:85px}.contact-actions{flex-wrap:wrap}.directory-files{grid-template-columns:repeat(3,1fr);padding:10px 3px}.directory-file{font-size:9px}.directory-preview img{height:310px;max-height:310px}}
@media(max-width:900px){.contact h2{font-size:85px}.object-copy h2{font-size:63px}.archive-manager{width:88%}.desktop-shortcuts{left:14px;top:80px}.directory-layout{grid-template-columns:1fr 42%}}
@media(max-width:600px){.mid-statement{min-height:350px;padding:25px 18px;margin:35px 0 45px;gap:10px}.mid-statement>div{max-width:65%}.mid-statement>div>span{font-size:44px}.mid-statement .energy-portrait{width:36%;min-width:0}.mid-statement .energy-portrait img{height:250px}.energy-portrait figcaption{font-size:6px}.energy-sigil{width:38px;left:46%;top:10%}.archive-desktop{padding:35px 12px 30px;min-height:0}.archive-manager{width:100%;transform:none;margin:0}.desktop-shortcuts{position:static;flex-direction:row;justify-content:center;width:100%;margin-top:20px}.directory-layout{grid-template-columns:1fr;padding:7px;gap:7px}.directory-files{grid-template-columns:repeat(4,minmax(0,1fr));padding:7px;gap:3px}.directory-file{font-size:8px;padding:7px 2px;gap:4px}.directory-preview img{height:330px;max-height:330px;padding:12px}.directory-preview figcaption{padding-bottom:4px}.directory-status{flex-wrap:wrap}.address-bar{font-size:9px}.address-bar b{font-size:8px;overflow-wrap:anywhere}.object-layout{display:block;padding:35px 18px}.object-copy h2{font-size:63px}.object-copy>p{font-size:10px}.object-tabs{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:25px}.object-tabs button{font-size:9px;padding:12px 7px}.object-window{transform:none}.model-stage{height:360px}.model-toolbar .bevel{font-size:8px}.contact-layout{display:block;padding:35px 18px 30px}.contact h2{font-size:95px}.contact-intro{margin-top:20px}.contact-mail{font-size:10px}.contact-window{transform:none;margin-top:45px}.contact-window label{grid-template-columns:65px minmax(0,1fr);font-size:10px;gap:5px}.contact-window form{padding:12px 10px;margin:0 5px 8px}.contact-window::before{transform:translate(5px,-8px)}.contact-window::after{transform:translate(9px,-16px)}.contact-actions .bevel{font-size:9px}.contact-tabs{padding-left:5px}.contact-window .window-bar{font-size:10px}.window-player{width:45%}.window-portrait{width:34%;top:37%}.welcome-window{bottom:9%}}
@media(prefers-reduced-motion:reduce){.click-echo{display:none}}.motion-off .click-echo{display:none}

.model-stage[data-state=fallback] .model-canvas{display:none}
.hero-media-controls{padding:5px 4px 4px;background:#c0c0c0;color:#000;font:9px Tahoma,Arial,sans-serif;border-top:1px solid #fff}
.hero-time{display:flex;justify-content:space-between;gap:4px;margin-bottom:3px;font:8px "Courier New",monospace;white-space:nowrap}.hero-time output{padding:2px 4px;background:#e6e6e6;border:1px solid;border-color:#808080 #fff #fff #808080}.hero-time>span{align-self:center;font-size:7px}
.hero-seek{display:block;width:100%;height:17px;margin:0 0 5px;appearance:none;-webkit-appearance:none;background:transparent;cursor:pointer;border-radius:0}.hero-seek::-webkit-slider-runnable-track{height:5px;background:#808080;border:1px solid;border-color:#444 #fff #fff #444}.hero-seek::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:10px;height:17px;margin-top:-7px;background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff;border-radius:0}.hero-seek::-moz-range-track{height:4px;background:#808080;border:1px inset white}.hero-seek::-moz-range-thumb{width:8px;height:15px;background:#c0c0c0;border:2px outset #fff;border-radius:0}.hero-seek:focus-visible{outline:2px dotted #000;outline-offset:2px}
.hero-transport{display:flex;gap:3px;align-items:center}.hero-control{padding:2px;min-width:28px;min-height:27px;font:12px Tahoma,Arial,sans-serif;background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #444 #444 #fff;box-shadow:1px 1px #808080}.hero-control:active,.hero-control[aria-pressed=true]{border-color:#444 #fff #fff #444;background:#b8b8b8}.hero-control:disabled{color:#808080;text-shadow:1px 1px white;cursor:default}.hero-state{margin-left:auto;font:7px "Courier New",monospace}.management-address{display:flex;align-items:center;gap:8px;padding:5px 7px;color:#000;font:9px Tahoma,Arial,sans-serif}.management-address b{font-weight:normal;flex:1;background:white;border:2px inset white;padding:2px 4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-product .mock-desktop{left:6%;right:6%;top:34%;transform:perspective(1000px) rotateY(-10deg) rotate(-4deg)}.project-product .mock-desktop img{aspect-ratio:1.6;object-fit:contain;background:#090909}.project-product .product-heading{position:absolute;top:24px;left:18px;right:18px;font-size:clamp(35px,4.2vw,72px)}
@media(max-width:600px){.hero-media-controls{padding:4px 2px}.hero-time{font-size:7px}.hero-time>span{font-size:6px}.hero-control{min-width:24px;min-height:28px;font-size:10px}.hero-transport{gap:2px}.hero-state{display:none}.hero-seek{margin-bottom:4px}.project-product .product-heading{font-size:clamp(34px,10vw,52px)}.management-address{font-size:8px}}

@media(min-width:601px) and (max-width:1100px){.project-product .project-cover{aspect-ratio:.78}}

.eye-caption h1{font-size:clamp(48px,7.7vw,135px)}
.rail-controls .lang-switch{grid-column:1/-1;justify-content:center}
footer div{flex-wrap:wrap}.social-unavailable{opacity:.5}
@media(max-width:600px){.eye-caption h1{font-size:clamp(35px,11vw,62px)}.mobile-header{padding:0 12px;gap:8px;white-space:nowrap}.mobile-header>a:first-child{font-size:20px}.mobile-header .lang-switch{padding:6px;gap:0;font-size:9px}.mobile-header a:not(:first-child),.mobile-header #menuToggle{font-size:9px}footer div{gap:12px 16px}}
@media(max-width:360px){.mobile-header{gap:5px;padding:0 8px}.mobile-header>a:first-child{font-size:17px}.mobile-header .lang-switch{padding:5px}}

/* Native scroll owns the eye; the one-shot handoff owns the logo and hero. */
.eye-caption h1{font-size:clamp(28px,4vw,65px);line-height:.98;color:#fff;letter-spacing:0}.eye-caption i{color:#fff;-webkit-text-stroke:0}
.eye-caption{bottom:7vh}.eye-blackout{position:absolute;inset:0;background:#000;opacity:0;z-index:2;pointer-events:none}.intro-actions{display:flex;gap:10px;align-items:center}
.intro-transition{position:fixed;inset:0;z-index:40;background:#000;display:grid;place-items:center;will-change:opacity}.intro-transition img{width:min(68vw,760px);max-height:45svh;height:auto;object-fit:contain;opacity:0}.intro-transition #transitionSound{position:absolute;top:25px;right:var(--pad)}
.intro-entered .portfolio-shell{margin-top:0}.window-title-actions{display:flex;gap:8px;align-items:center}.window-title-actions button{min-width:20px;min-height:18px}
.recipient-row .recipient-label{border:0;background:transparent;padding:0;font-size:inherit}
.window-portrait .window-image,.window-player .window-image{aspect-ratio:16/9;background:transparent}.stage-video{object-fit:cover;background:transparent}
.window-portrait{width:clamp(150px,18%,240px);top:28%;left:5%}
@media(max-width:900px){.window-portrait{width:clamp(140px,24%,200px);top:34%}}
@media(max-width:600px){.eye-caption h1{font-size:clamp(25px,7.3vw,38px)}.intro-top{gap:10px}.intro-top>span{font-size:8px}.intro-actions{gap:5px}.intro-actions .bevel{font-size:8px;padding:8px 6px}.intro-transition img{width:86vw}.window-portrait{width:40%;top:42%;left:4%}.window-player{width:46%;top:21%}}

/* Improve reading text without changing display titles. */
.identity-rail{overflow-y:auto}.identity-rail nav a{font-size:12px;line-height:1.4}.rail-note{font-size:12px;line-height:1.5}.rail-portrait span{font-size:9px}.rail-controls button,.rail-social,.rail-bottom{font-size:11px}.studio-layout>div>p,.case-detail p{font-size:15px;line-height:1.7}.work-intro,.contact-intro,.object-copy>p{font-size:12px;line-height:1.65}.studio-disciplines p{font-size:13px;line-height:1.6}.contact-window label{font-size:12px}.section-bar{font-size:11px}.directory-file{font-size:11px}footer{font-size:11px;line-height:1.5}.footer-pages{display:flex;flex-wrap:wrap;gap:12px}.footer-pages a{text-decoration:underline}
@media(max-width:600px){.work-intro,.contact-intro,.object-copy>p{font-size:11px}.contact-window label{font-size:11px}.directory-file{font-size:9px}.section-bar{font-size:9px}.mobile-header a:not(:first-child),.mobile-header #menuToggle{font-size:10px}.mobile-menu a,.mobile-menu button{font-size:12px}}


.desktop-window .window-bar{gap:5px;padding:4px 5px}.desktop-window .window-bar>span:first-child{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.window-title-actions{flex-shrink:0;gap:5px}.desktop-window .window-bar button[data-close-window]{display:grid;place-items:center;width:22px;height:21px;min-width:22px;min-height:21px;flex-shrink:0;padding:0;background:#c0c0c0;color:#000;border:2px solid;border-color:#fff #404040 #404040 #fff;box-shadow:1px 1px #000;font:bold 17px/1 Arial,sans-serif}.desktop-window .window-bar button[data-close-window]:active{border-color:#404040 #fff #fff #404040;padding:1px 0 0 1px}.desktop-window .window-bar button[data-close-window]:focus-visible{outline:1px dotted #000;outline-offset:-5px}
@media(max-width:900px){.mobile-header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;height:60px;padding:0 14px;gap:8px}.mobile-header>a:first-child{font-size:24px;margin:0;min-width:0}.mobile-header>a:not(:first-child){display:none}.mobile-header .lang-switch{min-width:44px;min-height:36px;padding:6px;font-size:11px;background:#c0c0c0;border:2px solid;border-color:#fff #444 #444 #fff;justify-content:center}.mobile-header #menuToggle{min-height:44px;padding:0 10px;font-size:12px;font-weight:bold}.mobile-menu:not([hidden]){display:grid;grid-template-columns:1fr 1fr;position:sticky;top:60px;gap:10px;padding:16px;max-height:calc(100svh - 60px);overflow-y:auto}.mobile-menu a,.mobile-menu button{display:flex;align-items:center;min-height:44px;padding:8px;font-size:12px;text-align:left}.mobile-menu .sound-volume{grid-column:1/-1;width:100%}.mobile-menu [data-reboot]{grid-column:1/-1}html{scroll-padding-top:70px}}
@media(max-width:360px){.mobile-header{padding:0 10px;gap:5px}.mobile-header>a:first-child{font-size:22px}}


.intro-top>span{font-size:18px;line-height:1.3}@media(max-width:600px){.intro-top>span{font-size:14px}}


/* Small labels stay compact but readable. */
.window-status,.directory-status,.directory-preview figcaption,.model-toolbar>span,.model-caption,.studio-layout figcaption,.project-label,.case-kicker,.case-gallery figcaption,.contact-tabs,.contact-menu{font-size:10px;line-height:1.45}.model-toolbar .bevel{font-size:10px}.hero-time{font-size:9px}.hero-time>span,.hero-state{font-size:8px}.desktop-window .window-bar{font-size:11px}.stage-bottom{font-size:10px}.management-address{font-size:10px}.energy-portrait figcaption{font-size:9px}
@media(max-width:600px){.window-status,.directory-status,.directory-preview figcaption,.model-toolbar>span,.model-caption,.studio-layout figcaption,.project-label,.case-kicker,.case-gallery figcaption,.contact-tabs,.contact-menu{font-size:9px}.desktop-window .window-bar{font-size:9px}.model-toolbar .bevel{font-size:9px}.hero-time{font-size:8px}.hero-time>span{font-size:7px}.management-address{font-size:9px}.energy-portrait figcaption{font-size:8px}.stage-bottom a{font-size:10px}}


.object-window .window-status{font-size:10px;line-height:1.45}@media(max-width:600px){.object-window .window-status{font-size:9px}}


@media(max-width:360px){.mobile-header>a:first-child{font-size:20px}}@media(max-width:600px){.object-window .window-status{flex-wrap:wrap;gap:3px 8px}}


.portfolio-shell main:focus{outline:0}

/* Keep complete words inside phone-width project dialogs and section headings. */
@media(max-width:600px){
 .case-title{font-size:clamp(28px,11vw,52px)}
 .contact h2{font-size:clamp(58px,22vw,95px)}
 .object-copy h2{font-size:clamp(40px,15vw,63px)}
 .studio h2{font-size:clamp(48px,17vw,68px)}
 .work-title h2{font-size:clamp(42px,14vw,58px);min-width:0}
 .work-title{gap:12px}
 .work-intro{flex:0 0 40px;max-width:40px}
 .work-intro img{width:40px}
 .project-caption{grid-template-columns:minmax(0,1fr) auto}
 .project-caption h3{font-size:clamp(24px,8vw,32px);overflow-wrap:normal;word-break:normal;hyphens:none}
}