.portfolio{background:var(--campaign-background,#100d21);color:var(--campaign-foreground,#f2ede3);--ink:var(--campaign-foreground,#f2ede3);--paper:var(--campaign-background,#100d21);--accent:#aa76f4}.portfolio .studio-bar{background:#100d21ed!important;color:var(--campaign-foreground,#f2ede3)!important;border-color:#ffffff20}.studio-bar .wordmark img{filter:none!important}.project-link span{color:#c8a0ff}.world-stage{background:var(--campaign-background,#100d21)}.street-vignette{position:absolute;inset:0;background:linear-gradient(90deg,#0c091a99,transparent 65%),linear-gradient(0deg,#0c091ae6,transparent 40%,transparent 75%,#0c091a44)}.chapter-copy{color:var(--campaign-foreground,#f2ede3)!important;text-shadow:0 2px 18px #0008}.entry{padding-top:140px}.portfolio .entry h1{font-size:clamp(58px,6.4vw,110px)}.portfolio h1 em,.portfolio h2 em{font-family:inherit;font-style:normal;font-weight:800;color:var(--campaign-accent,#cba5ff);letter-spacing:-.06em}.portfolio h2{font-size:clamp(45px,5.3vw,86px)}.kicker,.coordinate,.scene-caption{font-family:monospace}.coordinate,.scene-caption{color:#eee9deaa!important}.street-sign{position:absolute;top:22%;right:7%;border:1px solid #d1b7ff55;transform:rotate(-3deg);padding:9px 14px;background:#100d21b0;color:var(--campaign-foreground,#f2ede3);font-family:monospace;font-size:10px;letter-spacing:1.4px}.world-button{background:var(--campaign-foreground,#f2ede3);color:#21132d;box-shadow:3px 3px 0 #9a6bce;border:1px solid var(--campaign-foreground,#f2ede3)}.world-text{color:inherit;border-color:#f2ede355}.studio-info,.studio-project{background:var(--campaign-foreground,#f2ede3);color:#21132d;border-color:#21132d33}.studio-info .world-text,.studio-project .world-text{border-color:#21132d55}.studio-project input,.studio-project textarea{color:#21132d}.studio-lab{background:#21132d}.portfolio footer{background:var(--campaign-background,#100d21)}.portfolio dialog{background:var(--campaign-foreground,#f2ede3);color:#21132d}.portfolio dialog .world-button{background:#21132d;color:var(--campaign-foreground,#f2ede3);box-shadow:none}.portfolio .studio-info h2 em,.portfolio .studio-project h2 em{color:#694498}.portfolio .studio-project .world-button{background:#21132d;color:var(--campaign-foreground,#f2ede3)}.studio-bar nav.mobile-open{background:var(--campaign-background,#100d21)!important}.menu-toggle{color:var(--campaign-foreground,#f2ede3)}.destination-image{width:100%;max-height:350px;object-fit:cover}.venue-lines{height:220px;background:var(--campaign-background,#100d21);display:flex;gap:8px;align-items:center;justify-content:center;overflow:hidden}.venue-lines i{display:block;width:6px;height:var(--h);background:#c5a0ff;box-shadow:0 0 20px #a373d8;animation:venue-pulse 1.8s ease-in-out infinite alternate;animation-delay:var(--delay)}@keyframes venue-pulse{to{transform:scaleY(.5);opacity:.4}}.motion-paused .venue-lines i{animation:none}@media(max-width:700px){.entry{padding-top:125px}.portfolio .entry h1{font-size:14vw}.chapter{padding-bottom:80px}.chapter p{font-size:14px}.street-sign{top:42%;right:6%;font-size:7px}.street-vignette{background:linear-gradient(0deg,#0c091af5,transparent 60%),linear-gradient(90deg,#0c091a66,transparent)}.portfolio .chapter h2{font-size:12vw}.studio-bar nav.mobile-open{color:var(--campaign-foreground,#f2ede3)}.scene-caption{max-width:60%;font-size:7px}.quiet-label{opacity:.8}}@media(prefers-reduced-motion:reduce){.venue-lines i{animation:none}}

.court-dialog{padding:0!important;width:min(1100px,96vw)!important;max-width:1100px!important;height:min(740px,92dvh);max-height:92dvh;overflow:hidden;background:var(--campaign-background,#100d21)!important}.court-dialog iframe{width:100%;height:100%;border:0;margin:0!important;display:block}.court-dialog .dialog-close{position:absolute;right:12px;top:12px;z-index:10;background:var(--campaign-background,#100d21);color:var(--campaign-foreground,#f2ede3);width:40px;height:40px;border:1px solid #ffffff50}.entry .disciplines{max-width:440px}.studio-project a[href^="mailto"]{font-size:16px}

.no-canvas .world-stage{background:var(--campaign-background,#100d21)}
.portfolio[data-headline="culture"] .entry h1{font-size:clamp(45px,5.3vw,86px)}@media(max-width:700px){.portfolio[data-headline="culture"] .entry h1{font-size:11vw}}
/* Keep decorative street signage clear of the mobile introduction. */
@media(max-width:700px){.street-sign{display:none}}
/* Street interactions remain normal, keyboard-accessible controls. */
.street-sound{position:absolute;left:5%;bottom:49px;pointer-events:auto;z-index:5;padding:9px 12px;border:1px solid #cba5ff66;background:#100d21d9;color:#eee8dc;font:9px monospace;letter-spacing:1px;cursor:pointer}.street-sound[aria-pressed="true"]{border-color:#cba5ff;color:#cba5ff}.street-sound:focus-visible,.work-billboard:focus-visible{outline:3px solid #f2ede3;outline-offset:5px}.work-billboard{pointer-events:auto;position:absolute;right:7%;top:23%;width:min(34vw,460px);padding:9px;background:#130f20;border:2px solid #b889df;color:#eee8dc;box-shadow:0 12px 35px #0009,0 0 25px #b889df22;cursor:pointer;text-align:left;z-index:4;transform:perspective(1000px) rotateY(-5deg)}.work-billboard[hidden]{display:none}.work-billboard img{width:100%;display:block;aspect-ratio:16/9;object-fit:cover;margin:9px 0}.work-billboard span,.work-billboard strong{display:block;font:9px monospace;letter-spacing:1px;padding:3px}.work-billboard strong{color:#cba5ff}.work-billboard:hover{border-color:#f2ede3;box-shadow:0 12px 35px #0009,0 0 32px #b889df55}.court-dialog[open]{animation:court-arrival .22s ease-out}@keyframes court-arrival{from{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}.portfolio #proof-dialog img{height:auto;max-height:55svh;object-fit:contain}.chapter-copy{transition:none}
@media(max-width:700px){.work-billboard{top:16%;right:7%;width:65%;transform:none}.work-billboard span,.work-billboard strong{font-size:7px}.street-sound{left:6%;bottom:46px;font-size:8px}.scene-caption{max-width:62%}}
@media(prefers-reduced-motion:reduce){.court-dialog[open]{animation:none}.work-billboard{transform:none}}
.chapters{pointer-events:none}
.street-sound{left:auto;right:5%;bottom:48px}.street-sign{display:none}
@media(max-width:700px){.chapter:not(.entry){align-items:start;padding-top:39svh}.chapter:not(.entry) h2{font-size:10vw;margin:20px 0}.chapter:not(.entry) p{margin:14px 0;font-size:13px}.chapter:not(.entry) .scene-actions{max-width:60%}.chapter:not(.entry) .quiet-label{max-width:60%;margin-top:12px}.street-sound{right:6%;bottom:46px}}
.street-greet{position:absolute;transform:translateX(-50%);pointer-events:auto;z-index:5;min-width:88px;min-height:44px;padding:12px 8px;border:0;background:transparent;color:#ddc4ff;font:8px monospace;letter-spacing:1px;cursor:pointer}.street-greet:hover,.street-greet:focus-visible{color:#fff;text-shadow:0 0 12px #cba5ff}.street-greet:focus-visible{outline:2px solid #cba5ff;outline-offset:0}.street-greet:disabled{opacity:.25;cursor:default}

/* Keep the released-work billboard above copy on short phone screens. */
@media(max-width:700px) and (min-height:501px) and (max-height:740px){.work-billboard{top:16%;width:52%;right:7%;padding:6px}.work-billboard img{margin:5px 0}.work-billboard span,.work-billboard strong{font-size:6px;letter-spacing:.5px;padding:2px}.chapter#work{padding-top:43svh}}
@media(max-width:700px) and (min-height:741px){.work-billboard{width:62%}}
/* Short landscape retains the released-work text action instead of a billboard over copy. */
@media(max-width:700px) and (max-height:500px){.work-billboard{display:none}}
