@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:#111413;--panel:#1b201d;--text:#edf0eb;--muted:#adb5ae;--sage:#a8bfa3;--line:#323a34}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:2px solid var(--sage);outline-offset:7px}::selection{background:var(--sage);color:var(--bg)}.wrap{width:min(1240px,88%);margin:auto}.header{display:flex;align-items:center;justify-content:space-between;padding:26px 0;border-bottom:1px solid var(--line)}.logo{font-family:'Manrope',sans-serif;font-size:38px;font-weight:800;letter-spacing:-3px;line-height:1}.logo span{font-size:12px;vertical-align:top;letter-spacing:0;margin-left:5px}.header nav{display:flex;gap:29px;font-size:13px}.header nav a:hover{color:var(--sage)}.header nav a:last-child{margin-left:24px}.hero{padding-top:62px}.eyebrow,.section-label,.tag,.contact-label{font-size:11px;letter-spacing:1.8px;font-weight:600}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--sage)}.dot{width:7px;height:7px;border-radius:50%;background:var(--sage)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px}.hero h1{font-family:'Manrope',sans-serif;font-size:clamp(76px,9.4vw,140px);line-height:1.02;letter-spacing:-8px;margin:34px 0 26px;font-weight:500}.hero em{font-style:normal;color:var(--sage)}.intro{font-size:19px;color:var(--muted);margin-bottom:30px}.button{display:inline-flex;gap:40px;justify-content:space-between;align-items:center;padding:15px 24px;border:1px solid var(--sage);background:var(--sage);color:var(--bg);font-size:13px;font-weight:600;cursor:pointer}.button:hover{background:#c3d2bf}.button:disabled{cursor:wait;opacity:.55}.orbit-art{height:490px;position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(ellipse at center,#a8bfa313,transparent 67%)}.orbit{position:absolute;width:340px;height:340px;border:1px solid #a8bfa34d;border-radius:50%}.orbit-one{transform:rotate(-32deg) scaleX(.49)}.orbit-two{transform:rotate(32deg) scaleX(.49)}.orbit-three{transform:rotate(90deg) scaleX(.49)}.core{font-size:180px;font-weight:700;font-family:'Manrope',sans-serif;color:var(--sage);line-height:1;transform:translateY(-15px);letter-spacing:-14px}.core span{font-size:50px;vertical-align:middle}.art-label{position:absolute;font-size:9px;letter-spacing:2px;color:var(--muted);background:var(--bg);padding:6px}.label-one{top:80px;left:32px}.label-two{right:6px;top:230px}.label-three{bottom:100px;left:35px}.satellite{width:14px;height:14px;background:var(--sage);position:absolute;border-radius:50%;right:95px;top:137px;box-shadow:0 0 26px #a8bfa355}.art-caption{position:absolute;bottom:9px;font-size:9px;letter-spacing:2.5px;color:#8a968c}.hero-bottom{margin-top:58px;padding:22px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.hero-bottom a{color:var(--text)}.hero-bottom a span{margin-left:28px}.section{padding-top:110px;padding-bottom:90px}.section-label{color:var(--sage)}h2{font-family:'Manrope',sans-serif;font-weight:500;font-size:clamp(30px,3.8vw,50px);letter-spacing:-2px;line-height:1.25;margin:0 0 28px}h2 span{color:var(--muted)}p{color:var(--muted)}.about{display:grid;grid-template-columns:1fr 2fr;gap:45px}.about p{max-width:620px;font-size:16px}.principles{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);background:var(--panel)}.principles section{padding:40px 45px}.principles section+section{border-left:1px solid var(--line)}.principle-symbol{display:block;font-size:46px;color:var(--sage);margin:18px 0}.principles h2{font-size:28px;letter-spacing:-1px}.principles p{font-size:15px;max-width:460px;margin-bottom:0}.section-heading{display:flex;align-items:end;justify-content:space-between;margin:28px 0 42px}.section-heading p{font-size:13px;margin-bottom:28px}.category{border-top:1px solid var(--line)}.category:last-child{border-bottom:1px solid var(--line)}.category>summary{display:flex;align-items:center;gap:25px;cursor:pointer;padding:28px 0;list-style:none}.category>summary::-webkit-details-marker{display:none}.category-number{font-size:11px;color:var(--sage)}h3{font-size:clamp(19px,2.2vw,28px);font-weight:500;letter-spacing:-.6px;margin:0;flex:1}.category-meta{font-size:9px;letter-spacing:1.8px;color:var(--muted)}.plus{font-size:28px;font-weight:400;margin-left:20px;color:var(--sage);transition:transform .2s}.category[open]>summary .plus{transform:rotate(45deg)}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding-bottom:32px}.project-grid article{background:var(--panel);padding:26px;min-width:0}.project-mark{height:110px;border-bottom:1px solid var(--line);margin-bottom:24px;font-size:62px;font-weight:600;color:var(--sage);display:flex;align-items:center;justify-content:space-between}.project-mark span{font-size:35px;font-weight:400}.playful{font-style:italic}.botanical{color:#b8c8a0}.tag{font-size:9px;letter-spacing:1.4px;color:var(--sage)}h4{font-family:'Manrope',sans-serif;font-size:22px;letter-spacing:-.6px;margin:12px 0}.project-grid p{font-size:14px}.project-detail{border-top:1px solid var(--line);margin-top:22px;padding-top:14px;font-size:12px}.project-detail summary{cursor:pointer;color:var(--sage)}.placeholder{display:inline-block;margin:14px 8px 4px 0;color:var(--muted);border:1px dashed var(--line);padding:5px 8px;font-size:11px}.project-detail small,small{display:block;color:var(--muted);font-size:11px;margin-top:10px}.planning{color:#d1c8aa}.tech-flow{font-size:11px;color:var(--sage);border-top:1px solid var(--line);padding-top:16px;margin-top:25px}.empty-state{padding:5px 0 32px 40px;color:var(--muted);font-size:14px}.music{background:#202820;border:1px solid #3b493d;padding:36px;display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:center}.music h2{font-size:34px;letter-spacing:-1.3px;margin:14px 0}.music p{font-size:14px}.music #music-status{font-size:12px;min-height:20px}.secondary{background:transparent;color:var(--sage);padding:10px 16px}.secondary:hover{background:#344232}.music-link{display:block;font-size:12px;margin-top:15px;text-decoration:underline;text-underline-offset:4px}.player-frame{aspect-ratio:16/9;min-height:210px;background:#111413;border:1px solid var(--line);display:grid;place-items:center}.player-frame iframe{width:100%;height:100%;min-height:210px;border:0}.contact h2{font-size:clamp(55px,7.5vw,100px);letter-spacing:-5px;margin:30px 0 40px}.contact h2 span{color:var(--sage)}.contact-bottom{display:flex;justify-content:space-between;gap:40px;align-items:start}.contact-bottom p{font-size:15px}.contact-label{color:var(--muted);display:block}.contact-placeholder{font-size:23px;color:var(--muted);display:flex;gap:70px;border-bottom:1px dashed var(--line);padding:12px 0}.contact-placeholder span{color:var(--sage)}footer{border-top:1px solid var(--line);padding:28px 0;display:flex;gap:32px;align-items:center;font-size:10px;color:var(--muted)}footer .logo{color:var(--text);font-size:30px}footer>span:nth-of-type(1){flex:1}footer a:last-child{margin-left:25px}.skip{position:fixed;top:-100px;left:15px;background:var(--sage);color:var(--bg);z-index:99;padding:10px}.skip:focus{top:10px}
@media(min-width:1500px){.hero h1{font-size:140px}}@media(max-width:800px){.wrap{width:90%}.header{flex-wrap:wrap;gap:24px}.header nav{gap:20px;flex-wrap:wrap;font-size:12px}.header nav a:last-child{margin-left:0}.hero{padding-top:38px}.hero-grid{grid-template-columns:1fr 1fr;gap:0}.hero h1{font-size:82px;letter-spacing:-5px}.orbit-art{height:340px;transform:scale(.85);margin:0 -25px}.art-label{display:none}.art-caption{display:none}.hero-bottom{margin-top:30px}.about{grid-template-columns:1fr;gap:25px}.section{padding-top:70px;padding-bottom:60px}.principles section{padding:28px}.project-grid{gap:12px}.project-grid article{padding:18px}.project-grid h4{font-size:19px}.music{padding:25px;gap:24px}.section-heading{gap:25px}.contact-bottom{gap:24px}footer{flex-wrap:wrap}footer>span:nth-of-type(1){min-width:50%}}
@media(max-width:580px){.header nav{gap:16px;font-size:11px}.hero-grid{grid-template-columns:1fr}.hero h1{font-size:94px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero .intro{font-size:17px}.orbit-art{height:310px;margin:15px 0 -10px;transform:scale(.9)}.hero-bottom{font-size:10px;gap:15px}.hero-bottom a span{margin-left:7px}.principles{grid-template-columns:1fr}.principles section+section{border-left:0;border-top:1px solid var(--line)}h2{letter-spacing:-1.2px}.section-heading{display:block}.section-heading p{margin-top:-10px}.category>summary{gap:12px;padding:22px 0}.category-meta{display:none}.plus{margin-left:0}.project-grid{grid-template-columns:1fr}.project-mark{height:85px}.music{grid-template-columns:1fr}.player-frame{min-height:210px}.contact h2{letter-spacing:-3px}.contact-bottom{flex-direction:column}.contact-placeholder{gap:80px}footer{gap:18px}footer a:last-child{margin-left:auto}.empty-state{padding-left:0}.project-grid article{padding:25px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Compact music controls and social media services */
.music-bar{position:sticky;top:0;z-index:20;display:flex;justify-content:center;gap:10px;padding:8px 5%;background:#1b211def;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}
.music-bar button{display:inline-flex;align-items:center;gap:8px;background:transparent;border:1px solid #52624f;color:var(--sage);padding:5px 18px;cursor:pointer;font-size:12px;border-radius:3px}
.music-bar button:hover:not(:disabled){background:#2c392d}.music-bar button:disabled{opacity:.45;cursor:default}
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.service-heading{display:flex;align-items:center;gap:25px;padding-top:28px}.service-category p{max-width:780px;margin:20px 0 32px 40px;font-size:16px;line-height:1.85}html{scroll-padding-top:72px}
@media(max-width:580px){.service-heading{gap:12px}.service-category p{margin-left:0;font-size:15px}}