@import"https://fonts.googleapis.com/css2?family=Clash+Display:wght@700&family=Inter:wght@400;500;600&family=IBM+Plex+Mono:wght@400&display=swap";@import"https://fonts.cdnfonts.com/css/satoshi";@import"https://fonts.googleapis.com/css2?family=Anonymous+Pro:wght@400;700&display=swap";:root{color-scheme:light;--color-paper: #ffffff;--color-ink: #111111;--color-sky: #00a8e8;--color-sakura: #f7b6d2;--color-subtext: #606060;--color-border: #f2f2f2;--shadow-soft: 0 18px 50px rgba(17, 17, 17, .05);--shadow-resting: 0 10px 30px rgba(17, 17, 17, .04);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background-color:var(--color-paper);color:var(--color-ink);text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--color-paper);color:var(--color-ink);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;letter-spacing:.01em;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none;position:relative;transition:color .2s ease}a:hover{color:var(--color-ink)}a.link-underline:after,.nav-link:after{content:"";position:absolute;left:0;bottom:-.15rem;width:100%;height:2px;background:var(--color-sky);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}a.link-underline:hover:after,.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1)}img{max-width:100%;display:block;border-radius:1.25rem}code{font-family:IBM Plex Mono,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem;color:var(--color-subtext);background:#1111110a;padding:.15rem .4rem;border-radius:.4rem}.container{width:min(1120px,100% - 3rem);margin:0 auto}.app-shell{background:linear-gradient(180deg,#f7b6d20a,#00a8e80a 35%,#ffffffe6);min-height:100vh}.app-header{position:sticky;top:0;z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffeb;border-bottom:1px solid var(--color-border)}.nav-bar{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 0;position:relative}.nav-branding{display:flex;align-items:center;gap:1.5rem}.nav-brand{font-family:Clash Display,Satoshi,Inter,sans-serif;font-size:1.65rem;letter-spacing:.02em;font-weight:700;color:var(--color-ink)}.nav-lang-toggle{font-family:Satoshi,Inter,sans-serif;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;padding:.35rem .95rem;border-radius:999px;border:1px solid var(--color-border);color:var(--color-subtext);transition:background .2s ease,color .2s ease,border-color .2s ease}.nav-lang-toggle:hover{color:var(--color-ink);border-color:#00a8e873;background:#00a8e814}.nav-toggle{display:none;align-items:center;justify-content:center;width:2.75rem;height:2.75rem;border-radius:.9rem;border:1px solid var(--color-border);background:#ffffffeb;color:var(--color-ink);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.nav-toggle:hover{transform:translateY(-2px);box-shadow:var(--shadow-resting);border-color:#00a8e866}.nav-toggle:focus-visible{outline:2px solid var(--color-sky);outline-offset:3px}.nav-toggle-icon{display:grid;gap:.35rem}.nav-toggle-icon span{display:block;width:1.35rem;height:2px;background:currentColor;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle.open .nav-toggle-icon span:nth-child(1){transform:translateY(.37rem) rotate(45deg)}.nav-toggle.open .nav-toggle-icon span:nth-child(2){opacity:0}.nav-toggle.open .nav-toggle-icon span:nth-child(3){transform:translateY(-.37rem) rotate(-45deg)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.nav-links{display:flex;gap:1.75rem;text-transform:uppercase;letter-spacing:.28em;font-family:Satoshi,Inter,sans-serif;font-size:.72rem;color:var(--color-subtext);margin-left:auto;align-items:center}.nav-actions{margin-left:2rem;display:flex;align-items:center}.auth-control{display:flex;align-items:center;gap:.75rem}.auth-control-mobile{display:none;width:100%}.auth-user{font-family:Satoshi,Inter,sans-serif;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase;color:var(--color-subtext)}.auth-button{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;border-radius:999px;font-family:Satoshi,Inter,sans-serif;font-size:.68rem;letter-spacing:.26em;text-transform:uppercase;font-weight:600;padding:.55rem 1.65rem .45rem;border:1px solid var(--color-border);background:#ffffffd1;color:var(--color-ink);box-shadow:var(--shadow-resting);transition:transform .2s ease,box-shadow .2s ease,color .2s ease,background .2s ease}.auth-button:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.auth-button:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:var(--shadow-resting)}.auth-login{border-color:#00a8e866;color:var(--color-sky)}.auth-login:hover{background:#00a8e81f}.auth-logout{border-color:#11111129;color:var(--color-ink)}.auth-button-mobile{width:100%}.auth-control-mobile .auth-user{font-size:.75rem}.nav-link{padding-bottom:.35rem;font-weight:600;color:var(--color-subtext)}.nav-link.active{color:var(--color-ink)}.layout-main{display:flex;flex-direction:column;gap:6rem;padding:6rem 0 5rem}.hero-section{background:var(--color-paper);padding-top:2rem}.hero-grid{display:grid;gap:4rem;align-items:center}@media (min-width: 992px){.hero-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}.hero-pill{text-transform:uppercase;letter-spacing:.4em;font-family:Satoshi,Inter,sans-serif;font-size:.75rem;color:var(--color-sky);margin-bottom:1.5rem}.hero-title{font-family:Clash Display,Inter,sans-serif;font-size:clamp(3rem,7vw,4.5rem);line-height:1.05;margin:0 0 1.5rem;color:var(--color-ink)}.hero-typewriter{min-height:1.8rem;margin-bottom:2.5rem;max-width:60ch}.hero-typewriter-line{display:inline;font-family:Anonymous Pro,IBM Plex Mono,monospace;font-size:clamp(1rem,2.4vw,1.28rem);color:var(--color-subtext);word-break:break-word;white-space:normal}.hero-typewriter-caret{display:inline-block;width:.14rem;height:1.35em;background:var(--color-sky);margin-left:.22rem;animation:hero-caret .6s steps(1) infinite}@keyframes hero-caret{0%{opacity:1}50%{opacity:0}to{opacity:1}}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.85rem 1.75rem;border-radius:.9rem;font-family:Satoshi,Inter,sans-serif;font-weight:600;letter-spacing:.08em;text-transform:uppercase;font-size:.78rem;border:1px solid transparent;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease}.btn-primary{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-resting)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-soft)}.btn-outline{background:transparent;border-color:var(--color-sky);color:var(--color-sky)}.btn-outline:hover{background:#00a8e81a;transform:translateY(-2px)}.btn-ghost{background:transparent;border-color:#ffffff14;color:#ffffffd1}.btn-ghost:hover{background:#ffffff14;transform:translateY(-2px)}.hero-visual{position:relative}.hero-ambient{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 20% 20%,rgba(247,182,210,.35),transparent 55%),radial-gradient(circle at 80% 80%,rgba(0,168,232,.32),transparent 60%);filter:blur(45px);transform:translateZ(0)}.hero-image-wrapper{position:relative;border-radius:1.75rem;overflow:hidden;box-shadow:var(--shadow-soft)}.hero-slide{position:relative;width:100%;aspect-ratio:4 / 3;overflow:hidden;display:flex;align-items:center;justify-content:center;background:#05060ad9}.hero-slide img{width:100%;height:100%;object-fit:cover}.hero-slide-caption{position:absolute;left:1.25rem;bottom:1.25rem;padding:.5rem .9rem;border-radius:999px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0b0b0f8c;color:#ffffffeb;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.hero-slide-dots{margin-top:1.25rem;display:inline-flex;gap:.5rem}.hero-slide-dot{width:.6rem;height:.6rem;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:#0b0b0f59;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease;padding:0}.hero-slide-dot:hover{transform:scale(1.08);border-color:#00a8e899}.hero-slide-dot.active{background:#00aeef;border-color:#00aeef}.section-block{width:min(1120px,100% - 3rem);margin:0 auto;display:grid;gap:2.5rem}.section-heading{display:flex;flex-direction:column;gap:.75rem}.section-subtext{max-width:70ch;color:var(--color-subtext);font-size:1rem;line-height:1.75;margin:0}@media (min-width: 768px){.section-heading{flex-direction:row;align-items:center;justify-content:space-between}}.section-title{font-family:Clash Display,Inter,sans-serif;font-size:clamp(2rem,4vw,3rem);margin:0}.section-link{font-family:Satoshi,Inter,sans-serif;font-size:.75rem;letter-spacing:.3em;text-transform:uppercase;color:var(--color-sky);display:inline-flex;align-items:center;gap:.5rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:.85rem;font-family:Satoshi,Inter,sans-serif;text-transform:uppercase;letter-spacing:.28em;font-size:.7rem;font-weight:600;padding:.85rem 2.35rem .75rem;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,color .2s ease;border:1px solid transparent}.button.primary{background:var(--color-ink);color:var(--color-paper);box-shadow:var(--shadow-soft)}.button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-hero)}.button.ghost{border-color:#00a8e866;color:var(--color-sky);background:transparent}.button.ghost:hover{background:#00a8e81a}.button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.grid-cards{display:grid;gap:1.75rem}.studio-section{width:min(820px,100% - 3rem);margin:0 auto;display:grid;gap:2rem}.studio-title{font-family:Clash Display,Inter,sans-serif;font-size:clamp(2.4rem,4vw,3.4rem);margin:0;line-height:1.15;color:var(--color-ink)}.studio-card{border:1px solid var(--color-border);border-radius:1.75rem;padding:2.5rem;background:#ffffffe6;box-shadow:var(--shadow-soft);display:grid;gap:2rem}.studio-status{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.status-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.45rem 1.4rem .35rem;font-family:Satoshi,Inter,sans-serif;font-size:.65rem;letter-spacing:.28em;text-transform:uppercase}.status-ready{background:#00a8e826;color:var(--color-sky)}.status-locked{background:#f7b6d233;color:var(--color-ink)}.studio-user{font-family:IBM Plex Mono,monospace;font-size:.75rem;color:var(--color-subtext);background:#1111110d;border-radius:.75rem;padding:.45rem .9rem .35rem}.studio-actions{display:flex;flex-wrap:wrap;gap:1rem}.studio-footnote{font-size:.9rem;color:var(--color-subtext);line-height:1.7}@media (max-width: 768px){.studio-card{padding:2rem}.studio-actions{flex-direction:column}.studio-actions .button{width:100%}}@media (min-width: 768px){.grid-cards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1180px){.grid-cards{grid-template-columns:repeat(3,minmax(0,1fr))}}.card{background:var(--color-paper);border:1px solid var(--color-border);border-radius:1.25rem;padding:1.75rem;display:grid;gap:1.25rem;box-shadow:var(--shadow-resting);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.card:hover{transform:translateY(-2px) scale(1.01);border-color:#00a8e84d;box-shadow:var(--shadow-soft)}.meta{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-subtext)}.muted-small{color:var(--color-subtext);font-size:.95rem;max-width:70ch}.tag{display:inline-flex;align-items:center;justify-content:center;padding:.35rem .75rem;border:1px solid var(--color-border);border-radius:999px;font-family:Satoshi,Inter,sans-serif;font-size:.7rem;letter-spacing:.16em;text-transform:uppercase;color:var(--color-subtext)}.footer{margin-top:auto;border-top:1px solid var(--color-border);padding:2.5rem 0 3rem;color:var(--color-subtext);font-size:.85rem;text-align:center}.footer .container{width:min(960px,100% - 3rem)}.post-article{width:min(760px,100% - 3rem);margin:0 auto;display:grid;gap:2.5rem}.post-header{display:grid;gap:1rem}.post-date{font-family:Satoshi,Inter,sans-serif;text-transform:uppercase;letter-spacing:.3em;color:var(--color-subtext);font-size:.75rem}.post-title{font-family:Clash Display,Inter,sans-serif;font-size:clamp(2.5rem,5vw,3.5rem);margin:0}.prose{display:grid;gap:1.5rem;color:var(--color-ink);font-size:1.05rem;max-width:70ch}.prose p{margin:0}.prose h2,.prose h3,.prose h4{font-family:Clash Display,Inter,sans-serif;margin:2.5rem 0 1rem}.empty-state{width:min(640px,100% - 3rem);margin:0 auto;padding:4rem;border:1px solid var(--color-border);border-radius:1.25rem;background:var(--color-paper);text-align:center;box-shadow:var(--shadow-resting)}@media (max-width: 640px){.container{width:min(100%,100% - 2rem)}.layout-main{padding:4.5rem 0 4rem;gap:4.5rem}.hero-title{font-size:clamp(2.5rem,10vw,3.5rem)}.hero-subtitle{font-size:1rem}.hero-actions{width:100%}.hero-actions .btn{flex:1 1 100%}.card{padding:1.5rem}}@media (max-width: 768px){.nav-bar{flex-direction:column;align-items:stretch;gap:1rem}.nav-branding{width:100%;justify-content:space-between}.nav-toggle{display:inline-flex}.nav-links{margin-left:0;display:none;flex-direction:column;gap:1rem;border:1px solid var(--color-border);border-radius:1rem;padding:1.25rem 1.5rem;background:#fffffff5;box-shadow:var(--shadow-resting)}.nav-links[data-open=true]{display:flex;animation:navReveal .3s ease forwards}.nav-link{font-size:.8rem;letter-spacing:.22em}.nav-actions{display:none}.auth-control-mobile{display:flex}}@keyframes navReveal{0%{opacity:0;transform:translateY(-.5rem)}to{opacity:1;transform:translateY(0)}}::selection{background:#00a8e833}.lang-toggle-group{display:inline-flex;gap:.5rem;align-items:center}.lang-toggle{font-family:Satoshi,Inter,sans-serif;font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;padding:.35rem 1rem;border-radius:999px;border:1px solid var(--color-border);background:transparent;color:var(--color-subtext);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .2s ease}.lang-toggle:hover{color:var(--color-ink);border-color:#00a8e873;background:#00a8e814}.lang-toggle.active{background:#00a8e81f;color:var(--color-ink);border-color:var(--color-sky)}.portfolio-media{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.portfolio-media img{width:100%;height:100%;border-radius:1rem;object-fit:cover;box-shadow:var(--shadow-soft)}