/* Capability entrances and AI experiments. Human product assets remain untouched. */
.workshop-world,.world-choices{margin:0;background:#08070b;color:#f4efe5;--ink:#f4efe5;--line:#ffffff33;overflow-x:clip}.workshop-world main,.world-choices main{max-width:none;padding:0}.workshop-world>header,.world-choices>header{position:relative;z-index:20;max-width:none;padding:28px 6%;border:0;color:inherit}.workshop-world .site-menu nav,.world-choices .site-menu nav{background:#18131f;color:#f4efe5}.workshop-world .brand,.world-choices .brand{color:inherit;font-size:14px;letter-spacing:1.5px}.workshop-world .creative-footer,.world-choices .creative-footer{display:flex;flex-wrap:wrap;gap:25px;justify-content:space-between;padding:35px 6%;border:0;max-width:none;font-size:14px;color:#bab1c4;background:#08070b}.eyebrow{font:500 14px/1.6 Arial;letter-spacing:2px;margin:0 0 28px}.workshop-link{display:inline-block;text-decoration:none;color:inherit;border-bottom:1px solid currentColor;padding:14px 0;font:500 14px/1.5 Arial;letter-spacing:1px}.workshop-link:hover{color:#ffce62}.workshop-world a:focus-visible,.world-choices a:focus-visible,.workshop-world button:focus-visible,.workshop-detail button:focus-visible{outline:2px solid #ffd26e;outline-offset:6px}.world-choice-intro{padding:10vh 9%;min-height:62svh}.world-choice-intro h1{font-size:clamp(45px,7vw,104px);line-height:1;letter-spacing:-.05em;font-weight:500;margin:0 0 35px}.world-choice-intro p:last-child{font-size:18px;color:#c3b7d0}.world-choice-intro em,.world-choice em,.workshop-world h1 em,.workshop-world h2 em{font-family:Georgia,serif;font-weight:400}.world-choice{min-height:92svh;position:relative;overflow:hidden;padding:11vh 9%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.human-choice{background:#f2c443;color:#1c1a19}.ai-choice{background:#ac8ee7;color:#201629;text-align:right;align-items:flex-end}.world-number{font-size:14px;letter-spacing:2px}.world-choice h2{font-size:clamp(46px,8.5vw,128px);font-weight:550;line-height:.97;letter-spacing:-.05em;margin:5vh 0 3vh;z-index:1}.world-choice p{font-size:18px;line-height:1.5;max-width:470px;z-index:1}.world-choice .world-quality{font-size:clamp(24px,3vw,42px);margin:0 0 15px}.world-choice .workshop-link{margin-top:20px;z-index:1}.choice-help{padding:11vh 9%;text-align:center;font-size:24px}.choice-expansion{position:absolute;left:12%;top:35%;width:250px;height:250px;perspective:600px;opacity:.7}.choice-expansion i{position:absolute;inset:0;border:1px solid #ede3ff77;box-shadow:inset 0 0 35px #fff1;transform:rotate(-12deg) rotateY(30deg)}.choice-expansion i:nth-child(2){transform:translate(25px,25px) rotate(7deg) rotateY(30deg)}.choice-expansion i:nth-child(3){transform:translate(55px,50px) rotate(23deg) rotateY(30deg)}
/* A recurring character, three interpretations; reading remains independent of motion. */
.workshop-hero{position:relative;min-height:940px;height:105svh;isolation:isolate;overflow:hidden;background:#08070b}.world-cycle,.world-frame{position:absolute;inset:0}.world-frame{opacity:0;transition:opacity 1.6s ease;transform:scale(1.025)}.world-frame.current{opacity:1;transform:scale(1);transition:opacity 1.6s,transform 9s linear}.world-frame img{height:100%;width:100%;object-fit:cover;object-position:60% center}.workshop-hero:after{content:'';position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,#08070bf0,#08070b88 42%,#08070b08 85%),linear-gradient(0deg,#08070b,transparent 27%);pointer-events:none}.workshop-hero-copy{position:relative;z-index:2;padding:10vh 7% 120px;width:72%;}.workshop-hero h1{font-size:clamp(46px,6.5vw,98px);font-weight:500;letter-spacing:-.052em;line-height:.99;margin:0 0 35px}.workshop-hero h1 em{color:#dbc3ff}.workshop-hero-copy>p:last-child{font-size:18px;line-height:1.7;max-width:540px}.world-controls{position:absolute;bottom:65px;left:7%;z-index:3;display:flex;gap:12px;flex-wrap:wrap}.world-controls button,.format-controls button,.episode-controls button{background:transparent;color:inherit;border:0;border-bottom:1px solid #ffffff40;border-radius:0;padding:12px 4px;font:500 13px/1.3 Arial;letter-spacing:1px;cursor:pointer;box-shadow:none}.world-controls button[aria-pressed=true],.format-controls button[aria-pressed=true],.episode-controls button[aria-pressed=true]{color:#ffd071;border-color:#ffd071}.world-controls button[data-cycle-toggle]{margin-left:24px;color:#d9cced}.hero-caption{position:absolute;bottom:20px;left:7%;z-index:2;font-size:11px;letter-spacing:1px;color:#c0b6c9}.meaning-principle{padding:12vh 8%;}.meaning-principle>p{font-size:14px;letter-spacing:1px}.meaning-principle h2{font-size:clamp(42px,6vw,84px);font-weight:500;line-height:1.04;letter-spacing:-.05em}.meaning-principle em{color:#d5b5f9}.workshop-product{padding:13vh 7%;position:relative;overflow:hidden}.portal-copy{max-width:1100px;position:relative;z-index:2}.portal-copy h2{font-size:clamp(42px,6.3vw,92px);font-weight:500;letter-spacing:-.05em;line-height:1.03;margin:0 0 30px}.portal-copy>p:not(.eyebrow){max-width:590px;font-size:19px;line-height:1.6}.engine-portal{background:#181024}.engine-portal h2 em{color:#c3a4f3}.film-portal{padding-top:17vh;background:#08070b}.film-portal .portal-copy{margin-left:6%;}.film-portal h2{font-size:clamp(35px,4.8vw,70px)}.film-portal em{color:#e4c188}.drama-portal{background:#17101e}.drama-portal .portal-copy{margin-left:12%}.drama-portal h2{font-size:clamp(38px,5.2vw,78px)}.drama-portal em{color:#c6a0e8}.demo-note{font-size:13px!important;line-height:1.6!important;color:#a89daf!important;margin:22px 0!important;letter-spacing:.25px}.product-experiment{padding:7vh 7%;background:#100b18;color:#f4efe5}.product-experiment .eyebrow{font-size:13px}.workshop-detail .infrastructure-note{background:#08070b;color:#c1b7cc}.workshop-detail .ai-breadcrumb{font-size:14px}
/* Content: choose an aspect ratio; one image opens into multiple expressions. */
.format-lab{margin-top:65px;color:#f7f0e5}.format-controls{display:flex;gap:28px;justify-content:center}.format-stage{height:560px;display:flex;gap:24px;justify-content:center;align-items:center;perspective:1200px;padding:30px 0;}.format-version{position:relative;overflow:hidden;margin:0;width:24%;height:68%;border:1px solid #b38de34d;transition:width .65s,height .65s,transform .65s,opacity .65s;transform:rotateY(-9deg);opacity:.5}.format-version img{width:100%;height:100%;object-fit:cover;object-position:50% 50%}.format-version figcaption{position:absolute;bottom:0;left:0;right:0;padding:50px 15px 18px;background:linear-gradient(transparent,#09060edf);font-size:13px;letter-spacing:1px}.format-lab[data-format=portrait] .portrait{width:29%;height:100%;opacity:1;transform:rotateY(0)}.format-lab[data-format=square] .square{width:42%;height:88%;opacity:1;transform:rotateY(0)}.format-lab[data-format=wide] .wide{width:66%;height:80%;opacity:1;transform:rotateY(0)}.format-lab[data-format=wide] .portrait,.format-lab[data-format=wide] .square{width:12%}.format-version.square img{object-position:50% 25%;transform:scale(1.2)}.format-version.wide img{object-position:50% 55%}
/* Film: reveal a world from a written concept. */
.film-lab{margin-top:70px;color:#f5efe4}.film-surface{position:relative;aspect-ratio:16/9;background:#131019;overflow:hidden;border-top:25px solid #000;border-bottom:25px solid #000;--reveal:55%}.film-surface>img{height:100%;width:100%;object-fit:cover}.concept-sheet{position:absolute;inset:0;background:#18111f;clip-path:inset(0 0 0 var(--reveal));display:flex;flex-direction:column;align-items:flex-end;justify-content:center;padding:6%;text-align:right}.concept-sheet>span{font-size:12px;letter-spacing:2px;color:#c2a2ec}.concept-sheet>p{font:italic 400 clamp(24px,3.5vw,52px)/1.25 Georgia;max-width:600px}.concept-frame{width:60%;aspect-ratio:2.4;border:1px solid #a591b955;display:flex;align-items:center;justify-content:center;font-size:11px;letter-spacing:3px;color:#ab92c0}.film-frame-label{position:absolute;left:25px;bottom:20px;font-size:12px;letter-spacing:1px;color:#fff0cf;text-shadow:0 1px 8px #000}.film-scrub{display:flex;align-items:center;gap:20px;margin:25px auto;max-width:750px;font-size:12px;letter-spacing:1px}.film-scrub input{flex:1;width:100%;accent-color:#cca4fb;cursor:ew-resize;min-width:0;padding:0}
/* Drama: chapters continue rather than unrelated thumbnails. */
.episode-lab{margin-top:65px;color:#f4eee5}.episode-stage{position:relative;aspect-ratio:16/9;overflow:hidden}.episode-frame{margin:0;position:absolute;inset:0;animation:chapter-in .7s ease}.episode-frame[hidden]{display:none}.episode-frame img{width:100%;height:100%;object-fit:cover}.episode-frame figcaption{position:absolute;inset:auto 0 0;padding:100px 5% 5%;background:linear-gradient(transparent,#08070bee);display:flex;flex-direction:column;gap:15px}.episode-frame figcaption span{font-size:13px;letter-spacing:2px}.episode-frame figcaption strong{font:italic 400 clamp(27px,4.5vw,62px)/1.1 Georgia}.episode-controls{display:flex;justify-content:space-between;gap:20px}.episode-controls button{text-align:left;padding:22px 0}.experiments{padding:13vh 7%;background:#08070b}.experiments h2{font-size:clamp(43px,6.5vw,96px);line-height:1;letter-spacing:-.055em;font-weight:500}.experiments h2 em{color:#d5b9f4}.experiment-disclosure{font-size:16px;color:#b8afc3;line-height:1.7}.experiment{margin-top:9vh;width:83%;}.experiment:nth-of-type(2){margin-left:17%}.experiment:nth-of-type(3){width:90%}.experiment figure{margin:0}.experiment img{width:100%;height:auto;display:block}.experiment figcaption{font-size:13px;letter-spacing:1.5px;margin:20px 0;color:#d2b9f0}.experiment details{border-top:1px solid #ffffff2c}.experiment summary{cursor:pointer;font-size:13px;letter-spacing:1px;padding:20px 0;list-style:none;display:flex;justify-content:space-between}.experiment summary::-webkit-details-marker{display:none}.experiment details[open] summary span{transform:rotate(45deg)}.experiment dl{display:grid;grid-template-columns:160px 1fr;gap:20px 25px;font-size:16px;line-height:1.6;padding-bottom:25px}.experiment dt{color:#d6b8fd}.experiment dd{margin:0;max-width:650px;color:#c6bdcf}.human-ai-principle{padding:16vh 8%;background:#20132b}.human-ai-principle h2{font-size:clamp(50px,8vw,115px);font-weight:500;line-height:.98;letter-spacing:-.055em}.human-ai-principle h2 em{color:#efd2a5}.human-ai-principle p:not(.eyebrow){font-size:20px;color:#c4b4ce}.human-ai-principle>div{margin:15vh 0 0 24%}.human-ai-principle>div em{color:#c6a0e8}.workshop-brief{padding:16vh 8%;background:#09070b}.workshop-brief h2{font-size:clamp(52px,9vw,130px);line-height:1;letter-spacing:-.06em;font-weight:500}.workshop-brief p{font-size:18px;line-height:1.6}.infrastructure-note{padding:30px 7%;font-size:13px;color:#a89eb3}.infrastructure-note p{font-size:13px!important;margin:0!important;line-height:1.6}.infrastructure-note a{color:inherit;text-underline-offset:4px}.human-directory .human-world{margin-top:0}.human-directory .human-world>h2{font-size:clamp(42px,6vw,82px)}
@keyframes chapter-in{from{opacity:.2;transform:translateX(15px)}to{opacity:1;transform:none}}
@media(max-width:700px){.workshop-world>header,.world-choices>header{padding:22px 6%}.workshop-world .brand,.world-choices .brand{font-size:12px;letter-spacing:.7px}.world-choice-intro{padding:8vh 7%;min-height:55svh}.world-choice{padding:10vh 7%;min-height:85svh}.world-choice h2{font-size:12vw}.world-choice p{font-size:17px}.choice-expansion{left:-60px;top:30%;opacity:.22}.workshop-hero{height:auto;min-height:900px}.workshop-hero-copy{padding:9vh 7% 190px;width:100%}.workshop-hero h1{font-size:12vw;max-width:620px}.workshop-hero-copy>p:last-child{font-size:16px;max-width:87%}.world-frame img{object-position:58% center}.workshop-hero:after{background:linear-gradient(90deg,#08070bce,#08070b55),linear-gradient(0deg,#08070b,transparent 50%)}.world-controls{gap:12px;bottom:70px;right:7%}.world-controls button{font-size:11px}.world-controls button[data-cycle-toggle]{margin-left:0}.hero-caption{font-size:10px;right:7%;line-height:1.6}.workshop-product,.experiments{padding:10vh 6%}.portal-copy h2{font-size:10.5vw}.portal-copy>p:not(.eyebrow){font-size:17px}.film-portal .portal-copy,.drama-portal .portal-copy{margin-left:0}.film-portal h2,.drama-portal h2{font-size:8.6vw}.format-stage{height:390px;gap:10px}.format-version{width:22%;height:54%}.format-lab[data-format=portrait] .portrait{width:50%;height:100%}.format-lab[data-format=square] .square{width:58%;height:68%}.format-lab[data-format=wide] .wide{width:76%;height:58%}.format-lab[data-format=wide] .portrait,.format-lab[data-format=wide] .square{width:8%}.format-version figcaption{font-size:10px;letter-spacing:0;padding:40px 8px 15px}.film-surface{aspect-ratio:4/3;border-width:12px}.concept-sheet>p{font-size:20px}.concept-sheet{padding:7%}.concept-sheet>span,.concept-frame{font-size:9px}.concept-frame{width:85%;letter-spacing:1px}.film-frame-label{left:12px;font-size:9px;bottom:10px}.film-scrub{font-size:10px;gap:12px}.episode-stage{aspect-ratio:4/3}.episode-frame figcaption{padding:80px 6% 6%}.episode-frame figcaption strong{font-size:30px}.episode-controls{gap:10px}.episode-controls button{font-size:10px;letter-spacing:0;line-height:1.5}.experiment,.experiment:nth-of-type(2),.experiment:nth-of-type(3){width:100%;margin-left:0}.experiment dl{grid-template-columns:1fr;gap:5px;font-size:15px}.experiment dd{margin-bottom:20px}.human-ai-principle{padding:12vh 7%}.human-ai-principle h2{font-size:13vw}.human-ai-principle>div{margin:12vh 0 0 8%}.human-ai-principle p:not(.eyebrow){font-size:17px}.workshop-brief{padding:12vh 7%}.workshop-brief h2{font-size:14vw}.meaning-principle{padding:10vh 7%}.meaning-principle h2{font-size:10vw}.eyebrow{font-size:12px}.workshop-link{font-size:12px;letter-spacing:.7px}.product-experiment{padding:8vh 6%}.product-experiment .eyebrow{font-size:12px}}
@media(prefers-reduced-motion:reduce){.world-frame,.world-frame.current,.format-version,.episode-frame{animation:none!important;transition:none!important;transform:none!important}}
@media(max-width:700px){.workshop-hero{min-height:780px}.workshop-hero-copy{padding-bottom:170px}}
@media(min-width:701px){.world-frame:first-child img{width:115%;max-width:none;transform:translateX(8%)}}
/* The selected output keeps its actual delivery aspect ratio. */
.format-stage{--format-height:490px}.format-lab[data-format=portrait] .portrait{width:calc(var(--format-height)*.5625);height:var(--format-height);flex:none}.format-lab[data-format=square] .square{width:min(42%,480px);height:auto;aspect-ratio:1;flex:none}.format-lab[data-format=wide] .wide{width:66%;height:auto;aspect-ratio:16/9;flex:none}
@media(max-width:700px){.format-stage{--format-height:300px}.format-lab[data-format=square] .square{width:58%;height:auto}.format-lab[data-format=wide] .wide{width:76%;height:auto}}
/* Three concept selves, with deliberately different compositions. */
.format-version.square img{transform:none;object-position:56% 45%}.format-version.portrait img{object-position:48% 40%}.format-version.wide img{object-position:66% 45%}
.hero-caption{font-size:12px}.world-controls button,.format-controls button,.episode-controls button{font-size:14px}.format-version figcaption{font-size:12px;line-height:1.5}.format-version{opacity:.78}.format-version.portrait,.format-version.square,.format-version.wide{transform:none}.format-lab[data-format=portrait] .portrait,.format-lab[data-format=square] .square,.format-lab[data-format=wide] .wide{box-shadow:0 0 0 1px #d8b3fc80}
@media(min-width:701px){.world-frame:first-child img{width:110%;transform:translateX(12%)}.world-frame:nth-child(2) img{width:110%;max-width:none;transform:translateX(8%)}.world-frame:nth-child(3) img{object-position:65% center}}
@media(max-width:700px){.format-version figcaption{font-size:11px}.world-controls button,.episode-controls button{font-size:12px}.world-frame:first-child img{object-position:49% center}.world-frame:nth-child(2) img{object-position:56% center}.world-frame:nth-child(3) img{object-position:65% center}.hero-caption{font-size:11px}}
@media(max-width:700px){
 .format-stage{height:auto;min-height:390px;display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:28px 0;align-items:center;justify-items:center}
 .format-lab .format-version{width:100%!important;height:auto!important;aspect-ratio:1;opacity:.85;order:0}
 .format-lab[data-format=portrait] .portrait{grid-column:1/-1;order:-1;width:169px!important;aspect-ratio:9/16;opacity:1}
 .format-lab[data-format=square] .square{grid-column:1/-1;order:-1;width:min(100%,300px)!important;aspect-ratio:1;opacity:1}
 .format-lab[data-format=wide] .wide{grid-column:1/-1;order:-1;width:100%!important;aspect-ratio:16/9;opacity:1}
 .format-version figcaption{font-size:11px;line-height:1.35;padding:32px 10px 10px}
 .workshop-hero{min-height:1030px}.workshop-hero-copy{padding-top:65px;padding-bottom:0}.world-cycle{top:480px;bottom:85px}.workshop-hero:after{background:linear-gradient(0deg,#08070b,transparent 22%,transparent 50%,#08070b 60%)}
 .world-frame img{object-position:center 40%}.workshop-hero .hero-caption{bottom:15px}.workshop-hero .world-controls{bottom:72px}
}

.film-preview{margin:60px 0 0;color:#f5efe4}.film-preview>img{width:100%;height:auto;display:block;aspect-ratio:1672/941;object-fit:contain}.film-preview figcaption{padding:32px 4%;background:#18111f;border-bottom:1px solid #d4b2f333}.film-preview figcaption>span{font-size:13px;letter-spacing:2px;color:#c9a7ee}.film-preview figcaption p{font:italic 400 clamp(23px,3vw,42px)/1.35 Georgia;margin:20px 0}.film-preview small{font:400 13px/1.6 Arial;color:#bfb2c8}