:root{--navy:#153054;--red:#ef5138;--yellow:#ffe267;--cream:#fffaf0;--blue:#d9ecff;--ink:#153054;--muted:#64748a;--line:#d6dce4}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--cream);color:var(--ink);-webkit-font-smoothing:antialiased;font:15px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea,select{font:inherit;color:inherit}button{cursor:pointer}.brand{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}.brand i{color:var(--red);font-size:29px;font-style:normal;line-height:1;transform:rotate(-22deg)}.brand b{letter-spacing:-.04em;font-size:21px}.eyebrow{color:var(--red);letter-spacing:.12em;text-transform:uppercase;margin:0;font:800 10px/1.4 ui-monospace,monospace}.primary{border:2px solid var(--navy);background:var(--yellow);box-shadow:3px 3px var(--navy);border-radius:4px;padding:12px 15px;font-weight:850}.primary:disabled{opacity:.45}.error{color:#a03528;background:#fff0ed;border:1px solid #e5a39b;border-radius:6px;margin:12px 0;padding:10px 12px}.muted{color:var(--muted)}.center{text-align:center;place-content:center;gap:20px;min-height:100vh;padding:25px;display:grid}.auth-page{background:radial-gradient(circle at 85% 10%,var(--yellow),transparent 30%),var(--cream);place-items:center;min-height:100vh;padding:20px;display:grid}.auth-card{border:2px solid var(--navy);width:min(480px,100%);box-shadow:8px 8px var(--navy);background:#fff;padding:clamp(27px,6vw,48px)}.auth-card .eyebrow{margin-top:42px}.auth-card h1{letter-spacing:-.065em;margin:10px 0 15px;font-size:clamp(40px,8vw,60px);line-height:.88}.auth-card>p:not(.eyebrow){color:var(--muted)}.auth-card label,.share-form label{margin:22px 0 7px;font-size:12px;font-weight:800;display:block}.auth-card input,.share-form select,.created input{border:2px solid var(--navy);background:#fff;width:100%;margin-top:6px;padding:13px}.auth-card>button{width:100%;margin-top:13px}.auth-card .google{border:1px solid var(--line);background:#fff;padding:12px;font-weight:800}.auth-card .otp{text-align:center;letter-spacing:.25em;font:800 30px ui-monospace,monospace}.or{color:#98a2b0;text-transform:uppercase;align-items:center;gap:10px;margin:18px 0 3px;font-size:10px;display:flex}.or:before,.or:after{content:"";background:var(--line);flex:1;height:1px}.library>header,.gallery-head{background:#fff;border-bottom:1px solid #15305422;align-items:center;gap:16px;height:72px;padding:0 max(4vw,20px);display:flex}.library>header>div,.gallery-head>div{display:grid}.library>header small,.gallery-head small{color:var(--muted);font-size:10px}.library>header>button,.gallery-head>button{color:var(--muted);background:0 0;border:0;margin-left:auto}.library>section{width:min(950px,100% - 36px);margin:0 auto;padding:80px 0}.library h1,.intro h1,.film h1,.people h1,.sharing h2,.profile h2{letter-spacing:-.07em;margin:9px 0;font-size:clamp(45px,7vw,83px);line-height:.88}.library>section>p:not(.eyebrow),.intro>p:not(.eyebrow){color:var(--muted);font-size:17px}.gallery-list{gap:10px;margin-top:40px;display:grid}.gallery-list button{border:2px solid var(--navy);text-align:left;box-shadow:4px 4px var(--navy);background:#fff;grid-template-columns:52px 1fr auto;align-items:center;gap:14px;padding:16px;display:grid}.gallery-list button>span{background:var(--yellow);border-radius:50%;place-items:center;width:48px;height:48px;display:grid}.gallery-list b,.gallery-list small{display:block}.gallery-list small{color:var(--muted)}.gallery-list i{font-style:normal;font-weight:800}.gallery{min-height:100vh}.gallery>nav{z-index:10;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fffef9ee;justify-content:center;gap:4px;height:54px;display:flex;position:sticky;top:0}.gallery>nav button{color:var(--muted);background:0 0;border:0;border-bottom:3px solid #0000;padding:0 14px;font-size:11px;font-weight:800}.gallery>nav button.on{border-color:var(--red);color:var(--navy)}.gallery-body,.film,.people,.sharing,.profile{width:min(1050px,100% - 36px);margin:0 auto;padding:70px 0 100px}.intro{max-width:680px}.clips{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:45px;display:grid}.clips article{border:2px solid var(--navy);box-shadow:4px 4px var(--navy);background:#fff;overflow:hidden}.clip-open{aspect-ratio:16/10;color:#fff;background:linear-gradient(145deg,#183458,#071426);border:0;place-items:center;width:100%;display:grid;position:relative}.clip-open>span{background:var(--yellow);width:58px;height:58px;color:var(--navy);border-radius:50%;place-items:center;font-size:18px;display:grid}.clip-open small{position:absolute;bottom:8px;right:10px}.clips article>div{padding:17px}.clips h2{letter-spacing:-.035em;margin:0;font-size:20px;line-height:1.05}.clips p{min-height:44px;color:var(--muted)}.clips footer{align-items:center;min-height:30px;display:flex}.clips footer b{color:var(--red);font-size:10px}.clips footer button{background:0 0;border:0;margin-left:auto;font-weight:800}.player{aspect-ratio:16/9;color:#9aacbf;background:#07101b;place-items:center;display:grid}.player iframe{border:0;width:100%;height:100%}.film{max-width:1100px}.film>.player{border:8px solid var(--navy);box-shadow:8px 8px var(--navy);margin-top:35px}.chapters{border-top:1px solid var(--line);grid-template-columns:repeat(2,1fr);margin-top:30px;display:grid}.chapters>div{border-bottom:1px solid var(--line);padding:15px 5px}.chapters b,.chapters small{display:block}.chapters small{color:var(--muted)}.people>div{grid-template-columns:repeat(4,1fr);gap:13px;margin-top:35px;display:grid}.people article{border:2px solid var(--navy);background:#fff;padding:18px;display:grid}.people article>span{background:var(--blue);border-radius:50%;place-items:center;width:60px;height:60px;margin-bottom:13px;font-size:27px;display:grid}.people small{color:var(--muted)}.detail{z-index:50;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.detail-backdrop{background:#071426cc;border:0;position:absolute;inset:0}.detail article{background:#fff;width:min(850px,100%);max-height:95vh;position:relative;overflow:auto}.detail article>header{padding:13px 16px;display:flex}.detail article>header button{background:0 0;border:0;margin-left:auto;font-size:22px}.detail-copy{padding:22px}.detail-copy h2{margin:0;font-size:32px}.detail-copy p{color:var(--muted)}.detail-copy input,.detail-copy textarea{border:1px solid var(--line);width:100%;margin-bottom:8px;padding:10px}.detail-copy textarea{min-height:90px}.actions{flex-wrap:wrap;gap:7px;margin-top:18px;display:flex}.actions button,.profile>button{border:1px solid var(--navy);background:#fff;padding:8px 10px;font-size:11px;font-weight:750}.sharing,.profile{max-width:780px}.share-form{border:2px solid var(--navy);background:#fff;grid-template-columns:1fr 1fr;gap:10px;margin:35px 0;padding:20px;display:grid}.share-form label{margin:0}.share-form .check{grid-column:1/-1;align-items:center;gap:8px;display:flex}.share-form .check input{width:auto}.share-form>button{grid-column:1/-1}.created{background:var(--blue);padding:14px}.access-row{border-bottom:1px solid var(--line);align-items:center;padding:13px 0;display:flex}.access-row b,.access-row small{display:block}.access-row small{color:var(--muted)}.access-row button{color:var(--red);background:0 0;border:0;margin-left:auto}.sharing h3{margin-top:35px}.profile-card{border:2px solid var(--navy);background:#fff;margin:28px 0;padding:20px}@media (width<=720px){.library>header .brand b,.gallery-head .brand b{display:none}.library>section,.gallery-body,.film,.people,.sharing,.profile{padding-top:45px}.clips{grid-template-columns:1fr}.people>div{grid-template-columns:repeat(2,1fr)}.chapters{grid-template-columns:1fr}.gallery>nav{justify-content:flex-start;overflow-x:auto}.gallery>nav button{flex:none}.share-form{grid-template-columns:1fr}.share-form>*{grid-column:1!important}.actions button{flex:1}.gallery-list button{grid-template-columns:45px 1fr}.gallery-list button i{display:none}}