@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0a0b0d;--panel:#15171a;--panel2:#1d2024;--line:#303238;--white:#f3f4f1;--soft:#a2a5a6;--accent:#d3fc61;--font:Manrope,'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--white);font-family:var(--font);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}::selection{background:var(--accent);color:#111}.hidden{display:none!important}.point{color:var(--accent)}.muted{color:var(--soft)}.small{font-size:12px}.eyebrow{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.18em}.wordmark{font-weight:800;font-size:28px;letter-spacing:-.09em;white-space:nowrap}.wordmark small{font-size:8px;letter-spacing:.32em;font-weight:800;margin-left:12px;vertical-align:middle;color:#a6a9aa}.topbar{position:absolute;top:0;left:0;right:0;z-index:4;height:94px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff14}.topbar nav{display:flex;gap:38px;align-items:center}.topbar nav a{font-size:10px;letter-spacing:.12em;font-weight:800}.topbar nav a:hover,.text-link:hover{color:var(--accent)}.nav-contact{border:1px solid #ffffff55;border-radius:30px;padding:14px 20px}.nav-contact span{margin-left:18px;color:var(--accent)}.nav-toggle{display:none}.hero{min-height:800px;height:min(920px,100svh);position:relative;overflow:hidden;display:flex;align-items:center;background:radial-gradient(ellipse at 85% 20%,#2c352b 0,transparent 44%),radial-gradient(ellipse at 10% 80%,#181c21 0,transparent 44%),#0b0d0e}.hero-glow{position:absolute;inset:0;background:linear-gradient(120deg,#00000099 5%,transparent 65%)}.hero-grain{position:absolute;inset:0;opacity:.3;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.11'/%3E%3C/svg%3E")}.hero-inner{position:relative;width:100%;padding:100px 10% 60px}.kicker{display:flex;align-items:center;gap:12px;font-size:10px;letter-spacing:.22em;font-weight:800;color:#c9cecb}.kicker .dot,.green-dot{background:var(--accent);width:7px;height:7px;border-radius:50%;display:inline-block}.kicker .aside{color:#767c7b;margin-left:auto}.hero h1{font-size:clamp(55px,7.7vw,134px);line-height:.98;font-weight:800;letter-spacing:-.09em;margin:75px 0 50px;max-width:1200px}.hero h1 em,.section h2 i,.about h2 i,.contact h2 i,.auth-card h1 i{font-style:normal;color:var(--accent)}.outline{color:transparent;-webkit-text-stroke:1.5px #edf0eb}.hero-footer{display:flex;align-items:end;justify-content:space-between;max-width:1100px}.hero-footer p{font-size:16px;line-height:1.8;color:#afb7b4;max-width:460px}.circle-link{display:grid;place-items:center;height:76px;width:76px;border:1px solid #c5cfc4;border-radius:50%;font-size:36px;transition:.2s}.circle-link:hover{background:var(--accent);color:#111}.vertical-label{position:absolute;right:25px;bottom:140px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.25em;color:#959b97}.ticker{overflow:hidden;background:var(--accent);color:#10110e;padding:16px 0;font-weight:800;letter-spacing:.03em;white-space:nowrap}.ticker div{font-size:17px;word-spacing:14px;animation:marquee 35s linear infinite;width:max-content}.ticker span{padding:0 24px}@keyframes marquee{to{transform:translateX(-42%)}}.section{padding:135px 10%}.section-header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.section-header h2,.about h2,.contact h2{font-size:clamp(42px,5.7vw,88px);letter-spacing:-.085em;line-height:1.04;margin:17px 0 0;font-weight:800}.section-header>p{max-width:290px;color:#989f9f;font-size:14px;line-height:1.8}.filterbar{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:27px}.filter{background:none;border:1px solid #393e40;border-radius:30px;color:#949c9b;font-size:10px;font-weight:800;letter-spacing:.12em;padding:13px 19px}.filter.active,.filter:hover{background:var(--accent);color:#141715;border-color:var(--accent)}.works-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.project-card{min-width:0}.project-image{height:340px;display:block;position:relative;overflow:hidden;background:#2b3331}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-image:hover img{transform:scale(1.045)}.project-image .art{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden;font-size:clamp(40px,6vw,95px);font-weight:800;letter-spacing:-.1em;color:#fff9;text-align:center;padding:20px}.art.one{background:radial-gradient(circle at 75% 35%,#a29578 0,transparent 34%),linear-gradient(125deg,#38413b,#0a181d)}.art.two{background:radial-gradient(ellipse at 40% 25%,#4a6e86 0,transparent 55%),linear-gradient(135deg,#32333d,#080d18)}.art.three{background:radial-gradient(circle at 70% 60%,#f4ac7790 0,transparent 37%),linear-gradient(130deg,#5f453d,#1f1f22)}.art.four{background:radial-gradient(ellipse at 20% 80%,#a7af7e 0,transparent 50%),linear-gradient(145deg,#293127,#101319)}.project-image .play{position:absolute;top:18px;right:18px;border:1px solid #ffffff99;border-radius:50%;width:42px;height:42px;display:grid;place-items:center;background:#0004}.project-details{display:flex;justify-content:space-between;padding:20px 2px 25px;border-bottom:1px solid #33383a}.project-details h3{font-size:19px;margin:0 0 7px;letter-spacing:-.04em}.project-details p{font-size:11px;letter-spacing:.12em;color:#909998;margin:0;text-transform:uppercase}.project-details span{color:var(--accent);font-size:22px}.works .small{margin-top:18px}.services{background:#101214}.service-list>div{display:grid;grid-template-columns:70px 1.3fr 1fr 30px;align-items:center;gap:25px;padding:38px 0;border-top:1px solid #373b3e}.service-list>div:last-child{border-bottom:1px solid #373b3e}.service-list b{color:var(--accent);font-size:12px}.service-list h3{font-size:clamp(17px,2vw,27px);margin:0;letter-spacing:-.04em}.service-list p{color:var(--soft);line-height:1.6;font-size:13px}.service-list span{font-size:25px;color:var(--accent)}.about{padding:130px 10%;background:var(--accent);color:#141717}.about-inner{display:grid;grid-template-columns:1fr 2fr;gap:35px}.about .eyebrow{color:#3d4839}.about h2 i{color:#717d53}.about-inner>div>p{max-width:650px;line-height:1.9;font-size:17px;margin:35px 0;color:#424b40}.text-link{font-size:12px;font-weight:800;letter-spacing:.1em;border-bottom:1px solid #141717;padding-bottom:12px}.contact{padding-top:160px;padding-bottom:160px}.contact h2{font-size:clamp(66px,9vw,155px)}.contact-footer{display:flex;justify-content:space-between;align-items:end;border-top:1px solid #3c4241;padding-top:35px;margin-top:85px}.contact-footer a{font-weight:800;font-size:20px;border-bottom:1px solid var(--accent);padding-bottom:12px}.contact-footer p{color:#aeb5b4;line-height:1.8;font-size:14px}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:32px 10%;border-top:1px solid #33393a}footer span,footer a{font-size:11px;color:#a3aaa6;letter-spacing:.12em}footer .wordmark{font-size:25px;color:#fff;letter-spacing:-.09em}.loading{padding:60px;color:var(--soft)}
/* STUDIO */.studio-topbar{height:75px;border-bottom:1px solid var(--line);padding:0 5%;display:flex;align-items:center;justify-content:space-between}.studio-main{min-height:calc(100svh - 75px)}.auth-card{width:min(475px,calc(100% - 32px));margin:8vh auto;background:var(--panel);border:1px solid var(--line);padding:42px;border-radius:18px}.auth-card h1{font-size:48px;letter-spacing:-.08em;line-height:1.06;margin:18px 0}.auth-card>p{font-size:13px;color:var(--soft);line-height:1.8;margin-bottom:30px}.form-stack{display:flex;flex-direction:column;gap:18px}.form-stack label{font-size:11px;letter-spacing:.04em;color:#b9c0be;font-weight:700;display:flex;flex-direction:column;gap:9px}.form-stack input,.form-stack textarea,.form-stack select{width:100%;border:1px solid #383c41;background:#22262a;color:#fff;padding:13px 14px;border-radius:8px;outline:0;font-size:14px;letter-spacing:normal}.form-stack input:focus,.form-stack textarea:focus,.form-stack select:focus{border-color:var(--accent)}.form-stack input[type=color]{height:47px;padding:5px}.lime-btn{background:var(--accent);color:#111;border:0;border-radius:7px;padding:15px 20px;font-size:11px;font-weight:800;letter-spacing:.09em}.lime-btn:hover{filter:brightness(.92)}.small-btn{background:transparent;border:1px solid #4a504c;color:#d8ddd8;border-radius:20px;padding:10px 15px;font-weight:700;font-size:11px}.link-button{border:0;background:none;color:var(--soft);text-decoration:underline;font-size:12px}.form-message{font-size:13px;line-height:1.5;margin:0}.form-message.error{color:#ff9a9a}.form-message.success{color:var(--accent)}.dashboard{display:grid;grid-template-columns:230px 1fr;min-height:calc(100svh - 75px)}.studio-sidebar{background:#101214;border-right:1px solid var(--line);padding:35px 18px;display:flex;flex-direction:column;gap:8px}.sidebar-heading{font-size:10px;color:#8b9592;font-weight:800;letter-spacing:.16em;padding:0 13px 25px}.sidebar-heading .green-dot{float:right}.side-link{padding:15px;text-align:left;font-size:11px;font-weight:700;letter-spacing:.08em;color:#aeb3b0;border:0;background:transparent;border-radius:6px}.side-link.active,.side-link:hover{background:#2c322b;color:var(--accent)}.sidebar-user{margin-top:auto;border-top:1px solid var(--line);padding:18px 10px;word-break:break-word}.sidebar-user span,.sidebar-user small{display:block;font-size:11px}.sidebar-user small{color:var(--accent);text-transform:uppercase;margin-top:8px}.studio-content{padding:50px 6%;max-width:1440px;width:100%}.admin-heading{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:35px}.admin-heading h1{margin:14px 0 0;font-size:clamp(32px,4.4vw,58px);letter-spacing:-.08em}.stat-strip{display:grid;grid-template-columns:repeat(3,1fr);background:var(--panel);border:1px solid var(--line);border-radius:10px;margin-bottom:32px}.stat-strip>div{padding:24px;border-right:1px solid var(--line)}.stat-strip>div:last-child{border:0}.stat-strip strong{font-size:35px;display:block}.stat-strip span{font-size:10px;letter-spacing:.15em;color:var(--soft)}.admin-list{display:flex;flex-direction:column;gap:12px}.admin-item{display:flex;justify-content:space-between;align-items:center;gap:15px;border:1px solid var(--line);background:var(--panel);padding:18px 22px;border-radius:9px}.admin-item h3{font-size:15px;margin:0 0 7px}.admin-item p{color:var(--soft);font-size:11px;margin:0}.admin-item button{border:1px solid #5a625a;color:var(--accent);border-radius:5px;padding:10px 16px;background:none;font-size:11px;font-weight:800}.pill{display:inline-block;border-radius:15px;padding:5px 8px;font-size:9px;margin-left:8px;background:#343938;color:#c9d0ca;text-transform:uppercase}.pill.published{background:#31402b;color:var(--accent)}.editor-card{border:1px solid var(--line);background:var(--panel);border-radius:10px;padding:26px;max-width:780px;margin-top:30px}.editor-card p{font-size:13px;line-height:1.7;color:#b1b8b5}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.modal-backdrop{position:fixed;z-index:20;inset:0;background:#000b;display:flex;justify-content:center;align-items:center;padding:20px;overflow:auto}.modal{background:#191c20;border:1px solid #41464b;border-radius:12px;width:min(650px,100%);max-height:95vh;overflow:auto;padding:28px}.modal-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.modal-header h2{margin:0;font-size:23px;letter-spacing:-.05em}.modal-header button{background:none;border:0;color:#fff;font-size:25px}.modal-actions{display:flex;justify-content:space-between;gap:15px}.danger-btn{background:none;color:#ff9d9d;border:1px solid #be5252;border-radius:7px;padding:12px 17px;font-size:11px}.admin-site code{color:var(--accent)}
@media(max-width:900px){.hero{min-height:680px}.hero-inner{padding-left:7%;padding-right:7%}.topbar{padding:0 7%}.section{padding:100px 7%}.section-header{display:block}.section-header>p{margin-top:30px}.about{padding:100px 7%}.contact{padding:100px 7%}.about-inner{grid-template-columns:1fr}.service-list>div{grid-template-columns:40px 1fr 24px}.service-list p{grid-column:2;grid-row:2}.service-list span{grid-column:3;grid-row:1}.project-image{height:270px}.dashboard{grid-template-columns:170px 1fr}.studio-content{padding:40px 4%}}@media(max-width:650px){.topbar{height:76px}.nav-toggle{display:block;background:none;border:1px solid #59605b;color:#fff;border-radius:6px;padding:8px 11px}.topbar nav{display:none;position:absolute;top:75px;left:0;right:0;padding:25px 7%;flex-direction:column;align-items:stretch;gap:18px;background:#111416}.topbar nav.open{display:flex}.hero{height:auto;min-height:730px}.hero-inner{padding:110px 7% 50px}.hero h1{font-size:clamp(47px,12vw,75px);margin:70px 0 50px}.kicker{flex-wrap:wrap}.kicker .aside{margin:0;width:100%;padding-left:20px}.hero-footer p{max-width:255px;font-size:13px}.circle-link{height:58px;width:58px;flex-shrink:0}.vertical-label{display:none}.section{padding:85px 7%}.section-header h2,.about h2{font-size:48px}.works-grid{grid-template-columns:1fr}.project-image{height:275px}.service-list>div{padding:27px 0;gap:13px;grid-template-columns:24px 1fr 20px}.service-list h3{font-size:17px}.about{padding:75px 7%}.about-inner>div>p{font-size:14px}.contact h2{font-size:64px}.contact-footer{display:block}.contact-footer p{margin-top:30px}.studio-topbar{padding:0 15px}.studio-topbar>.small{display:none}.dashboard{display:block}.studio-sidebar{flex-direction:row;flex-wrap:wrap;padding:10px;gap:4px}.sidebar-heading,.sidebar-user{display:none}.side-link{padding:12px;font-size:10px}.studio-content{padding:35px 16px}.admin-heading h1{font-size:38px}.admin-heading .lime-btn{font-size:9px;padding:12px}.stat-strip>div{padding:15px}.stat-strip strong{font-size:27px}.stat-strip span{font-size:8px}.auth-card{padding:28px}.form-grid{grid-template-columns:1fr}.admin-item{padding:14px}.modal{padding:20px}}