:root{--paper:#ffffff;--ink:#140b27;--hot:#fa9000;--green:#633bc5;--gutter:clamp(22px,4.1vw,68px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:44px}body{margin:0;background:var(--ink);color:var(--paper);font:16px/1.5 Arial,Helvetica,sans-serif}button,a,input,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:focus-visible,a:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--hot);outline-offset:6px}button{border:0;background:none}h1,h2,p,figure{margin:0}h1,h2{line-height:.87;letter-spacing:-.07em}h1,h2,.end-title{font-family:Impact,'Arial Narrow',Arial,sans-serif;font-weight:900}button{min-height:44px}.skip{position:absolute;left:20px;top:-100px;z-index:100;background:var(--paper);color:var(--ink);padding:14px}.skip:focus{top:20px}.study{display:flex;justify-content:space-between;gap:16px;padding:7px var(--gutter);background:var(--paper);color:var(--ink);font:10px/1.5 monospace;letter-spacing:.08em}.study a{font-weight:bold}.mast{display:flex;align-items:center;gap:22px;padding:18px var(--gutter);border-bottom:1px solid #ffffff28}.logo{width:68px;height:68px;background:#fff;display:grid;place-items:center;flex:none}.logo img{width:100%;height:100%;object-fit:contain}.mast>p{font:10px/1.3 monospace;letter-spacing:.06em}.mast nav{margin-left:auto;display:flex;align-items:center;gap:30px;font-size:13px}.mast nav a{padding:13px 0}.mast nav button{border:1px solid #92978f;padding:11px 18px;display:flex;gap:24px}.mast nav button:hover{color:var(--ink);background:var(--paper)}.opening{height:min(870px,calc(100svh - 129px));min-height:610px;position:relative;isolation:isolate;padding:38px var(--gutter) 30px;overflow:hidden;background:radial-gradient(ellipse at 70% 40%,#473562 0,transparent 48%),var(--ink)}.credit{font:11px monospace;letter-spacing:.13em;margin-left:7px;position:relative;z-index:5}.opening h1{font-size:clamp(130px,18vw,290px);position:relative;z-index:2;margin-top:20px;pointer-events:none;max-width:100%}.creative{display:block;letter-spacing:-.065em;white-space:nowrap;transform:scaleX(.93);transform-origin:left}.genius{display:block;position:relative;margin-left:10.5vw;margin-top:19px;font-size:1.35em;letter-spacing:-.065em;color:var(--hot);z-index:4;white-space:nowrap}.period{color:var(--paper)}.portrait-frame{position:absolute;width:32%;height:76%;right:15%;top:9%;z-index:3;background:#444d45;clip-path:polygon(12% 0,100% 0,88% 100%,0 100%);overflow:hidden;transform:rotate(-7deg)}.portrait-frame>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:100% 50%;filter:grayscale(1);transform:scale(1.34);transform-origin:100% 40%}.portrait-frame:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 62%,#111b 100%)}.portrait-frame figcaption{position:absolute;bottom:30px;left:36px;right:28px;z-index:2;display:flex;justify-content:space-between;font:10px monospace;color:white;transform:rotate(7deg)}.portrait-frame figcaption span{font-size:8px}.hero-bottom{position:absolute;z-index:6;left:var(--gutter);right:var(--gutter);bottom:45px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;gap:20px}.hero-bottom>p:first-child{font-size:23px;line-height:1.15;letter-spacing:-.03em}.small-note{justify-self:end;font:11px/1.6 monospace;color:#ccd0c9}.play-sequence{justify-self:center;display:flex;align-items:center;gap:15px;font-size:13px;white-space:nowrap}.play-icon{width:59px;height:59px;display:grid;place-items:center;border-radius:50%;background:var(--paper);color:var(--ink);font-size:25px;transition:transform .2s}.play-sequence:hover .play-icon{transform:rotate(45deg);background:var(--hot)}.edge-label{position:absolute;left:14px;top:40%;writing-mode:vertical-rl;transform:rotate(180deg);font:9px monospace;letter-spacing:.15em;color:#a4ada4}.guide{position:absolute;left:var(--gutter);right:var(--gutter);top:23px;border-top:1px solid #ffffff2a}.cut-mark{position:absolute;right:7%;top:21%;font:80px/1 monospace;font-weight:200;color:var(--hot);z-index:4}.film-time{position:absolute;right:var(--gutter);bottom:15px;color:#969d95;font:9px monospace}.chapter{padding:60px var(--gutter) 90px}.chapter-label{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.1em;padding-top:16px;border-top:1px solid currentColor;gap:20px}.sound{background:var(--paper);color:var(--ink)}.chapter-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;padding:56px 0 45px}.chapter-heading h2{font-size:clamp(72px,10.5vw,170px)}.chapter-heading h2 em{font-style:normal;color:var(--green)}.chapter-heading p{font-size:17px;line-height:1.6;max-width:32ch;padding-bottom:10px}.film-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-block:16px dashed #d4d4ca;background:var(--ink);color:var(--paper);padding:22px;gap:24px}.record{text-align:left;padding:0 0 12px;transition:transform .2s}.record:hover{transform:translateY(-7px)}.record img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.frame-count{display:flex;justify-content:space-between;font:10px monospace;padding:0 0 14px}.record-title{display:block;font-size:19px;margin-top:16px}.record-action{display:block;font:10px monospace;color:#b1b5af;margin-top:5px}.mind{background:var(--hot);color:var(--ink);padding-bottom:70px}.mind-composition{position:relative;isolation:isolate;margin-top:70px;min-height:440px;display:flex;align-items:center}.mind h2{font-size:clamp(66px,10vw,155px);position:relative;z-index:2;letter-spacing:-.045em;max-width:100%}.mind h2 em{font-family:Georgia,serif;font-weight:normal}.mind h2>span{color:var(--paper)}.slate{position:absolute;z-index:1;right:4%;top:1%;width:330px;background:var(--ink);color:var(--paper);padding:27px;transform:rotate(9deg);box-shadow:0 18px 20px #0002;opacity:.98}.slate>span{font:8px monospace;letter-spacing:.1em}.slate strong{display:block;font:bold 48px/.98 Arial;letter-spacing:-.05em;margin:40px 0}.slate button{position:relative;z-index:5;border-top:1px solid #777;width:100%;text-align:left;padding:18px 0 0}.slate button span{float:right}.mind-footer{display:flex;justify-content:space-between;gap:30px;margin-top:40px;position:relative;z-index:4}.mind-footer p{font-size:15px}.mind-footer button{border-bottom:1px solid var(--ink);padding:0 0 10px;font-weight:bold}.ending{background:var(--ink);padding-bottom:100px}.ending>p{margin-top:60px;font-size:20px;letter-spacing:-.02em}.end-title{display:block;text-align:left;font-size:clamp(105px,18vw,275px);letter-spacing:-.075em;line-height:.85;margin-top:45px;padding:0;position:relative;width:100%}.end-title em{font-family:Georgia,serif;font-weight:normal;color:var(--hot);font-size:.9em}.end-title>span{position:absolute;right:3%;top:17%;font:clamp(120px,20vw,330px) Arial;font-weight:100;color:#6c786c}.end-title:hover>span{color:var(--hot)}.end-links{display:flex;gap:30px;margin-top:50px}.end-links button{padding:8px 0;border-bottom:1px solid #666;font-size:14px}footer{display:flex;align-items:center;gap:22px;border-top:1px solid #454b44;padding-top:40px;margin-top:100px}footer p{font:11px/1.6 monospace}footer p span{color:#a3aea2;font-size:10px}footer>a:last-child{margin-left:auto;font:11px monospace}.sequence{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);z-index:20;display:flex;align-items:center;gap:16px;padding:6px 18px;background:#151916f0;color:#fff;backdrop-filter:blur(14px);border:1px solid #72786c;box-shadow:0 8px 35px #0005;border-radius:40px}.sequence-label{font:8px monospace;letter-spacing:.08em;white-space:nowrap;color:#b6beb1}.sequence>a{font:10px monospace;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;flex:none}.sequence>a[aria-current=true]{background:var(--paper);color:var(--ink)}.sequence-line{width:70px;height:2px;background:#60665a}.sequence-line i{display:block;height:100%;width:var(--progress,0%);background:var(--hot)}dialog{border:0;background:var(--paper);color:var(--ink);width:min(620px,calc(100% - 32px));max-height:85svh;padding:38px;overflow:auto}dialog::backdrop{background:#050905d9;backdrop-filter:blur(10px)}.close{display:block;margin-left:auto;margin-bottom:20px;border:1px solid var(--ink);padding:8px 16px}.dialog-kicker{font:10px monospace;color:#385c46;margin-bottom:20px}dialog h2{font-family:Arial;font-size:48px;line-height:1;letter-spacing:-.055em;max-width:90%;margin-bottom:22px}#detail-body>p{margin-bottom:20px;line-height:1.65}#detail-body a,#detail-body button{display:inline-flex;padding:12px 18px;background:var(--ink);color:var(--paper);min-height:46px}#detail-body img{width:140px;height:140px;object-fit:cover;float:right;margin:0 0 15px 20px}.prototype-note{clear:both;font:11px/1.6 monospace;border-top:1px solid #acb2a8;margin-top:30px;padding-top:16px;color:#52594e}.intent-field{display:grid;gap:10px;margin:22px 0;font-size:13px}.intent-field select{padding:12px;border:1px solid #5b6658;background:white;min-height:46px}.local-result{padding:18px;background:#d9e5d6;margin-top:18px;font-size:14px}.local-result[hidden]{display:none}
@media(min-width:1800px){body{max-width:1800px;margin:auto}}
@media(max-width:850px){.mast nav{gap:18px}.opening{min-height:580px}.opening h1{margin-top:70px;font-size:19vw}.portrait-frame{right:13%;width:38%;top:15%;height:70%}.hero-bottom{grid-template-columns:1fr 1fr}.small-note{display:none}.chapter-heading p{font-size:14px}.mind-composition{min-height:380px}.slate{width:270px;right:0}.slate strong{font-size:38px}.film-strip{gap:15px;padding:15px}.record-title{font-size:15px}.mind h2{font-size:10vw}.sequence{gap:7px}.sequence-line{width:35px}}
@media(max-width:600px){.study{font-size:8px;padding:6px 16px;align-items:center}.study span{display:none}.mast{padding:14px 20px;gap:14px}.logo{width:53px;height:53px}.mast>p{font-size:8px}.mast nav{gap:0}.mast nav>a{display:none}.mast nav button{padding:8px 10px;font-size:10px;gap:10px;max-width:155px}.opening{height:calc(100svh - 108px);min-height:635px;padding-top:27px}.credit{font-size:8px;margin-top:4px}.opening h1{font-size:20.6vw;margin-top:26px;line-height:.98}.creative{transform:none;letter-spacing:-.07em}.genius{margin-left:0;font-size:1.36em;letter-spacing:-.065em;margin-top:0}.portrait-frame{top:31%;right:20%;width:60%;height:43%;transform:rotate(-7deg);z-index:3}.portrait-frame>img{transform:scale(1.32)}.portrait-frame figcaption{font-size:8px;left:25px;bottom:20px}.portrait-frame figcaption span{display:none}.cut-mark{font-size:45px;top:44%;right:11%}.edge-label{left:7px;font-size:7px;top:41%}.hero-bottom{bottom:62px;gap:10px;grid-template-columns:1fr 1fr;align-items:center}.hero-bottom>p:first-child{font-size:19px}.play-sequence{font-size:10px;gap:10px;justify-self:end}.play-icon{width:43px;height:43px;font-size:22px}.film-time{bottom:15px;font-size:8px}.chapter{padding:45px 22px 55px}.chapter-label{font-size:8px;gap:20px}.chapter-heading{display:block;padding:35px 0}.chapter-heading h2{font-size:19vw}.chapter-heading p{margin-top:27px;font-size:15px}.film-strip{grid-template-columns:1fr;gap:30px;padding:20px;border-block-width:12px}.record img{aspect-ratio:1}.record-title{font-size:22px}.record-action{font-size:11px}.mind-composition{margin-top:38px;min-height:520px;align-items:flex-start}.mind h2{font-size:13vw;line-height:1.03;letter-spacing:-.055em}.slate{top:auto;bottom:0;right:10%;width:220px;transform:rotate(7deg);padding:22px}.slate strong{font-size:33px;margin:20px 0}.slate button{font-size:12px;padding-top:12px}.mind-footer{display:block;margin-top:30px}.mind-footer p{font-size:14px}.mind-footer button{margin-top:20px;font-size:14px}.ending>p{font-size:18px;margin-top:40px}.end-title{font-size:26vw;margin-top:40px}.end-title>span{font-size:32vw;right:0;top:23%}.end-links{gap:10px;flex-wrap:wrap;margin-top:30px}.end-links button{font-size:11px;padding:8px 3px}.ending footer{margin-top:65px;padding-top:25px;gap:12px;flex-wrap:wrap}.ending footer p{font-size:9px}.ending footer p span{font-size:8px}.ending footer>a:last-child{font-size:9px;margin-left:0}.ending{padding-bottom:110px}.sequence{padding:4px 10px;gap:4px;bottom:12px;max-width:calc(100% - 28px)}.sequence-label{font-size:7px}.sequence>a{width:40px;height:40px}.sequence-line{width:25px}dialog{padding:25px}dialog h2{font-size:38px}#detail-body img{width:95px;height:95px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Round-two composition refinement: type stays readable; face stays whole. */
@media(min-width:601px){.opening h1{display:contents}.creative{position:absolute;left:var(--gutter);top:65px;font-size:17.1vw;z-index:4;line-height:.88;transform:none}.genius{position:absolute;left:var(--gutter);bottom:136px;margin:0;font-size:22vw;z-index:4;line-height:.88;letter-spacing:-.065em}.portrait-frame{top:20%;height:60%;width:31%;right:14%;z-index:3}.portrait-frame img{object-position:89% 50%;transform:scale(1.1);transform-origin:80% 40%}.portrait-frame figcaption{top:20px;bottom:auto;font-size:8px}.hero-bottom{bottom:74px}.credit{z-index:5}.opening{min-height:685px}.cut-mark{top:43%;right:5%;font-size:60px}.sequence{bottom:10px}}
@media(max-width:600px){.portrait-frame img{object-position:87% 50%;transform:scale(1.1);transform-origin:75% 40%}.portrait-frame{right:18%;width:64%}.opening{min-height:675px}.hero-bottom{bottom:90px}.film-time{bottom:63px}.slate{z-index:3}.mind h2{z-index:4}}

/* Owner-selected video palette: violet/lavender, orange, white. */
.opening{background:radial-gradient(ellipse at 78% 26%,#a68fd3 0,#6849b5 35%,#321166 72%,#180e2c 100%)}
.mast{background:#29134b}.mast .logo,.ending .logo{background:none}.mast .logo img,.ending .logo img{filter:brightness(0) invert(1)}
.sound{background:#f6f3fc}.mind{background:#fa9000}.ending{background:#281247}.portrait-frame{box-shadow:0 25px 60px #12003088}.mind h2{pointer-events:none}.sequence{background:#24133ef2}.sequence-line i{background:#fa9000}.study{background:#fff}.credit{color:#fff}

/* WordPress renders Query Loop posts inside a semantic post-template list. */
.film-strip{display:block}.film-strip>.wp-block-post-template{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:0}.film-strip>.wp-block-post-template>li{min-width:0;margin:0}.film-strip .record{display:block;height:100%}
@media(max-width:850px){.film-strip>.wp-block-post-template{gap:15px}}
@media(max-width:600px){.film-strip>.wp-block-post-template{grid-template-columns:1fr;gap:30px}}