:root{--bg:#050505;--text:#f0f0f0;--text-dim:#555;--text-mid:#999;--accent:#fff;--border:#ffffff14}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;width:100%;max-width:100%;font-family:Plus Jakarta Sans,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}h1,h2,h3,h4,h5,h6,button,input,textarea,select{font-family:Plus Jakarta Sans,sans-serif}.mono{font-family:JetBrains Mono,monospace}::-webkit-scrollbar{width:4px}::-webkit-scrollbar-track{background:var(--bg)}::-webkit-scrollbar-thumb{background:#222}.app{width:100%;max-width:100%;min-height:100vh;position:relative;overflow-x:hidden}.film-grain-global{pointer-events:none;z-index:10000;opacity:.038;background-image:var(--noise-pattern);will-change:opacity;background-repeat:repeat;width:100%;height:100%;position:fixed;inset:0;transform:translateZ(0)}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.landing{z-index:100;will-change:opacity;-webkit-user-select:none;user-select:none;background:#030303;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:100%;height:100dvh;display:flex;position:fixed;top:0;left:0;overflow:hidden;transform:translateZ(0)}.landing.is-open{opacity:0;pointer-events:none;transition:opacity .65s cubic-bezier(.4,0,.2,1) .8s}.landing.is-open .lens-assembly{animation:1.35s cubic-bezier(.65,0,.15,1) .15s forwards zoomIntoLens}@keyframes zoomIntoLens{0%{opacity:1;transform:scale(1)}20%{opacity:1;transform:scale(1.15)}60%{opacity:1;transform:scale(3.8)}90%{opacity:.5}to{opacity:0;transform:scale(14)}}.landing.is-open .vf-frame,.landing.is-open .exposure-bar,.landing.is-open .camera-studio-silhouette-wrap,.landing.is-open .brand-section,.landing.is-open .shutter-btn,.landing.is-open .exposure-meter,.landing.is-open .interactive-pro-hint,.landing.is-open .bottom-bar,.landing.is-open .fstop-dial-ring,.landing.is-open .focus-indicator{pointer-events:none;transition:opacity .3s,transform .35s;transform:scale(.9)translateY(20px);opacity:0!important}.landing.is-open .ambient-glow{opacity:0;transition:opacity .6s,transform .8s;transform:scale(2.2)}.landing.is-open .landing-backdrop{opacity:0;transition:opacity .65s,transform .85s;transform:scale(1.12)}.landing-backdrop{pointer-events:none;z-index:0;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.landing-backdrop-img{object-fit:cover;object-position:center 35%;filter:brightness(.24)contrast(1.18)saturate(.85);opacity:.42;will-change:transform;width:100%;height:100%;animation:32s ease-in-out infinite alternate landingBackdropPan;transform:scale(1.04)}@keyframes landingBackdropPan{0%{transform:scale(1.04)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.landing-backdrop-gradient{background:radial-gradient(circle,#030303f0 0%,#030303d1 32%,#03030373 65%,#030303bf 100%),linear-gradient(#030303e6 0%,#0303031a 25%,#03030333 75%,#030303eb 100%);position:absolute;inset:0}.landing-backdrop-vignette{position:absolute;inset:0;box-shadow:inset 0 0 160px #000000eb}.landing-ambient-orb{filter:blur(120px);pointer-events:none;opacity:.22;will-change:transform;z-index:1;border-radius:50%;position:absolute}.landing-ambient-orb.orb-amber{background:radial-gradient(circle,#f39c12,#0000 70%);width:460px;height:460px;animation:24s ease-in-out infinite alternate orbFloatAmber;top:12%;right:-6%}.landing-ambient-orb.orb-cyan{background:radial-gradient(circle,#3498db,#0000 70%);width:500px;height:500px;animation:28s ease-in-out infinite alternate orbFloatCyan;bottom:8%;left:-8%}@keyframes orbFloatAmber{0%{transform:translate(0,0)scale(1)}to{transform:translate(-60px,40px)scale(1.15)}}@keyframes orbFloatCyan{0%{transform:translate(0,0)scale(1)}to{transform:translate(70px,-50px)scale(1.2)}}.ambient-glow{pointer-events:none;background:radial-gradient(circle,#ffa5000a 0%,#ffffff05 40%,#0000 70%);border-radius:50%;width:70vmin;height:70vmin;position:absolute;transform:translateZ(0)}.vf-frame{inset:max(env(safe-area-inset-top,0px) + 12px, 18px) max(env(safe-area-inset-right,0px) + 12px, 18px) max(env(safe-area-inset-bottom,0px) + 12px, 18px) max(env(safe-area-inset-left,0px) + 12px, 18px);pointer-events:none;z-index:5;position:absolute}.vf-corner{pointer-events:none;border:0 solid #ffffff38;width:24px;height:24px;position:absolute}.vf-corner.tl{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.vf-corner.tr{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.vf-corner.bl{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.vf-corner.br{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.vf-crosshair{pointer-events:none;background:#ffffff1f;position:absolute}.vf-crosshair.ch-left{width:14px;height:1px;top:50%;left:0}.vf-crosshair.ch-right{width:14px;height:1px;top:50%;right:0}.vf-crosshair.ch-top{width:1px;height:14px;top:0;left:50%}.vf-crosshair.ch-bottom{width:1px;height:14px;bottom:0;left:50%}.exposure-bar{top:max(env(safe-area-inset-top,0px) + 18px, 22px);left:max(env(safe-area-inset-left,0px) + 26px, 30px);right:max(env(safe-area-inset-right,0px) + 26px, 30px);color:var(--text-dim,#777);letter-spacing:1.5px;z-index:20;justify-content:space-between;align-items:center;font-size:.72rem;animation:.8s cubic-bezier(.16,1,.3,1) .1s both fadeInDown;display:flex;position:absolute}.cam-telemetry-left{flex-direction:column;gap:.25rem;display:flex}.cam-mode-row{align-items:center;gap:.5rem;display:flex}.cam-mode-tag{color:#f39c12;letter-spacing:2px;font-size:.72rem;font-weight:700}.rec-dot-small{color:#e74c3c;font-size:.55rem;animation:1.8s infinite blinkRec}.cam-specs-row{flex-wrap:wrap;align-items:center;gap:.65rem;font-size:.68rem;display:flex}.cam-spec-item{color:#ffffffbf}.active-fstop-text{color:#fff;font-weight:600}.raw-badge{letter-spacing:1px;color:#ffffffd9;background:#ffffff14;border:1px solid #ffffff2e;border-radius:3px;padding:.1rem .4rem;font-size:.58rem}.exp-dot{opacity:.3}.sound-toggle-btn{color:#fffc;letter-spacing:1px;cursor:pointer;white-space:nowrap;box-sizing:border-box;-webkit-tap-highlight-color:transparent;background:#ffffff0d;border:1px solid #ffffff26;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;gap:.45rem;height:32px;padding:0 12px;font-size:.65rem;font-weight:500;transition:all .2s;display:inline-flex}.sound-toggle-btn:hover{color:#fff;background:#ffffff1f;border-color:#ffffff59;transform:translateY(-1px)}.sound-toggle-btn:active{transform:scale(.96)}.sound-btn-text{white-space:nowrap}.camera-studio-silhouette-wrap{z-index:2;pointer-events:none;justify-content:center;align-items:flex-end;width:min(94vw,1200px);max-width:1300px;display:flex;position:absolute;bottom:calc(min(94vw,1200px)/-3.33333);left:50%;transform:translate(-50%);-webkit-mask-image:radial-gradient(95% 80% at 50% 100%,#000 35%,#0000 84%);mask-image:radial-gradient(95% 80% at 50% 100%,#000 35%,#0000 84%)}.camera-studio-silhouette{filter:contrast(1.18)brightness(.96);opacity:.82;will-change:transform;width:100%;transition:opacity .4s;position:relative}.camera-silhouette-img{object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 -8px 25px #f39c1229);width:100%;height:auto;display:block}.camera-studio-sheen{pointer-events:none;mix-blend-mode:screen;will-change:background;transition:background 80ms ease-out;position:absolute;inset:0}.lens-assembly{will-change:transform;z-index:10;cursor:grab;border-radius:50%;justify-content:center;align-items:center;width:40vmin;min-width:250px;max-width:350px;height:40vmin;min-height:250px;max-height:350px;display:flex;position:relative;box-shadow:0 0 60px #000000f2,inset 0 0 40px #000000d9}.lens-assembly.is-hovered{box-shadow:0 0 80px #000000fa,0 0 40px #f39c121a}.lens-portal-glow{opacity:0;pointer-events:none;background:radial-gradient(circle,#fffffff2 0%,#f39c1266 30%,#c8e1ff26 60%,#0000 80%);border-radius:50%;width:24vmin;height:24vmin;transition:opacity .5s .15s,transform .8s cubic-bezier(.16,1,.3,1) .15s;position:absolute;transform:scale(.2)}.landing.is-open .lens-portal-glow{opacity:1;transform:scale(3.5)}.lens-ring{pointer-events:none;border-radius:50%;position:absolute}.ring-1{border:1px solid #ffffff14;width:103%;height:103%}.ring-2{border:1px dashed #ffffff0d;width:110%;height:110%}.ring-3{border:1px solid #ffffff08;width:118%;height:118%}.ring-metallic-bevel{pointer-events:none;background:radial-gradient(circle,#0000 62%,#ffffff08 72%,#000000e6 100%);border-radius:50%;width:100%;height:100%;box-shadow:inset 0 2px 4px #ffffff1f,inset 0 -3px 6px #000000d9}.lens-sensor-core{pointer-events:none;z-index:1;background:#000;border-radius:50%;justify-content:center;align-items:center;width:44%;height:44%;display:flex;position:absolute;overflow:hidden;box-shadow:inset 0 0 25px #000000e6}.sensor-image-wrap{will-change:filter, transform;width:130%;height:130%;transition:filter .4s,transform .4s;position:absolute;inset:-15%}.sensor-image{object-fit:cover;object-position:center;width:100%;height:100%;transform:translateZ(0)}.sensor-film-grain{pointer-events:none;background:radial-gradient(circle,#0000 40%,#000000b3 100%);position:absolute;inset:0}.sensor-vignette{border-radius:50%;position:absolute;inset:0;box-shadow:inset 0 0 35px #000000f2}.lens-coating-glare{mix-blend-mode:screen;pointer-events:none;will-change:transform;background:linear-gradient(135deg,#8e44ad38 0%,#3498db26 30%,#0000 55%,#2ecc7114 80%,#f39c121f 100%);border-radius:50%;width:180%;height:180%;transition:transform .2s cubic-bezier(.16,1,.3,1);position:absolute;inset:-40%}.fstop-dial-ring{z-index:5;border-radius:50%;width:100%;height:100%;position:absolute}.fstop-dial-btn{cursor:pointer;color:#ffffff47;letter-spacing:.5px;background:0 0;border:none;flex-direction:column;justify-content:center;align-items:center;width:28px;height:28px;margin-top:-14px;margin-left:-14px;padding:0;font-size:.62rem;transition:all .2s;display:flex;position:absolute;top:50%;left:50%}.fstop-dial-btn:hover{color:#fff;transform-origin:50%;filter:drop-shadow(0 0 4px #ffffff80)}.fstop-dial-btn.active{color:#f39c12;text-shadow:0 0 10px #f39c1299;font-weight:700}.fstop-pip{background:#f39c12;border-radius:50%;width:4px;height:4px;margin-top:2px;display:block;box-shadow:0 0 6px #f39c12}.aperture-svg{pointer-events:none;z-index:2;width:88%;height:88%;position:absolute;overflow:visible}.aperture-blade-wrap{transform-box:view-box;transform-origin:0 -48px;will-change:transform;backface-visibility:hidden}.aperture-blade{backface-visibility:hidden;filter:drop-shadow(0 2px 4px #000000b3)}.focus-indicator{opacity:0;pointer-events:none;z-index:4;width:17vmin;height:17vmin;transition:opacity .3s;position:absolute}.focus-indicator.locked{opacity:1}.focus-bracket{border:0 solid #f39c1299;width:14px;height:14px;transition:border-color .3s;position:absolute}.focus-bracket.top-l{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.focus-bracket.top-r{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.focus-bracket.bot-l{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.focus-bracket.bot-r{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.focus-center-cross{width:16px;height:16px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.cross-h{background:#f39c1280;width:100%;height:1px;position:absolute;top:50%;left:0}.cross-v{background:#f39c1280;width:1px;height:100%;position:absolute;top:0;left:50%}.focus-distance-badge{color:#f39c12bf;letter-spacing:1px;white-space:nowrap;font-size:.55rem;position:absolute;bottom:-22px;left:50%;transform:translate(-50%)}.brand-section{text-align:center;z-index:10;margin-top:1.8vh;animation:.8s cubic-bezier(.16,1,.3,1) .3s both fadeInUp}.brand-name{letter-spacing:.18em;color:#fff;text-transform:uppercase;margin:0 0 .4rem;font-size:clamp(1.6rem,3.8vw,2.8rem);font-weight:500}.brand-tagline{color:#ffffffb3;letter-spacing:2px;text-transform:uppercase;justify-content:center;align-items:center;gap:.5rem;margin:0 0 .5rem;font-size:.76rem;display:flex}.inline-icon{color:#f39c12}.fstop-info-pill{letter-spacing:1px;background:#ffffff0a;border:1px solid #ffffff14;border-radius:20px;align-items:center;gap:.6rem;padding:.3rem .85rem;font-size:.68rem;display:inline-flex}.fstop-pill-tag{color:#f39c12;font-weight:700}.fstop-pill-desc{color:#fff9}.exposure-meter{color:#ffffff4d;z-index:10;background:#ffffff05;border:1px solid #ffffff0f;border-radius:4px;align-items:center;gap:.65rem;margin-top:1.3vh;padding:.32rem 1.3rem;font-size:.62rem;animation:.8s cubic-bezier(.16,1,.3,1) .4s both fadeInUp;display:flex;position:relative}.meter-pip{opacity:.3}.meter-zero{color:#ffffffb3;font-weight:700}.meter-needle{background:#f39c12;border-radius:1px;width:6px;height:4px;transition:left .15s ease-out;position:absolute;bottom:2px;transform:translate(-50%);box-shadow:0 0 5px #f39c12}.shutter-btn{cursor:pointer;z-index:10;background:0 0;border:none;flex-direction:column;align-items:center;gap:.55rem;margin-top:1.5vh;transition:transform .25s cubic-bezier(.16,1,.3,1);animation:.8s cubic-bezier(.16,1,.3,1) .5s both fadeInUp;display:flex}.shutter-btn:hover{transform:scale(1.06)}.shutter-btn:active{transform:scale(.94)}.shutter-outer{aspect-ratio:1;box-sizing:border-box;border:2px solid #fff6;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:56px;min-width:56px;max-width:56px;height:56px;min-height:56px;max-height:56px;transition:border-color .25s,box-shadow .25s;display:flex;position:relative}.shutter-btn:hover .shutter-outer{border-color:#f39c12;box-shadow:0 0 20px #f39c1259}.shutter-inner{aspect-ratio:1;box-sizing:border-box;background:#fff;border-radius:50%;flex-shrink:0;width:40px;min-width:40px;max-width:40px;height:40px;min-height:40px;max-height:40px;transition:transform .2s,background .2s;box-shadow:0 0 16px #ffffff73}.shutter-btn:hover .shutter-inner{background:#fdfefe;transform:scale(1.08)}.shutter-pulse-ring{aspect-ratio:1;box-sizing:border-box;opacity:0;pointer-events:none;border:1.5px solid #f39c1273;border-radius:50%;flex-shrink:0;width:calc(100% + 12px);height:calc(100% + 12px);animation:2.4s ease-out infinite pulseRing;position:absolute;inset:-6px}@keyframes pulseRing{0%{opacity:.8;transform:scale(.9)}to{opacity:0;transform:scale(1.4)}}.shutter-label{color:#fff9;letter-spacing:3px;font-size:.65rem;font-weight:500;transition:color .2s}.shutter-btn:hover .shutter-label{color:#fff}.interactive-pro-hint{color:#ffffff52;letter-spacing:1.5px;z-index:10;align-items:center;gap:.45rem;margin-top:1.2vh;font-size:.6rem;animation:.8s cubic-bezier(.16,1,.3,1) .6s both fadeInUp;display:flex}.hint-icon{color:#f39c12}.bottom-bar{bottom:max(env(safe-area-inset-bottom,0px) + 16px, 20px);color:#ffffff4d;letter-spacing:2px;z-index:10;align-items:center;gap:2.2rem;font-size:.65rem;animation:.8s cubic-bezier(.16,1,.3,1) .7s both fadeInUp;display:flex;position:absolute}.bar-tag{color:#ffffff73}.rec-dot{color:#e74c3c;animation:1.8s infinite blinkRec}@keyframes blinkRec{0%,to{opacity:1}50%{opacity:.15}}.flash-overlay{opacity:0;pointer-events:none;z-index:999;will-change:opacity;background:#fff;position:fixed;inset:0;transform:translateZ(0)}.flash-overlay.active{animation:.38s ease-out forwards flashBurst}@keyframes flashBurst{0%{opacity:0}15%{opacity:.95}to{opacity:0}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-18px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translate(0,0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.88)}to{opacity:1;transform:scale(1)}}@media (height<=800px){.camera-studio-silhouette-wrap{width:min(94vw,1100px);bottom:calc(min(94vw,1100px)/-3.22581);transform:translate(-50%)}.lens-assembly{width:35vmin;min-width:210px;height:35vmin;min-height:210px}.brand-section{margin-top:1.1vh}.brand-name{margin-bottom:.2rem;font-size:1.45rem}.exposure-meter{margin-top:.8vh}.shutter-btn{margin-top:1vh}.shutter-outer{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}.shutter-inner{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.bottom-bar{bottom:max(env(safe-area-inset-bottom,0px) + 12px, 16px)}}@media (width<=600px){.vf-frame{inset:max(env(safe-area-inset-top,0px) + 8px, 12px) max(env(safe-area-inset-right,0px) + 8px, 12px) max(env(safe-area-inset-bottom,0px) + 8px, 12px) max(env(safe-area-inset-left,0px) + 8px, 12px)}.vf-corner{width:16px;height:16px}.vf-crosshair{display:none}.exposure-bar{top:max(env(safe-area-inset-top,0px) + 12px, 16px);left:max(env(safe-area-inset-left,0px) + 16px, 18px);right:max(env(safe-area-inset-right,0px) + 16px, 18px)}.cam-mode-tag{letter-spacing:1.5px;font-size:.65rem}.cam-specs-row{gap:.45rem;font-size:.62rem}.sound-toggle-btn{height:28px;padding:0 9px;font-size:.6rem}.camera-studio-silhouette-wrap{width:145vw;max-width:580px;bottom:-14vh;transform:translate(-50%)}.lens-assembly{width:52vmin;min-width:210px;max-width:260px;height:52vmin;min-height:210px;max-height:260px}.fstop-dial-btn{width:26px;min-width:26px;max-width:26px;height:26px;min-height:26px;max-height:26px;margin-top:-13px;margin-left:-13px;font-size:.58rem}.brand-section{margin-top:1.2vh}.brand-name{letter-spacing:.15em;font-size:clamp(1.3rem,5.5vw,1.65rem)}.brand-tagline{letter-spacing:1px;font-size:.68rem}.fstop-info-pill{padding:.25rem .7rem;font-size:.62rem}.exposure-meter{margin-top:.9vh;padding:.28rem .9rem;font-size:.58rem}.interactive-pro-hint{display:none}.shutter-btn{margin-top:1.1vh}.shutter-outer{width:48px;min-width:48px;max-width:48px;height:48px;min-height:48px;max-height:48px}.shutter-inner{width:32px;min-width:32px;max-width:32px;height:32px;min-height:32px;max-height:32px}.shutter-label{letter-spacing:2px;font-size:.6rem}.bottom-bar{bottom:max(env(safe-area-inset-bottom,0px) + 10px, 14px);letter-spacing:1.1px;gap:1.1rem;font-size:.58rem}}.inquiry-modal-backdrop{-webkit-backdrop-filter:blur(14px);z-index:999999;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;width:100%;max-width:100%;height:100dvh;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.inquiry-modal-container{background:#0c0c0c;border:1px solid #ffffff1f;border-radius:14px;width:100%;max-width:640px;margin:auto;padding:3rem 2.8rem;position:relative;box-shadow:0 30px 70px #000c,0 0 1px #fff3}.modal-close-btn{color:#fff9;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex;position:absolute;top:1.5rem;right:1.5rem}.modal-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.modal-header{margin-bottom:2rem}.modal-badge{color:#f39c12;letter-spacing:1.5px;background:#f39c121a;border:1px solid #f39c124d;border-radius:100px;align-items:center;gap:.5rem;margin-bottom:1.2rem;padding:.35rem .8rem;font-size:.65rem;display:inline-flex}.modal-title{color:#fff;margin-bottom:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.25}.modal-desc{color:var(--text-mid);font-size:.92rem;font-weight:300;line-height:1.65}.modal-desc strong{color:#fff}.modal-alert-error{color:#ff6b6b;background:#e74c3c1f;border:1px solid #e74c3c66;border-radius:8px;align-items:center;gap:.75rem;margin-bottom:1.8rem;padding:.85rem 1.2rem;font-size:.85rem;display:flex}.inquiry-form{flex-direction:column;gap:1.35rem;display:flex}.form-row{grid-template-columns:1fr 1fr;gap:1.2rem;display:grid}.form-group{flex-direction:column;gap:.45rem;display:flex}.form-label .req{color:#e74c3c;margin-left:2px}.form-input,.form-select,.form-textarea{color:#fff;background:#ffffff09;border:1px solid #ffffff1a;border-radius:6px;width:100%;padding:.85rem 1rem;font-family:inherit;font-size:.9rem;transition:all .25s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#ffffff0f;border-color:#ffffff73;outline:none;box-shadow:0 0 0 3px #ffffff0d}.form-input::placeholder,.form-textarea::placeholder{color:#ffffff40;font-size:.85rem}.custom-select-wrap{width:100%;position:relative}.custom-select-trigger{color:#fff;cursor:pointer;text-align:left;box-sizing:border-box;background:#ffffff0a;border:1px solid #ffffff26;border-radius:6px;justify-content:space-between;align-items:center;width:100%;padding:.82rem 1rem;font-family:inherit;font-size:.9rem;transition:all .25s;display:flex}.custom-select-trigger:hover{background:#ffffff0f;border-color:#ffffff59}.custom-select-trigger.active{background:#f39c120f;border-color:#f39c12;box-shadow:0 0 0 3px #f39c1226}.select-val-wrap{align-items:center;gap:.75rem;min-width:0;display:flex}.select-icon-box{color:#f39c12;flex-shrink:0;justify-content:center;align-items:center;display:flex}.select-val-text{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.88rem;font-weight:500;overflow:hidden}.select-chevron{color:#ffffff80;flex-shrink:0;transition:transform .25s,color .25s}.select-chevron.open{color:#f39c12;transform:rotate(180deg)}.custom-select-dropdown{-webkit-backdrop-filter:blur(20px);z-index:100;background:#141414;border:1px solid #ffffff24;border-radius:8px;flex-direction:column;gap:.2rem;padding:.4rem;display:flex;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden;box-shadow:0 16px 40px #000000bf,0 0 20px #00000080}.custom-select-option{color:#fffc;cursor:pointer;text-align:left;background:0 0;border:none;border-radius:6px;align-items:center;gap:.75rem;width:100%;padding:.75rem .9rem;font-family:inherit;font-size:.86rem;transition:all .2s;display:flex}.custom-select-option:hover{color:#fff;background:#ffffff14}.custom-select-option.selected{color:#fff;background:#f39c1224}.option-icon-box{color:#f39c12;flex-shrink:0;justify-content:center;align-items:center;display:flex}.option-label{flex:1}.option-check{color:#f39c12;flex-shrink:0;margin-left:auto}.form-textarea{resize:vertical;min-height:95px;line-height:1.6}.form-submit-btn{color:#000;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.75rem;margin-top:.5rem;padding:1.1rem;font-size:.85rem;font-weight:500;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex}.form-submit-btn:hover:not(:disabled){background:#ffffffe0;transform:translateY(-2px);box-shadow:0 10px 25px #ffffff26}.form-submit-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2px solid #0003;border-top-color:#000;border-radius:50%;width:14px;height:14px;animation:.6s linear infinite spin;display:inline-block}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.btn-loading-wrap{align-items:center;gap:.6rem;display:flex}.modal-success-state{text-align:center;flex-direction:column;align-items:center;padding:3rem 1rem 1.5rem;display:flex}.success-icon-wrap{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc714d;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:2rem;display:flex}.success-title{color:#fff;margin-bottom:1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.85rem;font-weight:700}.success-desc{color:var(--text-mid);max-width:460px;margin-bottom:2.5rem;font-size:1rem;font-weight:300;line-height:1.8}.success-close{min-width:180px}@media (width<=640px){.inquiry-modal-backdrop{align-items:center;padding:.75rem .5rem}.inquiry-modal-container{border-radius:12px;max-height:94dvh;padding:2rem 1.25rem;overflow-y:auto}.modal-close-btn{width:32px;height:32px;top:1rem;right:1rem}.modal-title{font-size:1.45rem}.modal-desc{font-size:.85rem;line-height:1.55}.form-row{grid-template-columns:1fr;gap:1.1rem}.form-input,.form-select,.form-textarea{padding:.75rem .9rem;font-size:16px}.form-submit-btn{padding:.95rem;font-size:.8rem}}.project-detail-backdrop{-webkit-backdrop-filter:blur(16px);z-index:99999;box-sizing:border-box;background:#000000e0;justify-content:center;align-items:center;width:100%;max-width:100%;height:100dvh;padding:1.5rem;display:flex;position:fixed;inset:0;overflow-y:auto}.project-detail-modal{background:#0c0c0c;border:1px solid #ffffff1f;border-radius:14px;flex-direction:column;width:100%;max-width:960px;max-height:92vh;margin:auto;display:flex;position:relative;overflow:hidden;box-shadow:0 35px 80px #000000f2,0 0 1px #ffffff4d}.detail-top-nav{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:10;background:#121212f2;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.8rem;display:flex}.top-nav-left{align-items:center;gap:.85rem;display:flex}.type-pill{letter-spacing:1px;white-space:nowrap;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.68rem;display:inline-flex}.type-pill.web{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf84d}.type-pill.street{color:#f39c12;background:#f39c121f;border:1px solid #f39c124d}.top-nav-year{color:var(--text-dim);font-size:.72rem}.top-nav-actions{align-items:center;gap:1rem;display:flex}.detail-cta-btn{color:#f39c12;cursor:pointer;background:#f39c121f;border:1px solid #f39c1259;border-radius:4px;align-items:center;gap:.45rem;padding:.45rem .95rem;font-size:.72rem;transition:all .25s;display:inline-flex}.detail-cta-btn:hover{color:#000;background:#f39c12;transform:translateY(-1px)}.detail-close-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.detail-close-btn:hover{color:#fff;background:#ffffff26;transform:rotate(90deg)}.detail-scroll-area{flex:1;overflow-y:auto}.detail-hero-banner{background:#000;width:100%;height:380px;position:relative;overflow:hidden}.detail-hero-img{object-fit:cover;filter:contrast(1.05)brightness(.85);width:100%;height:100%;transition:transform .6s;transform:scale(1.02)}.detail-hero-gradient{background:linear-gradient(#0c0c0c1a 0%,#0c0c0c99 55%,#0c0c0c 100%);position:absolute;inset:0}.detail-hero-info{position:absolute;bottom:2rem;left:3rem;right:3rem}.badge-tag{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);color:#fff;letter-spacing:1.5px;text-transform:uppercase;background:#000000b3;border:1px solid #fff3;border-radius:4px;margin-bottom:.8rem;padding:.35rem .75rem;font-size:.68rem;display:inline-block}.detail-hero-title{color:#fff;text-shadow:0 4px 20px #000c;margin-bottom:.6rem;font-size:2.8rem;font-weight:400;line-height:1.15}.detail-hero-category{color:#ffffffb3;letter-spacing:1px;font-size:.82rem}.detail-inner-content{padding:2.5rem 3rem 4rem}.detail-specs-grid{border-bottom:1px solid #ffffff14;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:2.5rem;padding-bottom:2rem;display:grid}.spec-card{background:#141414;border:1px solid #ffffff0f;border-radius:6px;flex-direction:column;gap:.4rem;padding:.9rem 1.1rem;display:flex}.spec-label{color:var(--text-dim);letter-spacing:1.5px;font-size:.65rem}.spec-val{color:#fff;font-size:.82rem;line-height:1.35}.detail-lead-summary{background:#f39c120d;border-left:3px solid #f39c12;border-radius:0 8px 8px 0;margin-bottom:2.8rem;padding:1.5rem 2rem 1.5rem 3rem;position:relative}.detail-lead-summary .quote-mark{color:#f39c12;opacity:.4;font-size:3rem;line-height:1;position:absolute;top:-.4rem;left:1rem}.detail-lead-summary p{color:#f0f0f0;margin:0;font-size:1.15rem;font-style:italic;line-height:1.65}.detail-article-body{color:#d1d5db;margin-bottom:3rem;font-size:1.05rem;line-height:1.85}.detail-article-body h2{color:#fff;margin:2.2rem 0 .9rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.65rem;font-weight:700;line-height:1.3}.detail-article-body h3{color:#f39c12;margin:1.6rem 0 .7rem;font-size:1.25rem;font-weight:600}.detail-article-body p{margin-bottom:1.2rem}.detail-article-body strong{color:#fff}.detail-article-body code{color:#38bdf8;background:#181818;border:1px solid #ffffff14;border-radius:4px;padding:.2rem .5rem;font-family:Space Mono,monospace;font-size:.85rem}.detail-article-body blockquote{color:#fff;background:#38bdf80d;border-left:3px solid #38bdf8;border-radius:0 6px 6px 0;margin:1.8rem 0;padding:1rem 1.6rem;font-style:italic}.detail-article-body img{border:1px solid #ffffff1a;border-radius:8px;max-width:100%;margin:1.8rem 0;box-shadow:0 15px 40px #0009}.detail-article-body ul,.detail-article-body ol{margin-bottom:1.5rem;padding-left:2rem}.detail-article-body li{margin-bottom:.5rem}.detail-external-link-row{margin-bottom:3rem}.external-demo-btn{align-items:center;gap:.6rem;padding:.9rem 2rem;font-size:.82rem;text-decoration:none;display:inline-flex}.detail-collab-banner{background:linear-gradient(135deg,#161616 0%,#1f1a14 100%);border:1px solid #f39c1240;border-radius:10px;justify-content:space-between;align-items:center;gap:2rem;margin-bottom:3rem;padding:2.2rem 2.5rem;display:flex}.collab-tag{color:#f39c12;letter-spacing:1.5px;font-size:.65rem}.collab-heading{color:#fff;margin:.4rem 0 .5rem;font-size:1.55rem}.collab-desc{color:#ffffffb3;max-width:520px;margin:0;font-size:.85rem;line-height:1.5}.collab-cta-btn{white-space:nowrap;flex-shrink:0;padding:.9rem 1.8rem}.detail-pagination-nav{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:2rem;display:flex}.pagination-item{color:#fff;cursor:pointer;text-align:left;background:#141414;border:1px solid #ffffff14;border-radius:8px;flex:1;align-items:center;gap:1rem;max-width:420px;padding:1rem 1.5rem;transition:all .25s;display:flex}.pagination-item.next{text-align:right;justify-content:flex-end;margin-left:auto}.pagination-item:hover{background:#1c1c1c;border-color:#f39c1266;transform:translateY(-2px)}.pag-label{color:var(--text-dim);letter-spacing:1.5px;margin-bottom:.2rem;font-size:.62rem;display:block}.pag-title{color:#fff;font-size:.95rem;font-weight:500}@media (width<=768px){.detail-specs-grid{grid-template-columns:repeat(2,1fr)}.detail-hero-banner{height:260px}.detail-hero-info{bottom:1.5rem;left:1.5rem;right:1.5rem}.detail-hero-title{font-size:1.85rem}.detail-inner-content{padding:1.8rem 1.5rem}.detail-collab-banner{flex-direction:column;align-items:flex-start}.detail-pagination-nav{flex-direction:column}.pagination-item{width:100%;max-width:100%}}@media (width<=640px){.project-detail-backdrop{align-items:stretch;padding:0}.project-detail-modal{border:none;border-radius:0;width:100%;max-width:100%;height:100dvh;max-height:100dvh;margin:0}.detail-top-nav{padding:.75rem 1rem}.top-nav-actions{gap:.5rem}.detail-cta-btn{padding:.35rem .65rem;font-size:.68rem}.detail-hero-banner{height:210px}.detail-hero-info{bottom:1rem;left:1rem;right:1rem}.detail-hero-title{margin-bottom:.35rem;font-size:1.45rem;line-height:1.25}.detail-inner-content{padding:1.4rem 1rem 3.5rem}.detail-specs-grid{grid-template-columns:1fr 1fr;gap:.6rem;margin-bottom:1.8rem;padding-bottom:1.5rem}.spec-card{padding:.75rem}.detail-lead-summary{margin-bottom:2rem;padding:1rem 1rem 1rem 2.2rem}.detail-lead-summary p{font-size:.95rem;line-height:1.6}.detail-lead-summary .quote-mark{font-size:2.2rem;top:-.2rem;left:.6rem}.detail-article-body{font-size:.95rem;line-height:1.7}.detail-article-body h2{margin:1.6rem 0 .6rem;font-size:1.35rem}.detail-article-body h3{margin:1.3rem 0 .5rem;font-size:1.1rem}.detail-collab-banner{text-align:left;gap:1.2rem;padding:1.4rem 1.2rem}.collab-heading{font-size:1.3rem}.collab-cta-btn{text-align:center;justify-content:center;width:100%}.detail-pagination-nav{gap:.75rem;padding-top:1.5rem}.pagination-item{padding:.85rem 1rem}.pag-title{font-size:.85rem}}.cursor-spotlight{pointer-events:none;z-index:2;opacity:0;will-change:transform;width:0;height:0;transition:opacity .5s cubic-bezier(.16,1,.3,1);position:fixed;top:0;left:0}.cursor-spotlight.active{opacity:1}.spotlight-core{filter:blur(15px);background:radial-gradient(circle,#ffffff0a 0%,#ffffff04 30%,#0000 70%);border-radius:50%;width:600px;height:600px;position:absolute;top:-300px;left:-300px}.spotlight-amber{filter:blur(30px);background:radial-gradient(circle,#f39c1209 0%,#f39c1203 40%,#0000 70%);border-radius:50%;width:480px;height:480px;position:absolute;top:-240px;left:-200px}.spotlight-cyan{filter:blur(30px);background:radial-gradient(circle,#3498db08 0%,#3498db02 45%,#0000 70%);border-radius:50%;width:500px;height:500px;position:absolute;top:-200px;left:-250px}@media (pointer:coarse){.cursor-spotlight{display:none!important}}.back-to-top-btn{-webkit-backdrop-filter:blur(14px);color:#fff;cursor:pointer;z-index:95;opacity:0;pointer-events:none;background:#0a0a0ac7;border:1px solid #ffffff1f;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;padding:0;transition:opacity .4s cubic-bezier(.16,1,.3,1),transform .4s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:fixed;bottom:2.2rem;right:2.2rem;transform:translateY(20px)scale(.9);box-shadow:0 10px 30px #00000080}.back-to-top-btn.visible{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.back-to-top-btn:hover{border-color:#ffffff59;transform:translateY(-4px)scale(1.06);box-shadow:0 14px 35px #0009,0 0 20px #f39c1233}.progress-ring{pointer-events:none;position:absolute;top:0;left:0;transform:rotate(-90deg)}.progress-ring-indicator{transition:stroke-dashoffset .15s linear}.back-to-top-icon{z-index:2;justify-content:center;align-items:center;transition:transform .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.back-to-top-btn:hover .back-to-top-icon{transform:translateY(-2px)}@media (width<=768px){.back-to-top-btn{width:46px;height:46px;bottom:1.5rem;right:1.5rem}.progress-ring{width:46px;height:46px}}.tilt-card{transform-style:preserve-3d;will-change:transform;position:relative}.card-glare{pointer-events:none;z-index:10;mix-blend-mode:screen;border-radius:8px;transition:opacity .3s;position:absolute;inset:0}.project-overlay-pill{-webkit-backdrop-filter:blur(12px);color:#fff;letter-spacing:1.5px;background:#0a0a0ad9;border:1px solid #ffffff40;border-radius:100px;align-items:center;gap:.6rem;padding:.75rem 1.4rem;font-size:.75rem;transition:transform .3s cubic-bezier(.16,1,.3,1),background .3s,border-color .3s;display:inline-flex;transform:translateY(8px)scale(.95);box-shadow:0 10px 25px #00000080,0 0 20px #ffffff1a}.project-card:hover .project-overlay-pill{color:#000;background:#fff;border-color:#fff;transform:translateY(0)scale(1)}.project-card:hover .project-overlay-pill svg{transition:transform .25s;transform:translate(2px,-2px)}@media (pointer:coarse){.tilt-card{transform:none!important}.card-glare{display:none}}.portfolio{opacity:0;will-change:opacity, transform;width:100%;max-width:100%;min-height:100vh;transition:opacity .8s cubic-bezier(.16,1,.3,1),transform 1.1s cubic-bezier(.16,1,.3,1);position:relative;overflow-x:hidden;transform:scale(1.06)translateZ(0)}.portfolio.entering{opacity:1;transform:scale(1.02)translateZ(0)}.portfolio.visible{opacity:1;transform:scale(1)translateZ(0)}.nav{z-index:100;-webkit-backdrop-filter:blur(16px);background:#050505c7;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;height:74px;padding:0 6vw;display:flex;position:fixed;top:0;left:0;right:0}.nav-progress-bar{z-index:101;pointer-events:none;background:linear-gradient(90deg,#3498db 0%,#f39c12 70%,#fff 100%);height:2.5px;transition:width .1s linear;position:absolute;bottom:0;left:0;box-shadow:0 0 10px #f39c12b3,0 0 4px #3498dbe6}.nav-brand{color:#fff;letter-spacing:.05em;font-size:1.5rem;font-weight:600}.nav-links{gap:2.5rem;display:flex}.nav-links a{color:#fff9;letter-spacing:1.5px;text-transform:uppercase;font-size:.82rem;font-weight:400;text-decoration:none;transition:color .3s}.nav-links a:hover{color:#fff}.section{padding-left:6vw;padding-right:6vw}.label-line-wrap{align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.label-line-wrap.center{justify-content:center}.label-line{background:#ffffff4d;width:36px;height:1px}.section-tag{color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;font-size:.72rem}.hero-section{box-sizing:border-box;flex-direction:column;justify-content:center;min-height:100dvh;padding-top:130px;padding-bottom:5rem;display:flex;position:relative;overflow:hidden}.hero-film-backdrop{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:hidden}.hero-film-img{object-fit:cover;object-position:center 32%;filter:brightness(.44)contrast(1.15)saturate(.92);will-change:transform;width:100%;height:100%;animation:30s ease-in-out infinite alternate heroFilmSlowPan;transform:scale(1.03)}@keyframes heroFilmSlowPan{0%{transform:scale(1.03)translate(0,0)}to{transform:scale(1.12)translate(-1.5%,-1%)}}.hero-film-gradient{background:linear-gradient(90deg,#050505f5 0%,#050505e0 45%,#05050580 75%,#050505a6 100%),linear-gradient(#050505eb 0%,#05050540 25%,#05050573 70%,#050505 100%);position:absolute;inset:0}.hero-film-vignette{position:absolute;inset:0;box-shadow:inset 0 0 140px #000000d9}.hero-ambient-orb{filter:blur(110px);pointer-events:none;opacity:.25;will-change:transform;z-index:1;border-radius:50%;position:absolute}.orb-amber{background:radial-gradient(circle,#f39c12,#0000 70%);width:480px;height:480px;animation:22s ease-in-out infinite alternate orbFloatAmber;top:15%;right:-5%}.orb-cyan{background:radial-gradient(circle,#3498db,#0000 70%);width:520px;height:520px;animation:26s ease-in-out infinite alternate orbFloatCyan;bottom:10%;left:-8%}.hero-vf-hud{letter-spacing:2px;color:#fff6;z-index:3;pointer-events:none;flex-direction:column;gap:.35rem;font-size:.62rem;display:flex;position:absolute}.hero-vf-hud.top-right{text-align:right;top:96px;right:6vw}.hero-vf-hud.bottom-left{flex-direction:row;align-items:center;gap:.5rem;display:inline-flex;bottom:2.2rem;left:6vw}.hud-pulse-dot{background:#2ecc71;border-radius:50%;width:6px;height:6px;animation:2s infinite pulseDot;box-shadow:0 0 8px #2ecc71}.hero-film-badge{-webkit-backdrop-filter:blur(10px);color:#ffffffb3;letter-spacing:2px;z-index:3;pointer-events:none;background:#000000a6;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.5rem;padding:.4rem .85rem;font-size:.62rem;display:inline-flex;position:absolute;bottom:2.2rem;right:6vw}.hero-film-badge .badge-dot{background:#f39c12;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #f39c12}.hero-inner{z-index:2;max-width:900px;position:relative}.hero-eyebrow-wrap{-webkit-backdrop-filter:blur(12px);box-sizing:border-box;background:#000000b3;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:.75rem;max-width:100%;margin-bottom:2.2rem;padding:.45rem 1.1rem;display:inline-flex;box-shadow:0 8px 24px #0006}.hero-status-dot{background:#e74c3c;border-radius:50%;flex-shrink:0;width:6px;height:6px;animation:2s infinite pulseDot;box-shadow:0 0 10px #e74c3c}@keyframes pulseDot{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.85)}}.hero-eyebrow{color:#ffffffd9;letter-spacing:2px;text-transform:uppercase;font-size:.68rem;line-height:1.4}.hero-title{letter-spacing:-.03em;word-break:break-word;text-shadow:0 4px 25px #000000bf;margin-bottom:2rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,7vw,6.5rem);font-weight:400;line-height:1.05}.hero-title i{color:#c4c4c4;font-family:Playfair Display,serif;font-style:italic}.hero-desc{color:#dfdfdf;text-shadow:0 2px 12px #000000d9;max-width:720px;margin-bottom:3rem;font-size:1.15rem;font-weight:300;line-height:1.85}.hero-desc strong{color:#fff;font-weight:500}.hero-pills{flex-direction:column;gap:.8rem;max-width:680px;margin-bottom:3.5rem;display:flex}.hero-pill{color:#ffffffbf;background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;align-items:center;gap:1rem;padding:.85rem 1.25rem;font-size:.85rem;line-height:1.4;transition:border-color .3s,background .3s;display:flex}.hero-pill:hover{background:#ffffff0a;border-color:#ffffff26}.hero-pill strong{color:#fff;margin-right:.25rem}.pill-icon{flex-shrink:0}.pill-icon.photo{color:#f39c12}.pill-icon.code{color:#3498db}.hero-actions{align-items:center;gap:1.5rem;margin-bottom:5rem;display:flex}.btn-primary{color:#000;letter-spacing:1.5px;text-transform:uppercase;background:#fff;border-radius:4px;justify-content:center;align-items:center;padding:1.1rem 2.2rem;font-size:.82rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-primary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff80 50%,#0000 100%);width:50%;height:200%;transition:all .65s cubic-bezier(.16,1,.3,1);position:absolute;top:-50%;left:-70%;transform:rotate(30deg)}.btn-primary:hover:after{left:140%}.btn-primary:hover{background:#ffffffd9;transform:translateY(-2px);box-shadow:0 10px 25px #ffffff26}.btn-secondary{color:#fff;letter-spacing:1.5px;text-transform:uppercase;background:0 0;border:1px solid #fff3;border-radius:4px;justify-content:center;align-items:center;padding:1.1rem 2.2rem;font-size:.82rem;font-weight:400;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative;overflow:hidden}.btn-secondary:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0000 0%,#ffffff2e 50%,#0000 100%);width:50%;height:200%;transition:all .65s cubic-bezier(.16,1,.3,1);position:absolute;top:-50%;left:-70%;transform:rotate(30deg)}.btn-secondary:hover:after{left:140%}.btn-secondary:hover{background:#ffffff0d;border-color:#fff;transform:translateY(-2px)}.hero-scroll{color:var(--text-dim);letter-spacing:3px;text-transform:uppercase;align-items:center;gap:1.5rem;font-size:.7rem;display:flex}.scroll-line{background:var(--text-dim);width:50px;height:1px;position:relative;overflow:hidden}.scroll-line:after{content:"";background:#fff;width:100%;height:100%;animation:2s infinite scrollLinePulse;position:absolute;top:0;left:-100%}@keyframes scrollLinePulse{0%{left:-100%}50%{left:100%}to{left:100%}}.marquee-ribbon{z-index:2;background:#0006;border-top:1px solid #ffffff0f;border-bottom:1px solid #ffffff0f;width:100%;padding:1.15rem 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%);mask-image:linear-gradient(90deg,#0000 0%,#000 8% 92%,#0000 100%)}.marquee-track{will-change:transform;align-items:center;gap:2.5rem;width:max-content;animation:36s linear infinite marqueeScroll;display:flex}.marquee-ribbon:hover .marquee-track{animation-play-state:paused}@keyframes marqueeScroll{0%{transform:translate(0,0)}to{transform:translate(-50%)}}.marquee-tag{letter-spacing:2px;color:#fff9;text-transform:uppercase;white-space:nowrap;align-items:center;gap:.75rem;font-size:.76rem;transition:color .3s;display:inline-flex}.marquee-tag:hover{color:#fff}.marquee-dot{color:#f39c12;opacity:.75;font-size:.7rem}.works-section{border-top:1px solid #ffffff0f;padding-top:clamp(140px,18vh,220px);padding-bottom:14vh;scroll-margin-top:90px}.works-inner{max-width:1400px;margin:0 auto}.works-header{border-bottom:1px solid #ffffff12;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:4.5rem;padding-bottom:2rem;display:flex}.works-title{letter-spacing:-.02em;font-family:Plus Jakarta Sans,sans-serif;font-size:clamp(2.5rem,5vw,4.5rem);font-weight:700;line-height:1.1}.works-title i{color:var(--text-mid);font-family:Plus Jakarta Sans,sans-serif;font-style:italic}.filter-group{flex-wrap:wrap;gap:.6rem;display:flex}.filter-btn{color:#fff9;letter-spacing:1px;cursor:pointer;background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;justify-content:center;align-items:center;gap:.45rem;padding:.65rem 1.2rem;font-size:.72rem;transition:all .25s;display:inline-flex}.filter-btn:hover{color:#fff;background:#ffffff0f;border-color:#ffffff4d}.filter-btn.active{color:#000;background:#fff;border-color:#fff;font-weight:500}.works-grid{grid-template-columns:repeat(2,1fr);gap:4rem 3.5rem;display:grid}.projects-status-state{color:var(--text-dim);letter-spacing:1px;background:#ffffff05;border:1px dashed #ffffff14;border-radius:12px;grid-column:1/-1;justify-content:center;align-items:center;gap:1rem;padding:4rem 2rem;font-size:.82rem;display:flex}.spinner-inline{border:2px solid #ffffff26;border-top-color:#fff;border-radius:50%;width:18px;height:18px;animation:.8s linear infinite spin}.project-card{cursor:pointer;flex-direction:column;display:flex}.project-img-wrap{aspect-ratio:16/11;background:#0d0d0d;border:1px solid #ffffff0f;border-radius:6px;width:100%;position:relative;overflow:hidden}.project-img-wrap img{object-fit:cover;filter:grayscale(80%)contrast(1.1)brightness(.9);width:100%;height:100%;transition:transform .9s cubic-bezier(.16,1,.3,1),filter .7s}.project-card:hover .project-img-wrap img{filter:grayscale(0%)contrast(1.05)brightness();transform:scale(1.05)}.project-badge-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;letter-spacing:1.5px;text-transform:uppercase;z-index:2;background:#000000bf;border:1px solid #ffffff26;border-radius:4px;padding:.35rem .75rem;font-size:.65rem;position:absolute;top:1rem;left:1rem}.project-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;z-index:3;background:#00000073;justify-content:center;align-items:center;transition:opacity .35s;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.project-overlay svg{color:#fff;width:32px;height:32px;transition:transform .3s cubic-bezier(.16,1,.3,1);transform:scale(.85)}.project-card:hover .project-overlay svg{transform:scale(1)}.project-meta{margin-top:1.4rem}.project-header-row{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.project-title{letter-spacing:-.01em;color:#fff;font-family:Plus Jakarta Sans,sans-serif;font-size:1.3rem;font-weight:600;transition:color .3s}.project-card:hover .project-title{color:#f39c12}.project-year{color:var(--text-dim);font-size:.72rem}.project-tech{color:#ffffff73;letter-spacing:1px;text-transform:uppercase;margin-bottom:.65rem;font-size:.72rem}.project-desc{color:var(--text-mid);font-size:.92rem;font-weight:300;line-height:1.65}.contact-section{text-align:center;border-top:1px solid #ffffff0f;padding-top:16vh;padding-bottom:16vh;scroll-margin-top:90px}.contact-inner{max-width:800px;margin:0 auto}.contact-title{letter-spacing:-.03em;word-break:break-word;text-shadow:0 4px 25px #000000bf;margin-bottom:1.8rem;font-family:Playfair Display,serif;font-size:clamp(2.2rem,7vw,5.5rem);font-weight:400;line-height:1.05}.contact-title i{color:#c4c4c4;font-family:Playfair Display,serif;font-style:italic}.contact-subtitle{color:var(--text-mid);max-width:620px;margin:0 auto 3rem;font-size:1.1rem;font-weight:300;line-height:1.8}.contact-subtitle strong{color:#fff}.contact-actions{margin-bottom:5rem}.contact-btn{color:#000;letter-spacing:2px;text-transform:uppercase;cursor:pointer;z-index:5;background:#fff;border:none;border-radius:4px;padding:1.2rem 3.5rem;font-family:inherit;font-size:.85rem;font-weight:500;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-block;position:relative}.contact-btn:hover{background:#ffffffe0;transform:translateY(-3px);box-shadow:0 15px 30px #ffffff26}.footer-channels{text-align:left;border-top:1px solid #ffffff12;grid-template-columns:repeat(3,1fr);gap:2rem;padding-top:3.5rem;display:grid}.channel-group{flex-direction:column;gap:.5rem;display:flex}.channel-label{color:var(--text-dim);letter-spacing:1.5px;font-size:.65rem}.channel-group a{color:#fffc;word-break:break-all;font-size:.88rem;text-decoration:none;transition:color .3s}.channel-group a:hover{color:#fff;text-decoration:underline}.footer{color:var(--text-dim);letter-spacing:1px;border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:2.5rem 6vw;font-size:.72rem;display:flex}.footer-right-admin{align-items:center;gap:1.5rem;display:flex}.admin-lock-link{color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.68rem;text-decoration:none;transition:all .25s;display:inline-flex}.admin-lock-link:hover{color:#fff;background:#ffffff1a;border-color:#ffffff40;transform:translateY(-1px)}@media (width<=1024px){.footer-channels{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (width<=768px){.hero-vf-hud{display:none}.section{padding-left:5vw;padding-right:5vw}.nav{height:60px;padding:0 5vw}.nav-brand{font-size:1.3rem}.nav-links{gap:1.2rem}.nav-links a{letter-spacing:1px;font-size:.72rem}.hero-section{min-height:100svh;padding-top:96px;padding-bottom:3.5rem}.hero-film-badge{display:none}.hero-eyebrow-wrap{gap:.5rem;margin-bottom:1.4rem;padding:.35rem .75rem}.hero-eyebrow{letter-spacing:1px;font-size:.58rem;line-height:1.35}.hero-title{margin-bottom:1.4rem;font-size:clamp(2.6rem,10vw,3.8rem);line-height:1.1}.hero-desc{margin-bottom:2rem;font-size:.95rem;line-height:1.7}.hero-actions{flex-direction:column;align-items:stretch;gap:.8rem;margin-bottom:2.5rem}.btn-primary,.btn-secondary{text-align:center;box-sizing:border-box;justify-content:center;width:100%;padding:.95rem 1.4rem;font-size:.78rem}.hero-scroll{letter-spacing:2px;justify-content:flex-start;margin-top:auto;padding-top:2rem;font-size:.6rem}.works-section{border-top:none;padding-top:6rem;padding-bottom:4rem;scroll-margin-top:80px}.works-header{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-bottom:2rem;padding-bottom:1.2rem}.works-title{font-size:clamp(2rem,7.5vw,3rem)}.filter-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.45rem;width:100%;padding-bottom:6px;overflow-x:auto}.filter-group::-webkit-scrollbar{display:none}.filter-btn{white-space:nowrap;flex-shrink:0;padding:.55rem .95rem;font-size:.68rem}.works-grid{grid-template-columns:1fr;gap:2.5rem}.project-img-wrap{aspect-ratio:16/10}.project-title{font-size:1.3rem}.project-tech{font-size:.68rem}.project-desc{font-size:.88rem;line-height:1.6}.contact-section{padding-top:4rem;padding-bottom:4rem}.contact-title{margin-bottom:1.2rem;font-size:clamp(2.1rem,8vw,3.2rem)}.contact-subtitle{margin-bottom:2rem;padding:0 .5rem;font-size:.95rem;line-height:1.65}.contact-actions{margin-bottom:3.5rem}.contact-btn{box-sizing:border-box;letter-spacing:1.5px;width:100%;max-width:320px;padding:1rem 1.4rem;font-size:.8rem}.footer-channels{grid-template-columns:1fr;gap:1.5rem;padding-top:2.5rem}.channel-group a{word-break:break-all;font-size:.85rem}.footer{text-align:center;flex-direction:column;gap:1rem;padding:2rem 5vw}.footer-right-admin{flex-direction:column;align-items:center;gap:.65rem}}@media (width<=480px){.section{padding-left:16px;padding-right:16px}.nav{height:56px;padding:0 16px}.hero-section{min-height:100svh;padding-top:86px}.works-section{padding-top:5rem;padding-bottom:3.5rem;scroll-margin-top:70px}.contact-section{padding-top:4.5rem;padding-bottom:3.5rem;scroll-margin-top:70px}.hero-eyebrow{letter-spacing:.5px;font-size:.55rem}.hero-title,.contact-title{font-size:2.1rem}}.rich-editor-wrapper{background:#111;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;transition:all .3s;display:flex;overflow:hidden}.rich-editor-wrapper:focus-within{border-color:#f39c1273;box-shadow:0 0 0 1px #f39c1240}.rich-editor-wrapper.is-fullscreen{z-index:100000;border-color:#f39c1280;position:fixed;inset:1.5rem;box-shadow:0 25px 70px #000000f2}.editor-ribbon{background:#161616;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:.35rem .6rem;display:flex}.ribbon-tabs-group{gap:.3rem;display:flex}.ribbon-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;align-items:center;gap:.4rem;padding:.35rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.ribbon-tab-btn:hover{color:#fff;background:#ffffff0d}.ribbon-tab-btn.active{color:#fff;background:#ffffff1a;border-color:#ffffff1f}.editor-toolbar{background:#1a1a1a;border-bottom:1px solid #ffffff0f;flex-wrap:wrap;align-items:center;gap:.35rem;padding:.5rem .75rem;display:flex}.toolbar-cluster{align-items:center;gap:.15rem;display:flex}.toolbar-btn{color:silver;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:30px;height:30px;transition:all .15s;display:inline-flex}.toolbar-btn:hover{color:#fff;background:#ffffff1a;border-color:#ffffff1a}.toolbar-btn:active{color:#f39c12;background:#f39c1233}.toolbar-divider{background:#ffffff1a;width:1px;height:20px;margin:0 .3rem}.toolbar-select{color:#e5e5e5;cursor:pointer;background:#242424;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:.3rem .5rem;font-size:.75rem}.toolbar-select:focus{border-color:#f39c12}.color-picker-wrap{background:#242424;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.3rem;padding:.2rem .4rem;display:inline-flex;position:relative}.color-icon{color:#f39c12}.color-select{color:#fff;cursor:pointer;background:0 0;border:none;outline:none;max-width:110px;font-size:.72rem}.editor-content-area{background:#0f0f0f;min-height:260px;max-height:520px;position:relative;overflow-y:auto}.is-fullscreen .editor-content-area{flex:1;max-height:none}.word-page-surface{color:#e0e0e0;word-break:break-word;outline:none;min-height:260px;padding:1.5rem 1.8rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;font-size:.95rem;line-height:1.7}.word-page-surface:empty:before{content:attr(data-placeholder);color:#ffffff4d;pointer-events:none;font-style:italic}.word-page-surface h1,.word-preview-surface h1{color:#fff;margin:1.2rem 0 .6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.75rem;font-weight:700;line-height:1.3}.word-page-surface h2,.word-preview-surface h2{color:#f39c12;margin:1rem 0 .5rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.45rem;font-weight:600;line-height:1.35}.word-page-surface h3,.word-preview-surface h3{color:#fff;margin:.85rem 0 .4rem;font-size:1.2rem;font-weight:600}.word-page-surface p,.word-preview-surface p{margin-bottom:.85rem}.word-page-surface blockquote,.word-preview-surface blockquote{color:#e5e5e5;background:#f39c120d;border-left:3px solid #f39c12;margin:1rem 0;padding:.6rem 1.2rem;font-style:italic}.word-page-surface pre,.word-preview-surface pre{color:#38bdf8;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;margin:1rem 0;padding:1rem;font-family:Space Mono,monospace;font-size:.85rem;overflow-x:auto}.word-page-surface ul,.word-preview-surface ul{margin-bottom:1rem;padding-left:1.8rem;list-style:outside}.word-page-surface ol,.word-preview-surface ol{margin-bottom:1rem;padding-left:1.8rem;list-style:decimal}.word-page-surface li,.word-preview-surface li{margin-bottom:.35rem}.word-page-surface a,.word-preview-surface a{color:#38bdf8;text-underline-offset:3px;text-decoration:underline}.word-page-surface img,.word-preview-surface img{border:1px solid #ffffff1a;border-radius:8px;max-width:100%;margin:1rem 0}.word-page-surface hr,.word-preview-surface hr{background:#ffffff1f;border:none;height:1px;margin:1.5rem 0}.word-preview-surface{background:#090909;min-height:260px;padding:1.8rem 2.2rem}.empty-preview{color:var(--text-dim);text-align:center;padding:3rem 0;font-size:.8rem}.html-code-editor{color:#38bdf8;resize:vertical;background:#0a0a0a;border:none;outline:none;width:100%;height:100%;min-height:260px;padding:1.2rem 1.5rem;font-family:Space Mono,monospace;font-size:.85rem;line-height:1.6}.editor-status-bar{color:var(--text-dim);background:#141414;border-top:1px solid #ffffff0f;align-items:center;gap:.5rem;padding:.45rem 1rem;font-size:.72rem;display:flex}.status-item span{color:#fff;font-weight:600}.status-separator{color:#fff3}.status-right{color:#ffffff80;margin-left:auto}@media (width<=640px){.rich-editor-wrapper.is-fullscreen{border:none;border-radius:0;inset:0}.editor-ribbon{-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:.35rem .5rem;overflow-x:auto}.editor-ribbon::-webkit-scrollbar{display:none}.ribbon-tabs-group{flex-shrink:0}.editor-toolbar{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.25rem;padding:.45rem .5rem;overflow-x:auto}.editor-toolbar::-webkit-scrollbar{display:none}.toolbar-cluster{flex-shrink:0}.toolbar-btn{flex-shrink:0;width:32px;height:32px}.toolbar-select{padding:.25rem .4rem;font-size:.72rem}.color-picker-wrap{flex-shrink:0}.color-select{max-width:80px;font-size:.7rem}.word-page-surface{min-height:220px;padding:1rem .85rem;font-size:16px}.html-code-editor{padding:1rem .85rem;font-size:16px}.word-preview-surface{padding:1rem .85rem}.editor-status-bar{flex-wrap:wrap;gap:.35rem;padding:.4rem .75rem;font-size:.68rem}.status-right{width:100%;margin-top:.2rem;margin-left:0}}.editor-modal-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;box-sizing:border-box;background:#000000d1;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.editor-image-modal{box-sizing:border-box;background:#111;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:100%;max-width:580px;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000e6}.editor-image-modal.is-library-tab{max-width:960px;max-height:85vh}.editor-modal-header{background:#161616;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;display:flex}.editor-modal-title{color:#fff;align-items:center;gap:.65rem;font-size:1.05rem;font-weight:600;display:flex}.editor-modal-close{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.editor-modal-close:hover{color:#fff;background:#ffffff1a}.editor-modal-tabs{background:#0d0d0d;border-bottom:1px solid #ffffff14;display:flex}.modal-tab-btn{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:none;border-bottom:2px solid #0000;flex:1;justify-content:center;align-items:center;gap:.5rem;padding:.85rem 1rem;font-size:.85rem;font-weight:500;transition:all .2s;display:inline-flex}.modal-tab-btn:hover{color:#fff;background:#ffffff08}.modal-tab-btn.active{color:#f39c12;background:#f39c120d;border-bottom-color:#f39c12}.editor-modal-body{max-height:calc(85vh - 120px);padding:1.75rem;overflow-y:auto}.editor-modal-library-wrap{max-height:calc(85vh - 120px);overflow-y:auto}.editor-dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff29;border-radius:10px;padding:2.5rem 1.5rem;transition:all .25s}.editor-dropzone:hover{background:#f39c120a;border-color:#f39c12}.editor-dropzone.uploading{cursor:default;background:#f39c1214;border-color:#f39c12}.dropzone-idle{color:#f39c12;flex-direction:column;align-items:center;gap:.6rem;display:flex}.dropzone-main-text{color:#fff;margin:0;font-size:.95rem;font-weight:600}.dropzone-sub-text{color:var(--text-dim,#888);font-size:.76rem}.dropzone-loading{color:#f39c12;flex-direction:column;align-items:center;gap:.75rem;display:flex}.dropzone-loading p{color:#ddd;font-size:.85rem}.editor-modal-error{color:#ef4444;background:#ef444426;border:1px solid #ef44444d;border-radius:6px;margin-top:1rem;padding:.75rem 1rem;font-size:.8rem}.url-image-preview{background:#000;border-radius:8px;justify-content:center;align-items:center;max-height:200px;margin-top:1rem;display:flex;overflow:hidden}.url-image-preview img{object-fit:contain;max-width:100%;max-height:200px}.editor-modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:.75rem;margin-top:1.5rem;padding-top:1rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.admin-loading-screen{min-height:100vh;color:var(--text-dim);background:#050505;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;display:flex}.admin-spinner{border:2px solid #ffffff1a;border-top-color:#fff;border-radius:50%;width:32px;height:32px;animation:.7s linear infinite adminSpin}@keyframes adminSpin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-login-layout,.admin-login-wrapper{box-sizing:border-box;background:#050505;justify-content:center;align-items:center;min-height:100vh;padding:2rem;display:flex;position:relative}.admin-login-box,.admin-login-card{box-sizing:border-box;background:#0d0d0d;border:1px solid #ffffff1a;border-radius:14px;width:100%;max-width:440px;padding:3rem 2.5rem;box-shadow:0 30px 60px #000000b3}.login-header,.admin-login-header{text-align:center;margin-bottom:2rem}.security-icon-badge,.admin-lock-icon-wrap{color:#fff;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 1.5rem;display:flex}.login-title,.admin-login-title{color:#fff;margin-bottom:.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2rem;font-weight:700}.login-subtitle,.admin-login-subtitle{color:var(--text-dim);letter-spacing:2px;font-size:.65rem}.security-notice{color:#2ecc71;background:#2ecc7114;border:1px solid #2ecc7133;border-radius:6px;align-items:center;gap:.5rem;margin-bottom:2rem;padding:.6rem .9rem;font-size:.68rem;display:flex}.sec-dot{background:#2ecc71;border-radius:50%;width:6px;height:6px;box-shadow:0 0 6px #2ecc71}.login-error-alert{color:#ff6b6b;background:#e74c3c1f;border:1px solid #e74c3c59;border-radius:6px;align-items:center;gap:.75rem;margin-bottom:1.8rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.login-form,.admin-login-form{flex-direction:column;gap:1.4rem;display:flex}.form-group{flex-direction:column;gap:.5rem;margin-bottom:1rem;display:flex}.form-label{color:var(--text-dim);letter-spacing:1px;font-size:.7rem}.form-input,.form-select,.form-textarea{color:#fff;box-sizing:border-box;background:#141414;border:1px solid #ffffff1f;border-radius:6px;outline:none;width:100%;padding:.85rem 1.1rem;font-family:inherit;font-size:.88rem;transition:all .2s}.form-input:focus,.form-select:focus,.form-textarea:focus{background:#181818;border-color:#f39c12;box-shadow:0 0 0 1px #f39c1240}.input-with-icon{align-items:center;width:100%;display:flex;position:relative}.input-icon{color:#fff6;pointer-events:none;z-index:2;position:absolute;left:1rem}.form-input.has-icon{padding-left:2.8rem}.admin-btn-primary{color:#000;letter-spacing:1.5px;text-transform:uppercase;cursor:pointer;background:#fff;border:none;border-radius:6px;justify-content:center;align-items:center;gap:.6rem;padding:.95rem 1.8rem;font-size:.85rem;font-weight:500;transition:all .25s;display:flex}.admin-btn-primary:hover:not(:disabled){background:#ffffffd9;transform:translateY(-2px)}.admin-btn-primary:disabled{opacity:.5;cursor:not-allowed}.admin-btn-secondary{color:#fff;letter-spacing:1px;text-transform:uppercase;cursor:pointer;white-space:nowrap;background:#ffffff0d;border:1px solid #ffffff26;border-radius:6px;justify-content:center;align-items:center;gap:.6rem;padding:.85rem 1.4rem;font-size:.8rem;font-weight:500;transition:all .25s;display:inline-flex}.admin-btn-secondary:hover:not(:disabled){color:#fff;background:#ffffff1a;border-color:#ffffff59;transform:translateY(-2px)}.admin-btn-secondary:disabled{opacity:.5;cursor:not-allowed}.default-creds-hint{color:var(--text-dim);text-align:center;border-top:1px solid #ffffff0f;margin-top:1.8rem;padding-top:1.2rem;font-size:.65rem}.default-creds-hint strong{color:#ffffffb3}.back-to-site-btn{color:#ffffff80;cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:1rem;padding:.6rem;font-size:.75rem;transition:color .2s;display:flex}.back-to-site-btn:hover{color:#fff}.admin-dashboard-layout{color:#f0f0f0;background:#080808;flex-direction:column;width:100%;max-width:100%;min-height:100dvh;display:flex;overflow-x:hidden}.admin-topbar{z-index:50;background:#0d0d0d;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.2rem 3vw;display:flex;position:sticky;top:0}.topbar-left{align-items:center;gap:1.2rem;display:flex}.topbar-brand{letter-spacing:1px;font-size:1.35rem}.topbar-badge{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc714d;border-radius:100px;padding:.25rem .6rem;font-size:.62rem}.topbar-right{align-items:center;gap:1.5rem;display:flex}.topbar-btn{color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.75rem;transition:all .2s;display:flex}.topbar-btn:hover{color:#fff;background:#ffffff1a}.admin-user-info{color:#ffffffb3;align-items:center;gap:.5rem;font-size:.78rem;display:flex}.user-dot{background:#2ecc71;border-radius:50%;width:7px;height:7px}.logout-btn{color:#ffffff80;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:4px;justify-content:center;align-items:center;padding:.5rem;transition:all .2s;display:flex}.logout-btn:hover{color:#e74c3c;border-color:#e74c3c66}.admin-main-container{flex:1;width:100%;min-width:0;max-width:100%;display:flex;overflow-x:hidden}.admin-sidebar{background:#0a0a0a;border-right:1px solid #ffffff0f;flex-direction:column;justify-content:space-between;width:260px;padding:2rem 1.2rem;display:flex}.sidebar-nav{flex-direction:column;gap:.5rem;display:flex}.sidebar-link{color:#ffffffa6;cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:1rem;padding:.85rem 1.2rem;font-family:inherit;font-size:.88rem;transition:all .2s;display:flex;position:relative}.sidebar-link:hover{color:#fff;background:#ffffff08}.sidebar-link.active{color:#fff;background:#ffffff14;border-color:#ffffff1f;font-weight:500}.nav-count{color:var(--text-dim);margin-left:auto;font-size:.72rem}.nav-badge-alert{color:#fff;background:#e74c3c;border-radius:100px;margin-left:auto;padding:.15rem .5rem;font-size:.65rem}.sidebar-footer{border-top:1px solid #ffffff0f;padding-top:1.5rem}.sec-status{color:var(--text-dim);align-items:center;gap:.5rem;font-size:.68rem;display:flex}.sec-live-dot{background:#2ecc71;border-radius:50%;width:6px;height:6px}.admin-main-content,.admin-content{box-sizing:border-box;flex:1;width:100%;min-width:0;max-width:100%;padding:2rem 2.5vw;overflow:hidden auto}.tab-pane{box-sizing:border-box;width:100%;max-width:100%}.pane-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:1.5rem;margin-bottom:2.5rem;display:flex}.pane-title{margin-bottom:.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:2.1rem;font-weight:700}.pane-subtitle{color:var(--text-dim);letter-spacing:2px;font-size:.68rem}.refresh-btn{color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.75rem;display:flex}.spin{animation:.7s linear infinite adminSpin}.stats-grid{grid-template-columns:repeat(4,1fr);gap:1.5rem;margin-bottom:3.5rem;display:grid}.stat-card{background:#0e0e0e;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:1.4rem;padding:1.8rem;display:flex}.stat-icon-wrap{border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:50px;height:50px;display:flex}.stat-icon-wrap.gold{color:#f39c12;background:#f39c121a;border:1px solid #f39c1240}.stat-icon-wrap.blue{color:#3498db;background:#3498db1a;border:1px solid #3498db40}.stat-icon-wrap.purple{color:#9b59b6;background:#9b59b61a;border:1px solid #9b59b640}.stat-icon-wrap.green{color:#2ecc71;background:#2ecc711a;border:1px solid #2ecc7140}.stat-label{color:var(--text-dim);letter-spacing:1px;margin-bottom:.4rem;font-size:.65rem;display:block}.stat-number{font-size:2.2rem;font-weight:500;line-height:1}.stat-number.alert{color:#f39c12}.recent-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.recent-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.35rem;font-weight:700}.view-all-link{color:#fff9;cursor:pointer;background:0 0;border:none;font-size:.75rem}.view-all-link:hover{color:#fff;text-decoration:underline}.inquiries-table-wrap{background:#0d0d0d;border:1px solid #ffffff14;border-radius:8px;overflow-x:auto}.admin-table{border-collapse:collapse;text-align:left;width:100%;font-size:.88rem}.admin-table th{color:var(--text-dim);letter-spacing:1.5px;text-transform:uppercase;background:#ffffff08;border-bottom:1px solid #ffffff12;padding:1.1rem 1.4rem;font-family:JetBrains Mono,monospace;font-size:.68rem}.admin-table td{border-bottom:1px solid #ffffff0a;padding:1.2rem 1.4rem}.contact-sub-items{color:var(--text-dim);flex-direction:column;gap:.2rem;font-size:.75rem;display:flex}.type-badge{color:#ffffffd9;background:#ffffff0a;border:1px solid #ffffff1a;border-radius:4px;padding:.3rem .65rem;font-size:.68rem;display:inline-block}.status-pill{letter-spacing:.5px;border-radius:100px;padding:.3rem .7rem;font-size:.68rem;display:inline-block}.status-pill.new{color:#f39c12;background:#f39c1226;border:1px solid #f39c124d}.status-pill.contacted{color:#3498db;background:#3498db26;border:1px solid #3498db4d}.status-pill.completed{color:#2ecc71;background:#2ecc7126;border:1px solid #2ecc714d}.date-cell{color:var(--text-dim);font-size:.75rem}.table-filter-bar{margin-bottom:2rem;display:flex}.filter-pill-group{gap:.5rem;display:flex}.filter-tab{color:#fff9;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:100px;align-items:center;gap:.4rem;padding:.55rem 1.1rem;font-size:.72rem;transition:all .2s;display:inline-flex}.filter-tab.active{color:#000;background:#fff;border-color:#fff;font-weight:500}.projects-admin-grid{grid-template-columns:repeat(3,1fr);gap:2rem;display:grid}.project-admin-card{background:#0e0e0e;border:1px solid #ffffff14;border-radius:8px;flex-direction:column;display:flex;overflow:hidden}.card-thumb-wrap{aspect-ratio:16/10;background:#141414;width:100%;position:relative}.card-thumb-wrap img{object-fit:cover;width:100%;height:100%}.card-type-tag{color:#fff;background:#000c;border:1px solid #fff3;border-radius:4px;padding:.25rem .6rem;font-size:.62rem;position:absolute;top:.8rem;left:.8rem}.card-draft-tag{color:#fff;background:#e74c3cd9;border-radius:4px;padding:.25rem .6rem;font-size:.62rem;position:absolute;top:.8rem;right:.8rem}.card-body{flex:1;padding:1.4rem}.card-title-row{justify-content:space-between;align-items:baseline;margin-bottom:.4rem;display:flex}.card-proj-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.2rem;font-weight:600}.card-year{color:var(--text-dim);font-size:.68rem}.card-category{color:#f39c12;margin-bottom:.3rem;font-size:.72rem}.card-tech{color:var(--text-dim);margin-bottom:.8rem;font-size:.68rem}.card-desc-snippet{color:var(--text-mid);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.6;display:-webkit-box;overflow:hidden}.card-actions-row{border-top:1px solid #ffffff0f;display:flex}.action-btn{cursor:pointer;background:0 0;border:none;flex:1;justify-content:center;align-items:center;gap:.4rem;padding:.8rem;font-family:inherit;font-size:.78rem;transition:all .2s;display:flex}.action-btn.edit{color:#fffc;border-right:1px solid #ffffff0f}.action-btn.edit:hover{color:#fff;background:#ffffff0d}.action-btn.delete{color:#ff6b6b}.action-btn.delete:hover{background:#e74c3c1a}.inquiry-cards-list{flex-direction:column;gap:1.5rem;display:flex}.inquiry-lead-card{background:#0e0e0e;border:1px solid #ffffff14;border-radius:10px;padding:2rem;transition:border-color .25s}.inquiry-lead-card.new{border-left:4px solid #f39c12}.inquiry-lead-card.contacted{border-left:4px solid #3498db}.inquiry-lead-card.completed{border-left:4px solid #2ecc71}.lead-name-row{align-items:center;gap:1rem;margin-bottom:.6rem;display:flex}.lead-name{font-size:1.3rem;font-weight:500}.lead-meta-row{color:var(--text-dim);flex-wrap:wrap;gap:1.5rem;font-size:.78rem;display:flex}.lead-meta-row span{align-items:center;gap:.4rem;display:flex}.lead-status-control{align-items:center;gap:.8rem;display:flex}.status-select{color:#fff;cursor:pointer;background:#141414;border:1px solid #ffffff26;border-radius:6px;padding:.45rem .9rem;font-size:.75rem}.status-select.new{color:#f39c12;border-color:#f39c1266}.status-select.contacted{color:#3498db;border-color:#3498db66}.status-select.completed{color:#2ecc71;border-color:#2ecc7166}.delete-lead-btn{color:#fff6;cursor:pointer;background:0 0;border:1px solid #ffffff1a;border-radius:6px;justify-content:center;align-items:center;padding:.45rem;transition:all .2s;display:flex}.delete-lead-btn:hover{color:#e74c3c;border-color:#e74c3c4d}.lead-message-box{background:#ffffff06;border:1px solid #ffffff0d;border-radius:6px;padding:1.2rem 1.4rem}.box-label{color:var(--text-dim);letter-spacing:1px;margin-bottom:.5rem;font-size:.65rem;display:block}.message-content{color:#ffffffe6;white-space:pre-wrap;font-size:.95rem;line-height:1.7}.security-container{grid-template-columns:1.2fr 1fr;gap:2.5rem;display:grid}.security-form-card,.security-specs-card{background:#0e0e0e;border:1px solid #ffffff14;border-radius:12px;padding:2.5rem}.card-sec-title{margin-bottom:.6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.45rem;font-weight:700}.card-sec-desc{color:var(--text-dim);margin-bottom:2rem;font-size:.88rem;line-height:1.6}.sec-alert{border-radius:6px;align-items:center;gap:.75rem;margin-bottom:1.8rem;padding:.85rem 1rem;font-size:.85rem;display:flex}.sec-alert.error{color:#ff6b6b;background:#e74c3c1f;border:1px solid #e74c3c59}.sec-alert.success{color:#2ecc71;background:#2ecc711f;border:1px solid #2ecc7159}.sec-features-list{flex-direction:column;gap:1.8rem;margin-top:2rem;display:flex}.sec-spec-item{align-items:flex-start;gap:1.2rem;display:flex}.spec-icon{color:#2ecc71;flex-shrink:0;margin-top:3px}.sec-spec-item strong{color:#fff;margin-bottom:.3rem;font-size:.95rem;display:block}.sec-spec-item p{color:var(--text-dim);font-size:.82rem;line-height:1.6}.modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;padding:2rem;display:flex;position:fixed;inset:0;overflow-y:auto}.project-edit-modal{background:#0f0f0f;border:1px solid #ffffff1f;border-radius:12px;width:100%;max-width:680px;margin:auto;padding:2.5rem}.modal-top{justify-content:space-between;align-items:center;margin-bottom:2rem;display:flex}.modal-head-title{font-family:Plus Jakarta Sans,sans-serif;font-size:1.6rem;font-weight:700}.modal-close{color:#ffffff80;cursor:pointer;background:0 0;border:none}.modal-close:hover{color:#fff}.project-form{flex-direction:column;gap:1.3rem;display:flex}.img-preview-box{background:#050505;border:1px solid #ffffff1a;border-radius:6px;width:100%;height:140px;overflow:hidden}.img-preview-box img{object-fit:cover;width:100%;height:100%}.check-row{justify-content:space-between;align-items:center;display:flex}.checkbox-label{color:#ffffffd9;cursor:pointer;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.modal-actions{border-top:1px solid #ffffff14;justify-content:flex-end;gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:flex}.projects-control-bar{background:#0f0f0f;border:1px solid #ffffff14;border-radius:8px;flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:1.2rem;padding:1rem 1.2rem;display:flex}.project-search-box{flex:1;align-items:center;min-width:240px;display:flex;position:relative}.project-search-box .search-icon{color:var(--text-dim);pointer-events:none;position:absolute;left:.85rem}.project-search-input{color:#fff;background:#181818;border:1px solid #ffffff1a;border-radius:6px;outline:none;width:100%;padding:.55rem 2rem .55rem 2.4rem;font-size:.82rem;transition:all .2s}.project-search-input:focus{border-color:#f39c12;box-shadow:0 0 0 1px #f39c1233}.clear-search-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;display:flex;position:absolute;right:.6rem}.status-filter-select{color:#fff;cursor:pointer;background:#181818;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:.55rem .9rem;font-size:.75rem}.status-filter-select:focus{border-color:#f39c12}.view-mode-group{background:#181818;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.view-mode-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.45rem .75rem;font-size:.75rem;font-weight:500;transition:all .2s;display:inline-flex}.view-mode-btn:hover{color:#fff;background:#ffffff0d}.view-mode-btn.active{color:#fff;background:#2a2a2a;box-shadow:0 2px 6px #0006}.results-info-row{color:var(--text-dim);margin-bottom:1.2rem;padding-left:.2rem;font-size:.75rem}.results-info-row strong{color:#fff}.table-responsive-box{background:#0d0d0d;border:1px solid #ffffff14;border-radius:8px;width:100%;overflow-x:auto}.projects-table{border-collapse:collapse;text-align:left;width:100%}.projects-table th{color:var(--text-dim);letter-spacing:1px;text-transform:uppercase;background:#141414;border-bottom:1px solid #ffffff14;padding:.9rem 1.2rem;font-family:Space Mono,monospace;font-size:.7rem}.projects-table td{vertical-align:middle;border-bottom:1px solid #ffffff0a;padding:.85rem 1.2rem}.projects-table tr:hover td{background:#ffffff05}.project-table-cell{align-items:center;gap:.85rem;display:flex}.table-project-thumb{object-fit:cover;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:4px;flex-shrink:0;width:52px;height:38px}.table-project-title{color:#fff;font-size:.9rem;font-weight:500;line-height:1.3}.table-project-category{color:var(--text-dim);font-size:.68rem}.table-tech-text{color:#ffffffb3;font-size:.75rem}.year-cell{color:var(--text-dim);font-size:.82rem}.status-toggle-btn{cursor:pointer;border:1px solid #0000;border-radius:100px;align-items:center;gap:.35rem;padding:.3rem .65rem;font-size:.68rem;transition:all .2s;display:inline-flex}.status-toggle-btn.published{color:#2ecc71;background:#2ecc711a;border-color:#2ecc7140}.status-toggle-btn.draft{color:#f1c40f;background:#f1c40f1a;border-color:#f1c40f40}.status-toggle-btn:hover{filter:brightness(1.2);transform:translateY(-1px)}.row-actions-btns{justify-content:flex-end;align-items:center;gap:.4rem;display:flex}.icon-action-btn{width:32px;height:32px;color:var(--text-dim);cursor:pointer;background:#181818;border:1px solid #ffffff14;border-radius:5px;justify-content:center;align-items:center;transition:all .2s;display:inline-flex}.icon-action-btn:hover{color:#fff;background:#252525;border-color:#fff3}.icon-action-btn.view:hover{color:#38bdf8;border-color:#38bdf866}.icon-action-btn.edit:hover{color:#f39c12;border-color:#f39c1266}.icon-action-btn.delete:hover{color:#ef4444;border-color:#ef444466}.empty-cell{text-align:center;color:var(--text-dim);padding:3rem!important}.projects-compact-list{flex-direction:column;gap:.85rem;display:flex}.project-compact-row{background:#0d0d0d;border:1px solid #ffffff14;border-radius:8px;align-items:center;gap:1.4rem;padding:1rem 1.4rem;transition:all .25s;display:flex}.project-compact-row:hover{background:#121212;border-color:#ffffff29}.compact-thumb{object-fit:cover;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:6px;flex-shrink:0;width:120px;height:75px}.compact-main-info{flex:1;min-width:0}.compact-header-line{align-items:center;gap:.75rem;margin-bottom:.35rem;display:flex}.compact-title{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:1.05rem;font-weight:500;overflow:hidden}.compact-year{color:var(--text-dim);font-size:.75rem}.status-pill-btn{cursor:pointer;border:1px solid #0000;border-radius:100px;padding:.2rem .55rem;font-size:.65rem;transition:all .2s}.status-pill-btn.published{color:#2ecc71;background:#2ecc711a;border-color:#2ecc7133}.status-pill-btn.draft{color:#f1c40f;background:#f1c40f1a;border-color:#f1c40f33}.compact-tech-line{color:var(--text-dim);align-items:center;gap:.5rem;margin-bottom:.45rem;font-size:.75rem;display:flex}.compact-cat{color:#f39c12}.compact-tech{color:#ffffffbf}.dot-sep{opacity:.3}.compact-desc{color:#ffffff8c;-webkit-line-clamp:1;-webkit-box-orient:vertical;font-size:.82rem;line-height:1.45;display:-webkit-box;overflow:hidden}.compact-actions{flex-shrink:0;align-items:center;gap:.5rem;display:flex}.project-edit-modal.large-modal{background:#111;border:1px solid #ffffff24;border-radius:14px;flex-direction:column;width:95vw;max-width:960px;max-height:92vh;padding:0;display:flex;overflow:hidden;box-shadow:0 30px 90px #000000e6,0 0 0 1px #ffffff0d}.large-modal .modal-header-bar{background:#161616;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1.25rem 2.2rem;display:flex}.modal-header-info{flex-direction:column;gap:.25rem;display:flex}.modal-header-badge{letter-spacing:1.5px;color:#f39c12;text-transform:uppercase;font-size:.68rem;font-weight:600}.modal-head-title{color:#fff;margin:0;font-family:Plus Jakarta Sans,sans-serif;font-size:1.4rem;font-weight:700;line-height:1.3}.modal-close-icon-btn{color:#ffffffa6;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:8px;justify-content:center;align-items:center;width:38px;height:38px;transition:all .2s;display:inline-flex}.modal-close-icon-btn:hover{color:#ef4444;background:#ef44442e;border-color:#ef444466}.modal-subnav-bar{background:#131313;border-bottom:1px solid #ffffff14;padding:.75rem 2.2rem}.modal-tabs-list{align-items:center;gap:.65rem;display:flex}.modal-tab-pill{color:#ffffffd1;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;align-items:center;gap:.55rem;padding:.55rem 1.15rem;font-size:.78rem;transition:all .2s;display:inline-flex}.modal-tab-pill:hover{color:#fff;background:#ffffff1a;border-color:#ffffff38}.modal-tab-pill.active{color:#000;background:#f39c12;border-color:#f39c12;font-weight:600;box-shadow:0 0 16px #f39c1259}.tab-indicator-badge{color:inherit;background:#00000047;border-radius:4px;padding:.12rem .45rem;font-size:.62rem;font-weight:600}.image-upload-group{flex-direction:column;gap:.85rem;display:flex}.image-field-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;display:flex}.image-mode-tabs{background:#181818;border:1px solid #ffffff1a;border-radius:6px;gap:2px;padding:2px;display:inline-flex}.image-mode-btn{color:#ffffffa6;cursor:pointer;background:0 0;border:none;border-radius:4px;align-items:center;gap:.35rem;padding:.35rem .75rem;font-size:.72rem;transition:all .2s;display:inline-flex}.image-mode-btn:hover{color:#fff}.image-mode-btn.active{color:#f39c12;background:#f39c122e;font-weight:600}.upload-dropzone{text-align:center;cursor:pointer;background:#ffffff05;border:2px dashed #ffffff2e;border-radius:10px;justify-content:center;align-items:center;padding:2.2rem 1.4rem;transition:all .25s;display:flex;position:relative}.upload-dropzone:hover{background:#f39c120a;border-color:#f39c12}.upload-dropzone.dragover{background:#f39c1217;border-color:#f39c12;transform:scale(1.006)}.upload-prompt{flex-direction:column;align-items:center;gap:.75rem;display:flex}.upload-icon-circle{color:#f39c12;background:#f39c121f;border:1px solid #f39c1240;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.upload-prompt-text strong{color:#fff;margin-bottom:.25rem;font-size:.92rem;font-weight:600;display:block}.upload-prompt-text p{color:#ffffff8c;margin:0;font-size:.74rem}.upload-loading-state{color:#f39c12;flex-direction:column;align-items:center;gap:.85rem;padding:1rem;font-size:.85rem;display:flex}.upload-loading-state .spinner-icon{animation:1s linear infinite adminSpin}.img-preview-card{background:#161616;border:1px solid #ffffff1f;border-radius:8px;align-items:center;gap:1.2rem;margin-top:.3rem;padding:1rem 1.2rem;display:flex}.img-preview-thumb-box{background:#050505;border:1px solid #ffffff1f;border-radius:6px;flex-shrink:0;width:120px;height:75px;overflow:hidden}.img-preview-thumb-box img{object-fit:cover;width:100%;height:100%}.img-preview-meta{flex-direction:column;flex:1;gap:.35rem;min-width:0;display:flex}.img-preview-status{color:#10b981;align-items:center;gap:.45rem;font-size:.74rem;font-weight:600;display:flex}.img-preview-url{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.72rem;overflow:hidden}.img-preview-actions{align-items:center;gap:.6rem;margin-top:.2rem;display:flex}.img-action-btn{color:#fffc;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.35rem;padding:.32rem .75rem;font-size:.72rem;transition:all .2s;display:inline-flex}.img-action-btn:hover{color:#fff;background:#ffffff24;border-color:#ffffff40}.img-action-btn.delete:hover{color:#ef4444;background:#ef444426;border-color:#ef444466}.large-modal .modal-actions{background:#141414;border-top:1px solid #ffffff14;justify-content:flex-end;align-items:center;gap:1rem;margin-top:0;padding:1.25rem 2.2rem;display:flex}.project-form-wrap{flex-direction:column;flex:1;min-height:0;display:flex;overflow:hidden}.modal-scroll-body{flex:1;padding:1.8rem 2.2rem;overflow-y:auto}.switch-to-editor-banner{background:#f39c1214;border:1px solid #f39c1240;border-radius:8px;justify-content:space-between;align-items:center;gap:1rem;margin-top:1.8rem;padding:1.2rem 1.6rem;display:flex}.switch-to-editor-banner strong{color:#f39c12;margin-bottom:.35rem;font-size:.92rem;display:block}.switch-to-editor-banner p{color:#ffffffbf;margin:0;font-size:.8rem;line-height:1.5}.editor-intro-bar{justify-content:space-between;align-items:center;margin-bottom:1.2rem;display:flex}.editor-tab-heading{color:#fff;margin-bottom:.25rem;font-size:1.05rem;font-weight:500}.editor-tab-desc{color:var(--text-dim);margin:0;font-size:.78rem}.article-preview-modal{background:#0d0d0d;border:1px solid #ffffff1f;border-radius:12px;flex-direction:column;width:92vw;max-width:860px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 30px 80px #000000e6}.preview-modal-top{background:#141414;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.6rem;display:flex}.preview-top-badge{color:#f39c12;letter-spacing:1.5px;align-items:center;gap:.45rem;font-size:.72rem;display:inline-flex}.preview-top-actions{align-items:center;gap:.8rem;display:flex}.preview-edit-btn{color:#fff;cursor:pointer;background:#1f1f1f;border:1px solid #ffffff1f;border-radius:4px;align-items:center;gap:.4rem;padding:.35rem .8rem;font-size:.75rem;display:inline-flex}.preview-edit-btn:hover{color:#000;background:#f39c12;border-color:#f39c12}.preview-modal-scroll{flex:1;overflow-y:auto}.preview-hero-banner{background:#000;width:100%;height:280px;position:relative}.preview-cover-img{object-fit:cover;filter:brightness(.7);width:100%;height:100%}.preview-banner-overlay{background:linear-gradient(#0000 0%,#0d0d0d66 40%,#0d0d0d 100%);position:absolute;inset:0}.preview-banner-text{position:absolute;bottom:1.8rem;left:2.2rem;right:2.2rem}.preview-article-title{color:#fff;margin:.6rem 0 .4rem;font-size:2.2rem;line-height:1.25}.preview-article-meta{color:var(--text-dim);font-size:.75rem}.preview-body-content{padding:2.2rem 2.5rem}.preview-lead-quote{color:#e0e0e0;background:#f39c120d;border-left:3px solid #f39c12;margin-bottom:2rem;padding:.85rem 1.4rem;font-size:1.05rem;font-style:italic;line-height:1.6}.preview-rich-html{color:#d1d5db;font-size:1rem;line-height:1.8}.preview-rich-html h1,.preview-rich-html h2,.preview-rich-html h3{color:#fff;margin:1.5rem 0 .8rem}.preview-rich-html h2{color:#f39c12}.preview-rich-html p{margin-bottom:1rem}.preview-rich-html img{border-radius:8px;max-width:100%;margin:1.5rem 0}.empty-content-box{text-align:center;color:var(--text-dim);background:#141414;border:1px dashed #ffffff26;border-radius:8px;padding:3rem 1.5rem}.empty-content-box p{margin-bottom:1.2rem}.table-filter-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.inquiry-cards-list{flex-direction:column;gap:1.2rem;width:100%;display:flex}.inquiry-lead-card{box-sizing:border-box;background:#0f0f0f;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:1.6rem 2rem;transition:all .25s;position:relative}.inquiry-lead-card:hover{background:#131313;border-color:#ffffff29;box-shadow:0 10px 30px #0006}.inquiry-lead-card.new{background:linear-gradient(90deg,#f39c1208 0%,#0f0f0f 25%);border-left:4px solid #f39c12}.inquiry-lead-card.contacted{background:linear-gradient(90deg,#38bdf808 0%,#0f0f0f 25%);border-left:4px solid #38bdf8}.inquiry-lead-card.completed{background:linear-gradient(90deg,#2ecc7108 0%,#0f0f0f 25%);border-left:4px solid #2ecc71}.lead-header{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:1.5rem;margin-bottom:1.2rem;display:flex}.lead-name-row{flex-wrap:wrap;align-items:center;gap:.85rem;margin-bottom:.6rem;display:flex}.lead-name{color:#fff;margin:0;font-size:1.3rem;font-weight:500}.lead-meta-row{color:#ffffffb3;flex-wrap:wrap;align-items:center;gap:1.4rem;font-size:.8rem;display:flex}.lead-meta-row span{color:#ffffffbf;align-items:center;gap:.45rem;display:inline-flex}.lead-meta-row span svg{color:#f39c12}.lead-status-control{background:#161616;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:.65rem;padding:.35rem .75rem;display:flex}.status-label{color:var(--text-dim);font-size:.72rem}.status-select{color:#fff;cursor:pointer;background:#202020;border:1px solid #ffffff1f;border-radius:4px;outline:none;padding:.4rem .8rem;font-size:.78rem}.status-select:focus{border-color:#f39c12}.lead-message-box{background:#141414;border:1px solid #ffffff0f;border-radius:8px;margin-bottom:1.2rem;padding:1.2rem 1.5rem}.message-label{color:#f39c12;letter-spacing:1.5px;margin-bottom:.45rem;font-size:.68rem;font-weight:600;display:block}.message-text{color:#e4e4e7;white-space:pre-wrap;word-break:break-word;margin:0;font-size:.95rem;line-height:1.65}.lead-footer{border-top:1px solid #ffffff0f;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;display:flex}.ip-badge{color:var(--text-dim);background:#181818;border:1px solid #ffffff0f;border-radius:4px;padding:.25rem .65rem;font-size:.7rem}.lead-actions{align-items:center;gap:.75rem;display:flex}.lead-action-link{color:#fff;background:#1c1c1c;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem 1rem;font-size:.78rem;text-decoration:none;transition:all .2s;display:inline-flex}.lead-action-link:hover{color:#000;background:#f39c12;border-color:#f39c12;transform:translateY(-1px)}.lead-delete-btn{color:#ef4444;cursor:pointer;background:#ef44441a;border:1px solid #ef444440;border-radius:6px;align-items:center;gap:.45rem;padding:.45rem .9rem;font-size:.78rem;transition:all .2s;display:inline-flex}.lead-delete-btn:hover{color:#fff;background:#ef4444;border-color:#ef4444}@media (width<=1024px){.stats-grid,.projects-admin-grid{grid-template-columns:repeat(2,1fr)}.security-container{grid-template-columns:1fr}}@media (width<=768px){.admin-topbar{padding:.85rem 1rem}.topbar-brand{font-size:1.15rem}.topbar-badge{display:none}.topbar-right{gap:.6rem}.topbar-btn{padding:.45rem .75rem;font-size:.72rem}.topbar-btn-text{display:none}.admin-user-info{gap:.35rem;font-size:.72rem}.admin-main-container{flex-direction:column}.admin-sidebar{box-sizing:border-box;background:#0d0d0d;border-bottom:1px solid #ffffff14;border-right:none;width:100%;padding:.6rem .85rem}.sidebar-nav{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.4rem;padding-bottom:2px;overflow-x:auto}.sidebar-nav::-webkit-scrollbar{display:none}.sidebar-link{white-space:nowrap;border-radius:6px;flex-shrink:0;gap:.5rem;padding:.5rem .85rem;font-size:.75rem}.sidebar-footer{display:none}.admin-main-content{padding:1.25rem 1rem 3rem}.pane-header{flex-direction:column;align-items:stretch;gap:1rem;margin-bottom:1.5rem}.pane-title{font-size:1.55rem;line-height:1.25}.pane-subtitle{font-size:.62rem}.add-btn{justify-content:center;width:100%;padding:.85rem}.projects-control-bar{flex-direction:column;align-items:stretch;gap:.75rem;margin-bottom:1.2rem;padding:.85rem}.project-search-box{width:100%;min-width:100%}.filter-pill-group{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-wrap:nowrap;gap:.4rem;width:100%;padding-bottom:4px;overflow-x:auto}.filter-pill-group::-webkit-scrollbar{display:none}.filter-tab{white-space:nowrap;flex-shrink:0;padding:.45rem .85rem;font-size:.68rem}.status-filter-select{width:100%}.view-mode-group{justify-content:space-around;width:100%;padding:3px}.view-mode-btn{flex:1;justify-content:center;padding:.45rem .5rem;font-size:.72rem}.stats-grid{grid-template-columns:1fr;gap:1rem;margin-bottom:2rem}.stat-card{padding:1.2rem 1.4rem}.stat-number{font-size:1.8rem}.table-responsive-box{-webkit-overflow-scrolling:touch;overflow-x:auto}.projects-table{min-width:600px}.inquiries-table-wrap{-webkit-overflow-scrolling:touch;overflow-x:auto}.admin-table{min-width:620px}.projects-admin-grid{grid-template-columns:1fr;gap:1.5rem}.project-compact-row{flex-direction:column;align-items:stretch;gap:.85rem;padding:1rem}.compact-thumb{width:100%;height:160px}.compact-main-info{width:100%}.compact-header-line{flex-wrap:wrap;gap:.5rem}.compact-title{white-space:normal;font-size:1rem;overflow:visible}.compact-tech-line{flex-wrap:wrap;gap:.4rem;font-size:.72rem}.compact-desc{-webkit-line-clamp:2;font-size:.82rem;line-height:1.5}.compact-actions{border-top:1px solid #ffffff0f;justify-content:flex-end;width:100%;margin-top:.2rem;padding-top:.65rem}.inquiry-lead-card{padding:1.25rem 1rem}.lead-header{flex-direction:column;align-items:stretch;gap:.85rem;margin-bottom:1rem}.lead-name-row{justify-content:space-between;width:100%}.lead-name{font-size:1.15rem}.lead-meta-row{gap:.85rem;font-size:.75rem}.lead-status-control{justify-content:space-between;width:100%}.lead-footer{flex-direction:column;align-items:stretch;gap:.85rem}.lead-actions{justify-content:space-between;width:100%}.lead-action-link,.lead-delete-btn{flex:1;justify-content:center}.modal-backdrop{align-items:stretch;padding:0}.project-edit-modal.large-modal{border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh;margin:0}.modal-top{border-bottom:1px solid #ffffff14;margin-bottom:0;padding:.9rem 1rem}.modal-head-title{font-size:1.25rem}.modal-scroll-body{padding:1rem}.modal-actions{border-top:1px solid #ffffff14;flex-direction:column-reverse;gap:.6rem;margin-top:0;padding:.9rem 1rem}.modal-actions button{justify-content:center;width:100%;padding:.85rem}.article-preview-modal{border:none;border-radius:0;width:100vw;max-width:100vw;height:100dvh;max-height:100dvh}.preview-modal-top{padding:.75rem 1rem}.preview-hero-banner{height:200px}.preview-banner-text{bottom:1rem;left:1rem;right:1rem}.preview-article-title{font-size:1.45rem}.preview-body-content{padding:1.2rem 1rem 3rem}.security-container{grid-template-columns:1fr;gap:1.5rem}.security-form-card,.security-specs-card{padding:1.5rem 1.2rem}.large-modal .modal-header-bar{padding:1rem 1.2rem}.modal-subnav-bar{padding:.6rem 1rem}.modal-tabs-list{flex-wrap:wrap;gap:.5rem}.modal-tab-pill{padding:.45rem .85rem;font-size:.74rem}.img-preview-card{flex-direction:column;align-items:flex-start;gap:.85rem}.img-preview-thumb-box{width:100%;height:140px}.form-input,.form-select,.form-textarea{font-size:16px}}@media (width<=480px){.user-name-text{display:none}.admin-login-card,.admin-login-box{padding:2rem 1.2rem}}.img-load-failed{opacity:.35;filter:grayscale()}.media-library-container{flex-direction:column;gap:1.5rem;width:100%;display:flex}.media-library-container.is-picker-mode{background:#0d0d0d;padding:1.25rem 1.5rem}.media-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;display:flex}.media-title-row{align-items:center;gap:.9rem;display:flex}.media-icon-badge{color:#f39c12;background:#f39c121f;border:1px solid #f39c124d;border-radius:10px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.media-title{color:#fff;margin:0 0 .2rem;font-size:1.25rem;font-weight:600}.media-subtitle{color:var(--text-dim,#888);margin:0;font-size:.8rem}.media-header-actions{align-items:center;gap:.65rem;display:flex}.spinning{animation:.8s linear infinite spin}.close-picker-btn{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:1px solid #ffffff1f;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.close-picker-btn:hover{color:#fff;background:#ffffff14;border-color:#ffffff40}.media-dropzone{cursor:pointer;background:#ffffff04;border:2px dashed #ffffff24;border-radius:12px;padding:2.2rem 1.5rem;transition:all .25s;position:relative}.media-dropzone:hover,.media-dropzone.drag-over{background:#f39c120a;border-color:#f39c12}.media-dropzone.uploading{cursor:wait;background:#f39c120f;border-color:#f39c12}.dropzone-content{text-align:left;justify-content:center;align-items:center;gap:1.25rem;display:flex}.dropzone-icon-wrap{color:#f39c12;background:#f39c121a;border:1px solid #f39c1240;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex}.dropzone-title{color:#fff;margin:0 0 .3rem;font-size:.95rem;font-weight:600}.dropzone-hint{color:var(--text-dim,#888);margin:0;font-size:.76rem}.media-toolbar{justify-content:space-between;align-items:center;gap:1rem;display:flex}.media-search-wrap{flex:1;max-width:420px;position:relative}.media-search-wrap .search-icon{color:var(--text-dim,#777);position:absolute;top:50%;left:.85rem;transform:translateY(-50%)}.media-search-input{color:#fff;box-sizing:border-box;background:#111;border:1px solid #ffffff1a;border-radius:8px;width:100%;padding:.6rem 2.2rem .6rem 2.4rem;font-size:.85rem;transition:all .2s}.media-search-input:focus{border-color:#f39c12;outline:none;box-shadow:0 0 0 1px #f39c1233}.clear-search-btn{color:var(--text-dim,#777);cursor:pointer;background:0 0;border:none;padding:2px;position:absolute;top:50%;right:.75rem;transform:translateY(-50%)}.clear-search-btn:hover{color:#fff}.media-layout-toggle{background:#111;border:1px solid #ffffff1a;border-radius:8px;display:flex;overflow:hidden}.layout-btn{color:var(--text-dim,#777);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:.55rem .75rem;transition:all .2s;display:flex}.layout-btn:hover{color:#fff}.layout-btn.active{color:#f39c12;background:#ffffff14}.media-error-banner{color:#ef4444;background:#ef44441f;border:1px solid #ef44444d;border-radius:8px;justify-content:space-between;align-items:center;padding:.75rem 1rem;font-size:.82rem;display:flex}.media-error-banner button{color:#fff;cursor:pointer;background:#ef444433;border:none;border-radius:4px;padding:.3rem .75rem;font-size:.78rem}.media-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:1.25rem;display:grid}.media-card{background:#111;border:1px solid #ffffff14;border-radius:10px;flex-direction:column;transition:all .25s;display:flex;position:relative;overflow:hidden}.media-card:hover{border-color:#f39c1266;transform:translateY(-2px);box-shadow:0 10px 25px #00000080}.media-card.picker-card{cursor:pointer}.media-thumb-wrapper{background:#080808;justify-content:center;align-items:center;width:100%;height:160px;display:flex;position:relative;overflow:hidden}.media-thumb-img{object-fit:cover;width:100%;height:100%;transition:transform .35s}.media-card:hover .media-thumb-img{transform:scale(1.05)}.media-format-badge{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);color:#fff;letter-spacing:.05em;z-index:2;background:#000000bf;border:1px solid #ffffff26;border-radius:4px;padding:.15rem .45rem;font-size:.65rem;font-weight:600;position:absolute;top:.55rem;left:.55rem}.media-thumb-overlay{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);opacity:0;z-index:3;background:#000000b3;justify-content:center;align-items:center;transition:opacity .2s;display:flex;position:absolute;inset:0}.media-card:hover .media-thumb-overlay{opacity:1}.overlay-btns-row{gap:.5rem;display:flex}.overlay-action-btn{color:#fff;cursor:pointer;background:#1c1c1c;border:1px solid #fff3;border-radius:8px;justify-content:center;align-items:center;width:36px;height:36px;transition:all .2s;display:flex}.overlay-action-btn:hover{transform:translateY(-2px)}.overlay-action-btn.view:hover{color:#000;background:#38bdf8;border-color:#38bdf8}.overlay-action-btn.copy:hover{color:#000;background:#f39c12;border-color:#f39c12}.overlay-action-btn.delete:hover{color:#fff;background:#ef4444;border-color:#ef4444}.picker-select-btn{color:#000;cursor:pointer;background:#f39c12;border:none;border-radius:6px;align-items:center;gap:.4rem;padding:.6rem 1rem;font-size:.8rem;font-weight:600;transition:all .2s;display:inline-flex;box-shadow:0 4px 15px #f39c1259}.picker-select-btn:hover{background:#e67e22;transform:scale(1.05)}.media-info-bar{background:#111;flex-direction:column;gap:.25rem;padding:.85rem 1rem;display:flex}.media-filename{color:#eee;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;font-weight:500;overflow:hidden}.media-meta-line{color:var(--text-dim,#777);align-items:center;gap:.4rem;font-size:.72rem;display:flex}.media-meta-line .dot{color:#444;font-size:.6rem}.copied-toast{color:#000;z-index:4;background:#10b981;border-radius:6px;justify-content:center;align-items:center;gap:.35rem;padding:.4rem .6rem;font-size:.75rem;font-weight:600;animation:.2s fadeIn;display:flex;position:absolute;bottom:.75rem;left:.75rem;right:.75rem}.media-table-wrapper{background:#111;border:1px solid #ffffff14;border-radius:10px;overflow-x:auto}.media-table{border-collapse:collapse;width:100%}.media-table th{color:var(--text-dim,#888);letter-spacing:.05em;text-align:left;background:#161616;border-bottom:1px solid #ffffff14;padding:.85rem 1rem;font-size:.75rem;font-weight:600}.media-table td{color:#ddd;vertical-align:middle;border-bottom:1px solid #ffffff0d;padding:.85rem 1rem;font-size:.83rem}.media-table tr:hover td{background:#ffffff05}.media-list-thumb{object-fit:cover;cursor:pointer;background:#000;border:1px solid #ffffff1a;border-radius:6px;width:48px;height:48px;display:block}.media-list-name{white-space:nowrap;text-overflow:ellipsis;color:#fff;max-width:250px;font-weight:500;display:block;overflow:hidden}.media-loading-state,.media-empty-state{text-align:center;color:var(--text-dim,#777);background:#0d0d0d;border:1px dashed #ffffff14;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.media-loading-state{gap:1rem}.media-empty-state .empty-icon{color:#333;margin-bottom:1rem}.media-empty-state .empty-title{color:#fff;margin:0 0 .5rem;font-size:1.1rem}.media-empty-state .empty-desc{max-width:450px;margin:0;font-size:.82rem;line-height:1.5}.media-preview-backdrop{-webkit-backdrop-filter:blur(10px);z-index:1000000;box-sizing:border-box;background:#000000e0;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.media-preview-modal{background:#111;border:1px solid #ffffff26;border-radius:14px;flex-direction:column;width:100%;max-width:880px;max-height:90vh;animation:.25s cubic-bezier(.16,1,.3,1) scaleUp;display:flex;overflow:hidden;box-shadow:0 35px 80px #000000f2}.preview-modal-header{background:#161616;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:1rem 1.5rem;display:flex}.preview-title{white-space:nowrap;text-overflow:ellipsis;max-width:80%;font-size:.9rem;font-weight:500;overflow:hidden}.close-preview-btn{color:var(--text-dim,#888);cursor:pointer;background:0 0;border:none;padding:4px}.close-preview-btn:hover{color:#fff}.preview-modal-body{background:#000;justify-content:center;align-items:center;max-height:60vh;padding:1.5rem;display:flex;overflow:hidden}.preview-big-img{object-fit:contain;border-radius:8px;max-width:100%;max-height:60vh}.preview-modal-footer{background:#161616;border-top:1px solid #ffffff14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;padding:1rem 1.5rem;display:flex}.preview-meta{color:var(--text-dim,#888);gap:.5rem;font-size:.78rem;display:flex}.preview-actions{gap:.65rem;display:flex}.media-picker-backdrop{-webkit-backdrop-filter:blur(8px);z-index:999999;box-sizing:border-box;background:#000000d9;justify-content:center;align-items:center;padding:1.5rem;animation:.2s fadeIn;display:flex;position:fixed;inset:0}.media-picker-modal{box-sizing:border-box;background:#111;border:1px solid #ffffff26;border-radius:14px;width:100%;max-width:980px;max-height:85vh;overflow-y:auto;box-shadow:0 30px 80px #000000e6}@media (width<=768px){.media-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.85rem}.media-thumb-wrapper{height:120px}.media-header{flex-direction:column;align-items:flex-start}.media-header-actions{justify-content:flex-start;width:100%}.dropzone-content{text-align:center;flex-direction:column}}