/* A single work, viewed chapter by chapter. No stacked presentation sections. */
.case-page{--case-line:#a8c2cf29;--case-gold:#ddc4ad;--case-muted:#819eaf;background:#080e14}.case-dialog-open{overflow:hidden}
.case-page [hidden]{display:none!important}
.case-shell{height:100svh;min-height:590px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 86% 16%,#223e5147,transparent 57%),linear-gradient(115deg,#0a131d,#080e14 62%)}
.case-header{height:76px;padding:0 4.2%;gap:22px;position:sticky;top:0;z-index:10;background:#0a131df5}
.case-header-mark{display:flex;align-items:center;gap:18px;color:#8ca7b7;font-size:12px;letter-spacing:2px}
.case-header-mark i{height:1px;width:36px;background:#a1bcc444}
.case-back-work{display:inline-flex;align-items:center;gap:14px;min-height:44px;font-size:13px;color:#bacdd7;white-space:nowrap}
.case-back-work .ui-arrow{width:18px;height:18px}.case-back-work:hover{color:#f0d6bf}
.case-workspace{display:grid;grid-template-columns:minmax(215px,25%) minmax(0,1fr);gap:0;flex:1;min-height:0;max-width:1920px;width:100%;margin:0 auto;outline:none}
.case-sidebar{display:flex;flex-direction:column;min-height:0;padding:34px 12% 24px 17%;border-right:1px solid var(--case-line);overflow:auto;scrollbar-width:thin;scrollbar-color:#6a879a55 transparent}
.case-eyebrow{font-size:11px;letter-spacing:2px;color:var(--case-muted)}
.case-identity h1{margin:19px 0 12px;font:400 clamp(26px,2.35vw,42px)/1.4 var(--sans);letter-spacing:2px;text-shadow:none;overflow-wrap:anywhere}
.case-subtitle{font-size:13px;line-height:1.9;color:#a0b8c6}
.case-status{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-size:11px;letter-spacing:1px;color:#c7baa8}
.case-status:before{content:'';width:4px;height:4px;border-radius:50%;background:#d6bda3;box-shadow:0 0 8px #d6bda340}
.case-tabs{margin:31px 0 22px;display:flex;flex-direction:column}
.case-tabs>button{width:100%;display:grid;grid-template-columns:23px minmax(0,1fr) 14px;align-items:start;gap:13px;text-align:left;padding:17px 0;border-top:1px solid var(--case-line);color:#8da6b5;transition:color .18s}
.case-tabs>button:last-child{border-bottom:1px solid var(--case-line)}
.case-tab-number{font-size:10px;letter-spacing:.8px;padding-top:4px;color:#708f9e}
.case-tabs strong{display:block;font-size:19px;font-weight:400;line-height:1.45;letter-spacing:2px}
.case-tabs small{display:block;font-size:10px;letter-spacing:.7px;color:#6e8c9e;margin-top:5px}
.case-tab-arrow{align-self:center;font-size:18px;opacity:0;transform:translateX(-3px);transition:opacity .18s,transform .18s}
.case-tabs>button[aria-selected="true"]{color:#ead0b8}.case-tabs>button[aria-selected="true"] .case-tab-number{color:#d0b69d}
.case-tabs>button[aria-selected="true"] .case-tab-arrow{opacity:1;transform:none}.case-tabs>button:hover{color:#e2e9e8}
.case-meta{margin:auto 0 0;padding-top:8px;font-size:11px;line-height:1.9}.case-meta>div{display:grid;grid-template-columns:52px 1fr;gap:12px;margin-top:5px}.case-meta dt{color:#708d9c}.case-meta dd{margin:0;color:#b1c5cf;overflow-wrap:anywhere}
.case-summary{margin-top:18px;color:#7996a6;font-size:11px;line-height:1.9;white-space:pre-wrap;overflow-wrap:anywhere}
.case-stage{display:flex;flex-direction:column;padding:35px 5.6% 0;min-width:0;min-height:0}
.case-panels{flex:1;min-height:0;display:flex}.case-panel{display:flex;flex-direction:column;min-width:0;min-height:0;width:100%;outline-offset:7px;scroll-margin-top:86px}
.case-chapter-heading{position:relative;flex-shrink:0;padding-bottom:23px}.case-chapter-heading>p{font-size:11px;letter-spacing:2px;color:#8ba7b7}.case-chapter-heading>p>span{color:#d0b39a;margin:0 7px}.case-chapter-heading h2{font:400 clamp(28px,3.2vw,46px)/1.35 var(--sans);letter-spacing:4px;margin:9px 0 0}
.case-idea-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1fr);gap:8%;flex:1;min-height:0;padding:0 0 15px}
.case-cover{position:relative;min-height:220px;overflow:hidden;background:radial-gradient(ellipse at 58% 30%,#294b6266,transparent 68%),linear-gradient(145deg,#13232f80,#0a131c);border:1px solid #a7c7d626}
.case-cover>img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}
.case-cover-empty{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px;position:relative}.case-cover-empty>p{font-size:19px;letter-spacing:2px;margin-top:32px;color:#b9ced9;text-align:center}.case-cover-empty>small{font-size:11px;letter-spacing:2px;color:#6e8c9f;margin-top:10px}
.case-cover-corner{position:absolute;width:28px;height:28px;right:15px;bottom:15px;border-right:1px solid #c3d7e14a;border-bottom:1px solid #c3d7e14a;pointer-events:none}
.case-idea-notes{overflow:auto;min-height:0;scrollbar-width:thin;scrollbar-color:#6a879a55 transparent;padding-right:8px}.case-idea-notes>section{position:relative;padding:14px 0 22px 28px;border-top:1px solid var(--case-line)}.case-idea-notes>section+section{margin-top:7px}.case-note-number{position:absolute;top:17px;left:0;font-size:10px;color:#9b8d7e}.case-idea-notes h3{font-size:17px;line-height:1.6;font-weight:400;letter-spacing:1px;margin:0 0 10px}.case-idea-notes p{font-size:13px;line-height:2;color:#a7bfcc;white-space:pre-wrap;overflow-wrap:anywhere}.case-idea-notes p.is-pending{color:#6e8a9c;font-size:12px}
.case-traverse{min-height:79px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:18px;border-top:1px solid var(--case-line);flex-shrink:0;margin-top:15px}.case-traverse>a{display:inline-flex;align-items:center;gap:13px;min-height:44px;color:#a4bdcc;font-size:12px;width:max-content;max-width:100%}.case-traverse>a:last-child{justify-self:end;color:#dfc2a9}.case-traverse>a:hover{color:#fff}.case-traverse>a>span[aria-hidden]{font-size:20px}.case-chapter-count{font-size:10px;letter-spacing:2px;color:#6e899b}
.case-document-link,.case-asset-count{position:absolute;right:0;bottom:27px;font-size:12px;color:#d5bba4}.case-document-link{border-bottom:1px solid #c5a98c66;padding:10px 0;min-height:44px}.case-document-link:hover{color:#fff}.case-asset-count{color:#829eae;letter-spacing:1px}
.case-script-surface{position:relative;flex:1;min-height:0;padding:27px 34px;border:1px solid #a9c2d026;background:linear-gradient(125deg,#182b3a50,#0b1520);overflow:auto;scrollbar-width:thin;scrollbar-color:#6a879a55 transparent}
.case-logline{display:grid;grid-template-columns:73px 1fr;gap:18px;padding-bottom:24px;margin-bottom:25px;border-bottom:1px solid var(--case-line)}.case-logline>span{font-size:11px;color:#b9a690;padding-top:3px}.case-logline p{font-size:16px;line-height:1.9;color:#d0dfe4;white-space:pre-wrap;overflow-wrap:anywhere}.case-script-text{font-size:14px;line-height:2.15;color:#acc2ce;white-space:pre-wrap;overflow-wrap:anywhere;max-width:75ch}.case-script-document-note{font-size:13px;line-height:1.9;color:#94adbc;margin-top:24px}
.case-empty{position:relative;min-height:200px;flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:32px 28px;overflow:hidden}.case-empty h3{position:relative;font-size:clamp(22px,2.4vw,33px);font-weight:400;line-height:1.5;letter-spacing:2px;margin:25px 0 11px;color:#c1d4df}.case-empty>p{position:relative;font-size:12px;line-height:1.9;color:#718fa2;max-width:390px}.case-empty-script{min-height:100%}
.case-empty-assets{background:radial-gradient(ellipse at 55% 35%,#213c5052,transparent 68%);border:1px solid #a7c7d621}
.case-assets-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-content:start;gap:23px 18px;overflow:auto;min-height:0;padding:0 7px 15px 0;scrollbar-width:thin;scrollbar-color:#6a879a55 transparent}.case-asset{border:0;margin:0;min-width:0}.case-asset>button{display:block;width:100%;text-align:left;padding:0}.case-asset-picture{display:block;position:relative;width:100%;aspect-ratio:1.3;overflow:hidden;background:#122432;border:1px solid #a6c4d12e}.case-asset img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .25s}.case-asset>button:hover img{transform:scale(1.025)}.case-asset-zoom{position:absolute;right:9px;bottom:8px;color:#d7e4e8;font-size:15px;line-height:1;background:#07121bc2;padding:5px 7px}.case-asset-caption{display:flex;justify-content:space-between;align-items:start;gap:10px;padding-top:11px}.case-asset-title{font-size:13px;line-height:1.65;color:#c2d5df;overflow-wrap:anywhere}.case-asset-type{font-size:10px;line-height:1.8;color:#7896a8;flex-shrink:0;max-width:45%;overflow-wrap:anywhere}
.case-film-screen{position:relative;flex:1;min-height:0;display:flex;background:#070d14;border:1px solid #a5c3d126;overflow:hidden}.case-film-screen>video{display:block;width:100%;height:100%;min-height:220px;object-fit:contain;background:#03070c}.case-empty-film{background:radial-gradient(ellipse at 50% 40%,#243e5255,transparent 70%)}.case-film-label{font-size:11px;color:#aa9785;letter-spacing:3px;position:relative}.case-empty-film h3{margin-top:23px}.case-film-aperture{position:absolute;inset:12% 24%;border:1px solid #a6c6d32a;border-radius:50%;transform:rotate(-23deg)}.case-film-aperture:after{content:'';position:absolute;inset:-14% 18%;border:1px solid #d7b89d26;border-radius:50%;transform:rotate(51deg)}.case-film-caption{display:flex;justify-content:space-between;gap:18px;padding-top:13px;font-size:13px;color:#bfd3dc}.case-film-caption>span{font-size:10px;color:#7d98aa;white-space:nowrap}.case-media-error{font-size:12px;color:#d3b89f;margin-top:10px}
.case-lightbox{width:min(1250px,94vw);max-height:92svh;padding:20px 24px;border-radius:8px;background:#0b1621;border:1px solid #c2d8e044}.case-lightbox>header{display:flex;align-items:center;justify-content:space-between;gap:22px;margin-bottom:17px}.case-lightbox h2{font-size:22px;font-weight:400;letter-spacing:1px;margin:3px 0 0;overflow-wrap:anywhere}.case-lightbox header p{font-size:11px;color:#879fad}.case-lightbox header>button{display:flex;align-items:center;gap:14px;min-height:44px;font-size:13px;color:#bdd0da;padding:0 5px;white-space:nowrap}.case-lightbox header>button>span{font-size:25px}.case-lightbox>img{display:block;width:100%;height:auto;max-height:67svh;object-fit:contain;background:#071019}.case-lightbox>nav{display:flex;align-items:center;justify-content:center;gap:24px;margin-top:12px}.case-lightbox>nav>button{font-size:22px;min-width:44px;min-height:44px;color:#d3bba4}.case-lightbox>nav>button:disabled{opacity:.3;cursor:default}.case-lightbox>nav>span{font-size:11px;color:#849fac;letter-spacing:1px}.case-noscript{padding:14px 5%;font-size:13px;color:#afc4cf}
@media(min-width:761px) and (max-height:720px){.case-header{height:68px}.case-sidebar{padding-top:24px}.case-identity h1{margin-top:12px;font-size:28px}.case-status{margin-top:10px}.case-tabs{margin-top:21px;margin-bottom:13px}.case-tabs>button{padding-top:12px;padding-bottom:12px}.case-tabs small{font-size:9px}.case-stage{padding-top:24px}.case-chapter-heading{padding-bottom:18px}.case-chapter-heading h2{font-size:32px}.case-traverse{min-height:66px}.case-idea-notes>section{padding-bottom:15px}.case-idea-notes h3{margin-bottom:7px}}
@media(max-width:1100px){.case-workspace{grid-template-columns:220px minmax(0,1fr)}.case-sidebar{padding-left:25px;padding-right:25px}.case-stage{padding-left:5%;padding-right:5%}.case-header-mark{font-size:10px;gap:12px}.case-idea-layout{gap:6%;grid-template-columns:.8fr 1fr}.case-idea-notes p{font-size:12px}.case-cover-empty>p{font-size:16px}.case-cover-empty{padding-left:12px;padding-right:12px}.case-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-document-link{font-size:11px}}
@media(max-width:760px){
 .case-shell{height:auto;min-height:100svh}.case-header{height:70px;padding:0 6%;gap:12px}.case-header-mark{display:none}.case-back-work{font-size:12px;gap:8px}.case-back-work .ui-arrow{width:16px;height:16px}.case-workspace{display:flex;flex-direction:column;min-height:0}.case-sidebar{padding:23px 6% 0;border-right:0;overflow:visible}.case-identity{position:relative;padding-right:58px}.case-eyebrow{font-size:10px;letter-spacing:1px}.case-identity h1{font-size:27px;margin:10px 0 8px;letter-spacing:1px}.case-subtitle{font-size:11px}.case-status{position:absolute;right:0;top:7px;font-size:10px;margin:0}.case-tabs{flex-direction:row;margin:23px 0 0;gap:0;border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.case-tabs>button{display:flex;flex-direction:column;gap:5px;align-items:center;text-align:center;border:0;padding:12px 2px 13px;min-height:65px;position:relative}.case-tabs>button:last-child{border:0}.case-tabs>button[aria-selected="true"]:after{content:'';height:1px;position:absolute;bottom:-1px;left:12%;right:12%;background:#cfb49c}.case-tab-number{font-size:9px;padding:0}.case-tabs strong{font-size:13px;letter-spacing:.5px}.case-tabs small,.case-tab-arrow{display:none}.case-meta{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:10px;padding-top:12px}.case-meta>div{grid-template-columns:auto 1fr;gap:7px;margin:0}.case-summary{font-size:10px;margin-top:10px;line-height:1.9}.case-stage{padding:23px 6% 0;min-height:0}.case-panels{min-height:320px}.case-panel{min-height:320px}.case-chapter-heading{padding-bottom:18px}.case-chapter-heading>p{font-size:10px;letter-spacing:1px}.case-chapter-heading h2{font-size:28px;letter-spacing:2px;margin-top:6px}.case-idea-layout{gap:20px;grid-template-columns:1fr;flex:none;padding-bottom:0}.case-cover{min-height:180px;height:220px}.case-cover-empty>p{font-size:19px;margin-top:20px}.case-cover-empty>small{font-size:10px;margin-top:7px}.case-seed{width:55px;height:75px}.case-idea-notes{overflow:visible;padding:0}.case-idea-notes>section{padding:12px 0 14px 25px}.case-idea-notes>section+section{margin-top:0}.case-idea-notes h3{font-size:15px;margin-bottom:6px}.case-idea-notes p{font-size:12px}.case-note-number{top:16px}.case-traverse{min-height:72px;gap:9px;margin-top:23px}.case-traverse>a{font-size:10px;gap:7px}.case-traverse>a>span[aria-hidden]{font-size:17px}.case-chapter-count{font-size:9px;letter-spacing:1px}.case-document-link{font-size:10px;bottom:18px;padding:10px 0}.case-asset-count{font-size:10px;bottom:22px}.case-script-surface{padding:22px 20px;overflow:visible}.case-logline{grid-template-columns:1fr;gap:8px;margin-bottom:20px;padding-bottom:18px}.case-logline>span{font-size:10px}.case-logline p{font-size:14px}.case-script-text{font-size:13px;line-height:2.15}.case-empty{min-height:285px;padding:30px 22px}.case-empty h3{font-size:23px;margin-top:22px}.case-empty>p{font-size:11px}.case-empty-script{min-height:270px}.case-assets-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 13px;overflow:visible;padding:0}.case-asset-title{font-size:12px}.case-asset-caption{display:block;padding-top:9px}.case-asset-type{display:block;margin-top:3px;font-size:9px;max-width:none}.case-film-screen{min-height:270px;flex:none;aspect-ratio:1.25}.case-film-screen>video{min-height:0}.case-film-caption{font-size:12px;padding-top:12px}.case-lightbox{padding:16px;width:95vw}.case-lightbox h2{font-size:19px}.case-lightbox header>button{font-size:12px;gap:10px}.case-lightbox>img{max-height:65svh}
}
@media(max-width:360px){.case-header{padding:0 5%;gap:10px}.case-back-work{font-size:11px}.case-header .page-home-link{font-size:12px;padding:0 10px}.case-traverse{gap:6px}.case-traverse>a{font-size:9px}.case-chapter-count{font-size:8px}.case-document-link{font-size:9px}.case-cover{height:190px}}
@media(prefers-reduced-motion:reduce){.case-tabs>button,.case-tab-arrow,.case-asset img{transition:none}}

/* Four materials in one archive: light, paper, contact sheet, projection. */
.case-page{--case-line:#c2d7df38;--case-gold:#f1d9bc;--case-muted:#afc8d8;background:#263859;color:#edf3ec}
.case-shell{background:radial-gradient(ellipse at 96% 0,#a39cc345,transparent 46%),radial-gradient(ellipse at 48% 100%,#8dc2cb35,transparent 57%),linear-gradient(117deg,#263d59,#303a65 70%,#3d436c)}
.case-header{background:#20354bf5;border-bottom-color:#bdcfd638}
.case-header-mark{color:#b3cad6}.case-header-mark i{background:#c6dce25c}.case-back-work{color:#e0e9e6}
.case-sidebar{background:linear-gradient(160deg,#8dbac116,#14273e24);border-right-color:#c5d6de38}
.case-eyebrow{color:#b5cbd6}.case-identity h1{color:#f1e9d9}.case-subtitle{color:#c5d7de}.case-status{color:#f0d7ba}
.case-tabs{gap:6px}.case-tabs>button{padding-left:12px;padding-right:12px;border-color:transparent;border-radius:2px;color:#c3d4df}
.case-tabs>button:last-child{border-color:transparent}.case-tabs>button[aria-selected="true"]{background:linear-gradient(110deg,#d1e1dd20,#c4d3ed06);box-shadow:inset 2px 0 #e4c9a6;color:#ffe6c7}
.case-tabs>button:hover{background-color:#c7deec0d}.case-tab-number{color:#9bbacb}.case-tabs small{color:#a9c2d2}.case-tabs>button[aria-selected="true"] .case-tab-number{color:#ecd0a9}
.case-meta dt{color:#a2becd}.case-meta dd,.case-summary{color:#c4d6de}
.case-chapter-heading>p{color:#b8d0dd}.case-chapter-heading h2{color:#f0e5d1;text-shadow:0 2px 14px #12244024}
.case-traverse>a{color:#c8dce4}.case-traverse>a:last-child{color:#f4d9b6}.case-chapter-count{color:#b3cad8}
.case-document-link{color:#f5dfc0}.case-asset-count{color:#c5d8de}.case-document-link:focus-visible{outline-color:#fff0d0}

/* The ribbon is page ornament; a supplied cover replaces this entire stage. */
.case-idea-layout{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);gap:6%}
.case-cover{isolation:isolate;border:1px solid #d5e6e270;background:linear-gradient(145deg,#bfd3dd,#8ca9c2 44%,#8293b7 74%,#aba6ba);box-shadow:0 18px 40px -22px #0a173cb0}
.case-cover-empty{padding:26px;align-items:flex-start;justify-content:flex-end;isolation:isolate}
.case-sculpture-halo{position:absolute;inset:7% 6% 24%;border:1px solid #edf2df65;border-radius:50%;transform:rotate(-26deg);pointer-events:none}
.case-sculpture-halo:before{content:'';position:absolute;inset:8%;border-radius:50%;background:radial-gradient(ellipse at 44% 35%,#f4eddfd1,#cee4e648 45%,transparent 69%)}
.case-light-sculpture{position:absolute;left:-18%;top:1%;width:136%;height:77%;max-width:none;object-fit:contain;transform:rotate(-14deg);pointer-events:none}
.case-sculpture-plinth{position:absolute;left:15%;right:15%;bottom:25%;height:10%;border-radius:50%;background:radial-gradient(ellipse,#283c5b40,transparent 68%);pointer-events:none}
.case-cover-register{position:absolute;top:20px;left:23px;right:23px;display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:1px;color:#324b68;pointer-events:none}
.case-cover-register i{flex:1;height:1px;background:#39546c38}
.case-cover-empty>p{z-index:1;text-align:left;font-size:clamp(18px,1.7vw,26px);line-height:1.55;margin:0;color:#243958;letter-spacing:1px}
.case-cover-empty>small{z-index:1;font-size:10px;letter-spacing:1.5px;color:#344d69;margin-top:8px}
.case-cover-corner{border-color:#334c6975;right:18px;bottom:18px}
.case-idea-notes{padding-right:3px;display:flex;flex-direction:column;gap:12px}
.case-idea-notes>section{padding:20px 18px 20px 43px;border:1px solid #d2e6e42b;border-left:1px solid #f1d9b870;background:linear-gradient(120deg,#dae8e812,#d5dcf504);border-radius:1px}
.case-idea-notes>section+section{margin-top:0}.case-note-number{top:24px;left:17px;color:#e3c9aa}
.case-idea-notes h3{color:#efe6d8;font-size:17px;margin-bottom:8px}.case-idea-notes p{color:#d0dee3}.case-idea-notes p.is-pending{color:#b9cedb;font-size:12px}

/* A warm folio with a physical edge and an uncluttered reading surface. */
.case-script-surface{margin:4px 9px 12px 0;padding:32px 38px;color:#344153;border:1px solid #fff3d2;background:linear-gradient(120deg,#f5ead6,#e7ddca 72%,#ddd4c8);box-shadow:4px 4px 0 #c6beaf,6px 6px 0 #f0e1c6,9px 10px 0 #a5adb7,14px 18px 25px -9px #0f1e4280;scrollbar-color:#786d5959 transparent}
.case-script-surface:before{content:'';position:absolute;top:0;right:0;width:36px;height:36px;background:linear-gradient(225deg,#7e879900 48%,#a19a8a55 49%,#fff4dd 52%);pointer-events:none}
.case-logline{border-bottom-color:#73818a42}.case-logline>span{color:#71604b}.case-logline p{color:#2e3c50}.case-script-text{color:#344153}.case-script-document-note{color:#53606b}
.case-empty-script{align-items:flex-start;text-align:left;padding:26px 8%;justify-content:center}
.case-folio-index{align-self:flex-start;color:#8b7a63;font-size:16px;letter-spacing:2px;line-height:1.5;margin-bottom:22px}
.case-folio-rules{display:flex;flex-direction:column;gap:12px;width:100%;max-width:440px;margin:0 0 18px}
.case-folio-rules i{display:block;width:100%;height:1px;background:#687b8b36}.case-folio-rules i:last-child{width:65%}
.case-empty-script h3{color:#344153;margin:10px 0 14px;letter-spacing:3px;font-size:clamp(24px,3vw,40px)}
.case-empty-script>p{color:#5b6065;font-size:13px;max-width:370px;line-height:2.1}
.case-folio-sign{align-self:flex-end;margin-top:25px;line-height:1;color:#8a7357;font-size:20px}

/* Empty photographic mounts, explicitly awaiting the project's assets. */
.case-empty-assets{display:grid;grid-template-rows:minmax(100px,1fr) auto auto;justify-content:normal;align-items:start;justify-items:start;text-align:left;padding:26px 6%;background:radial-gradient(ellipse at 15% 10%,#c0dce56b,transparent 68%),linear-gradient(130deg,#5b7e9b,#455278 72%,#616386);border:1px solid #c9e1e355;box-shadow:inset 0 0 70px #20345c24}
.case-contact-sheet{position:relative;align-self:center;justify-self:center;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:12px;width:min(86%,460px);height:clamp(100px,22vh,230px);max-height:100%;padding:18px;background:linear-gradient(120deg,#f4e9d6,#d9d3c8);border:1px solid #f7ead9;box-shadow:7px 12px 0 -4px #ccd4d49c,14px 26px 28px -12px #142647a8;transform:rotate(-5deg)}
.case-contact-sheet:before,.case-contact-sheet:after{content:'';position:absolute;top:35%;width:1px;height:30%;background:#f2dfc8b5}.case-contact-sheet:before{left:-15px}.case-contact-sheet:after{right:-15px}
.case-contact-sheet i{position:relative;display:block;min-height:0;overflow:hidden;background:radial-gradient(ellipse at 38% 28%,#8fabb3,#586f84 72%);box-shadow:inset 0 0 0 1px #263e5559}
.case-contact-sheet i:nth-child(2n){background:radial-gradient(ellipse at 70% 25%,#a5a7b7,#5a6786 80%)}
.case-contact-sheet i:before{content:'+';position:absolute;inset:0;display:grid;place-items:center;color:#dce5dc73;font:16px/1 var(--sans)}
.case-contact-sheet i:after{content:attr(data-frame);position:absolute;bottom:5px;left:6px;color:#dee4dbbd;font:8px/1 var(--sans);letter-spacing:1px}
.case-empty-assets h3{margin:24px 0 8px;color:#f4e9d8;font-size:clamp(22px,2.4vw,33px)}
.case-empty-assets>p{color:#d7e4e8;max-width:470px;font-size:12px}
.case-asset>button{background:#e1ded4;padding:8px 8px 11px;box-shadow:0 9px 20px -12px #0e1c3da6;border:1px solid #efe7d285}
.case-asset-picture{border-color:#758da64d;background:#698093}.case-asset-caption{padding:11px 4px 0}.case-asset-title{color:#2f4357}.case-asset-type{color:#586a79}

/* Light occupies the screen before any film has been supplied. No playback UI. */
.case-film-screen{border-color:#b2ccdf59;background:#13243b;box-shadow:0 15px 35px -20px #091734b3}
.case-empty-film{isolation:isolate;min-width:0;background:radial-gradient(ellipse at 92% 30%,#768ab34d,transparent 70%),linear-gradient(170deg,#253d59,#252e53 65%,#364968)}
.case-empty-film:before{content:'';position:absolute;inset:65% -20% -20%;z-index:-1;background:repeating-linear-gradient(0deg,transparent 0 28px,#afced521 29px 30px),linear-gradient(150deg,#87b4c312,transparent 65%);transform:perspective(500px) rotateX(42deg);pointer-events:none}
.case-projection-beam{position:absolute;left:11%;top:15%;width:80%;height:70%;background:linear-gradient(90deg,#e2f0d994,#c9e0e62b 45%,#a3c4de06);clip-path:polygon(0 48%,100% 0,100% 100%);pointer-events:none;z-index:-1}
.case-projector{position:absolute;left:5%;top:47%;width:48px;height:36px;border-radius:5px 12px 12px 5px;transform:skewY(-8deg);background:linear-gradient(155deg,#b0c0cc,#657a94 35%,#263e5c 39%,#1c2f48);border:1px solid #b1c8d55e;box-shadow:9px 18px 13px -10px #101d35cc;pointer-events:none}
.case-projector i{position:absolute;right:-8px;top:7px;width:14px;height:22px;border-radius:50%;border:3px solid #839cb3;background:#f5ecd6;box-shadow:0 0 15px #e7efd19c}
.case-projector:after{content:'';position:absolute;top:35px;left:22px;width:3px;height:34px;background:#7992a2;box-shadow:-1px 0 #1b3047;transform:skewY(8deg)}
.case-projection-frame{position:absolute;left:28%;right:6%;top:15%;bottom:18%;z-index:-1;border:1px solid #e8efe0d4;background:radial-gradient(ellipse at 25% 20%,#f3e6cb85,#c3d8e14d 60%,#b6c6dc26),linear-gradient(145deg,#9bb6cc,#879abf);box-shadow:7px 11px 0 -3px #152b4859,0 0 25px #8eb9d52b,inset 0 0 45px #c7d8e524;transform:perspective(900px) rotateY(-5deg);pointer-events:none}
.case-projection-frame:before{content:'';position:absolute;top:-6px;left:-6px;right:-6px;height:4px;background:linear-gradient(90deg,#7e92a6,#e7e3d7,#8b9eae);box-shadow:0 2px 4px #1c335c66}
.case-empty-film .case-film-label{margin-left:22%;color:#293f5c;font-size:10px;letter-spacing:4px}
.case-empty-film h3{margin:18px 0 11px 22%;color:#253957;font-size:clamp(24px,3vw,42px);letter-spacing:3px;text-shadow:0 1px 0 #edf2de6b}
.case-empty-film>p{margin-left:22%;max-width:60%;color:#30445e;font-size:12px}
.case-film-caption{color:#dae8e7}.case-film-caption>span{color:#adc8d7}.case-media-error{color:#f2d7b5}
.case-lightbox{background:linear-gradient(135deg,#263e58,#2c3454);border-color:#d8e1d270;box-shadow:0 25px 90px #07152b80}.case-lightbox header p{color:#b9d0da}.case-lightbox header>button{color:#e0e9e5}.case-lightbox>nav>span{color:#b9cdd9}.case-lightbox>nav>button{color:#f1d5b2}

@media(min-width:761px) and (max-height:720px){
 .case-cover-empty{padding:20px}.case-light-sculpture{height:74%;top:-5%}.case-sculpture-halo{inset:3% 8% 24%}.case-cover-register{top:14px;left:18px;right:18px}
 .case-idea-notes{gap:8px}.case-idea-notes>section{padding:13px 12px 13px 34px}.case-note-number{left:12px;top:18px}.case-idea-notes h3{font-size:15px;margin-bottom:5px}.case-idea-notes p{font-size:12px}.case-idea-notes p.is-pending{font-size:11px}
 .case-script-surface{padding:19px 28px}.case-empty-script{padding:12px 7%}.case-folio-index{margin-bottom:14px}.case-folio-rules{gap:9px;margin-bottom:10px}.case-empty-script h3{margin:7px 0 10px}.case-folio-sign{margin-top:14px}
 .case-empty-assets{padding:18px 6%}.case-contact-sheet{padding:12px;gap:9px;height:clamp(100px,20vh,160px)}.case-empty-assets h3{margin-top:16px;font-size:25px}
}
@media(max-width:1100px) and (min-width:761px){
 .case-idea-layout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:5%}.case-cover-empty{padding:20px 17px}.case-cover-empty>p{font-size:18px}.case-cover-empty>small{letter-spacing:1px}
 .case-idea-notes>section{padding-left:32px;padding-right:12px}.case-note-number{left:10px}.case-empty-film h3{font-size:29px}.case-projector{left:4%;width:34px;height:29px}.case-projector i{top:4px}.case-projector:after{top:28px}
}
@media(max-width:760px){
 .case-shell{background:radial-gradient(ellipse at 95% 13%,#a29bc343,transparent 45%),linear-gradient(160deg,#2a4561,#303c64 70%,#3f4e72)}
 .case-header{background:#20354bf5}.case-sidebar{background:none}.case-tabs{gap:0;border-color:#c4d8df4a}.case-tabs>button{padding:12px 2px 13px;border-radius:0}.case-tabs>button[aria-selected="true"]{box-shadow:none;background:linear-gradient(0deg,#cfdfdf1c,transparent)}
 .case-idea-layout{grid-template-columns:1fr;gap:20px}.case-cover{height:310px}.case-cover-empty{padding:25px}.case-light-sculpture{left:0;top:-11%;width:100%;height:100%;transform:rotate(-10deg)}.case-sculpture-halo{inset:7% 22% 25%}.case-sculpture-plinth{left:26%;right:26%;bottom:26%}
 .case-cover-register{top:18px;left:24px;right:24px}.case-cover-empty>p{font-size:23px;margin:0}.case-cover-empty>small{font-size:10px;margin-top:7px}.case-cover-corner{right:20px;bottom:20px}
 .case-idea-notes{gap:9px}.case-idea-notes>section{padding:17px 18px 18px 42px}.case-idea-notes>section+section{margin-top:0}.case-note-number{top:20px;left:17px}.case-idea-notes h3{font-size:17px;margin-bottom:6px}
 .case-script-surface{margin:4px 8px 12px 0;padding:22px 20px}.case-empty-script{min-height:330px;padding:20px 6%}.case-folio-index{font-size:14px;margin-bottom:25px}.case-empty-script h3{font-size:29px;margin:13px 0}.case-empty-script>p{font-size:12px}.case-folio-sign{margin-top:35px}
 .case-empty-assets{min-height:365px;padding:26px 23px;grid-template-rows:minmax(140px,1fr) auto auto}.case-contact-sheet{width:90%;height:160px;padding:12px;gap:9px}.case-empty-assets h3{font-size:25px;margin:28px 0 10px}.case-empty-assets>p{font-size:11px;line-height:2}
 .case-asset>button{padding:6px 6px 9px}.case-asset-caption{padding:9px 4px 0}
 .case-film-screen{min-height:300px;aspect-ratio:1.2}.case-empty-film{min-height:0;padding:25px 12px}.case-empty-film .case-film-label{font-size:9px;letter-spacing:2px}.case-empty-film h3{font-size:clamp(23px,6vw,33px);letter-spacing:1px;margin-top:16px}.case-empty-film>p{font-size:10px;max-width:60%}.case-projector{left:4%;width:32px;height:27px}.case-projector i{height:18px;width:12px;top:4px;right:-7px}.case-projector:after{top:26px;height:29px}.case-projection-frame{left:25%;right:6%;top:17%;bottom:18%}.case-projection-beam{left:10%;top:17%;height:65%;width:82%}
}
@media(max-width:360px){
 .case-cover{height:275px}.case-cover-empty{padding:23px 20px}.case-cover-empty>p{font-size:21px}.case-sculpture-halo{inset:7% 18% 25%}.case-cover-register{left:20px;right:20px}
 .case-empty-assets{padding:22px 18px;min-height:340px}.case-contact-sheet{height:143px;width:91%;gap:7px;padding:10px}.case-empty-assets h3{font-size:23px}.case-script-surface{padding:18px 15px}.case-empty-script{padding:20px 4%;min-height:310px}.case-film-screen{min-height:270px}.case-empty-film h3{font-size:22px}
}

/* The poster is the only film asset requested until the viewer presses play. */
.case-film-screen.has-film{background:#03070c}
.case-film-screen.has-film>video{position:absolute;inset:0;min-height:0}
.case-film-launch{position:absolute;inset:0;width:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:13px;color:#fff8ed;background:linear-gradient(180deg,#0710190d,#07101940 65%,#07101970);text-shadow:0 2px 8px #0009;font-size:15px;letter-spacing:1px;cursor:pointer}
.case-film-play-icon{display:grid;place-items:center;width:64px;height:64px;padding-left:4px;border:1px solid #fff4d8b3;border-radius:50%;background:#1022349c;box-shadow:0 5px 28px #0005;font-size:22px}
.case-film-launch:hover .case-film-play-icon{background:#263d58e6;border-color:#fff3d9}
.case-film-launch:focus-visible{outline:3px solid #fff1ce;outline-offset:-5px}
.case-film-launch small{font-size:11px;letter-spacing:2px;color:#f4e8d5}
.case-film-status{font-size:12px;color:#d5e2e7;line-height:1.7;margin-top:10px}
.case-media-error{display:flex;align-items:center;justify-content:space-between;gap:15px;line-height:1.7}
.case-media-error>button{flex-shrink:0;min-height:44px;padding:8px 14px;border:1px solid #e3ceac80;color:#fff0d7;font-size:12px}
.case-media-error>button:hover{background:#e8d5ae12}
@media(max-width:760px){
 .case-film-screen.has-film{min-height:0;aspect-ratio:16/9;width:100%;flex:none}
 .case-page[data-chapter="film"] .case-panels,.case-page[data-chapter="film"] #case-panel-film{min-height:0}
 .case-film-launch{font-size:13px;gap:9px}.case-film-play-icon{width:52px;height:52px;font-size:18px}
 .case-film-caption{gap:10px;flex-wrap:wrap}.case-film-caption>span{font-size:10px}
 .case-media-error{align-items:flex-start;flex-wrap:wrap}
}