.landing-illustration{position:relative;container-type:inline-size;color:#1c1b17;background:var(--film-surface,#f1eee5);border-radius:18px;overflow:hidden;isolation:isolate}.art-connections{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.art-arrow-head,.art-connection-base{fill:none;stroke:#d8cfbb;stroke-width:1.5}.art-labeled{display:flex;flex-direction:column;gap:10px;align-items:center;min-width:0;min-height:0}.art-labeled>span{font-size:clamp(12px,2.25cqw,16px);line-height:1.3;text-align:center;color:#676653;white-space:nowrap}.art-brand{position:relative;width:100%;height:100%;min-height:0;padding:5px 5px 22px;background:#fffefb;border:1px solid #e6dfd0;border-radius:9px;box-shadow:0 8px 18px #403c2009}.art-brand>.reel-photo{border-radius:5px}.art-palette{position:absolute;bottom:6px;left:7px;right:7px;height:10px;display:flex;gap:3px}.art-palette i{flex:1;border-radius:2px;background:#dfbb83}.art-palette i:nth-child(2){background:#e8d9bf}.art-palette i:nth-child(3){background:#8d967e}.art-palette i:nth-child(4){background:#333c32}.art-references{position:relative;width:100%;height:100%}.art-references>div{position:absolute;width:57%;height:90%;top:3%;left:3%;padding:4px;border:1px solid #e5dfd4;background:white;border-radius:7px;transform:rotate(-7deg);box-shadow:0 8px 18px #403c2009;overflow:hidden}.art-references>div+div{top:7%;left:41%;transform:rotate(8deg)}.art-references .reel-photo{border-radius:3px}.art-agent{width:100%;height:100%;min-height:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:10px;background:#fffdf8;border:1px solid #e3dccb;border-radius:18px;box-shadow:0 14px 30px -16px #3b331a52;color:#24241f}.art-agent-mark{width:28%;max-width:44px;aspect-ratio:1;border-radius:24%;overflow:hidden;box-shadow:0 6px 14px -6px #b4610066}.art-agent>span{font-size:clamp(12px,2.25cqw,16px);font-weight:500;line-height:1.2;white-space:nowrap}.art-draft{width:100%;height:100%;display:grid;grid-template-rows:100%;padding:5px;background:#fff;border:1px solid #ddd8cb;border-radius:9px;overflow:hidden;box-shadow:0 8px 20px #403c200b}.art-draft-photo{min-height:0;overflow:hidden;border-radius:4px}.art-channels{width:100%;height:100%;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:center;justify-items:center;padding:6px;border:1px solid #e2decf;border-radius:10px;background:#fffefb;color:#3d3d32}.art-channels>span{display:grid;place-items:center}.art-week{width:100%;min-height:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:7px;border:1px solid #e2decf;border-radius:10px;background:#fffefb}.art-day{min-width:0;aspect-ratio:9/16;display:flex;flex-direction:column}.art-day-photo{position:relative;flex:1;min-height:0;border-radius:5px;overflow:hidden}.director-canvas{aspect-ratio:660/550;border:1px solid var(--film-edge,#e4ded0);box-shadow:var(--film-lift-quiet,0 1px 0 #fffdf9 inset,0 2px 6px -2px #3b331a14,0 24px 48px -36px #3b331a4d)}.director-story{position:relative;--slate-lift:-4deg}@media (max-width:720px){.director-story{--slate-lift:-3deg}}@media (prefers-reduced-motion:no-preference){.director-story:has(.director-canvas[data-story-beat=connecting]):after{content:"";position:absolute;z-index:5;left:0;right:0;top:0;height:5.2%;pointer-events:none;border-radius:var(--film-radius,18px) var(--film-radius,18px) 0 0;border-bottom:1px solid var(--sd-night,#1b1a16);transform-origin:0 100%;background:linear-gradient(var(--sd-night,#1b1a16) 0 0) 0 0/clamp(18px,4.5%,30px) 100% no-repeat,repeating-linear-gradient(-55deg,var(--sd-night,#1b1a16) 0 14px,var(--sd-night-ink,#f3eee2) 14px 28px);animation:slate-take .52s linear both,slate-in-shot 1.2s linear both}.director-story:has(.reel-stage[data-reel-motion=paused]):after{animation-play-state:paused}.director-canvas[data-story-beat=connecting]{animation:slate-jolt .22s cubic-bezier(.16,1,.3,1) 375ms}}@keyframes slate-in-shot{0%{opacity:0;animation-timing-function:cubic-bezier(.16,1,.3,1)}15%{opacity:1}65%{opacity:1;animation-timing-function:cubic-bezier(.65,0,.35,1)}to{opacity:0}}@keyframes slate-jolt{35%{transform:translate3d(0,1.5px,0)}}@keyframes slate-take{0%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}35%{transform:rotate(var(--slate-lift,-4deg))}45%{transform:rotate(var(--slate-lift,-4deg));animation-timing-function:cubic-bezier(.7,0,.84,0)}72%{transform:none;animation-timing-function:cubic-bezier(.16,1,.3,1)}84%{transform:rotate(-.8deg)}to{transform:none}}.director-agent-node .art-agent{background:var(--sd-night,#1b1a16);border-color:var(--sd-night,#1b1a16);color:var(--sd-night-ink,#f3eee2);box-shadow:0 18px 36px -18px #1b1a16a6}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){.landing-director-hero .director-story:not([data-live]) .director-canvas :is(path[data-component=Draw],.art-posted){opacity:0!important}}.director-source-refs{position:absolute;left:4.5%;top:10%;width:24%;height:31%}.director-source-refs .art-references{flex:1}.director-source-brand{position:absolute;left:5%;top:47%;width:22%;height:26%}.director-source-brand .art-brand{flex:1}.director-source-keywords{position:absolute;left:5%;top:77%;width:23%;height:17%}.director-source-keywords .art-keywords{flex:1}.director-agent-node{position:absolute;left:40%;top:39%;width:24%;height:25%}.director-flow{position:absolute;left:0;top:0;z-index:3;width:7.2%;aspect-ratio:4/6;padding:.55cqw;box-sizing:border-box;border:0;border-radius:2px;overflow:hidden;background:var(--sd-night,#1b1a16);box-shadow:0 6px 14px #2a281a33;pointer-events:none;will-change:transform,opacity}.director-flow>img{width:100%;height:100%;object-fit:cover;border-radius:1px}.director-content-node{position:absolute;left:72%;top:10%;width:23%;height:31%}.director-content-node .art-draft{flex:1}.director-plan-node{position:absolute;left:72%;top:47%;width:24%;height:23%;justify-content:center}.director-plan-node .art-week{flex:none}.director-channels-node{position:absolute;left:70%;top:77%;width:26%;height:17%}.director-channels-node .art-channels{flex:1}.art-keywords{width:100%;height:100%;min-height:0;display:flex;flex-wrap:wrap;align-content:center;justify-content:center;gap:4px;padding:7px;overflow:hidden;border:1px solid #e2decf;border-radius:10px;background:#fffefb}.art-keywords>span{padding:2px 8px;color:#59584a;font-size:clamp(12px,2.25cqw,16px);line-height:1.4;white-space:nowrap}.art-keywords>i,.art-keywords>span{border-radius:999px;background:#efede2}.art-keywords>i{width:44px;height:1.25em}.art-keywords>i:last-child{width:28px}.art-posted{position:absolute;right:3px;bottom:3px;width:clamp(12px,2.4cqw,16px);height:clamp(12px,2.4cqw,16px);display:grid;place-items:center;border-radius:50%;background:#3f6b45;color:white;box-shadow:0 0 0 1.5px #fffdf8}.art-posted>svg{width:66%;height:66%}.landing-chapter-stage{aspect-ratio:12/7;content-visibility:auto}@container (max-width:470px){.director-canvas .art-keywords>i{display:none}}@container (max-width:420px){.director-canvas .art-keywords{padding:4px}.director-canvas .art-keywords>span{padding-inline:4px}.director-agent-node{width:28%;left:38%}.director-content-node{left:73%;width:23%}.director-channels-node{left:66%;width:30%}.director-plan-node .art-week{padding:5px;gap:3px}.art-channels{padding:4px}.art-channels svg{width:14px;height:14px}}@media(max-width:640px){.landing-illustration{border-radius:12px}.art-labeled{gap:7px}.art-agent{border-radius:12px;gap:9px}.art-brand{padding:3px 3px 17px;border-radius:6px}.art-palette{height:7px;bottom:5px;left:5px;right:5px}.art-references>div{padding:3px}.landing-chapter-stage{width:100%;aspect-ratio:1/1;max-height:max(300px,calc(100svh - 260px))}}