@import "tailwindcss";

:root{--ink:#07070a;--paper:#f4f1ea;--white:#fffdf7;--muted:#a5a2aa;--line:rgba(255,255,255,.13);--acid:#b9ff43;--aqua:#46f4d2;--violet:#8e5cff;--pink:#ff4fa3}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}::selection{background:var(--acid);color:#08080a}.section-shell{width:min(1240px,calc(100% - 48px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;height:78px;padding:0 max(24px,calc((100vw - 1240px)/2));display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:36px;background:rgba(7,7,10,.83);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.brand{display:flex;align-items:center;gap:12px;font-weight:850;letter-spacing:-.03em}.brand img{width:36px;height:36px;border-radius:11px}.site-header nav{display:flex;gap:30px;font-size:13px;color:#c6c3cb}.site-header nav a,.header-cta{transition:color .2s,transform .2s}.site-header nav a:hover{color:var(--acid)}.header-cta{justify-self:end;border:1px solid var(--line);border-radius:999px;padding:11px 17px;font-size:12px;font-weight:750}.header-cta:hover{color:var(--ink);background:var(--acid);transform:translateY(-2px)}
.hero{min-height:calc(100vh - 78px);display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;position:relative;padding-block:86px 100px;overflow:hidden}.hero::before{content:"";position:absolute;inset:3% -20% auto 40%;height:540px;background:radial-gradient(circle,rgba(142,92,255,.18),transparent 64%);pointer-events:none}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--acid);margin:0 0 24px}.eyebrow span{display:inline-block;width:34px;height:1px;vertical-align:middle;margin-right:11px;background:currentColor}.hero h1,.section-heading h2,.contact h2,.manifesto h2{font-family:Georgia,"Times New Roman",serif;font-weight:500;letter-spacing:-.065em;line-height:.9;margin:0}.hero h1{font-size:clamp(64px,8vw,122px);max-width:800px}h1 em,h2 em{color:var(--acid);font-weight:inherit}.hero-lede{max-width:610px;color:#bcb8c1;font-size:clamp(17px,1.7vw,22px);line-height:1.55;margin:34px 0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px}.button{display:inline-flex;min-height:52px;align-items:center;justify-content:center;padding:0 22px;border-radius:13px;font-size:13px;font-weight:800;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:var(--paper);color:var(--ink)}.button-primary:hover{background:var(--acid)}.button-ghost{border:1px solid var(--line);color:#d4d1d8;background:transparent}.hero-orbit{position:relative;aspect-ratio:1;width:min(560px,45vw);justify-self:end}.orbit-ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:14%;animation:spin 24s linear infinite}.orbit-ring::after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--acid);top:17%;right:4%;box-shadow:0 0 24px var(--acid)}.orbit-ring-two{inset:29%;border-style:dashed;animation-direction:reverse;animation-duration:32s}.orbit-core{position:absolute;inset:38%;display:grid;place-items:center;border-radius:28%;background:linear-gradient(145deg,rgba(70,244,210,.16),rgba(142,92,255,.18));border:1px solid rgba(255,255,255,.2);box-shadow:0 24px 80px rgba(0,0,0,.45);transform:rotate(7deg)}.orbit-core img{width:58%;transform:rotate(-7deg);filter:brightness(1.18) saturate(1.08)}.orbit-project{position:absolute;width:132px;height:86px;padding:16px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.24),rgba(255,255,255,.09));border:1px solid rgba(255,255,255,.32);backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.14),0 0 32px rgba(142,92,255,.13);transition:transform .25s,border-color .25s,background .25s}.orbit-project:hover{transform:scale(1.06) rotate(-2deg);border-color:var(--acid);background:linear-gradient(145deg,rgba(255,255,255,.34),rgba(70,244,210,.12))}.orbit-project img{max-height:54px;object-fit:contain;filter:brightness(1.32) contrast(1.08) saturate(1.16) drop-shadow(0 4px 18px rgba(0,0,0,.24))}.orbit-the-rift{background:linear-gradient(145deg,rgba(255,255,255,.86),rgba(224,218,234,.66));border-color:rgba(255,255,255,.75)}.orbit-the-rift img{filter:brightness(1.22) contrast(1.24) saturate(1.28) drop-shadow(0 4px 18px rgba(0,0,0,.18))}.orbit-project-1{top:7%;left:2%}.orbit-project-2{right:0;top:27%}.orbit-project-3{bottom:6%;left:14%}.orbit-caption{position:absolute;bottom:1%;right:7%;color:#74717b;font-size:10px;letter-spacing:.15em;text-transform:uppercase}.scroll-cue{position:absolute;left:0;bottom:28px;display:flex;align-items:center;gap:12px;color:#77737f;font-size:9px;letter-spacing:.18em}.scroll-cue i{font-size:20px;font-style:normal;color:var(--acid)}@keyframes spin{to{transform:rotate(360deg)}}
.manifesto{padding-block:120px;border-top:1px solid var(--line)}.manifesto-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:end}.manifesto h2{font-size:clamp(50px,6vw,88px)}.manifesto-grid>p{color:#aaa6b0;font-size:20px;line-height:1.65;margin:0;max-width:580px}.pillars{display:grid;grid-template-columns:repeat(3,1fr);margin-top:80px;border-top:1px solid var(--line)}.pillars article{padding:32px 34px 14px 0;min-height:230px;border-right:1px solid var(--line)}.pillars article+article{padding-left:34px}.pillars article:last-child{border-right:0}.pillars span{font-size:10px;color:var(--acid)}.pillars h3{font-family:Georgia,serif;font-size:36px;font-weight:500;margin:42px 0 15px}.pillars p{color:#8e8a94;line-height:1.65;margin:0}
.studio{padding-block:120px}.section-heading{display:grid;grid-template-columns:.65fr 1.5fr .85fr;align-items:end;gap:45px;margin-bottom:65px}.section-heading .eyebrow{align-self:start}.section-heading h2,.contact h2{font-size:clamp(54px,6.7vw,100px)}.section-heading>p:last-child{color:#9a96a0;line-height:1.7;margin:0}.studio-gallery{display:grid;grid-template-columns:1.15fr .85fr;grid-template-rows:330px 330px;gap:18px}.studio-shot{margin:0;overflow:hidden;position:relative;border-radius:22px;background:#15131b}.studio-shot-1{grid-row:1/3}.studio-shot img{width:100%;height:100%;object-fit:cover;filter:saturate(.82) contrast(1.04);transition:transform .7s,filter .5s}.studio-shot:hover img{transform:scale(1.035);filter:saturate(1.05)}.studio-shot::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 55%,rgba(5,5,7,.8))}.studio-shot figcaption{position:absolute;z-index:1;inset:auto 24px 20px;display:flex;gap:12px;font-size:12px;font-weight:750}.studio-shot figcaption span{color:var(--acid)}.studio-shot-4{display:none}.studio-capabilities{display:flex;flex-wrap:wrap;justify-content:center;gap:16px 34px;padding:25px;margin-top:18px;border:1px solid var(--line);border-radius:18px;color:#aaa6b0;font-size:12px;text-transform:uppercase;letter-spacing:.08em}
.projects-section{padding-block:120px}.project-heading{margin-bottom:50px}.project-tabs{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:24px}.project-tab{border:1px solid var(--line);background:transparent;color:#8f8b96;padding:10px 15px;border-radius:999px;cursor:pointer;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.project-tab.active,.project-tab:hover{color:var(--ink);background:var(--acid);border-color:var(--acid)}.project-card{border-top:1px solid var(--line)}.project-summary{list-style:none;display:grid;grid-template-columns:95px minmax(200px,.8fr) 1fr auto;align-items:center;gap:30px;padding:30px 10px;cursor:pointer}.project-summary::-webkit-details-marker{display:none}.project-summary-logo{width:88px;height:62px;object-fit:contain;object-position:left center}.project-summary h3{font-family:Georgia,serif;font-weight:500;font-size:clamp(31px,4vw,52px);margin:0;letter-spacing:-.04em}.project-summary p{color:#8c8892;margin:0;font-size:14px;line-height:1.5}.project-summary i{width:42px;height:42px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--acid);font-style:normal;font-size:19px;transition:transform .25s}.project-card[open] .project-summary i{transform:rotate(45deg)}.project-detail{padding:0 10px 46px 135px;display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;animation:reveal .35s ease both}@keyframes reveal{from{opacity:0;transform:translateY(-8px)}}.project-copy{color:#b0acb5;line-height:1.75}.tag-list,.link-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.tag-list span{padding:7px 10px;border-radius:999px;background:rgba(255,255,255,.07);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.link-list a{padding:10px 13px;border:1px solid var(--line);border-radius:10px;font-size:12px;font-weight:750}.link-list a:hover{border-color:var(--acid);color:var(--acid)}.project-metrics{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:28px}.metric{padding:16px;border:1px solid var(--line);border-radius:14px}.metric strong{display:block;font-family:Georgia,serif;font-size:29px;font-weight:500}.metric span{color:#8d8993;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.metric small{display:block;color:#68646d;margin-top:8px;font-size:9px}.metrics-empty{margin-top:28px;padding:16px;border-left:2px solid #56515e;color:#77737e;font-size:12px}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.content-card{min-height:165px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;border-radius:16px;padding:16px;background:linear-gradient(145deg,#221733,#101015 65%);border:1px solid var(--line)}.content-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.54;transition:transform .4s,opacity .4s}.content-card::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 15%,rgba(4,4,7,.86))}.content-card:hover img{transform:scale(1.05);opacity:.7}.content-card>*:not(img){position:relative;z-index:1}.content-card small{color:var(--acid);font-size:9px;font-weight:850;text-transform:uppercase;letter-spacing:.12em}.content-card strong{margin-top:7px;line-height:1.25;font-size:14px}.content-card-instagram{aspect-ratio:4/5;min-height:0;padding:0;background:#0c0c0f}.content-card-instagram::after{display:none}.content-card-instagram img{object-fit:contain;opacity:1}.content-card-instagram:hover img{transform:scale(1.015);opacity:1}
.portfolio-page{min-height:100vh}.portfolio-hero{padding-block:105px 72px;border-bottom:1px solid var(--line)}.portfolio-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,8vw,116px);font-weight:500;letter-spacing:-.065em;line-height:.9;margin:0}.portfolio-hero>p:last-child{max-width:650px;color:#aaa6b0;font-size:18px;line-height:1.65;margin:34px 0 0}.portfolio-only{padding-block:46px 120px}.portfolio-only .project-tabs{margin-bottom:42px}.portfolio-only .project-card:first-of-type{border-top-color:rgba(255,255,255,.26)}
.services{padding-block:120px}.services-list{border-top:1px solid var(--line)}.services-list article{display:grid;grid-template-columns:80px .7fr 1fr 30px;align-items:center;gap:25px;padding:27px 8px;border-bottom:1px solid var(--line);transition:background .25s,padding .25s}.services-list article:hover{background:rgba(185,255,67,.04);padding-inline:18px}.services-list span{color:var(--acid);font-size:10px}.services-list h3{font-family:Georgia,serif;font-weight:500;font-size:31px;margin:0}.services-list p{color:#89858f;margin:0}.services-list i{color:var(--acid);font-style:normal;font-size:18px}.solutions-cta{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:30px;padding:28px 30px;border-radius:18px;background:linear-gradient(120deg,rgba(142,92,255,.16),rgba(70,244,210,.08));border:1px solid var(--line)}.solutions-cta p{font-family:Georgia,serif;font-size:26px;margin:0}
.contact{padding-block:130px;text-align:center;border-top:1px solid var(--line)}.contact .eyebrow{margin-bottom:30px}.contact>p:not(.eyebrow){max-width:630px;color:#9f9ba5;line-height:1.65;margin:30px auto}.contact-links{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.contact-links a{border-bottom:1px solid #6a6670;padding:11px 2px;margin:0 12px;font-size:15px}.contact-links a:hover{color:var(--acid);border-color:var(--acid)}.site-footer{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:end;padding-block:44px;border-top:1px solid var(--line);color:#716d78;font-size:11px}.footer-brand img{width:180px}.site-footer p{margin:4px 0}.site-footer a{color:#b9b5be}
.admin-shell{min-height:100vh;background:#0b0b0e;padding:36px}.admin-wrap{width:min(1120px,100%);margin:0 auto}.admin-header{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-bottom:28px;border-bottom:1px solid var(--line)}.admin-header h1{font-family:Georgia,serif;font-size:42px;margin:0}.admin-header p{color:#8e8a94;margin:7px 0 0}.ga-badge{display:flex;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--line);border-radius:12px;color:#aaa6af;font-size:12px}.ga-mark{display:flex;align-items:flex-end;gap:2px;height:20px}.ga-mark i{display:block;width:5px;border-radius:3px;background:#ff9e2a}.ga-mark i:nth-child(1){height:7px}.ga-mark i:nth-child(2){height:13px}.ga-mark i:nth-child(3){height:20px}.admin-panel{margin-top:25px;padding:24px;border:1px solid var(--line);border-radius:18px;background:#111116}.admin-panel h2{margin:0 0 8px;font-size:20px}.admin-panel>p{color:#7f7b85;margin:0 0 22px;font-size:13px}.admin-project{padding:20px 0;border-top:1px solid var(--line)}.admin-project:first-of-type{border-top:0}.admin-project-title{display:flex;justify-content:space-between;align-items:center}.admin-project-title h3{font-family:Georgia,serif;font-size:27px;margin:0 0 16px}.admin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-field{display:grid;gap:6px;color:#94909a;font-size:11px;text-transform:uppercase;letter-spacing:.06em}.admin-field input,.admin-field textarea,.admin-field select{width:100%;border:1px solid var(--line);border-radius:10px;background:#08080b;color:#eeeaf1;padding:11px 12px;outline:none;text-transform:none;letter-spacing:0}.admin-field input:focus,.admin-field textarea:focus,.admin-field select:focus{border-color:var(--acid)}.admin-field textarea{min-height:100px;resize:vertical}.admin-span-2{grid-column:span 2}.admin-span-3{grid-column:span 3}.metrics-editor{margin-top:8px;padding:16px;border:1px solid var(--line);border-radius:14px;background:#0b0b0f}.metrics-editor-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.metric-add,.metric-remove{border:1px solid var(--line);border-radius:9px;background:transparent;color:#d9d5df;padding:8px 11px;cursor:pointer;font-size:11px}.metric-add:hover{border-color:var(--acid);color:var(--acid)}.metric-row{margin-top:12px;padding:14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:#101016}.metric-row-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metric-row-grid label{display:grid;gap:6px}.metric-row-actions{display:flex;align-items:center;justify-content:space-between;margin-top:12px}.metric-remove{color:#ffaaa6}.metric-remove:hover{border-color:#ff7169}.metrics-editor-empty{margin:12px 0 0;color:#77737f;text-transform:none;letter-spacing:0}.admin-actions{position:sticky;bottom:18px;display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px;padding:14px;border:1px solid var(--line);border-radius:14px;background:rgba(12,12,16,.92);backdrop-filter:blur(16px)}.admin-status{color:#9a96a0;font-size:12px;margin-right:auto}.admin-save{border:0;border-radius:10px;background:var(--acid);color:#09090b;font-weight:850;padding:12px 18px;cursor:pointer}.admin-save:disabled{opacity:.5;cursor:wait}.toggle{display:flex;align-items:center;gap:9px;color:#9995a0;font-size:12px}.admin-denied{min-height:100vh;display:grid;place-items:center;text-align:center;padding:30px}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto}.site-header nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.hero-orbit{width:min(540px,90vw);justify-self:center}.scroll-cue{display:none}.manifesto-grid,.section-heading{grid-template-columns:1fr;gap:25px}.section-heading .eyebrow{margin-bottom:0}.project-detail{padding-left:10px;grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr 1fr}.admin-span-3{grid-column:span 2}.metric-row-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.section-shell{width:min(100% - 30px,1240px)}.site-header{height:68px;padding-inline:15px}.brand span{display:none}.header-cta{padding:10px 13px}.hero{padding-block:64px 80px}.hero h1{font-size:58px}.hero-orbit{width:95vw;transform:scale(.9);margin-inline:-20px}.orbit-project{width:105px;height:70px}.manifesto,.studio,.projects-section,.services{padding-block:85px}.pillars{grid-template-columns:1fr}.pillars article,.pillars article+article{padding:25px 0;border-right:0;border-bottom:1px solid var(--line);min-height:0}.pillars h3{margin-top:20px}.studio-gallery{grid-template-columns:1fr;grid-template-rows:420px 240px 240px}.studio-shot-1{grid-row:auto}.project-summary{grid-template-columns:65px 1fr auto;gap:14px}.project-summary-logo{width:60px;height:45px}.project-summary h3{font-size:29px}.project-summary p{display:none}.project-detail{padding-bottom:34px}.content-grid{grid-template-columns:1fr}.services-list article{grid-template-columns:35px 1fr 24px}.services-list p{grid-column:2}.services-list i{grid-column:3;grid-row:1}.solutions-cta{align-items:flex-start;flex-direction:column;padding:22px}.site-footer{grid-template-columns:1fr;align-items:start}.admin-shell{padding:20px 14px}.admin-header{align-items:flex-start;flex-direction:column}.admin-grid,.metric-row-grid{grid-template-columns:1fr}.admin-span-2,.admin-span-3{grid-column:span 1}.metrics-editor-heading,.metric-row-actions,.admin-actions{align-items:flex-start;flex-direction:column}.admin-status{margin-right:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}
.hidden{display:none!important}.admin-login{min-height:100vh;display:grid;place-items:center;padding:28px}.admin-login-card{width:min(440px,100%);padding:30px;border:1px solid var(--line);border-radius:20px;background:#111116}.admin-login-card img{width:190px;margin-bottom:30px}.admin-login-card h1{font-family:Georgia,serif;font-size:38px;margin:0 0 10px}.admin-login-card p{color:#8e8a94;line-height:1.6}.admin-login-card form{display:grid;gap:12px;margin-top:24px}.admin-login-card input{border:1px solid var(--line);border-radius:11px;background:#08080b;color:#fff;padding:14px}.admin-error{color:#ffaaa6;font-size:12px}.admin-logout{border:0;background:transparent;color:#aaa6af;cursor:pointer}.node-admin .admin-header>div:last-child{display:flex;align-items:center;gap:10px}.node-admin .admin-project{padding-top:28px}.admin-content-actions{display:flex;align-items:center;justify-content:space-between;gap:12px}.metadata-button{min-height:40px}.portfolio-hero{padding-block:105px 72px;border-bottom:1px solid var(--line)}.portfolio-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,8vw,116px);font-weight:500;letter-spacing:-.065em;line-height:.9;margin:0}.portfolio-hero>p:last-child{max-width:650px;color:#aaa6b0;font-size:18px;line-height:1.65;margin:34px 0 0}.portfolio-only{padding-block:46px 120px}.portfolio-only .project-tabs{margin-bottom:42px}.portfolio-only .project-card:first-of-type{border-top-color:rgba(255,255,255,.26)}
.metric-groups-editor{display:grid;gap:10px;margin-top:14px}.metric-group-editor{overflow:hidden;border:1px solid var(--line);border-radius:13px;background:#0d0d12;text-transform:none;letter-spacing:0}.metric-group-editor.active{border-color:rgba(185,255,67,.28)}.metric-group-editor>header{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 16px}.metric-group-editor>header div{display:grid;gap:4px}.metric-group-editor>header strong{color:#e7e3eb;font-size:14px}.metric-group-editor>header small,.metrics-editor-heading small{color:#77737f;font-size:10px;text-transform:none;letter-spacing:0}.metric-group-editor-body{padding:0 14px 14px;border-top:1px solid var(--line)}.metric-group-editor-body>.metric-add{margin-top:12px}.project-metrics{display:grid;grid-template-columns:1fr;gap:10px;margin-top:28px}.metric-group{overflow:hidden;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.02)}.metric-group summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:16px;cursor:pointer}.metric-group summary::-webkit-details-marker{display:none}.metric-group summary>span{display:grid;gap:3px}.metric-group summary strong{font-family:Georgia,serif;font-size:29px;font-weight:500}.metric-group summary small{color:#8d8993;font-size:10px;text-transform:uppercase;letter-spacing:.08em}.metric-group summary i{width:30px;height:30px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;color:var(--acid);font-style:normal;transition:transform .2s}.metric-group[open] summary i{transform:rotate(45deg)}.metric-breakdown{border-top:1px solid var(--line)}.metric-breakdown>div{display:grid;grid-template-columns:1fr auto;gap:5px 14px;padding:12px 16px;border-top:1px solid rgba(255,255,255,.06)}.metric-breakdown>div:first-child{border-top:0}.metric-breakdown span{color:#d9d5df;font-size:12px}.metric-breakdown strong{color:var(--acid);font-size:13px}.metric-breakdown small{grid-column:1/-1;color:#6f6b75;font-size:9px}
