@charset "UTF-8";
:root{color-scheme:dark;--bg:#0b1715;--panel:#152723;--line:#365047;--text:#f6f2e8;--muted:#c1d0c7;--gold:#edcf91;--dark:#142b23;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;color:var(--text);background:var(--bg)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 85% 10%,#30453455,transparent 36%),var(--bg)}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,summary{cursor:pointer}[hidden]{display:none!important}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:4px}button{color:inherit}img{max-width:100%}.skip-link{position:fixed;top:1rem;left:1rem;padding:.8rem;background:var(--gold);color:var(--dark);z-index:100}.skip-link:not(:focus){clip-path:inset(100%);width:1px;height:1px;overflow:hidden}
.site-header{max-width:1280px;margin:auto;padding:1.35rem 2rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:.8rem;font-size:1.25rem;letter-spacing:.05em;white-space:nowrap}.brand strong{font-weight:400}.site-header nav{display:flex;align-items:center;gap:2rem;font-size:.85rem}.language{border:1px solid var(--line);padding:.55rem .75rem;border-radius:8px;color:var(--gold)}main{max-width:1280px;margin:auto;padding:0 2rem 5rem}.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:4rem;min-height:630px;padding:5rem 0 4rem}.hero-copy{position:relative;z-index:1}.eyebrow{letter-spacing:.17em;font-size:.68rem;font-weight:750;color:var(--gold);margin:0 0 1.2rem;line-height:1.6}.status-dot{display:inline-block;width:7px;height:7px;background:var(--gold);border-radius:50%;margin-right:10px;box-shadow:0 0 0 5px #edcf9114}h1{font-family:Georgia,serif;font-size:clamp(2.8rem,4.6vw,4.8rem);font-weight:500;letter-spacing:-.045em;line-height:1.05;margin:.5rem 0 1.7rem}h2{font-family:Georgia,serif;font-size:clamp(1.8rem,3vw,2.7rem);font-weight:500;line-height:1.15;margin:.4rem 0}h3{font-family:Georgia,serif;font-size:1.9rem;font-weight:500;margin:1.2rem 0 .8rem}h4{font-size:1rem;line-height:1.5;margin:0}.lead{font-size:1.05rem;line-height:1.85;color:var(--muted);max-width:535px}.button{display:inline-flex;gap:2rem;align-items:center;background:var(--gold);color:var(--dark);font-weight:750;padding:1rem 1.35rem;border:0;border-radius:8px;margin-top:1rem;transition:transform .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 35px #edcf911f}.hero-disciplines{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2.2rem;font-size:.64rem;letter-spacing:.06em;text-transform:uppercase;color:var(--muted)}.hero-disciplines>span+span:before{content:'·';margin-right:1rem;color:var(--gold)}
.hero-orbit{position:relative;height:390px;display:grid;place-items:center;min-width:0}.orbit{position:absolute;border:1px solid var(--line);border-radius:50%;width:330px;height:330px}.orbit.two{width:265px;height:265px;border-color:#746644;animation:orbit-breathe 8s ease-in-out infinite}.orbit.three{width:420px;height:190px;transform:rotate(-24deg)}.orbit-glow{position:absolute;width:230px;height:230px;border-radius:50%;background:#edcf9115;filter:blur(38px)}.orbit-core{display:grid;justify-items:center;gap:1.2rem;z-index:1;animation:float 7s ease-in-out infinite}.orbit-core>span{font-size:.7rem;letter-spacing:.24em;color:var(--gold)}.orbit-label{position:absolute;font-size:.8rem;letter-spacing:.07em;background:var(--panel);border:1px solid #627058;padding:.7rem 1rem;border-radius:30px;box-shadow:0 12px 28px #0003}.label-web{top:8%;left:25%;animation:float 7s ease-in-out infinite}.label-android{right:0;top:58%;animation:float 8s ease-in-out infinite reverse}.label-ios{left:3%;top:80%;animation:float 9s ease-in-out infinite}
.project-spotlight{position:relative;min-width:0;transform:rotate(1.5deg);transition:transform .45s}.project-spotlight:hover,.project-spotlight:focus-within{transform:rotate(0)}.spotlight-slides{border:1px solid #687052;border-radius:16px;overflow:hidden;background:#162722;box-shadow:0 28px 70px #0005,12px 12px 0 #edcf910a}.spotlight-slide{animation:slide-enter .5s ease}.spotlight-bar{display:flex;justify-content:space-between;gap:1rem;padding:.9rem 1rem;border-bottom:1px solid var(--line);font-size:.63rem;letter-spacing:.05em}.window-dots{color:#b5a572;font-size:.6rem;white-space:nowrap}.spotlight-visual{height:280px;display:flex;align-items:center;justify-content:center;position:relative;padding:1rem;background:radial-gradient(ellipse at center,#51603a40,#0c1b18)}.spotlight-visual>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 25px #0004)}.spotlight-visual>img.spotlight-logo{width:150px;height:150px}.spotlight-letter{font-family:Georgia,serif;font-size:6rem;color:var(--gold)}.visual-label{position:absolute;bottom:1rem;left:1rem;padding:.4rem .6rem;background:#0c1915ef;border:1px solid var(--line);border-radius:30px;font-size:.6rem;color:var(--gold)}.spotlight-copy{padding:1.35rem;display:flex;align-items:center;gap:1rem}.spotlight-copy>img{object-fit:contain;flex:none}.spotlight-copy .eyebrow{font-size:.55rem;margin-bottom:.3rem}.spotlight-copy a{font-family:Georgia,serif;font-size:1.5rem}.spotlight-copy a>span{margin-left:.5rem;color:var(--gold)}.spotlight-apps{display:flex;gap:.65rem;padding:0 1.35rem 1rem}.spotlight-apps:empty{padding:0}.spotlight-apps>img{object-fit:contain}.spotlight-controls{display:flex;gap:.5rem;align-items:center;justify-content:flex-end;margin-top:1.15rem}.spotlight-controls>button{border:1px solid var(--line);background:var(--panel);border-radius:50%;height:36px;width:36px}.spotlight-controls>span{font-size:.65rem;letter-spacing:.05em;padding:0 .5rem;color:var(--muted)}.spotlight-controls>[data-spotlight-pause]{margin-left:.5rem;color:var(--gold)}
.studio-intro{display:flex;align-items:center;gap:2rem;padding:2rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:5rem}.intro-symbol{font-size:3.5rem;line-height:1;color:var(--gold)}.studio-intro h2{font-size:1.8rem}.studio-intro p{font-size:.9rem;color:var(--muted);line-height:1.7;margin-bottom:0}.intro-arrow{margin-left:auto;font-size:2rem;color:var(--gold);padding:1rem}.section-heading{margin-bottom:2rem}#projects,[data-project]{scroll-margin-top:2rem}.filters{display:flex;gap:1.5rem;padding:1.25rem;border:1px solid var(--line);background:#182a24d9;border-radius:12px;margin-bottom:2rem}.filters label{display:grid;gap:.65rem;font-size:.74rem;min-width:220px}.search-label{flex:1}input,select{min-height:46px;width:100%;border:1px solid #5a7063;border-radius:7px;background:#0c1a16;padding:.75rem .9rem;color:var(--text)}
.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;align-items:start}.project-card{border:1px solid var(--line);background:linear-gradient(145deg,#21342b,#142621);border-radius:16px;overflow:hidden;min-width:0;transition:border-color .3s,box-shadow .3s,transform .3s}.project-card:hover{border-color:#8a825b;box-shadow:0 18px 50px #0003;transform:translateY(-4px)}.project-card-body{padding:1.6rem}.project-top{display:flex;justify-content:space-between;gap:1rem;align-items:center}.project-top img{object-fit:contain;max-width:76px;width:76px;height:76px}.project-initial{width:76px;height:76px;flex:none;border-radius:16px;border:1px solid #746644;display:grid;place-items:center;font:2.3rem Georgia,serif;color:var(--gold);background:#10231e}.badges{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:flex-end}.badges>span{font-size:.62rem;border:1px solid #52684f;border-radius:30px;padding:.4rem .65rem;color:var(--gold)}.project-card p{font-size:.9rem;line-height:1.75;color:var(--muted);overflow-wrap:anywhere}.project-link{display:inline-flex;gap:.5rem;margin:.6rem 0;color:var(--gold);font-weight:650;font-size:.85rem}.project-apps{margin-top:1.5rem;border-top:1px solid var(--line);padding-top:1.2rem}.project-apps summary{display:flex;justify-content:space-between;gap:.7rem;font-size:.85rem;font-weight:650}.project-apps summary>span{color:var(--gold)}.app-card{padding:1.5rem 0;border-bottom:1px solid var(--line)}.app-card:last-child{border:0;padding-bottom:0}.app-card-heading{display:flex;gap:1rem;align-items:center}.app-card-heading>img{object-fit:contain;flex:none}.app-links{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.1rem}.app-links>a{padding:.65rem .75rem;background:#0c1b17;border:1px solid #52684f;border-radius:6px;font-size:.72rem;color:var(--gold);line-height:1.5}.availability{flex-basis:100%;font-size:.8rem;margin:.35rem 0;color:var(--text)}
.project-gallery{margin:0;padding:1rem;background:#0b1916}.gallery-open{display:block;position:relative;aspect-ratio:16/10;width:100%;padding:0;border:1px solid var(--line);border-radius:10px;overflow:hidden;background:radial-gradient(ellipse at center,#344334,#101d18)}.gallery-main{display:block;width:100%;height:100%;object-fit:contain;transition:opacity .2s,transform .5s}.gallery-open:hover .gallery-main{transform:scale(1.015)}.gallery-zoom{position:absolute;right:.7rem;top:.7rem;border:1px solid #6c7654;background:#0c1b17ee;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;color:var(--gold)}.gallery-platform{position:absolute;bottom:.75rem;left:.75rem;font-size:.55rem;letter-spacing:.1em;background:#0c1b17ef;border:1px solid var(--line);border-radius:20px;padding:.45rem .7rem;color:var(--gold)}.gallery-caption{font-size:.72rem;line-height:1.6;color:var(--muted);margin:.9rem 0;overflow-wrap:anywhere}.gallery-thumbs{display:flex;gap:.65rem;overflow:auto;max-width:100%;padding:.2rem}.gallery-thumbs>button{flex:0 0 76px;width:76px;height:52px;border:1px solid var(--line);background:#13241d;padding:4px;border-radius:5px}.gallery-thumbs>button[aria-pressed=true]{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold)}.gallery-thumbs img{width:100%;height:100%;object-fit:contain}.app-card .project-gallery{padding:.75rem;border:1px solid var(--line);border-radius:10px;margin-top:1.1rem}.media-viewer{width:min(1100px,calc(100vw - 24px));max-height:94dvh;border:1px solid #6c7654;border-radius:14px;padding:1rem;background:#101e18;color:var(--text);overflow:auto}.media-viewer::backdrop{background:#050e0cea;backdrop-filter:blur(10px)}.viewer-toolbar{display:flex;align-items:center;gap:1rem;justify-content:space-between}.viewer-toolbar h2{font:1.1rem/1.5 system-ui,sans-serif;overflow-wrap:anywhere}.viewer-toolbar button,.viewer-navigation button{min-width:44px;min-height:44px;border:1px solid var(--line);background:#21362a;border-radius:8px}.viewer-toolbar button{font-size:1.5rem}.media-viewer>img{display:block;width:100%;max-height:72dvh;object-fit:contain;margin:.9rem 0}.viewer-navigation{display:flex;align-items:center;justify-content:center;gap:1rem;font-size:.8rem}.empty{padding:2.5rem;border:1px dashed #61705a;border-radius:12px;color:var(--muted);line-height:1.8}.site-footer{max-width:1280px;margin:auto;padding:2.5rem 2rem;display:flex;align-items:center;gap:2rem;border-top:1px solid var(--line);flex-wrap:wrap}.site-footer p{flex:1;font-size:.8rem;color:var(--muted)}.site-footer small{font-size:.7rem;color:var(--muted)}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes orbit-breathe{0%,100%{opacity:.6;scale:1}50%{opacity:1;scale:1.04}}@keyframes slide-enter{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.reveal-pending{opacity:0;transform:translateY(20px)}.reveal-ready{transition:opacity .7s,transform .7s}
@media(max-width:1000px){.hero{gap:2rem;min-height:570px;padding-top:4rem}.orbit{width:270px;height:270px}.orbit.two{width:220px;height:220px}.orbit.three{width:300px;height:150px}.hero-orbit{height:330px}.spotlight-visual{height:230px}.project-grid{gap:1.3rem}.project-card-body{padding:1.25rem}}
@media(max-width:700px){.site-header{padding:1rem}.site-header nav{gap:1rem}.site-header nav>a:first-child{display:none}main{padding:0 1rem 3rem}.hero{grid-template-columns:minmax(0,1fr);padding:3rem 0;gap:3rem;min-height:auto}.hero-copy{max-width:560px}h1{font-size:clamp(2.7rem,10vw,4rem)}.project-spotlight{max-width:540px;width:100%;transform:none}.spotlight-visual{height:250px}.hero-orbit{height:290px}.orbit.three{width:240px;height:130px}.studio-intro{gap:1.2rem;margin-bottom:3rem;padding:1.6rem 0}.intro-symbol{font-size:2.2rem}.studio-intro h2{font-size:1.5rem}.studio-intro p{font-size:.8rem}.intro-arrow{padding:.5rem}.project-grid{grid-template-columns:minmax(0,1fr)}.filters{flex-direction:column}.filters label{min-width:0}.site-footer{padding:2rem 1rem;gap:1rem}.site-footer p{flex-basis:100%;order:2}.site-footer small{margin-left:auto}.gallery-open{aspect-ratio:16/11}.hero-disciplines{gap:.7rem;font-size:.59rem}.hero-disciplines>span+span:before{margin-right:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.reveal-pending{opacity:1;transform:none}.project-spotlight,.project-card:hover,.button:hover{transform:none}}