/* Work belongs to the horizon, rather than sitting in a second gallery UI. */
.chapter-work { position:fixed;z-index:23;top:42vh;left:50%;width:min(1160px,calc(100vw - 130px));transform:translateX(-50%);color:var(--work-ink,#fff6e8);opacity:0;visibility:hidden;pointer-events:none; }
.scene-layout { display:grid;grid-template-columns:minmax(0,1fr) clamp(150px,18vw,240px) minmax(0,1fr);align-items:start;min-height:25vh;width:100%;min-width:0; }
.scene-layout > *, .scene-visual > *, .scene-art-button > * { min-width:0;max-width:100%; }
.scene-context { grid-column:1;min-width:0;padding-top:1.2vh;text-align:left; }
.scene-source { display:block;margin:0 0 10px;font-size:11px;line-height:1.5;opacity:.7; }
.scene-project-title { margin:0 0 13px;font-family:"Caprasimo","Cooper Black",Georgia,serif;font-weight:400;font-size:clamp(22px,2.2vw,33px);line-height:1.13;letter-spacing:-.025em;text-wrap:balance; }
.scene-explanation { max-width:28ch;margin:0;font-size:clamp(13px,1.03vw,15px);line-height:1.65;letter-spacing:-.015em;text-wrap:pretty; }
.scene-detail { max-width:31ch;margin:12px 0 0;font-size:11px;line-height:1.6;opacity:.68; }
.scene-project-link { display:inline-flex;align-items:center;min-height:44px;margin-top:6px;color:inherit;font-size:11px;line-height:1.4;pointer-events:auto;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:color-mix(in srgb,currentColor 45%,transparent); }
.scene-visual { grid-column:3;min-width:0;width:100%;max-width:100%;justify-self:end;text-align:center; }
.scene-context,.scene-visual { translate:0 calc((1 - var(--scene-reveal,1)) * 20px); }
.chapter-work [hidden] { display:none !important; }
.scene-detail,.scene-source { display:none; }
.scene-art-button { display:block;min-width:0;max-width:100%;width:100%;height:25vh;max-height:250px;min-height:130px;margin:-1vh 0 0;padding:0;border:0;background:none;color:inherit;cursor:zoom-in;pointer-events:auto;transform:rotate(3deg);transition:transform .45s cubic-bezier(.2,.65,.3,1); }
.scene-art-button:hover { transform:rotate(1deg) translateY(-4px); }
.scene-art { display:block;min-width:0;max-width:100%;width:100%;height:100%;object-fit:contain;object-position:center;background:none;border:0;box-shadow:none;mask-image:radial-gradient(ellipse 72% 76% at 50% 46%,#000 52%,#000c 66%,transparent 91%); }
.scene-art-note { display:block;margin:6px auto 0;max-width:34ch;font-size:10px;line-height:1.5;opacity:.68; }
.scene-media-website { perspective:900px; }
.scene-media-website .scene-art-button { height:24vh;max-height:250px;transform:rotateY(-9deg) rotateZ(2deg); }
.scene-media-website .scene-art-button:hover { transform:rotateY(-3deg) rotateZ(0); }
.scene-media-website .scene-art { mask-image:radial-gradient(ellipse 76% 86% at 50% 37%,#000 44%,#000e 62%,transparent 92%); }
.chapter-work[data-planet="mercury"] .scene-art-button,.chapter-work[data-planet="saturn"] .scene-art-button { mix-blend-mode:multiply; }
.scene-switcher { display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:0 16px;width:34%;max-width:355px;margin-top:5px; }
.scene-switcher:empty { display:none; }
.scene-pick { min-height:44px;padding:7px 0;border:0;background:none;color:inherit;font:inherit;font-size:11px;line-height:1.3;cursor:pointer;pointer-events:auto;opacity:.52;text-align:left;transition:opacity .2s ease;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px;text-decoration-color:transparent; }
.scene-pick[aria-pressed="true"] { opacity:1;text-decoration-color:currentColor; }.scene-pick:hover { opacity:1; }
.chapter-work button:focus-visible,.chapter-work a:focus-visible { outline:2px solid currentColor;outline-offset:5px; }
.chapter-work[aria-hidden="true"] button,.chapter-work[aria-hidden="true"] a { pointer-events:none; }
/* Mark, lettering and colour relationships, free of a presentation board. */
.identity-mark { display:block;width:auto;max-width:82%;height:14vh;max-height:145px;min-height:76px;object-fit:contain;margin:-1vh auto 0; }
.identity-name { display:block;margin:12px 0 0;font-family:Georgia,serif;font-size:clamp(17px,1.7vw,25px);line-height:1.15;letter-spacing:-.035em; }
.identity-system { display:flex;align-items:center;justify-content:center;gap:28px;margin-top:12px; }
.identity-type { font-family:Georgia,serif;font-size:clamp(30px,3vw,45px);line-height:1;letter-spacing:-.07em; }
.identity-colours { display:flex;align-items:center;gap:8px;transform:rotate(-5deg); }
.identity-colour { display:block;width:clamp(22px,2.5vw,35px);aspect-ratio:1;border-radius:50%;background:var(--chip);box-shadow:inset -4px -5px 8px #0002,inset 2px 2px 4px #fff2; }
.identity-colour:nth-child(2) { transform:translateY(-5px); }.identity-colour:nth-child(3) { transform:translateY(-4px); }
.identity-description { margin:10px 0 0;font-size:10px;line-height:1.5;opacity:.65; }
.intro-services { display:flex;flex-direction:column;align-items:center;gap:14px;padding-top:6px;font-family:"Caprasimo",Georgia,serif;font-size:clamp(24px,2.8vw,41px);line-height:1.15;letter-spacing:-.035em; }
.intro-services span:first-child { transform:translateX(-15px) rotate(-5deg);opacity:.73; }.intro-services span:nth-child(2) { transform:translateX(10px) rotate(3deg); }.intro-services span:last-child { transform:translateX(-8px) rotate(-2deg);opacity:.8; }
.intro-question { margin:0;font-family:"Caprasimo",Georgia,serif;font-size:clamp(24px,2.6vw,37px);line-height:1.2;letter-spacing:-.03em; }
/* The writing example is a direct edit in the scene, not another panel. */
.message-demo { text-align:left; }
.message-draft { max-width:34ch;margin:0 0 14px;font-size:clamp(12px,1vw,14px);line-height:1.55;opacity:.6;transition:opacity .3s ease; }
.message-demo[data-clear="true"] .message-draft { text-decoration:line-through;text-decoration-thickness:1px;opacity:.35; }
.message-result { max-width:27ch;margin:0;font-family:Georgia,serif;font-size:clamp(18px,1.8vw,26px);line-height:1.38;letter-spacing:-.025em; }
.message-result[hidden] { display:none; }
.message-toggle { display:inline-flex;align-items:center;min-height:44px;padding:8px 0;margin-top:7px;color:inherit;font:inherit;font-size:11px;line-height:1.4;border:0;background:none;text-decoration:underline;text-underline-offset:5px;pointer-events:auto;cursor:pointer; }
.message-note { display:block;margin-top:3px;font-size:10px;line-height:1.5;opacity:.65; }
/* Only an explicitly opened original uses a reading surface. */
.work-viewer { width:min(1050px,calc(100vw - 30px));max-height:calc(100svh - 30px);overflow:auto;overscroll-behavior:contain;padding:clamp(18px,3vw,40px);background:#fffaf5;color:#442a23;border:1px solid #dbcac0;box-shadow:0 40px 100px #0a0807aa; }
.work-viewer::backdrop { background:rgba(8,9,13,.82);backdrop-filter:blur(12px); }
.work-close { position:absolute;right:12px;top:10px;width:44px;height:44px;font-size:30px;line-height:1;background:#fffaf5;color:#9a3929;border:1px solid #d9c5bc;border-radius:50%;cursor:pointer;z-index:2; }
.work-close:focus-visible { outline:2px solid #9a3929;outline-offset:3px; }
.work-full-image { display:block;width:100%;height:min(62vh,650px);object-fit:contain; }
.work-viewer-details { margin-top:20px; }.work-viewer-details h2 { font-family:Caprasimo,Georgia,serif;font-size:25px;font-weight:400;margin:0 0 8px; }.work-viewer-details p { font-size:14px;line-height:1.6;margin:0 0 12px;max-width:65ch; }.work-viewer-details a { color:#a33b2e;font-size:13px;line-height:1.5;text-decoration-thickness:1px;text-underline-offset:4px; }
@media(max-width:1050px) and (min-width:761px){.chapter-work{width:calc(100vw - 100px);}.scene-layout{grid-template-columns:minmax(0,1fr) 140px minmax(0,1fr);}.scene-project-title{font-size:23px;}.scene-explanation{font-size:12px;line-height:1.55;}.scene-detail{font-size:10px;}.scene-source{margin-bottom:7px;}}
@media(max-width:760px){
 .chapter-work{top:39.5vh;width:calc(100vw - 48px);}.scene-layout{grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr);min-height:0;align-items:start;}.scene-context{padding-top:0;}.scene-source{font-size:9px;margin-bottom:7px;line-height:1.4;}.scene-project-title{font-size:clamp(17px,4.7vw,23px);margin-bottom:8px;line-height:1.15;}.scene-explanation{font-size:11px;line-height:1.5;max-width:22ch;}.scene-detail{display:none;}.scene-project-link{min-height:40px;margin-top:3px;font-size:10px;}.scene-visual{max-width:unset;}
 .scene-art-button,.scene-media-website .scene-art-button{height:16vh;min-height:95px;max-height:155px;margin-top:0;}.scene-art-note{margin-top:4px;font-size:8px;line-height:1.35;}.scene-switcher{width:calc(50% - 8px);max-width:unset;gap:0 14px;margin-top:2px;padding-right:0;}.scene-pick{font-size:10px;min-height:44px;max-width:100%;padding:7px 0;opacity:.8;}
 .identity-mark{max-width:94%;height:11vh;min-height:65px;max-height:100px;margin:0 auto;}.identity-name{font-size:14px;margin-top:7px;}.identity-system{margin-top:10px;gap:0;}.identity-type{display:none;}.identity-colours{gap:6px;}.identity-colour{width:19px;}.identity-description{display:none;}.intro-services{font-size:clamp(19px,5.1vw,26px);gap:12px;padding-top:5px;}.intro-question{font-size:23px;}
 .message-draft{font-size:10px;line-height:1.4;margin-bottom:8px;}.message-result{font-size:14px;line-height:1.35;}.message-toggle{min-height:40px;margin-top:3px;font-size:10px;}.message-note{font-size:8px;margin-top:0;}.work-viewer{padding:16px;}.work-full-image{height:56vh;}
}
@media(max-width:760px) and (max-height:730px){.chapter-work{top:40vh;}.scene-source{display:none;}.scene-project-title{font-size:17px;}.scene-explanation{font-size:10px;line-height:1.4;}.scene-art-button,.scene-media-website .scene-art-button{height:14vh;min-height:80px;}.scene-art-note{display:none;}.scene-switcher{max-height:80px;overflow-y:auto;overscroll-behavior:contain;pointer-events:auto;}.identity-mark{height:10vh;min-height:55px;}.identity-name{font-size:12px;}.identity-colours{margin-top:-3px;}.identity-colour{width:16px;}.message-draft{font-size:9px;}.message-result{font-size:12px;}}
@media(max-height:650px) and (min-width:761px){.chapter-work{top:42.5vh;}.scene-layout{min-height:24vh;}.scene-source{margin-bottom:5px;}.scene-project-title{font-size:23px;margin-bottom:8px;}.scene-explanation{font-size:12px;line-height:1.5;}.scene-detail{display:none;}.scene-art-button,.scene-media-website .scene-art-button{height:23vh;min-height:105px;}.scene-switcher{margin-top:0;}.scene-pick{min-height:36px;font-size:10px;}.identity-mark{height:12vh;min-height:65px;}.identity-name{font-size:18px;margin-top:6px;}.identity-system{margin-top:8px;}.identity-type{font-size:29px;}.identity-colour{width:24px;}.message-draft{margin-bottom:8px;font-size:11px;}.message-result{font-size:19px;}}
@media(prefers-reduced-motion:reduce){.scene-art-button,.scene-pick,.message-draft{transition:none;}.scene-art-button:hover{transform:rotate(3deg);}.scene-media-website .scene-art-button:hover{transform:rotateY(-9deg) rotateZ(2deg);}}

/* Close-ups keep the original design materials in the world, without a board. */
.chapter-work[data-treatment="detail"] .scene-art-button { height:28vh;max-height:280px; }
.chapter-work[data-treatment="detail"] .scene-art { object-fit:cover;object-position:var(--art-position,50% 35%);mask-image:radial-gradient(ellipse 80% 88% at 50% 40%,#000 52%,#000e 69%,transparent 94%); }
.chapter-work[data-treatment="gathari"] .identity-mark { width:95%;max-width:95%;height:17vh;max-height:170px;min-height:95px; }
.chapter-work[data-treatment="gathari"] .identity-name { margin-top:3px;font-family:Georgia,"Noto Serif Devanagari",serif;font-size:clamp(23px,2.2vw,32px); }
.chapter-work[data-treatment="gathari"] .identity-system { margin-top:8px; }
.chapter-work[data-treatment="masala-mark"] .identity-mark { height:17vh;max-height:170px;min-height:95px; }
.chapter-work[data-treatment="masala-mark"] .identity-name { font-weight:700;letter-spacing:-.05em; }

.chapter-work[data-treatment="masala-welcome"] .scene-art-button { height:28vh;max-height:285px;min-height:180px;transform:rotate(0);mix-blend-mode:normal; }
.chapter-work[data-treatment="masala-welcome"] .scene-art-button:hover { transform:translateY(-3px); }
.masala-welcome-stage { position:relative;display:block;width:100%;height:100%;isolation:isolate;color:#f4e4bd; }
.masala-welcome-pattern { position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center;mask-image:radial-gradient(ellipse 78% 85% at 50% 48%,#000 46%,#000f 63%,transparent 94%); }
.masala-welcome-hands { position:absolute;top:3%;left:50%;width:auto;height:43%;max-height:114px;transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 2px 6px #32170d55); }
.masala-welcome-name { position:absolute;left:5%;right:5%;bottom:22%;display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(27px,3.1vw,43px);font-weight:700;line-height:1;letter-spacing:-.065em;text-shadow:0 2px 16px #28130d77; }
.masala-welcome-stage small { position:absolute;left:8%;right:8%;bottom:12%;display:block;font-size:10px;font-weight:400;line-height:1.4;letter-spacing:.015em;color:#e4c99b; }

.chapter-work[data-treatment="aurelle"] .scene-art-button { height:29vh;max-height:290px;min-height:190px;transform:rotate(0);mix-blend-mode:normal; }
.chapter-work[data-treatment="aurelle"] .scene-art-button:hover { transform:translateY(-3px); }
.aurelle-study { position:relative;display:block;width:100%;height:100%;text-align:left; }
.aurelle-photo { position:absolute;top:0;right:3%;display:block;width:67%;height:100%;object-fit:cover;object-position:50% 43%;mask-image:linear-gradient(to bottom,transparent,#000 5%,#000 86%,transparent); }
.aurelle-wordmark { position:absolute;top:7%;left:0;display:block;font-family:Georgia,"Times New Roman",serif;font-size:clamp(24px,2.9vw,39px);font-weight:400;line-height:1;letter-spacing:.06em; }
.aurelle-caption { position:absolute;left:0;bottom:13%;display:block;max-width:6.5ch;font-family:Georgia,"Times New Roman",serif;font-size:clamp(20px,2.2vw,30px);font-style:italic;line-height:1.03;letter-spacing:-.035em; }

@media(max-width:760px){
 .chapter-work[data-treatment="detail"] .scene-art-button{height:17vh;min-height:105px;max-height:170px;}
 .chapter-work[data-treatment="gathari"] .identity-mark{height:13vh;min-height:76px;max-height:115px;}.chapter-work[data-treatment="gathari"] .identity-name{font-size:19px;margin-top:2px;}.chapter-work[data-treatment="gathari"] .identity-system{margin-top:6px;}
 .chapter-work[data-treatment="masala-mark"] .identity-mark{height:12vh;min-height:72px;max-height:105px;}
 .chapter-work[data-treatment="masala-welcome"] .scene-art-button{height:18vh;min-height:125px;max-height:170px;}.masala-welcome-pattern{mask-image:radial-gradient(ellipse 82% 88% at 50% 47%,#000 45%,#000e 66%,transparent 96%);}.masala-welcome-hands{top:4%;height:42%;}.masala-welcome-name{left:3%;right:3%;bottom:23%;font-size:clamp(18px,4.5vw,26px);}.masala-welcome-stage small{font-size:7px;bottom:11%;}
 .chapter-work[data-treatment="aurelle"] .scene-art-button{height:19vh;min-height:125px;max-height:175px;}.aurelle-photo{width:72%;right:0;}.aurelle-wordmark{top:8%;font-size:clamp(15px,4vw,22px);letter-spacing:.035em;}.aurelle-caption{font-size:16px;bottom:9%;max-width:6ch;}
}
@media(max-width:760px) and (max-height:730px){
 .chapter-work[data-treatment="detail"] .scene-art-button{height:15vh;min-height:90px;}
 .chapter-work[data-treatment="gathari"] .identity-mark{height:11vh;min-height:65px;}.chapter-work[data-treatment="gathari"] .identity-name{font-size:16px;}
 .chapter-work[data-treatment="masala-welcome"] .scene-art-button,.chapter-work[data-treatment="aurelle"] .scene-art-button{height:17vh;min-height:112px;}.masala-welcome-name{font-size:18px;}.masala-welcome-stage small{font-size:6px;}.aurelle-caption{font-size:14px;}
}
@media(max-height:650px) and (min-width:761px){
 .chapter-work[data-treatment="detail"] .scene-art-button{height:25vh;min-height:120px;}
 .chapter-work[data-treatment="masala-welcome"] .scene-art-button,.chapter-work[data-treatment="aurelle"] .scene-art-button{height:26vh;min-height:135px;}.masala-welcome-name{font-size:30px;}.masala-welcome-stage small{font-size:8px;}.aurelle-wordmark{font-size:27px;}.aurelle-caption{font-size:21px;}
 .chapter-work[data-treatment="gathari"] .identity-mark,.chapter-work[data-treatment="masala-mark"] .identity-mark{height:14vh;min-height:75px;}
}
@media(prefers-reduced-motion:reduce){
 .chapter-work[data-treatment="masala-welcome"] .scene-art-button:hover,.chapter-work[data-treatment="aurelle"] .scene-art-button:hover{transform:none;}
}

/* Project choices are deliberate controls, rather than faint caption links. */
.scene-switcher { width:min(440px,45%);max-width:none;gap:9px;margin-top:14px; }
.scene-pick { display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:11px 17px;border:1px solid color-mix(in srgb,var(--work-ink) 48%,transparent);border-radius:999px;background:color-mix(in srgb,var(--work-paper) 91%,transparent);color:var(--work-ink);font-size:14px;font-weight:500;line-height:1.3;text-decoration:none;opacity:1; }
.scene-pick[aria-pressed="true"] { background:var(--work-ink);color:var(--work-paper);border-color:var(--work-ink);text-decoration:none; }
.scene-pick:hover { border-color:var(--work-ink);background:color-mix(in srgb,var(--work-ink) 12%,var(--work-paper)); }
.scene-pick[aria-pressed="true"]:hover { background:var(--work-ink); }
.scene-pick { transition:background-color .18s ease,color .18s ease,border-color .18s ease,transform .18s ease; }
.scene-pick:hover,.scene-pick[aria-pressed="true"]:hover,.scene-pick:focus-visible { background:var(--pick-bg);border-color:var(--pick-bg);color:var(--pick-ink);transform:translateY(-2px); }
.scene-pick:active { transform:translateY(0); }
.scene-project-link { font-size:13px; }
.scene-art-note { font-size:11px; }
@media(max-width:760px){
 .scene-switcher { width:calc(50% - 8px);margin-top:10px;max-height:none;overflow:visible; }
 .scene-pick { min-height:46px;padding:10px 12px;font-size:12px; }
 .scene-project-link { font-size:11px; }
 .scene-art-note { font-size:9px; }
}
@media(max-height:650px) and (min-width:761px){.scene-switcher{margin-top:7px;gap:6px;}.scene-pick{min-height:44px;padding:9px 13px;font-size:13px;}}
@media(prefers-reduced-motion:reduce){.scene-pick{transition:none;}.scene-pick:hover,.scene-pick:focus-visible{transform:none;}}
.bizznet-study { display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;height:100%; }
.bizznet-mark { display:block;width:82px;height:82px;clip-path:circle(49%); }
.bizznet-name { color:#c8e6ff;font-size:clamp(22px,2.6vw,37px);font-family:Arial,sans-serif;font-weight:700;letter-spacing:-.05em; }
.bizznet-services { font-size:12px;line-height:1.5;color:#b8d8f2; }
@media(max-width:760px){.bizznet-study{gap:8px;}.bizznet-mark{width:48px;height:48px;}.bizznet-name{font-size:18px;}.bizznet-services{font-size:9px;}}
.bizznet-archive-preview { display:block;width:100%;height:100%;border:0;pointer-events:none;background:transparent;mask-image:linear-gradient(#000 78%,transparent); }
.work-archive-view { display:block;width:100%;height:65vh;border:0;background:#fff; }
.work-archive-view[hidden],.work-full-image[hidden] { display:none; }
.work-composite-view { width:100%;height:min(62vh,650px); }
.work-composite-view[hidden] { display:none; }
.work-composite-view .masala-welcome-stage { width:100%;height:100%;background:#32180f;overflow:hidden; }
.work-composite-view .masala-welcome-pattern { mask-image:none;object-fit:cover; }
.masala-welcome-logo { position:absolute;display:block;left:12%;bottom:19%;width:76%;height:auto;filter:brightness(0) invert(1) sepia(.4) saturate(.8); }
.work-composite-view .masala-welcome-hands { height:43%;top:8%;max-height:none; }
.work-composite-view .masala-welcome-logo { left:24%;width:52%;bottom:20%; }
.masala-spice-stage { display:grid;place-items:center;width:100%;height:100%; }
.masala-real-spice { display:block;width:auto;max-width:100%;height:100%;object-fit:contain;animation:masala-footer-spice-turn 36s linear infinite;transform-origin:50% 50%; }
.chapter-work[data-treatment="masala-spice"] .scene-art-button { height:29vh;max-height:280px;transform:none;mix-blend-mode:normal; }
.chapter-work[data-treatment="masala-spice"] .scene-art-button:hover { transform:none; }
.chapter-work[aria-hidden="true"] .masala-real-spice { animation-play-state:paused; }
.work-composite-view .masala-real-spice { height:min(56vh,440px); }
@keyframes masala-footer-spice-turn { to { transform:rotate(360deg); } }
@media(max-width:760px){.chapter-work[data-treatment="masala-spice"] .scene-art-button{height:18vh;max-height:180px;}.work-composite-view{height:min(55vh,460px);}.work-composite-view .masala-welcome-logo{left:12%;width:76%;bottom:22%;}.work-composite-view .masala-welcome-hands{top:10%;height:40%;}}
@media(prefers-reduced-motion:reduce){.masala-real-spice{animation:none;}}
.chapter-work[data-mode="brands"] { mix-blend-mode:multiply; }
.chapter-work[data-mode="brands"] .brand-image-window,.chapter-work[data-mode="brands"] .brand-slot img { mix-blend-mode:normal; }
.chapter-work[data-mode="brands"] .brand-logo-img { filter:none;opacity:1; }
.teacher-chris-interface { display:block;position:relative;width:100%;height:100%;overflow:hidden;isolation:isolate; }
.teacher-chris-capture { position:absolute;left:0;top:0;display:block;width:100%;height:auto;transform:translateY(-31%); }
.chapter-work[data-treatment="tchris-real"] .scene-art-button { height:26vh;max-height:260px;transform:none; }
.work-composite-view:has(.teacher-chris-interface) { height:auto;aspect-ratio:1280 / 730; }
.work-composite-view .teacher-chris-interface { height:auto;aspect-ratio:1280 / 730; }
@media(max-width:760px){.chapter-work[data-treatment="tchris-real"] .scene-art-button{height:17vh;max-height:170px;}}

/* Original identities occupy two wings, leaving the runner's horizon clear. */
.chapter-work[data-mode="brands"] .scene-layout { display:block;min-height:0; }
.chapter-work[data-mode="brands"] .scene-context,
.chapter-work[data-mode="brands"] .scene-switcher { display:none; }
.brand-wall { display:grid;grid-template-columns:minmax(0,1fr) clamp(170px,24%,290px) minmax(0,1fr);align-items:start;width:100%;margin:-1vh auto 0;pointer-events:none; }
.brand-wall-wing { display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:clamp(58px,7.2vh,78px);align-items:center;gap:10px clamp(20px,3vw,43px); }
.brand-wall-wing:first-child { grid-column:1; }
.brand-wall-wing:last-child { grid-column:3; }
.brand-slot { display:flex;align-items:center;justify-content:center;min-width:0;height:100%;padding:0;background:none;border:0;box-shadow:none;color:var(--work-ink);pointer-events:auto;cursor:default;transition:translate .25s ease,opacity .25s ease; }
.brand-slot img { display:block;width:100%;max-width:130px;height:46px;object-fit:contain;object-position:center;mix-blend-mode:multiply;pointer-events:none; }
.brand-slot span { display:block;max-width:100%;font-family:Arial,sans-serif;font-size:clamp(18px,2vw,27px);font-weight:700;line-height:1.05;letter-spacing:-.045em;text-align:center; }
.brand-slot[data-brand="aurelle"] span { font-family:Georgia,"Times New Roman",serif;font-size:clamp(18px,1.8vw,25px);font-weight:400;letter-spacing:.1em; }
.brand-slot[data-brand="eei"] img,.brand-slot[data-brand="equal-education"] img { height:56px; }
.brand-slot[data-brand="gathari"] img { max-width:120px;height:55px; }
.brand-slot[data-brand="tpm"] img,.brand-slot[data-brand="present-minds"] img { height:52px; }
@media(hover:hover) and (pointer:fine){.brand-slot:hover{translate:0 -3px;opacity:.87;}}
@media(max-width:1050px) and (min-width:761px){
 .brand-wall{grid-template-columns:minmax(0,1fr) clamp(140px,23%,220px) minmax(0,1fr);}.brand-wall-wing{gap:8px 18px;}.brand-slot img{height:40px;max-width:115px;}.brand-slot span{font-size:21px;}
}
@media(max-width:760px){
 .chapter-work[data-mode="brands"]{width:calc(100vw - 40px);}
 .brand-wall{grid-template-columns:minmax(0,1fr) 56px minmax(0,1fr);margin:0;}
 .brand-wall-wing{grid-auto-rows:clamp(37px,5vh,46px);gap:10px 10px;}
 .brand-slot img{height:29px;max-width:87px;}.brand-slot span{font-size:clamp(12px,3.25vw,17px);line-height:1.1;letter-spacing:-.04em;}
 .brand-slot[data-brand="aurelle"] span{font-size:clamp(12px,3.05vw,16px);letter-spacing:.045em;}
 .brand-slot[data-brand="eei"] img,.brand-slot[data-brand="equal-education"] img{height:37px;}
 .brand-slot[data-brand="gathari"] img{height:34px;max-width:80px;}.brand-slot[data-brand="tpm"] img,.brand-slot[data-brand="present-minds"] img{height:34px;}
}
@media(max-width:760px) and (max-height:730px){.brand-wall-wing{grid-auto-rows:35px;gap:9px 9px;}.brand-slot img{height:26px;}.brand-slot[data-brand="eei"] img,.brand-slot[data-brand="equal-education"] img{height:33px;}}
@media(max-height:650px) and (min-width:761px){.brand-wall-wing{grid-auto-rows:48px;gap:8px 24px;}.brand-slot img{height:36px;}.brand-slot[data-brand="eei"] img,.brand-slot[data-brand="equal-education"] img{height:44px;}.brand-slot[data-brand="gathari"] img{height:43px;}.brand-slot span{font-size:22px;}}
@media(prefers-reduced-motion:reduce){.brand-slot{transition:none;}.brand-slot:hover{translate:none;}}
.brand-image-window { position:relative;display:block;flex:none;width:min(130px,100%);height:46px;overflow:hidden;mix-blend-mode:multiply; }
.brand-image-window.has-crop { width:min(var(--logo-width),100%);height:auto;aspect-ratio:var(--crop-width) / var(--crop-height); }
.brand-image-window .brand-logo-img { width:100%;height:100%;max-width:none;object-fit:contain; }
.brand-image-window.has-crop .brand-logo-img { position:absolute;left:var(--image-left);top:var(--image-top);width:var(--image-width);height:auto;max-width:none; }
.brand-slot { gap:9px; }
.brand-slot .brand-wordmark { max-width:105px;font-size:15px;line-height:1.1; }
.brand-slot[data-brand="tpm"] .brand-wordmark { font-family:Georgia,serif; }
.brand-slot[data-brand="gathari"] .brand-wordmark { font-family:Georgia,serif;font-size:24px; }
.brand-slot[data-brand="marugame"] .brand-logo-img { filter:none; }
.brand-slot[data-brand="weederland"] .brand-logo-img { filter:none; }
.brand-slot[data-brand="aurelle"] .brand-wordmark { max-width:none;font-size:26px; }
@media(max-width:760px){
 .brand-image-window{height:30px;width:100%;max-width:85px;}.brand-image-window.has-crop{width:calc(var(--logo-width) * .52);max-width:100%;}
 .brand-slot{gap:3px;}.brand-slot .brand-wordmark{font-size:9px;max-width:55px;}.brand-slot[data-brand="gathari"] .brand-wordmark{font-size:16px;}.brand-slot[data-brand="aurelle"] .brand-wordmark{font-size:15px;}
 .brand-slot[data-brand="tpm"] .brand-image-window,.brand-slot[data-brand="gathari"] .brand-image-window,.brand-slot[data-brand="washo"] .brand-image-window{width:18px;}
}
/* Four original posters form a bounded spread beside, never over, the mascot. */
.chapter-work[data-treatment="greggs-campaign"] .scene-layout{align-items:center;min-height:30vh}
.chapter-work[data-treatment="greggs-campaign"] .scene-visual{grid-column:3;width:100%;max-width:100%;padding:0;justify-self:end}
.greggs-campaign{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));align-items:center;justify-items:center;gap:14px;width:min(100%,calc(32vh * .76));height:min(32vh,320px);padding:8px;margin:0 auto;isolation:isolate}
.greggs-campaign .greggs-poster{display:block;width:100%;height:100%;min-height:0;max-height:100%;max-width:100%;margin:0;aspect-ratio:auto;mix-blend-mode:normal!important;transform:rotate(-4deg);transition:transform .25s ease;position:relative;box-shadow:2px 5px 12px #34302a20;border-radius:0}
.greggs-campaign .greggs-poster:nth-child(2){transform:rotate(3deg)}
.greggs-campaign .greggs-poster:nth-child(3){transform:rotate(-2deg)}
.greggs-campaign .greggs-poster:nth-child(4){transform:rotate(4deg)}
.greggs-poster-image{display:block;min-width:0;width:100%;height:100%;max-width:100%;object-fit:contain;pointer-events:none}
.greggs-campaign .greggs-poster:hover,.greggs-campaign .greggs-poster:focus-visible{transform:rotate(0) translateY(-3px);z-index:2}
@media(max-width:760px){.chapter-work[data-treatment="greggs-campaign"] .scene-layout{min-height:23vh}.greggs-campaign{width:100%;height:min(25vh,210px);gap:9px;padding:5px}.greggs-campaign .greggs-poster{height:100%;width:100%;max-height:100%;max-width:100%}}
@media(prefers-reduced-motion:reduce){.greggs-campaign .greggs-poster{transition:none}.greggs-campaign .greggs-poster:hover{transform:none}}
/* Each design selection is a complete visual series, split around the horizon. */
.chapter-work[data-mode="campaign"] .scene-layout{display:block;min-height:0}
.chapter-work[data-mode="campaign"] .scene-context{display:none}
.chapter-work[data-mode="campaign"] .scene-visual{width:100%;max-width:none;padding:0}
.campaign-series{display:grid;grid-template-columns:minmax(0,1fr) clamp(120px,16vw,220px) minmax(0,1fr);align-items:center;width:100%;padding:12px 0 15px}
.campaign-wing{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:clamp(9px,1.5vw,22px)}
.campaign-wing:first-child{grid-column:1}.campaign-wing:last-child{grid-column:3}
.campaign-series .greggs-poster{display:block;height:auto;min-height:0;max-height:none;width:100%;aspect-ratio:1587/2245;margin:0;transform:rotate(-6deg);mix-blend-mode:normal;box-shadow:2px 7px 13px #243a3222;position:relative}
.campaign-series .greggs-poster:nth-child(2){transform:translateY(-10px) rotate(2deg)}.campaign-series .greggs-poster:nth-child(3){transform:translateY(5px) rotate(6deg)}
.campaign-series .greggs-poster:hover,.campaign-series .greggs-poster:focus-visible{transform:translateY(-12px) rotate(0) scale(1.05);z-index:2}
.chapter-work[data-mode="campaign"] .scene-switcher{width:auto;max-width:none;justify-content:center;margin:18px auto 0}
@media(max-width:760px){.chapter-work[data-mode="campaign"]{top:43vh;width:calc(100vw - 38px)}.campaign-series{grid-template-columns:minmax(0,1fr) 68px minmax(0,1fr);padding:4px 0}.campaign-wing{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.campaign-series .greggs-poster{max-height:11vh;width:auto;max-width:100%;justify-self:center}.campaign-series .greggs-poster:nth-child(3){grid-column:1 / 3;max-width:50%;transform:translateY(-4px) rotate(3deg)}.chapter-work[data-mode="campaign"] .scene-switcher{width:100%;margin-top:8px;gap:8px}.chapter-work[data-mode="campaign"] .scene-pick{width:auto;max-height:none}}
@media(max-height:700px) and (min-width:761px){.campaign-series .greggs-poster{max-height:27vh;width:auto;max-width:100%;justify-self:center}.chapter-work[data-mode="campaign"] .scene-switcher{margin-top:2px}}
@media(prefers-reduced-motion:reduce){.campaign-series .greggs-poster:hover{transform:none}}
.chapter-work[data-mode="campaign"] .scene-switcher{justify-content:flex-start;width:calc((100% - clamp(120px,16vw,220px))/2);margin:18px 0 0}
@media(max-width:760px){.chapter-work[data-mode="campaign"] .scene-switcher{width:calc(50% - 34px);justify-content:center;flex-direction:column;gap:6px;margin-top:8px}.chapter-work[data-mode="campaign"] .scene-pick{min-height:40px;white-space:nowrap;font-size:11px}}
.chapter-work[data-mode="brands"]{mix-blend-mode:normal}
.chapter-work[data-mode="brands"] .brand-slot{mix-blend-mode:normal}
.chapter-work[data-mode="brands"] .brand-slot[data-brand="jagran"]{mix-blend-mode:multiply}
.brand-slot[data-brand="weederland"] .brand-image-window{width:154px;height:58px;mix-blend-mode:normal}
.brand-slot[data-brand="weederland"] .brand-logo-img{filter:none;opacity:1;mix-blend-mode:normal;object-fit:contain}
@media(max-width:760px){.brand-slot[data-brand="weederland"] .brand-image-window{width:100%;height:32px}}
/* White in the remaining original Jagran raster becomes the paper colour. */
.chapter-work[data-mode="brands"]{mix-blend-mode:multiply}
.campaign-series[data-count="5"] .campaign-wing:last-child{grid-template-columns:repeat(2,minmax(0,1fr))}
@media(min-width:761px){.campaign-series[data-count="5"] .campaign-wing:last-child{padding:0 10px;gap:24px}.campaign-series[data-count="5"] .campaign-wing:last-child .greggs-poster{max-height:29vh;width:auto;justify-self:center}}

/* A single, native project picker replaces the long wall of twelve buttons. */
.scene-switcher[data-picker="true"]{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:10px;width:min(435px,43%);margin-top:16px;overflow:visible;max-height:none;pointer-events:auto}
.scene-project-picker{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:stretch;min-width:0;min-height:48px;border:1px solid color-mix(in srgb,var(--work-ink) 45%,transparent);border-radius:25px;background:color-mix(in srgb,var(--work-paper) 88%,transparent)}
.scene-project-step{display:grid;place-items:center;min-width:44px;min-height:46px;padding:0;border:0;border-radius:50%;background:none;color:var(--work-ink);font:400 27px/1 Georgia,serif;cursor:pointer;pointer-events:auto;transition:background-color .18s,color .18s}
.scene-project-step:hover{background:var(--work-ink);color:var(--work-paper)}
.scene-project-select-wrap{position:relative;display:block;min-width:0;align-self:stretch}
.scene-project-select-wrap::after{content:'';position:absolute;right:10px;top:50%;width:6px;height:6px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-70%) rotate(45deg);pointer-events:none}
.scene-project-select{display:block;width:100%;height:100%;min-height:46px;min-width:0;padding:9px 27px 9px 6px;appearance:none;border:0;border-radius:0;background:none;color:var(--work-ink);font:500 14px/1.3 Arial,sans-serif;cursor:pointer;pointer-events:auto;text-overflow:ellipsis}
.scene-project-select option{background:var(--work-paper);color:var(--work-ink)}
.scene-project-count{font-size:11px;line-height:1;font-variant-numeric:tabular-nums;white-space:nowrap;opacity:.75}
.chapter-work .scene-project-select:focus-visible{outline:2px solid var(--work-ink);outline-offset:2px;border-radius:3px}
.chapter-work[aria-hidden="true"] select{pointer-events:none}
/* Dashboard files are already flattened, reviewed and reduced before publication. */
.chapter-work[data-treatment="dashboard"] .scene-art-button{cursor:pointer;transform:none}
.chapter-work[data-treatment="dashboard"] .scene-art-button:hover{transform:translateY(-3px)}
.chapter-work[data-treatment="dashboard"] .scene-art{mask-image:none;border-radius:3px}
.work-viewer[data-restricted="true"]{width:min(900px,calc(100vw - 30px));box-sizing:border-box}
.work-viewer[data-restricted="true"] .work-full-image{display:block;width:auto;max-width:min(840px,100%);height:auto;max-height:58vh;margin:16px auto 0;object-fit:contain;cursor:default}
.work-viewer[data-restricted="true"] .work-viewer-details a{display:none}
.scene-preview-unavailable{display:block;padding:30px 0;font-size:13px;opacity:.7}
@media(max-width:1050px) and (min-width:761px){.scene-switcher[data-picker="true"]{grid-template-columns:minmax(0,1fr);gap:7px;width:min(350px,47%)}.scene-project-count{justify-self:end;padding-right:10px}}
@media(max-width:760px){.scene-switcher[data-picker="true"]{width:min(100%,360px);grid-template-columns:minmax(0,1fr) auto;gap:9px;margin-top:14px}.scene-project-picker{min-height:46px;grid-template-columns:44px minmax(0,1fr) 44px}.scene-project-select{font-size:12px}.scene-project-count{font-size:10px}.work-viewer[data-restricted="true"]{padding:17px}.work-viewer[data-restricted="true"] .work-full-image{max-height:52svh;margin-top:31px}}
@media(prefers-reduced-motion:reduce){.scene-project-step{transition:none}.chapter-work[data-treatment="dashboard"] .scene-art-button:hover{transform:none}}