/* Appearance controls share one preference across the entrance and desktop. */
.theme-control{display:flex;align-items:center;gap:8px;font:700 14px/1.4 var(--mono);white-space:nowrap;min-width:0}
.theme-select{font:700 14px/1.4 var(--mono);color:inherit;background:var(--paper);border:1px solid currentColor;border-radius:8px;padding:10px 28px 10px 10px;min-height:44px;max-width:100%;cursor:pointer}
.theme-select:disabled{opacity:.6;cursor:default}.theme-select option{color:var(--ink);background:var(--paper)}
.entrance-header{flex-wrap:wrap;column-gap:24px}.entrance-header nav{margin-left:auto}.entrance-header .theme-control{font-family:Arial,sans-serif}.entrance-header .theme-select{background:#f5fff8aa;color:#173641;font-family:Arial,sans-serif}
.desktop-menu{flex-wrap:nowrap!important}.desktop-menu .theme-control{margin-left:auto}.desktop-menu #reset-layout{margin-left:auto}.desktop-menu .theme-select{border-radius:0}.desktop-menu .button{flex-shrink:0}
:root[data-theme="light"]{color-scheme:light}
:root[data-theme="dark"]{--ink:#e5f3ef;--blue:#a7baff;--paper:#192c39;--desk:#10212d;--lime:#d6eb74;--muted:#b4cbc9;color-scheme:dark}
:root[data-theme="dark"] body{background:var(--desk)}
:root[data-theme="dark"] .entrance{background:radial-gradient(ellipse at 80% 32%,#44365c 0,transparent 60%),linear-gradient(120deg,#112b38,#173744 55%,#253044);color:#e5fff6}
:root[data-theme="dark"] .entrance h1{color:#e5fff6}:root[data-theme="dark"] .headline-fix{color:#ffa4d4}
:root[data-theme="dark"] .entrance-header nav>a:not(.button){border-color:#e5fff666}
:root[data-theme="dark"] .entrance-header .portal-book,:root[data-theme="dark"] .entrance-header .theme-select{background:#1e3d49;color:#e5fff6;border-color:#9bbab9}
:root[data-theme="dark"] .entrance-actions .portal-primary{background:#a5eee0;color:#142d3a;border-color:#a5eee0}
:root[data-theme="dark"] .entrance-actions .portal-enter,:root[data-theme="dark"] .entrance-testimonials{color:#e5fff6}
:root[data-theme="dark"] .portal-enter:hover,:root[data-theme="dark"] .portal-enter:focus-visible{color:#ffa4d4!important}
:root[data-theme="dark"] .entrance-more{background:#0d1e2a}
:root[data-theme="dark"] .entrance-active #site-footer{background:#162c39;color:var(--ink);border-color:#547075}
:root[data-theme="dark"] #phaser-cursor{mix-blend-mode:screen}
:root[data-theme="dark"] .desktop{background-image:radial-gradient(#b5dbd544 .7px,transparent .7px)}
:root[data-theme="dark"] .desktop-window{border-color:#90aaa9;box-shadow:7px 7px 0 #0008}
:root[data-theme="dark"] .window-titlebar,:root[data-theme="dark"] .static-titlebar{background:repeating-linear-gradient(to bottom,var(--paper) 0,var(--paper) 4px,#769b9b80 4px,#769b9b80 5px)}
:root[data-theme="dark"] .window-status{background:#213946}
:root[data-theme="dark"] .window-controls button{border-color:#90aaa9}
:root[data-theme="dark"] .desktop-shortcuts a:hover,:root[data-theme="dark"] .desktop-shortcuts a:focus-visible,:root[data-theme="dark"] .desktop-shortcuts a.is-open{background:#29434e}
:root[data-theme="dark"] .shortcut-home,:root[data-theme="dark"] .quote-mark,:root[data-theme="dark"] .person-mark{color:#142d3a}
:root[data-theme="dark"] .shortcut-about{background:#385386;color:#fff}
:root[data-theme="dark"] .shortcut-voices{background:#33453a}
:root[data-theme="dark"] .desktop-menu>.button,:root[data-theme="dark"] .button.primary{color:#142d3a}
:root.desktop-enabled[data-theme="dark"] body:not(.entrance-active) #site-footer{background:#192c39;border-color:#78999b}
:root[data-theme="dark"] .fit-window,:root[data-theme="dark"] .service-card,:root[data-theme="dark"] .case-card,:root[data-theme="dark"] .quote-card{background:#223744}
:root[data-theme="dark"] .scope-note,:root[data-theme="dark"] .stack-tags li,:root[data-theme="dark"] .evidence-note,:root[data-theme="dark"] .case-quote,:root[data-theme="dark"] .new-example,:root[data-theme="dark"] .quote-0{background:#293f43}
:root[data-theme="dark"] .desktop-window .voices-section,:root[data-theme="dark"] .process-section{background:var(--paper)}
:root[data-theme="dark"] .case-featured{background:#2e456e;color:#f2fff9;border-color:#a7baff}
:root[data-theme="dark"] .proof-strip,:root[data-theme="dark"] .contact-section{background:#0f222e;color:#e5f3ef}
:root[data-theme="dark"] .proof-strip .text-link{color:#d6eb74}
:root[data-theme="dark"] .service-card.featured .static-titlebar{background:#354b3d;color:#e5f3ef}
:root[data-theme="dark"] .contact-section .button{color:#142d3a}
:root[data-theme="dark"] .form-window input,:root[data-theme="dark"] .form-window textarea,:root[data-theme="dark"] #email-draft,:root[data-theme="dark"] #guide-form input{background:#10212d;color:#e5f3ef;border-color:#90aaa9}
:root[data-theme="dark"] .case-quote{border-color:#ffa4d4}
:root[data-theme="dark"] .quote-card figcaption{border-color:#8aa5a666}
:root[data-theme="dark"] #guide-panel{background:#192c39;border-color:#90aaa9}
:root[data-theme="dark"] #guide-toggle{background:#33453a;color:#e5f3ef;border-color:#90aaa9}
:root[data-theme="dark"] .guide-clip{color:#a5eee0}
:root[data-theme="dark"] .guide-questions button,:root[data-theme="dark"] #guide-form button,:root[data-theme="dark"] .guide-header button{background:#29434e;color:#e5f3ef;border-color:#90aaa9}
:root[data-theme="dark"] .desktop-drawing button{background:#29434e;color:#e5f3ef;border-color:#90aaa9}
:root[data-theme="dark"] .desktop-drawing button[aria-pressed=true]{background:#a5eee0;color:#142d3a}
:root[data-theme="dark"] .desktop-paper{background:none;box-shadow:none}
:root[data-theme="dark"] ::selection{background:#ffa4d4;color:#142d3a}
/* Tablet widths need full-width cards and touch-sized controls. */
@media(min-width:901px) and (max-width:1180px){.desktop-menu .theme-control>span{display:none}.desktop-menu{gap:12px!important}.desktop-menu .brand{font-size:26px}.desktop-menu .back-entrance{font-size:14px}.desktop-menu #reset-layout{font-size:14px}.desktop-menu .button{font-size:15px;padding-inline:14px}.entrance-header nav>a:not(.button){display:none}.entrance h1{font-size:clamp(38px,4.5vw,54px)}}
@media(max-width:900px){.entrance-header{padding-block:16px;display:grid;grid-template-columns:1fr auto;gap:12px}.entrance-header nav{margin-left:0;justify-content:flex-end}.entrance-header .theme-control{grid-column:1/-1;justify-self:end}.entrance-header .theme-select{padding-block:8px;min-height:44px}.entrance-stage{padding-top:12px}.entrance-scene{height:clamp(200px,28svh,350px)}.desktop-menu{flex-wrap:wrap!important;gap:12px!important;position:relative}.desktop-menu .brand{flex:1}.desktop-menu .back-entrance{margin:0}.desktop-menu .theme-control{margin-left:0}.desktop-menu>.button{margin-left:auto}.desktop-menu #reset-layout{display:none}.desktop-enabled .desktop-window{position:relative;left:auto!important;top:auto!important;width:100%!important;height:auto!important;max-width:100%;margin-bottom:26px}.desktop-enabled .window-content{overflow:visible}.desktop-enabled .window-controls{display:none}.desktop-enabled .desktop{height:auto;padding:22px 17px;overflow:visible}.desktop-enabled .desktop-shortcuts{position:static;width:100%;grid-template-columns:repeat(2,1fr);margin-bottom:24px}.desktop-shortcuts a{min-height:48px}.desktop-shortcuts a>span:last-child{background:transparent}.desktop-enabled .desktop-shortcuts a.is-open{background:transparent}.desktop-drawing,.desktop-paper{display:none!important}#site-footer>div{flex-wrap:wrap}.theme-select{font-size:16px}.portfolio-guide{max-width:calc(100% - 24px)}}
@media(min-width:601px) and (max-width:900px){.entrance-header .theme-control{grid-column:auto}.entrance-header{grid-template-columns:1fr auto auto;padding-inline:5%}.entrance h1{font-size:clamp(42px,6vw,55px)}.entrance-copy{max-width:680px;margin:auto}.entrance-stage{padding-inline:6%}.entrance-scene{max-width:750px;align-self:center;height:clamp(310px,38svh,460px)}.entrance-actions{flex-wrap:nowrap}.desktop-window .case-grid{grid-template-columns:1fr 1fr}.desktop-window .case-featured{grid-column:1/-1}.desktop-menu .theme-control{margin-left:auto}.desktop-menu>.button{margin-left:0}}
@media(hover:none),(pointer:coarse){.window-controls button{width:36px;height:36px;min-width:36px}.window-titlebar{min-height:52px;height:52px}.desktop-enabled .window-titlebar{min-height:52px;height:52px}.dialog-toolbar button,.text-link{min-height:44px}.desktop-shortcuts a{min-height:48px}.window-content{-webkit-overflow-scrolling:touch}}
@media(max-width:600px){.desktop-window .case-grid{grid-template-columns:1fr}.desktop-window .case-featured{grid-column:auto}.theme-control{font-size:14px}.entrance-header .theme-control{gap:10px}.desktop-menu .brand{font-size:26px}.desktop-menu .back-entrance{font-size:13px}.desktop-menu .theme-control{flex:1}.desktop-menu .button{font-size:15px;padding-inline:12px}.desktop-window .problem-grid{grid-template-columns:1fr}.desktop-window .section{overflow-wrap:anywhere}.scene-neon{font-size:19px}.desktop-menu .theme-select{min-height:44px}.desktop-window .window-name{font-size:15px}.dialog-toolbar{gap:12px}.dialog-toolbar button{flex-shrink:0}#case-dialog{max-width:calc(100vw - 20px);max-height:calc(100dvh - 20px)}}
@media(max-width:370px){.entrance-header{padding-inline:18px}.entrance-scene{height:190px}.scene-neon{font-size:17px}.desktop-menu .brand{font-size:22px}.desktop-menu .brand img{width:28px;height:28px}.desktop-menu .back-entrance{font-size:12px;padding-inline:6px}}
@media(max-height:500px) and (max-width:900px){.entrance-header{padding-block:10px;grid-template-columns:1fr auto auto}.entrance-header .theme-control{grid-column:auto}.entrance-header .theme-control>span{display:none}.entrance-stage{flex-direction:row;gap:16px;padding:12px 5% 20px}.entrance-copy{width:57%;max-width:none}.entrance h1{font-size:clamp(26px,4vw,34px)}.entrance-scene{width:42%;height:240px;margin:0;max-width:none}.entrance-actions{gap:12px;margin-top:18px}.entrance-actions .portal-primary,.entrance-actions .portal-enter{font-size:14px;min-height:44px}.entrance-actions .portal-primary{padding-inline:14px}.entrance-testimonials{margin-top:10px}.entrance-scroll{padding-block:8px}.entrance-header .brand{font-size:25px}.entrance-header .brand img{width:32px;height:32px}}
@media print{.theme-control{display:none!important}:root[data-theme]{--ink:#122c35;--blue:#2447b9;--paper:#fff;--desk:#eee;--muted:#485b60;color-scheme:light}:root[data-theme="dark"] .desktop-window .section,:root[data-theme="dark"] .case-card,:root[data-theme="dark"] .quote-card{background:#fff;color:#122c35}}
@media(max-width:600px){.desktop-menu{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px!important}.desktop-menu .theme-control{min-width:0}.desktop-menu .theme-control>span{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.desktop-menu .theme-select{width:110px}.desktop-menu>.button{margin:0}.desktop-menu .back-entrance{justify-self:end}}
/* Icon-only, three-segment color control. Names remain available to screen readers. */
.theme-control{display:inline-flex;gap:0;padding:0;border:1px solid #547075;border-radius:24px;background:#f5fff899;overflow:visible;flex-shrink:0;white-space:normal}
.theme-control button{display:grid;place-items:center;width:44px;height:44px;min-width:44px;padding:0;border:0;background:transparent;color:#173641;line-height:1;transition:background-color 180ms,color 180ms}
.theme-control button:first-child{border-radius:23px 0 0 23px}.theme-control button:last-child{border-radius:0 23px 23px 0}
.theme-control button svg{width:20px;height:20px;pointer-events:none}
.theme-control button:hover{background:#c0ede4;color:#142d3a}
.theme-control button[aria-pressed=true]{background:#173641;color:#f1fff9}
.theme-control button:focus-visible{outline-offset:3px;position:relative;z-index:1}
.theme-control button:disabled{opacity:.5}
.desktop-menu .theme-control{border-radius:0;background:var(--paper)}
.desktop-menu .theme-control button{border-radius:0;color:var(--ink)}
.desktop-menu .theme-control button[aria-pressed=true]{background:#173641;color:#f1fff9}
:root[data-theme="dark"] .theme-control{background:#1e3d49;border-color:#9bbab9}
:root[data-theme="dark"] .theme-control button{color:#e5fff6}
:root[data-theme="dark"] .theme-control button:hover{background:#315363;color:#f1fff9}
:root[data-theme="dark"] .theme-control button[aria-pressed=true]{background:#ffa4d4;color:#142d3a}
@media(max-width:600px){.desktop-menu .theme-control{justify-self:start;flex:none}.desktop-menu .theme-control button{font-size:inherit}}
@media(max-width:370px){.desktop-menu>.button{font-size:14px;gap:12px;padding-inline:10px}}
@media(prefers-reduced-motion:reduce){.theme-control button{transition:none}}
.entrance-header .theme-control{gap:0}

/* Version 10: legible small text, simultaneous entry, freestanding guide. */
.text-link,.desktop-window .text-link,.desktop-window .case-card .text-link,
.desktop-window .eyebrow,.desktop-window .small-note,.desktop-window .proof-context,
.desktop-window .case-top .eyebrow,.desktop-window .illustration-note,
.desktop-window .stack-tags li,.desktop-window figcaption,.desktop-window .quote-card figcaption,
.case-quote figcaption,.case-detail .eyebrow,.case-detail figcaption,.small-note,
.project-screen-strip figcaption,.quote-card-top,.window-status{font-size:16px;line-height:1.6}
.desktop-drawing button,#notepad-pen,#notepad-eraser,#notepad-clear{font:700 16px/1.4 var(--mono);min-height:44px}
#site-footer p,#site-footer a,.desktop-enabled body:not(.entrance-active) #site-footer p,
.desktop-enabled body:not(.entrance-active) #site-footer a{font-size:16px}
#guide-form label,.guide-questions button,#guide-form button,.guide-speech{font-size:16px}
.desktop-settings{display:flex;align-items:center;gap:12px;margin-left:auto;flex-shrink:0}
.desktop-settings #reset-layout,.desktop-settings .theme-control{margin-left:0}
.desktop-menu>.button{margin-left:0}
:root[data-theme="dark"] .desktop-drawing button,
:root[data-theme="dark"] #notepad-pen,:root[data-theme="dark"] #notepad-eraser,
:root[data-theme="dark"] #notepad-clear{background:#29434e;color:#e5f3ef;border-color:#90aaa9;box-shadow:2px 2px #10212d}
:root[data-theme="dark"] .desktop-drawing button:hover,
:root[data-theme="dark"] #notepad-pen:hover,:root[data-theme="dark"] #notepad-eraser:hover,
:root[data-theme="dark"] #notepad-clear:hover{background:#365b68;color:#fff}
:root[data-theme="dark"] .desktop-drawing button[aria-pressed=true],
:root[data-theme="dark"] #notepad-pen[aria-pressed=true],
:root[data-theme="dark"] #notepad-eraser[aria-pressed=true]{background:#a5eee0;color:#142d3a;border-color:#a5eee0}
.studio-arriving{animation:studio-fade-in 500ms ease-out both}
@keyframes studio-fade-in{from{opacity:0}to{opacity:1}}
.entrance.is-departing{position:fixed;left:0;right:0;z-index:112;background:transparent!important;pointer-events:none}
.entrance.is-departing .entrance-first{background:transparent;min-height:100svh}
.entrance.is-departing .entrance-header,.entrance.is-departing .entrance-copy,
.entrance.is-departing .entrance-scroll,.entrance.is-departing .entrance-more{visibility:hidden}
#time-machine{pointer-events:none}
#guide-toggle,:root[data-theme="dark"] #guide-toggle{background:transparent;border:0;box-shadow:none;padding:0;gap:14px;align-items:flex-start;flex-direction:row-reverse}
.guide-clip{width:80px;height:130px;flex-shrink:0;filter:drop-shadow(0 3px 2px #10212d35)}
.guide-speech{position:relative;margin-top:18px;background:#fff9e9;color:#142d3a;border:2px solid #142d3a;border-radius:16px;padding:12px 16px;box-shadow:3px 3px #142d3a33;white-space:nowrap}
.guide-speech::after{content:"";position:absolute;left:-10px;top:24px;width:16px;height:16px;background:inherit;border-left:2px solid #142d3a;border-bottom:2px solid #142d3a;transform:rotate(45deg)}
:root[data-theme="dark"] .guide-speech{background:#e5f3ef;color:#142d3a}
#guide-panel{bottom:calc(100% + 12px);margin:0;border-radius:16px}
.portfolio-guide{right:24px;bottom:82px}
@media(min-width:901px){.desktop-enabled .desktop-menu{gap:16px}.desktop-menu{justify-content:space-between}.desktop-drawing{max-width:calc(100% - 465px)}.desktop-enabled body:not(.entrance-active) #site-footer{gap:14px}}
@media(min-width:901px) and (max-width:1180px){.desktop-settings{gap:8px}.desktop-menu .brand{font-size:24px}.desktop-menu .back-entrance{font-size:16px}.desktop-menu #reset-layout{font-size:16px;padding-inline:8px}.desktop-menu>.button{font-size:16px;padding-inline:12px}.desktop-enabled .desktop-menu{gap:10px;padding-inline:15px}.desktop-drawing{max-width:calc(100% - 405px)}.desktop-enabled body:not(.entrance-active) #site-footer .brand{display:none}}
@media(max-width:900px){.desktop-menu{display:flex!important;flex-wrap:wrap!important}.desktop-menu .brand{flex:1}.desktop-menu .back-entrance{font-size:16px}.desktop-settings{margin-left:auto}.portfolio-guide{right:16px;bottom:20px}.guide-clip{width:65px;height:106px}.guide-speech{margin-top:10px;padding:10px 12px}.desktop-menu>.button{font-size:16px}}
@media(max-width:370px){.desktop-menu .back-entrance{font-size:16px;padding-inline:0}.desktop-menu>.button{font-size:16px}.desktop-menu .brand{font-size:22px}}
@media(prefers-reduced-motion:reduce){.studio-arriving{animation:none}}
#studio .proof-strip .text-link,#studio .hero .small-note,#studio .form-window .small-note,
#studio .project-screen-strip figcaption,#studio .quote-card-top,
#case-dialog .case-images figcaption,#case-dialog .case-quote figcaption,
#case-dialog .eyebrow,.entrance-more .eyebrow,.entrance-more .project-label,
.entrance-more .entrance-proof small{font-size:16px;line-height:1.6}
.desktop-enabled .desktop-shortcuts a{font-size:16px}
.guide-speech::after{left:auto;right:-10px;border-left:0;border-bottom:0;border-right:2px solid #142d3a;border-top:2px solid #142d3a}

/* Version 11: the neon sign rises while the skyline assembles. */
.scene-art .scene-neon{animation:neon-from-bottom 1.8s .35s cubic-bezier(.2,.8,.2,1) both}
@keyframes neon-from-bottom{from{opacity:0;transform:translate(-50%,calc(-50% + 70svh)) rotate(-5deg)}to{opacity:1;transform:translate(-50%,-50%) rotate(-5deg)}}
.fragment-art .scene-neon{animation:none}
@media(prefers-reduced-motion:reduce){.scene-art .scene-neon{animation:none!important}}

/* Version 12: reveal the desktop only as the tunnel dissolves. */
.studio-arriving,.time-travel #site-footer{animation:studio-fade-in 500ms 1100ms linear both}
#time-machine{animation:time-dissolve 1600ms linear both}
#time-machine .time-ring{animation:time-ring-dissolve 1600ms linear both;animation-delay:0s}
@keyframes time-dissolve{0%{opacity:0}15%,68.75%{opacity:1}100%{opacity:0}}
@keyframes time-ring-dissolve{0%{opacity:0;transform:translate(-50%,-50%) scale(.3)}15%{opacity:1}68.75%{opacity:1;transform:translate(-50%,-50%) scale(22)}100%{opacity:0;transform:translate(-50%,-50%) scale(30)}}
.guide-clip{width:56px;height:91px}
#guide-toggle{touch-action:none;user-select:none;-webkit-user-select:none}
.desktop-enabled .desktop-shortcuts .shortcut-voices{white-space:nowrap;letter-spacing:-.1em;line-height:1}
.desktop-enabled .desktop-shortcuts a[data-open="contact"],
.desktop-enabled .desktop-shortcuts a[data-open="contact"].is-open,
.desktop-enabled .desktop-shortcuts a[data-open="contact"]:hover,
.desktop-enabled .desktop-shortcuts a[data-open="contact"]:focus-visible{background:#f49ac7;color:#142d3a;border:1px solid #142d3a}
:root[data-theme="dark"] .brand img{background:#e5f3ef;padding:3px;border:1px solid #9bbab9;border-radius:6px;object-fit:contain}
@media(max-width:900px){.guide-clip{width:45.5px;height:74.2px}}
@media(prefers-reduced-motion:reduce){.studio-arriving,.time-travel #site-footer{animation:none!important}}

.desktop-shortcuts .shortcut-contact{background:#142d3a;color:#e5f3ef}

/* Version 14: welcome links and a neon note above the commission result. */
:root{--welcome-pink:#ff95cf;--welcome-pink-ink:#142d3a}
:root[data-theme="dark"]{--welcome-pink:#ff95cf;--welcome-pink-ink:#142d3a}
.headline-fix{color:var(--welcome-pink)}
:root[data-theme="dark"] .headline-fix{color:var(--welcome-pink)}
.entrance .portal-primary:hover,.entrance .portal-primary:focus-visible,.entrance .portal-primary:active,
.entrance .portal-book:hover,.entrance .portal-book:focus-visible,.entrance .portal-book:active,
.entrance .support-book,.entrance .support-book:hover,.entrance .support-book:focus-visible,.entrance .support-book:active{background:var(--welcome-pink)!important;color:var(--welcome-pink-ink)!important;border-color:var(--welcome-pink);box-shadow:0 0 20px color-mix(in srgb,var(--welcome-pink) 30%,transparent)}
.entrance-testimonials{display:inline-block;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
.entrance-testimonials>span{margin-left:10px;white-space:nowrap}
.proof-neon-space{height:178px;position:relative;width:240px;max-width:100%;margin-bottom:16px}
.proof-neon{position:absolute;left:24px;top:58px;width:190px;padding:10px 14px;transform:rotate(-45deg);border:2px solid #ffa4d4;border-radius:8px;background:#142d3a;color:#fff3fa;font:700 16px/1.4 var(--mono);text-align:center;text-shadow:0 0 3px #fff,0 0 9px #ff65c1,0 0 18px #ff65c1;box-shadow:0 0 5px #ffa4d4,inset 0 0 5px #ffa4d4,0 0 20px #ff65c15c}

/* Version 15: the brighter electric pink and clickable product screens. */
:root[data-theme="light"] .headline-fix{-webkit-text-stroke:.7px #8b2a65;text-shadow:0 0 16px #ff95cf40}
.entrance-header .brand span{color:var(--welcome-pink)}
.entrance-more .entrance-proof{border-color:var(--welcome-pink)}
.proof-neon{border-color:var(--welcome-pink);box-shadow:0 0 5px var(--welcome-pink),inset 0 0 5px var(--welcome-pink),0 0 20px #ff95cf5c}
.desktop-menu>.button,.desktop-menu>.button:hover,.desktop-menu>.button:focus-visible,.desktop-menu>.button:active,
.desktop-enabled .desktop-shortcuts a[data-open="contact"],.desktop-enabled .desktop-shortcuts a[data-open="contact"].is-open,
.desktop-enabled .desktop-shortcuts a[data-open="contact"]:hover,.desktop-enabled .desktop-shortcuts a[data-open="contact"]:focus-visible{background:var(--welcome-pink)!important;color:#142d3a!important}
:root[data-theme="dark"] .theme-control button[aria-pressed=true],:root[data-theme="dark"] .case-quote{border-color:var(--welcome-pink)}
:root[data-theme="dark"] .theme-control button[aria-pressed=true]{background:var(--welcome-pink)}
.project-screen-strip .preview-open{display:block;width:100%;padding:6px;border:1px solid transparent;background:transparent;color:inherit}
.project-screen-strip .preview-open:hover,.project-screen-strip .preview-open:focus-visible{border-color:var(--welcome-pink);background:color-mix(in srgb,var(--welcome-pink) 10%,transparent)}
#case-dialog.image-view{width:760px}
#case-dialog .image-preview{padding:20px;text-align:center}
#case-dialog .image-preview h2{font-size:28px;margin-bottom:14px;max-width:none}
#case-dialog .image-preview img{max-width:100%;width:auto;max-height:calc(100dvh - 230px);height:auto;margin:auto;object-fit:contain}
#case-dialog .image-preview figcaption{font:16px/1.6 var(--mono);margin-top:14px}
/* Version 16: aligned previews and compact, collapsible mobile sections. */
.project-screen-strip figure{justify-content:flex-start}
.project-screen-strip img{object-position:center top}
.window-titlebar .mobile-window-toggle{display:none}
@media(max-width:900px){
 .desktop-menu{display:grid!important;grid-template-columns:minmax(0,1fr) auto;gap:16px 24px!important}
 .desktop-menu .brand{gap:8px;font-size:25px;letter-spacing:-1px}
 .desktop-menu .brand img{width:30px;height:30px;flex-shrink:0}
 .desktop-menu .brand>span{margin-left:-5px}
 .desktop-menu .back-entrance{margin:0;white-space:nowrap;padding:10px 0;font-size:13px}
 .desktop-menu>.button{justify-self:start;min-height:44px}
 .desktop-menu .desktop-settings{margin:0;justify-self:end}
 .desktop-enabled .mobile-window-toggle{display:flex;align-items:center;justify-content:center;flex:0 0 44px;width:44px;height:44px;border:1px solid var(--ink);background:var(--paper);color:var(--ink);font:700 26px/1 var(--mono)}
 .desktop-enabled .window-titlebar{min-height:56px;gap:12px}
 .desktop-enabled .window-name{flex:1;min-width:0}
 .desktop-enabled .desktop-window.is-collapsed>.window-content,.desktop-enabled .desktop-window.is-collapsed>.window-status{display:none}
 .desktop-enabled .desktop-window.is-collapsed{min-height:0}
}
@media(max-width:420px){
 .desktop-menu .brand,.desktop-menu .back-entrance{grid-column:1/-1}
 .desktop-menu .back-entrance{justify-self:start}
}
@media(max-width:370px){
 .desktop-menu{grid-template-columns:1fr;gap:12px!important}
 .desktop-menu .back-entrance{justify-self:start}
 .desktop-menu .desktop-settings{justify-self:start}
}
@media print{.mobile-window-toggle{display:none!important}.desktop-enabled .desktop-window.is-collapsed>.window-content,.desktop-enabled .desktop-window.is-collapsed>.window-status{display:block!important}}