:root{--background:#101414;--foreground:#f5f4ef;--card:#1b2020;--primary:#d9b887;--border:#ffffff24}
*{box-sizing:border-box}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}:focus-visible{outline:2px solid #e8c38a;outline-offset:5px}button:disabled{opacity:.25}.discovery{display:flex;min-height:100dvh}.brand-panel{width:280px;flex-shrink:0;padding:36px 30px 25px;border-right:1px solid var(--border);display:flex;flex-direction:column;background:#141a19}.brand{display:flex;gap:13px;align-items:center}.monogram{font-family:Georgia,serif;font-size:34px;letter-spacing:-4px}.monogram>span{color:var(--primary);letter-spacing:0}.brand-word{font-size:14px;letter-spacing:2px;font-weight:600}.brand-word small{display:block;font-size:12px;letter-spacing:5px;margin-top:7px;color:#a7afa9}.brand-story{padding-top:95px}.eyebrow{font-size:12px;letter-spacing:2px;color:#bbc2bb}.brand-story h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:49px;line-height:1.12;letter-spacing:-1.7px;margin:24px 0}.brand-story h1 em{font-weight:400;color:var(--primary)}.brand-story p{font-size:14px;line-height:1.8;color:#aeb6b0}.active-section{margin:37px -30px 0;padding:20px 30px;background:#202825;border-left:3px solid var(--primary);display:flex;align-items:center;gap:13px;font-size:15px}.section-number{margin-left:auto;font-size:12px;color:var(--primary)}.brand-bottom{margin-top:auto;padding-top:50px}.brand-bottom>span{font-size:12px;letter-spacing:1.2px;color:#b9c0bb}.brand-bottom p{font-size:14px;color:#aeb6b0;line-height:1.6;margin-bottom:28px}.brand-bottom a{display:flex;align-items:center;gap:9px;font-size:14px;color:#c5ccc7}.brand-bottom small{display:block;font-size:12px;margin-top:22px;color:#929c95}.main-stage{flex:1;min-width:0}.top-bar{height:95px;padding:0 42px;display:flex;align-items:center;gap:30px;border-bottom:1px solid var(--border)}.section-title{display:flex;gap:12px;align-items:center;font-size:16px}.small-line{width:20px;height:2px;background:var(--primary)}.top-note{margin-left:auto;color:#a2ada6;font-size:14px}.collection-label{font-size:12px;color:#d6bf9d;letter-spacing:1.5px;padding-left:26px;border-left:1px solid var(--border)}.mobile-brand{display:none}.stage-body{max-width:1390px;margin:auto;padding:25px 42px 10px}.viewer-header{display:flex;justify-content:space-between;padding-right:74px;margin-bottom:16px;color:#aab4ad;font-size:13px;letter-spacing:1px}.viewer-header>span:first-child{font-size:14px;color:#e1e4df;letter-spacing:0}.player-layout{display:flex;gap:22px;position:relative}.feed{height:calc(100dvh - 205px);min-height:480px;max-height:1000px;flex:1;min-width:0;overflow-y:auto;scroll-snap-type:y mandatory;scrollbar-width:none;border-radius:4px;background:#030605}.feed::-webkit-scrollbar{display:none}.clip{height:100%;width:100%;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:hidden;background:#050807}.clip video{width:100%;height:100%;object-fit:contain}.cover{width:100%;height:100%;object-fit:cover;object-position:center}.video-shade{position:absolute;inset:0;background:linear-gradient(180deg,#0003 0%,transparent 40%,#0003 60%,#000c 100%);pointer-events:none}.clip-top{position:absolute;left:30px;right:25px;top:25px;display:flex;justify-content:space-between;align-items:center}.video-tag{font-size:12px;letter-spacing:1.5px;padding:10px 13px;background:#10252365;border:1px solid #ffffff55;backdrop-filter:blur(10px)}.circle-control{width:48px!important;height:48px!important;border-radius:50%!important;color:white!important;background:#ffffff09!important;border:1px solid #ffffff26!important}.clip-top .circle-control{background:#0005!important}.clip-caption{position:absolute;bottom:62px;left:35px;right:32px;pointer-events:none}.demo-clip .clip-caption{bottom:35px}.location{display:flex;gap:7px;align-items:center;font-size:14px;margin:0 0 13px;color:#fff}.clip-caption h2{font-family:Georgia,serif;font-size:clamp(28px,3.3vw,54px);font-weight:400;line-height:1.1;letter-spacing:-1.3px;margin:0 0 16px;max-width:640px;text-shadow:0 1px 12px #0005}.caption-description{font-size:15px;color:#e0e7df;line-height:1.6;margin:0;max-width:650px}.demo-note{display:block;max-width:500px;margin-top:20px;font-size:12px;color:#d3dbd2;line-height:1.6}.side-controls{width:48px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;gap:25px;padding-top:45px}.nav-controls{display:flex;flex-direction:column;gap:12px}.vertical-text{writing-mode:vertical-rl;font-size:12px;letter-spacing:2px;color:#8f9d94;margin-top:15px}.viewer-footer{display:flex;align-items:center;justify-content:space-between;padding-right:72px;height:52px;font-size:13px;color:#adb8af}.footer-brand{font-size:12px;letter-spacing:1.4px}.footer-brand span{color:var(--primary)}.playback{position:absolute;bottom:10px;left:23px;right:23px;display:flex;align-items:center;gap:15px}.playback>span{font-size:12px;letter-spacing:1px;white-space:nowrap}.seek{flex:1;min-width:0;accent-color:#dfc290;cursor:pointer;height:18px}.big-play{position:absolute!important;top:45%;left:50%;transform:translate(-50%,-50%);border:1px solid #fff6!important;border-radius:50%!important;background:#0005!important;color:white!important;width:68px!important;height:68px!important;backdrop-filter:blur(10px)}.play-error{position:absolute;top:35%;left:10%;right:10%;padding:24px;background:#111e;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}.toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:#f1e9dd;color:#111;padding:16px 20px;display:flex;gap:20px;align-items:center;border-radius:8px;z-index:20;max-width:90vw}.feed-error{padding:14px;background:#392824;border:1px solid #95664e;margin-bottom:18px;font-size:14px;display:flex;align-items:center;justify-content:space-between;gap:10px}.admin-shell{max-width:1000px;margin:0 auto;padding:35px 25px 80px}.admin-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border);padding-bottom:24px;margin-bottom:45px}.admin-top a{color:var(--primary)}.admin-shell h1{font-family:Georgia,serif;font-size:42px;margin:12px 0 20px;font-weight:400}.admin-shell p{color:#bbc3bb;line-height:1.7}.admin-form{display:grid;gap:20px;padding:28px;background:var(--card);border:1px solid var(--border);border-radius:10px;margin-top:30px}.field{display:flex;flex-direction:column;gap:8px;font-size:14px}.field input,.field textarea{font-size:16px!important}.field small{color:#a9b7ac;font-size:13px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.admin-message{padding:18px;border:1px solid var(--border);background:#26332b;margin-top:20px;border-radius:8px}.admin-message.error{background:#382323}.admin-list{display:grid;gap:12px;margin-top:24px}.admin-card{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px;background:var(--card);border:1px solid var(--border);border-radius:8px}.admin-card h3{font-size:18px;margin:0 0 7px}.admin-card p{font-size:14px;margin:0}.card-actions{display:flex;gap:10px;align-items:center}.admin-shell h2{font-size:24px;margin-top:45px}.admin-lock{padding:28px;background:var(--card);border:1px solid var(--border);border-radius:8px;max-width:680px}.admin-lock a{display:inline-block;color:var(--primary);margin-top:14px}.upload-status{font-size:14px;color:var(--primary)}
@media(min-width:1600px){.brand-panel{width:320px;padding-left:40px;padding-right:40px}.active-section{margin-left:-40px;margin-right:-40px;padding-left:40px;padding-right:40px}.brand-story h1{font-size:58px}}
@media(max-width:1150px){.brand-panel{width:235px;padding-left:22px;padding-right:22px}.active-section{margin-left:-22px;margin-right:-22px;padding-left:22px;padding-right:22px}.brand-word{font-size:12px;letter-spacing:1px}.brand-story h1{font-size:43px}.brand-story{padding-top:65px}.stage-body{padding-left:25px;padding-right:25px}.top-bar{padding:0 25px}.collection-label{display:none}.clip-caption{left:25px;right:25px}.clip-top{left:25px}}
@media(max-width:760px){.brand-panel{display:none}.discovery{height:100dvh;min-height:0}.top-bar{height:66px;padding:0 19px;justify-content:space-between;gap:12px}.mobile-brand{display:block;letter-spacing:1.3px;font-size:13px;font-weight:600}.mobile-brand small{font-size:12px;margin-left:5px;color:var(--primary);letter-spacing:2px}.top-note{display:none}.section-title{font-size:14px}.small-line{display:none}.stage-body{padding:0;height:calc(100dvh - 66px)}.viewer-header{display:none}.player-layout{height:100%;display:block}.feed{height:100%;min-height:0;max-height:none;border-radius:0}.clip-caption{left:22px;right:76px;bottom:78px}.demo-clip .clip-caption{bottom:34px}.clip-caption h2{font-size:37px;letter-spacing:-1px}.clip-top{top:20px;left:20px;right:20px}.cover{object-position:52% center}.caption-description{font-size:14px}.video-tag{font-size:12px}.demo-note{font-size:12px;line-height:1.6}.side-controls{position:absolute;right:15px;bottom:160px;gap:18px;padding:0}.side-controls .circle-control{background:#0005!important;backdrop-filter:blur(8px);width:43px!important;height:43px!important}.vertical-text{display:none}.nav-controls{gap:10px}.viewer-footer{display:none}.feed-error{position:fixed;bottom:0;left:0;right:0;z-index:15;margin:0}.playback{bottom:22px;left:16px;right:18px}.toast{bottom:25px;width:max-content;font-size:14px}.form-grid{grid-template-columns:1fr}.admin-card{align-items:flex-start;flex-direction:column}.card-actions{flex-wrap:wrap}.admin-form{padding:20px}.admin-shell h1{font-size:34px}.admin-top{font-size:14px}.video-shade{background:linear-gradient(180deg,#0004,transparent 30%,#0003 55%,#000d)}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

@media(max-width:400px){.mobile-brand small{display:none}.top-bar{padding:0 16px}.clip-caption h2{font-size:32px}}

.login-form{display:grid;gap:20px;margin-top:25px}.password-field{display:flex;gap:8px}.password-field input{flex:1;min-width:0}.admin-lock{margin-top:28px}

input,textarea{width:100%;min-height:42px;padding:10px 12px;border:1px solid #ffffff38;border-radius:6px;background:#111b17;color:#f3f3ee}textarea{min-height:90px}input[type=file]{font-size:14px}button{font:inherit}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:var(--primary);color:#111;border:0;border-radius:6px;padding:11px 17px;font-size:14px;cursor:pointer}.button.secondary{background:#ffffff0d;color:white;border:1px solid #ffffff30}.login-form{display:grid;gap:20px;margin-top:22px}.password-field{display:flex;gap:8px}.icon{width:20px;height:20px;display:inline-block;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.circle-control{display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.seek{padding:0;min-height:18px;border:0}.playback button{color:white;background:none;border:0}.big-play{display:flex;justify-content:center;align-items:center}.clip video{display:block}.notice{padding:14px;background:#3b2525;border:1px solid #a86651;margin-top:20px}.form-actions{display:flex;gap:10px;flex-wrap:wrap}.upload-status{min-height:20px}.clip-caption{overflow-wrap:anywhere}.admin-card input{max-width:100px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}.admin-lock{max-width:700px}a.button{margin-top:0}.progress{width:100%;height:10px;accent-color:var(--primary)}