
:root{--bg:#111210;--paper:#e9e7df;--muted:#96998e;--line:#34372e;--accent:#d4b077;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--paper);font-family:"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:none}button:disabled{cursor:wait;opacity:.55}a{color:inherit;text-decoration:none}svg{flex-shrink:0}a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--bg)}:focus-visible{outline:2px solid var(--accent);outline-offset:5px}section{scroll-margin-top:70px}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;padding:0 5.3%;border-bottom:1px solid var(--line);position:relative;z-index:3}.wordmark{font-size:27px;font-weight:800;letter-spacing:-1.7px;display:flex;align-items:center;gap:5px}.brand-dot{height:6px;width:6px;background:var(--accent);border-radius:50%;align-self:flex-end;margin:0 0 7px 2px}.brand-label{font-size:11px;font-weight:400;letter-spacing:2px;margin-left:16px;color:var(--muted)}nav{display:flex;gap:35px;font-size:13px}nav a{display:flex;align-items:center;gap:5px}nav a:hover{color:var(--accent)}.manage-link{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--muted);padding:10px 0}.manage-link:hover{color:var(--paper)}.hero{position:relative;min-height:790px;height:calc(100svh - 92px);max-height:1150px;padding:35px 5.3% 0;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:1.7px;position:relative;z-index:2}.hero-topline span:first-child{display:flex;align-items:center;gap:9px}.hero-topline i{width:5px;height:5px;border-radius:50%;background:var(--accent)}.hero-title{position:relative;z-index:2;padding-top:72px;width:max-content;max-width:100%;pointer-events:none}.hero-line{font-size:clamp(66px,8.8vw,148px);font-weight:500;letter-spacing:-.075em;line-height:1.13;margin:0;animation:rise 1.3s cubic-bezier(.16,1,.3,1) both}.hero-line.second{animation-delay:.12s}.outline-word{color:transparent;-webkit-text-stroke:1px #b8baaf}.title-period{color:var(--accent);margin-left:-.15em}.hero-caption{position:relative;z-index:2;margin-top:43px;display:flex;align-items:center;gap:65px}.hero-caption p{font-size:13px;line-height:2;color:var(--muted);margin:0;max-width:330px}.round-link{display:flex;align-items:center;gap:15px;font-size:11px;letter-spacing:1px}.round-icon{width:49px;height:49px;border:1px solid #626657;border-radius:50%;display:grid;place-items:center;transition:background .4s,transform .4s}.round-link:hover .round-icon{background:var(--accent);color:var(--bg);transform:translateY(5px)}.cinema-frame{position:absolute;top:17%;right:5.3%;width:48%;height:56%;border:1px solid #484d3b;background:radial-gradient(ellipse at 63% 48%,#66704920 0%,#252b1c40 36%,#111210 75%);overflow:hidden;animation:frameIn 1.6s cubic-bezier(.16,1,.3,1) both}.frame-corner{position:absolute;width:17px;height:17px;z-index:2;border-color:var(--accent);border-style:solid}.tl{top:-1px;left:-1px;border-width:1px 0 0 1px}.tr{top:-1px;right:-1px;border-width:1px 1px 0 0}.bl{bottom:-1px;left:-1px;border-width:0 0 1px 1px}.br{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.frame-label{position:absolute;top:20px;left:23px;display:flex;align-items:center;gap:7px;letter-spacing:1.8px;font-size:8px;color:#888f77}.record-dot{height:4px;width:4px;border-radius:50%;background:var(--accent)}.frame-ratio{position:absolute;right:23px;bottom:20px;font-size:9px;color:#8a8f7e;letter-spacing:2px}.frame-cross{position:absolute;right:25px;top:45%;color:#a9af9750;font-weight:100}.aperture{position:absolute;width:87%;aspect-ratio:1;right:-9%;top:50%;transform:translateY(-50%);animation:breathe 13s ease-in-out infinite}.aperture-ring{position:absolute;border:1px solid #9fa97c25;border-radius:50%;inset:0;box-shadow:inset 0 0 30px #99a46c06}.r2{inset:9%;border-color:#9fa97c40}.r3{inset:20%;border-color:#9fa97c60}.r4{inset:31%;border-color:#b5bc9435;box-shadow:0 0 80px #a1b26515,inset 0 0 90px #a1b26510}.aperture-core{position:absolute;inset:38%;border-radius:50%;background:radial-gradient(circle at 35% 30%,#b7ba7d27,#6d74410d 40%,transparent 75%);border:1px solid #acb17b25}.hero-foot{position:absolute;bottom:0;left:5.3%;right:5.3%;border-top:1px solid var(--line);padding:23px 0;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:9px;line-height:1.7;letter-spacing:1.3px;color:var(--muted)}.hero-foot>span:last-child{display:flex;align-items:center;gap:16px}.hero-coordinate{font-size:11px;letter-spacing:3px}.section-pad{padding:105px 5.3%}.section-eyebrow{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;letter-spacing:1.7px;color:var(--muted);margin-bottom:50px}.section-eyebrow>span:last-child{font-size:11px;letter-spacing:2px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:54px}h2{font-size:clamp(36px,4.5vw,73px);line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:0}.section-heading h2 span{color:var(--muted)}.section-heading p{font-size:12px;color:var(--muted);line-height:2;max-width:300px;margin:0 3% 5px 0}.work-toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:27px;gap:20px}.filters{display:flex;gap:23px;flex-wrap:wrap}.filters button{font-size:12px;padding:9px 0;color:var(--muted);border-bottom:1px solid transparent;transition:color .3s}.filters button.active{color:var(--paper);border-color:var(--accent)}.filters button:hover{color:var(--paper)}.filters span{font-family:monospace;font-size:9px;margin-left:8px;color:#858977}.toolbar-note{font-size:8px;letter-spacing:1.8px;color:var(--muted)}.empty-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:25px}.empty-frame{position:relative;background:#191c17;aspect-ratio:16/10;text-align:left;color:var(--muted);border:1px solid var(--line);overflow:hidden;transition:border-color .4s,background .4s;padding:0}.empty-frame.large{background:linear-gradient(135deg,#20261b30,transparent),#191c17}.empty-frame.large:hover{border-color:#727c5c;background:#1e241b}.empty-frame.small{align-self:end;background:#161914}.slot-index{position:absolute;top:23px;left:25px;letter-spacing:1.4px;font-size:9px}.empty-center{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:17px}.empty-center svg{color:var(--accent);margin-bottom:3px;transition:transform .5s}.empty-frame:hover .empty-center svg{transform:rotate(90deg)}.empty-center>span{font-size:15px;letter-spacing:2px;color:#b7bcab}.empty-center small{font-size:10px;color:var(--muted)}.empty-center.quiet>span{font-size:12px;color:var(--muted)}.empty-center.quiet svg{color:#858c74}.slot-bottom{position:absolute;bottom:21px;left:25px;right:25px;display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.2px}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 26px}.work-card{text-align:left;padding:0;width:100%}.work-image{aspect-ratio:16/9;background:#20251b;position:relative;overflow:hidden}.work-image img,.work-image video{height:100%;width:100%;object-fit:cover;transition:transform .85s cubic-bezier(.2,.8,.2,1),filter .85s}.work-card:hover .work-image img,.work-card:hover .work-image video{transform:scale(1.035);filter:brightness(.8)}.work-index{position:absolute;top:20px;left:20px;font-size:10px;background:#1118;padding:6px 9px;backdrop-filter:blur(6px)}.play-circle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.9);width:68px;height:68px;border:1px solid #ffffff80;border-radius:50%;display:grid;place-items:center;opacity:0;transition:opacity .4s,transform .4s;background:#1112;backdrop-filter:blur(8px)}.play-circle svg{margin-left:3px}.work-card:hover .play-circle,.work-card:focus-visible .play-circle{opacity:1;transform:translate(-50%,-50%) scale(1)}.work-view{position:absolute;bottom:20px;right:20px;display:flex;gap:8px;font-size:11px;opacity:0;transition:opacity .4s}.work-card:hover .work-view{opacity:1}.work-info{display:flex;justify-content:space-between;align-items:baseline;padding:20px 0;gap:14px}.work-info h3{font-size:17px;font-weight:500;margin:0}.work-info>span{font-size:10px;color:var(--muted);white-space:nowrap}.work-bottom{display:flex;justify-content:space-between;padding:23px 0;border-bottom:1px solid var(--line);margin-top:15px;color:var(--muted);font-size:11px}.text-link{display:flex;align-items:center;gap:15px;color:var(--accent);font-size:11px}.loading-works{height:240px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:18px;font-size:12px;color:var(--muted)}.about-section{background:#191c16;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.about-copy h2 span{color:var(--accent)}.about-description{font-size:13px;line-height:2.3;color:var(--muted);margin:32px 0 0;white-space:pre-line;max-width:430px}.creator-name{font-size:20px;margin:30px 0 0}.capabilities{padding-top:2px}.capability{padding:29px 0;border-bottom:1px solid #3b4031;display:flex;align-items:center;gap:24px}.capability:first-child{border-top:1px solid #3b4031}.cap-no{font-family:monospace;color:var(--muted);font-size:10px;align-self:flex-start;margin-top:5px}.capability>div{flex:1}.capability h3{font-size:20px;font-weight:400;margin:0 0 12px}.capability h3 span{font-size:9px;letter-spacing:1.5px;margin-left:12px;color:var(--muted)}.capability p{font-size:11px;color:var(--muted);margin:0}.capability>svg{color:var(--accent)}.contact-section{padding-top:105px;padding-bottom:70px}.contact-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:45px}.contact-main h2{font-size:clamp(48px,6.7vw,108px)}.contact-main h2 span{color:var(--accent)}.contact-arrow{height:115px;width:115px;border:1px solid #777d68;border-radius:50%;display:grid;place-items:center;transition:transform .5s,background .5s}.contact-arrow svg{height:62px;width:62px}.contact-arrow:hover{transform:rotate(10deg);background:var(--accent);color:var(--bg);border-color:var(--accent)}.contact-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;color:var(--muted)}.contact-bottom p{margin:0}.email-link{display:flex;gap:10px;align-items:center;color:var(--paper)}footer{height:115px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 5.3%}footer>span{font-size:10px;letter-spacing:2px;color:var(--muted)}footer>a:last-child{font-size:9px;letter-spacing:1.5px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.overlay{position:fixed;z-index:20;inset:0;background:#050705bb;backdrop-filter:blur(13px);display:flex;justify-content:center;align-items:center;padding:28px;animation:fade .25s;overflow-y:auto}.dialog{width:760px;max-width:100%;max-height:calc(100svh - 56px);overflow-y:auto;background:#1b1f18;border:1px solid #4a5140;padding:34px 38px;box-shadow:0 30px 100px #0007;animation:dialogIn .4s cubic-bezier(.16,1,.3,1)}.dialog-header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:28px}.dialog-header h2{font-size:28px;letter-spacing:-1px}.eyebrow{font-size:9px;color:var(--muted);letter-spacing:2px;display:block;margin-bottom:12px}.icon-button{height:36px;width:36px;display:grid;place-items:center;border:1px solid transparent;transition:border-color .3s,color .3s;flex-shrink:0}.icon-button:hover{border-color:var(--line);color:var(--accent)}.manager-tabs{display:flex;gap:26px;border-bottom:1px solid var(--line);margin-bottom:28px}.manager-tabs button{padding:0 0 16px;font-size:13px;color:var(--muted);border-bottom:1px solid transparent;margin-bottom:-1px}.manager-tabs button.active{color:var(--paper);border-color:var(--accent)}.manager-tabs span{margin-left:8px;font-size:10px;color:var(--muted)}.library-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:25px}.library-heading p{font-size:12px;color:var(--muted)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;background:var(--accent);color:#171910;font-size:12px;border:1px solid var(--accent);transition:background .3s}.btn:hover{background:#e1c294}.btn.secondary{background:transparent;color:var(--paper);border-color:#4b5340}.btn.secondary:hover{background:#303626}.btn.danger{background:#ad5045;border-color:#ad5045;color:white}.library-empty{padding:45px 0 50px;display:flex;align-items:center;flex-direction:column;color:var(--muted);gap:15px}.library-empty h3{font-size:16px;color:var(--paper);font-weight:400;margin:0}.library-empty p{font-size:12px;margin:0;text-align:center;line-height:1.8}.storage-note{padding-top:24px;border-top:1px solid var(--line);display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted)}.status-dot{width:5px;height:5px;border-radius:50%;background:var(--accent)}.library-item{display:flex;align-items:center;gap:16px;padding:14px 0;border-top:1px solid var(--line)}.library-thumbnail{height:53px;width:85px;background:#252b20;display:grid;place-items:center;color:var(--muted);flex-shrink:0}.library-thumbnail img{height:100%;width:100%;object-fit:cover}.library-title{flex:1;min-width:0}.library-title strong{font-size:13px;display:block;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.library-title span{font-size:10px;color:var(--muted);display:block;margin-top:7px}.delete-button:hover{color:#e29384}.editor-form label{font-size:11px;color:var(--muted);display:block;margin-bottom:20px}.editor-form label>span:not(.optional){color:var(--accent)}input,select,textarea{display:block;width:100%;border:1px solid #414936;background:#141811;color:var(--paper);padding:12px 13px;font-size:12px;margin-top:9px;border-radius:0;transition:border-color .3s}input:focus,select:focus,textarea:focus{border-color:var(--accent);outline:none}input::placeholder,textarea::placeholder{color:#757d68}textarea{resize:vertical;min-height:90px;line-height:1.8}select{height:43px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}fieldset{border:0;padding:0;margin:0;min-width:0}.upload-drop{width:100%;padding:28px 24px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:1px dashed #646f50;background:#242b1e66;margin-bottom:26px;min-height:165px;transition:border-color .3s,background .3s}.upload-drop:hover{background:#30392666;border-color:var(--accent)}.upload-drop>svg{color:var(--accent)}.upload-drop strong{font-size:13px;font-weight:400;max-width:100%;overflow-wrap:anywhere}.upload-drop span,.upload-drop small{font-size:10px;color:var(--muted)}.upload-drop.selected{border-style:solid}.cover-upload{margin-top:9px;border:1px solid var(--line);padding:12px;display:flex;align-items:center;gap:15px}.cover-upload img{width:100px;height:56px;object-fit:cover}.cover-upload input{border:0;background:transparent;padding:0;margin:0;max-width:100%;font-size:10px}.cover-upload input::file-selector-button{background:#343c2a;color:var(--paper);border:0;padding:10px;font:inherit;margin-right:10px;cursor:pointer}.optional{float:right;color:var(--muted);font-size:10px}.form-actions{display:flex;justify-content:flex-end;gap:10px;border-top:1px solid var(--line);padding-top:23px;margin-top:26px}.form-error{color:#e5a497;background:#a5543415;padding:12px;font-size:12px;line-height:1.7;border-left:2px solid #b57357}.upload-progress{padding:18px 0}.upload-progress>span{display:flex;justify-content:space-between;font-size:11px;color:var(--muted)}.upload-progress b{font-weight:400;color:var(--accent)}progress{appearance:none;width:100%;height:3px;margin:15px 0;background:#39412d}progress::-webkit-progress-bar{background:#39412d}progress::-webkit-progress-value{background:var(--accent);transition:width .3s}progress::-moz-progress-bar{background:var(--accent)}.upload-progress small{font-size:10px;color:var(--muted)}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);z-index:40;background:#e9e7df;color:#151911;padding:16px 20px;font-size:12px;box-shadow:0 8px 45px #0006;display:flex;align-items:center;gap:20px;max-width:calc(100% - 32px);animation:fade .3s}.toast button{display:grid;place-items:center;color:inherit;padding:0}.player-dialog{width:1100px;padding:25px}.player-dialog .dialog-header{align-items:center;margin-bottom:15px}.player-dialog .eyebrow{margin:0}.full-video{width:100%;display:block;background:#090a08;max-height:65svh}.player-details{padding:25px 5px 5px}.player-details h2{font-size:26px}.player-details>span{display:block;color:var(--accent);font-size:11px;margin-top:15px}.player-details p{font-size:13px;color:var(--muted);line-height:1.9;white-space:pre-line;margin-bottom:0}.confirm-dialog{width:480px}.confirm-copy{color:var(--muted);font-size:13px;line-height:2}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.spin{animation:spin 1s linear infinite}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes fade{from{opacity:0}to{opacity:1}}@keyframes rise{from{opacity:0;transform:translateY(35px);filter:blur(5px)}to{opacity:1;transform:translateY(0);filter:blur(0)}}@keyframes frameIn{from{opacity:0;clip-path:inset(0 0 100% 0)}to{opacity:1;clip-path:inset(0 0 0 0)}}@keyframes breathe{0%,100%{transform:translateY(-50%) scale(.97)}50%{transform:translateY(-50%) scale(1.035)}}@keyframes dialogIn{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1700px){.site-header,.hero,.section-pad,footer{padding-left:max(5.3%,calc((100vw - 1550px)/2));padding-right:max(5.3%,calc((100vw - 1550px)/2))}.hero-foot{left:max(5.3%,calc((100vw - 1550px)/2));right:max(5.3%,calc((100vw - 1550px)/2))}.cinema-frame{right:max(5.3%,calc((100vw - 1550px)/2));width:740px}.hero-line{font-size:145px}}
@media(max-width:1000px){.hero{min-height:720px}.hero-title{padding-top:80px}.hero-line{font-size:10vw}.cinema-frame{top:24%;height:46%;width:53%;right:4%}.hero-caption{margin-top:45px;gap:25px}.hero-caption p{font-size:12px;max-width:230px}.section-pad{padding-top:80px;padding-bottom:80px}.about-layout{gap:7%}.toolbar-note{display:none}.section-heading p{margin-right:0}.brand-label{display:none}.empty-grid{gap:17px}.contact-arrow{height:95px;width:95px}}
@media(max-width:640px){.site-header{height:75px;padding:0 6%}.wordmark{font-size:24px}nav{gap:20px;font-size:11px}nav a:last-child{display:none}.manage-link span{display:none}.manage-link{padding:10px}.hero{height:auto;min-height:795px;padding:30px 6% 110px}.hero-topline{font-size:8px;letter-spacing:1px}.hero-topline>span:last-child{display:none}.hero-title{padding-top:45px}.hero-line{font-size:15.5vw;line-height:1.18}.hero-caption{margin-top:25px;justify-content:space-between;gap:12px}.hero-caption p{font-size:10px;max-width:200px}.round-link{font-size:10px;gap:10px}.round-icon{height:40px;width:40px}.cinema-frame{position:relative;top:auto;right:auto;width:100%;height:250px;margin-top:35px}.hero-foot{left:6%;right:6%;font-size:7px;letter-spacing:1px;padding:20px 0}.hero-coordinate{display:none}.hero-foot>span:last-child{gap:8px}.section-pad{padding:65px 6%}.section-eyebrow{font-size:8px;letter-spacing:1px;margin-bottom:35px}.section-eyebrow>span:last-child{font-size:9px;letter-spacing:1px}.section-heading{margin-bottom:35px;gap:20px}.section-heading h2{font-size:39px;white-space:nowrap}.section-heading p{font-size:9px;line-height:2;max-width:145px}.filters{gap:17px}.filters button{font-size:10px}.filters span{font-size:8px;margin-left:5px}.empty-grid,.work-grid{grid-template-columns:1fr;gap:20px}.empty-frame{aspect-ratio:16/10}.empty-frame.small{aspect-ratio:16/7}.empty-frame.small .empty-center{gap:10px}.empty-frame.small .empty-center svg{width:23px;height:23px}.empty-frame.small .slot-index,.empty-frame.small .slot-bottom{font-size:7px}.slot-index{top:20px;left:20px;font-size:8px}.slot-bottom{left:20px;right:20px;bottom:20px;font-size:7px}.work-info h3{font-size:15px}.work-info>span{font-size:9px}.play-circle{opacity:1;width:52px;height:52px}.work-view{display:none}.work-bottom,.text-link{font-size:10px}.about-layout{grid-template-columns:1fr;gap:35px}.about-copy h2{font-size:45px}.about-description{font-size:12px;margin-top:24px}.capability{padding:25px 0}.capability h3{font-size:18px}.contact-main{margin-bottom:30px}.contact-main h2{font-size:51px}.contact-arrow{width:70px;height:70px}.contact-arrow svg{width:40px;height:40px}.contact-bottom{flex-direction:column;align-items:flex-start;font-size:9px;gap:15px}footer{height:90px;padding:0 6%}footer>span{display:none}footer>a:last-child{font-size:8px}.overlay{padding:14px}.dialog{padding:25px 20px;max-height:calc(100svh - 28px)}.dialog-header h2{font-size:25px}.form-row{grid-template-columns:1fr;gap:0}.library-heading{align-items:flex-start}.library-heading p{font-size:10px;line-height:1.8}.btn{font-size:11px;padding:10px 13px;white-space:nowrap}.library-item{gap:10px}.library-thumbnail{width:60px;height:40px}.library-title strong{font-size:12px}.library-title span{font-size:9px}.library-item .icon-button{width:31px}.storage-note{font-size:8px}.upload-drop{padding:22px 15px}.cover-upload{flex-wrap:wrap}.cover-upload input{font-size:9px}.player-dialog{padding:15px}.player-details h2{font-size:23px}.toast{font-size:11px;bottom:18px}.brand-dot{margin-bottom:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}.aperture{transform:translateY(-50%)}}

[hidden]{display:none!important}.hero-line{font-weight:500}.empty-plus{font-size:45px!important;line-height:1;font-weight:100;color:var(--accent)!important}.empty-film{font-size:35px!important;line-height:1;color:#858c74!important}.cap-symbol{font-size:30px;color:var(--accent)}.contact-arrow{font-size:65px;font-family:Arial}.round-icon{font-size:27px;font-weight:100}.upload-symbol{font-size:35px;font-weight:100;color:var(--accent)}.icon-button{font-size:26px}.drag-over{border-color:var(--accent);background:#303926}.manage-link{font-size:16px}.manage-link span{font-size:12px}

.empty-frame:disabled{opacity:1;cursor:default}.admin-login{font-size:10px;color:var(--muted);letter-spacing:0!important}

/* Typography and presentation hierarchy */
body{font-size:16px}.site-header{height:96px}.brand-label{font-size:13px;letter-spacing:1.2px}nav{font-size:15px;gap:38px}.manage-link span{font-size:14px}.section-pad{padding-top:110px;padding-bottom:110px}.section-eyebrow{font-size:13px;letter-spacing:1.2px;margin-bottom:40px}.section-eyebrow>span:last-child{font-size:14px}.section-heading h2{font-size:clamp(44px,5.5vw,84px);font-weight:550;line-height:1.13}.section-heading p{font-size:16px;max-width:370px;line-height:1.9}.filters{gap:30px}.filters button{font-size:16px;padding:12px 0}.filters span{font-size:12px;margin-left:10px}.toolbar-note{font-size:11px;letter-spacing:1.2px}.work-toolbar{margin-bottom:32px}.work-bottom,.text-link{font-size:14px}.about-description{font-size:17px;line-height:2;max-width:520px}.about-copy h2{font-size:clamp(44px,5.2vw,78px)}.creator-name{font-size:24px}.capability{padding:32px 0}.capability h3{font-size:27px}.capability h3 span{font-size:12px}.capability p{font-size:15px;line-height:1.8}.cap-no{font-size:12px}.contact-bottom{font-size:15px}.contact-main h2{font-weight:550}footer>span{font-size:13px}footer>a:last-child,footer .admin-login{font-size:12px}.toast{font-size:15px;line-height:1.6}.hero.hero-showcase{height:auto;min-height:0;max-height:none;padding-top:30px;overflow:visible}.hero-showcase .hero-topline{font-size:12px;letter-spacing:1.2px}.hero-intro{display:grid;grid-template-columns:1.1fr 1fr;align-items:end;gap:70px;margin:42px 0 34px}.hero-kicker{font-size:14px;letter-spacing:1.5px;color:var(--muted);margin:0 0 16px}.hero-intro h1{font-size:clamp(42px,4.4vw,72px);font-weight:550;letter-spacing:-.05em;line-height:1.12;margin:0;animation:rise 1s cubic-bezier(.16,1,.3,1) both}.hero-intro h1 span{color:var(--accent)}.hero-bio{justify-self:end;max-width:430px;width:100%;padding-bottom:4px}.hero-bio>p{font-size:22px;font-weight:400;line-height:1.6;margin:0 0 12px;overflow-wrap:anywhere}.hero-bio>span{font-size:14px;color:var(--muted)}.hero-browse{font-size:15px;display:flex;align-items:center;gap:24px;margin-top:23px;width:max-content}.hero-browse>span{font-size:24px;color:var(--accent);transition:transform .3s}.hero-browse:hover>span{transform:translate(-3px,3px)}.hero-feature{width:100%;position:relative}.hero-feature-shell{position:relative;background:#1e241a}.feature-screen{position:relative;display:block;width:100%;aspect-ratio:21/10;max-height:680px;overflow:hidden;text-align:left;padding:0;color:#fff;background:#1a2117}.feature-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.92;transition:transform 1s cubic-bezier(.16,1,.3,1)}.feature-screen:hover .feature-video{transform:scale(1.025)}.feature-shade{position:absolute;inset:0;background:linear-gradient(0deg,#070a05dd 0%,#0a0c0660 26%,#0a0c0608 65%,#0a0c0670 100%)}.feature-eyebrow{position:absolute;top:30px;left:34px;display:flex;gap:18px;font-size:12px;letter-spacing:1.4px;color:#f1efe5}.feature-eyebrow>span{color:#d5d7cb;letter-spacing:1px}.feature-content{position:absolute;bottom:36px;left:34px;right:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.feature-text{min-width:0;max-width:78%}.feature-category{display:block;font-size:14px;letter-spacing:1px;margin-bottom:12px;color:#d4d8c8}.feature-title{display:block;font-size:clamp(32px,4.1vw,65px);font-weight:550;letter-spacing:-.04em;line-height:1.15;overflow-wrap:anywhere}.feature-roles{display:block;font-size:15px;line-height:1.5;margin-top:15px;color:#d4d8c8}.feature-play{display:flex;align-items:center;gap:15px;font-size:14px;flex-shrink:0}.feature-play-icon{height:62px;width:62px;border:1px solid #f0f0e9a0;border-radius:50%;display:grid;place-items:center;font-size:20px;padding-left:3px;background:#13170f25;backdrop-filter:blur(8px);transition:background .4s,color .4s,transform .4s}.feature-screen:hover .feature-play-icon{background:var(--accent);border-color:var(--accent);color:var(--bg);transform:scale(1.08)}.feature-manage{position:absolute;top:20px;right:20px;color:var(--paper);font-size:13px;background:#12170ce6;border:1px solid #e2e5d950;padding:12px 17px;backdrop-filter:blur(10px);z-index:2}.feature-manage:hover{background:var(--accent);color:var(--bg)}.hero-showcase .hero-foot{position:static;left:auto;right:auto;margin-top:28px;padding:20px 0 24px;font-size:11px;letter-spacing:1px}.hero-showcase .hero-coordinate{font-size:13px}.feature-empty{position:relative;min-height:370px;padding:95px 40px 45px;background:linear-gradient(125deg,#29351f80,#171d12);border:1px solid #49563b}.feature-empty h2{font-size:clamp(30px,4vw,56px);line-height:1.3;font-weight:500;max-width:850px}.feature-empty p{font-size:16px;color:var(--muted);line-height:1.8;margin:20px 0 25px}.feature-empty .btn{font-size:15px}
/* Editorial work sequence: full-width opening, then offset 7/5 and 5/7 rows. */
.editorial-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:48px 34px;align-items:start}.editorial-grid .work-card{min-width:0}.editorial-grid .work-card.lead{grid-column:span 12}.editorial-grid .work-card.large{grid-column:span 7}.editorial-grid .work-card.small{grid-column:span 5}.editorial-grid .work-card.shifted{margin-top:100px}.editorial-grid .work-card.lead .work-image{aspect-ratio:2.15/1}.editorial-grid .work-card.large .work-image{aspect-ratio:16/10}.editorial-grid .work-card.small .work-image{aspect-ratio:4/3}.work-index{font-size:11px;letter-spacing:1px;top:22px;left:22px;padding:8px 11px}.work-info{align-items:flex-start;padding:23px 0;gap:22px}.work-caption{min-width:0}.work-category{font-size:13px;line-height:1.6;color:var(--muted);display:block;margin-bottom:9px}.work-info h3{font-size:28px;line-height:1.3;font-weight:500;letter-spacing:-.02em;overflow-wrap:anywhere}.lead .work-info h3{font-size:42px}.small .work-info h3{font-size:25px}.work-info .work-arrow{font-size:38px;line-height:1;color:var(--accent);font-weight:300;transition:transform .3s}.work-card:hover .work-arrow{transform:translate(3px,-3px)}.work-roles{font-size:14px;color:var(--muted);line-height:1.7;margin:12px 0 0}.work-view{font-size:14px}.play-circle{width:78px;height:78px;font-size:22px}.lead .play-circle{width:92px;height:92px;font-size:26px}.slot-index,.slot-bottom{font-size:11px}.empty-center>span{font-size:20px}.empty-center small{font-size:14px}.empty-center.quiet>span{font-size:16px}
/* Owner controls */
.dialog{padding:35px 36px}.dialog-header h2{font-size:32px}.eyebrow{font-size:12px}.manager-dialog{width:1080px}.manager-tabs button{font-size:16px}.manager-tabs span{font-size:13px}.library-heading{margin-bottom:22px}.library-heading h3{font-size:24px;font-weight:500;line-height:1.4;margin:0 0 10px}.library-heading p{font-size:14px;line-height:1.8;margin:0}.btn{font-size:14px;min-height:46px;padding:12px 19px}.featured-summary{background:#d4b0770c;border:1px solid #d4b07745;padding:17px 18px;display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:22px;font-size:13px;line-height:1.8;color:var(--accent)}.featured-summary strong{font-weight:500;color:var(--paper)}.featured-summary>span:last-child{color:var(--muted);font-size:12px}.featured-summary button{font-size:12px;color:var(--accent);flex-shrink:0}.library-item{display:grid;grid-template-columns:38px 104px minmax(0,1fr) auto;gap:16px;align-items:center;padding:22px 0;position:relative;transition:background .2s,opacity .2s}.library-item[draggable=true]{cursor:grab}.library-item.dragging{opacity:.35}.library-item.drop-before::before,.library-item.drop-after::after{content:"";position:absolute;left:0;right:0;height:2px;background:var(--accent);z-index:2}.library-item.drop-before::before{top:-1px}.library-item.drop-after::after{bottom:-1px}.library-item.is-featured{background:#d4b07704}.library-position{display:flex;flex-direction:column;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-family:monospace}.drag-grip{font-size:22px;line-height:1}.library-thumbnail{width:104px;height:67px;font-size:28px}.library-title strong{font-size:16px;font-weight:500;line-height:1.5;white-space:normal;overflow-wrap:anywhere}.library-title>span{font-size:12px;line-height:1.8;margin-top:7px}.featured-badge{font-size:10px;font-weight:400;color:var(--accent);margin-left:10px;border:1px solid #d4b07755;padding:2px 5px;white-space:nowrap}.library-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;max-width:345px}.order-controls{display:flex;gap:4px}.order-button{width:34px;height:36px;border:1px solid #4f5941;font-size:20px;display:grid;place-items:center}.order-button:hover{border-color:var(--accent);color:var(--accent)}.order-button:disabled{cursor:default;opacity:.3}.feature-button{min-height:36px;font-size:12px;border:1px solid #4f5941;padding:7px 10px;white-space:nowrap}.feature-button:hover,.feature-button.selected{border-color:#d4b07780;color:var(--accent);background:#d4b0770b}.feature-button.selected:disabled{opacity:1;cursor:default}.library-edit{font-size:13px;padding:8px 4px}.library-edit:hover{color:var(--accent)}.storage-note{font-size:13px;line-height:1.9;align-items:flex-start}.status-dot{margin-top:9px;flex-shrink:0}.library-empty h3{font-size:20px}.library-empty p{font-size:15px}.editor-form label{font-size:15px}.editor-form input,.editor-form textarea,.editor-form select{font-size:15px;padding:13px 14px;line-height:1.6}.editor-form select{height:50px}.upload-drop{min-height:185px}.upload-drop strong{font-size:17px}.upload-drop span,.upload-drop small{font-size:13px}.optional{font-size:12px}.cover-upload input{font-size:13px}.editor-form .feature-choice{display:flex;align-items:flex-start;gap:12px;margin:4px 0 25px;background:#d4b0770a;border:1px solid #d4b07740;padding:17px 15px;cursor:pointer}.feature-choice input{appearance:auto;width:18px;height:18px;min-width:18px;accent-color:var(--accent);margin:3px 0 0;padding:0}.feature-choice>span{color:var(--paper)!important;font-size:15px;line-height:1.6}.feature-choice small{display:block;color:var(--muted);font-size:12px;line-height:1.8;margin-top:5px}.form-error{font-size:14px}.upload-progress>span{font-size:14px}.upload-progress small{font-size:13px}.player-details h2{font-size:32px;line-height:1.4}.player-details>span{font-size:15px;line-height:1.8}.player-details p{font-size:16px;line-height:1.9}.player-dialog .eyebrow{font-size:13px}.confirm-copy{font-size:16px;line-height:1.9}
@media(min-width:1700px){.hero.hero-showcase{padding-left:max(5.3%,calc((100vw - 1550px)/2));padding-right:max(5.3%,calc((100vw - 1550px)/2))}}
@media(max-width:1100px){.library-item{grid-template-columns:32px 92px minmax(0,1fr);gap:13px}.library-thumbnail{width:92px;height:59px}.library-actions{grid-column:3;justify-content:flex-start;max-width:none;margin-top:4px}.library-position{grid-row:span 2}.hero-intro{gap:40px}.hero-bio>p{font-size:20px}.feature-content{bottom:28px;left:28px;right:28px}.feature-play{flex-direction:column;align-items:center;gap:10px;font-size:12px}.feature-play-icon{width:54px;height:54px}.feature-title{font-size:clamp(32px,4.1vw,55px)}.editorial-grid{gap:38px 26px}.editorial-grid .work-card.shifted{margin-top:70px}.section-heading p{max-width:300px;font-size:15px}}
@media(max-width:700px){.site-header{height:80px;padding:0 6%}.brand-label{display:none}nav{font-size:14px;gap:24px}.manage-link{font-size:20px}.manage-link span{font-size:12px}.section-pad{padding:70px 6%}.hero.hero-showcase{padding:25px 6% 0}.hero-showcase .hero-topline{font-size:10px;letter-spacing:.8px}.hero-showcase .hero-topline>span:last-child{display:none}.hero-intro{grid-template-columns:1fr;gap:22px;margin:34px 0 28px}.hero-kicker{font-size:12px;letter-spacing:1px;margin-bottom:13px}.hero-intro h1{font-size:clamp(40px,9vw,60px);line-height:1.15}.hero-bio{justify-self:start;max-width:none;padding:0}.hero-bio>p{font-size:18px;line-height:1.6;margin-bottom:9px}.hero-bio>span{font-size:13px;line-height:1.8}.hero-browse{font-size:14px;margin-top:15px;gap:20px}.feature-screen{aspect-ratio:4/3;max-height:none}.feature-eyebrow{top:18px;left:18px;font-size:10px;letter-spacing:.8px;gap:10px}.feature-eyebrow>span{font-size:11px}.feature-content{left:18px;right:18px;bottom:21px;gap:12px}.feature-text{max-width:calc(100% - 60px)}.feature-title{font-size:clamp(25px,6.5vw,38px);line-height:1.25;letter-spacing:-.03em}.feature-category{font-size:12px;line-height:1.6;margin-bottom:8px}.feature-roles{font-size:12px;margin-top:9px;line-height:1.6}.feature-play{font-size:0;gap:0}.feature-play>span:last-child{display:none}.feature-play-icon{height:45px;width:45px;font-size:15px}.feature-manage{right:12px;top:45px;font-size:11px;padding:8px 10px}.hero-showcase .hero-foot{margin-top:20px;padding:18px 0;gap:14px;font-size:9px;letter-spacing:.3px}.hero-showcase .hero-coordinate{display:none}.hero-showcase .hero-foot>a{font-size:9px;line-height:1.7;text-align:right}.feature-empty{padding:74px 22px 30px;min-height:320px}.feature-empty .feature-eyebrow{top:23px;left:22px}.feature-empty h2{font-size:30px}.feature-empty p{font-size:14px}.section-eyebrow{font-size:11px;letter-spacing:.6px;margin-bottom:30px}.section-eyebrow>span:last-child{font-size:12px;letter-spacing:.5px}.section-heading{display:block;margin-bottom:32px}.section-heading h2{font-size:49px;line-height:1.15}.section-heading p{font-size:15px;max-width:none;margin:22px 0 0;line-height:1.9}.filters{gap:21px 24px}.filters button{font-size:14px;padding:10px 0}.filters span{font-size:11px;margin-left:7px}.work-toolbar{margin-bottom:26px}.editorial-grid{grid-template-columns:1fr;gap:30px}.editorial-grid .work-card.lead,.editorial-grid .work-card.large,.editorial-grid .work-card.small{grid-column:1}.editorial-grid .work-card.shifted{margin-top:0}.editorial-grid .work-card.lead .work-image{aspect-ratio:4/3}.editorial-grid .work-card.large .work-image{aspect-ratio:16/10}.editorial-grid .work-card.small .work-image{aspect-ratio:16/10}.editorial-grid .work-card.small{width:91%;justify-self:end}.editorial-grid .work-card.small .work-image{aspect-ratio:4/3}.work-index{top:15px;left:15px;font-size:10px;padding:6px 8px}.work-info{padding:18px 0;gap:14px}.work-info h3,.small .work-info h3{font-size:24px;line-height:1.35}.lead .work-info h3{font-size:30px}.work-category{font-size:12px;line-height:1.6;margin-bottom:7px}.work-roles{font-size:13px;line-height:1.7;margin-top:9px}.work-info .work-arrow{font-size:30px}.play-circle,.lead .play-circle{height:60px;width:60px;font-size:18px;opacity:1}.work-bottom,.text-link{font-size:13px;line-height:1.6}.empty-center>span{font-size:18px}.empty-center small{font-size:13px}.empty-center.quiet>span{font-size:14px}.slot-index,.slot-bottom{font-size:10px}.about-copy h2{font-size:48px}.about-description{font-size:16px;line-height:2}.capability h3{font-size:25px}.capability h3 span{font-size:11px}.capability p{font-size:14px}.cap-no{font-size:11px}.contact-main h2{font-size:53px}.contact-bottom{font-size:14px;line-height:1.9;gap:20px}.contact-bottom>p{max-width:260px}.email-link{font-size:15px}footer{height:auto;min-height:100px;gap:18px;flex-wrap:wrap;padding:24px 6%}footer>a:last-child,footer .admin-login{font-size:12px}footer>a[href="#top"]:last-of-type{font-size:10px}.dialog{padding:25px 20px}.dialog-header h2{font-size:29px}.eyebrow{font-size:11px}.manager-tabs{gap:22px}.manager-tabs button{font-size:15px}.manager-tabs span{font-size:12px}.library-heading{align-items:flex-start;gap:15px}.library-heading h3{font-size:20px;margin-bottom:9px}.library-heading p{font-size:13px;line-height:1.8}.library-heading .btn{font-size:13px;padding:11px 12px;min-height:42px}.featured-summary{flex-direction:column;align-items:flex-start;padding:13px;font-size:13px;gap:8px}.featured-summary>span:last-child,.featured-summary button{font-size:12px}.library-item{grid-template-columns:25px 70px minmax(0,1fr);gap:12px;padding:19px 0}.library-position{font-size:11px;grid-row:1;align-self:start;padding-top:4px}.drag-grip{font-size:20px}.library-thumbnail{height:48px;width:70px}.library-title strong{font-size:15px;line-height:1.6}.library-title>span{font-size:12px;margin-top:4px}.featured-badge{font-size:10px;margin:4px 0 0;display:inline-block}.library-actions{grid-column:2/4;gap:9px;margin-top:3px;justify-content:flex-start}.order-button{width:36px;height:38px;font-size:20px}.feature-button{min-height:38px;font-size:12px;padding:7px 9px}.library-edit{font-size:12px;padding:10px 2px}.storage-note{font-size:12px;line-height:1.9}.btn{font-size:14px;min-height:45px}.editor-form label{font-size:14px}.editor-form input,.editor-form textarea,.editor-form select{font-size:16px}.feature-choice>span{font-size:14px}.feature-choice small{font-size:12px}.upload-drop strong{font-size:16px;line-height:1.6}.upload-drop span,.upload-drop small{font-size:12px}.optional{font-size:12px}.cover-upload input{font-size:12px}.player-details h2{font-size:27px}.player-details>span{font-size:14px}.player-details p{font-size:15px}.player-dialog .eyebrow{font-size:12px}.toast{font-size:14px;padding:14px 17px}.library-empty h3{font-size:20px}.library-empty p{font-size:14px}.form-error{font-size:14px}}
.feature-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
@media(prefers-reduced-motion:reduce){.feature-video{transition:none}.hero-intro h1{animation:none}}
