:root{--color-bg: #ffffff;--color-text: #0f172a;--color-subtext: #475569;--color-border: #e2e8f0;--color-accent: #6366f1;--color-bg-alt: #f8fafc;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--max-width: 960px;--padding-inline: 24px;--radius-sm: 6px;--radius-md: 8px;--radius-card: 16px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .06), 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 16px rgba(0, 0, 0, .09), 0 2px 6px rgba(0, 0, 0, .06);--transition: .15s ease}:root[data-theme=dark]{--color-bg: #020617;--color-text: #e2e8f0;--color-subtext: #94a3b8;--color-border: #1e293b;--color-accent: #818cf8;--color-bg-alt: #0f172a;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5), 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 16px rgba(0, 0, 0, .5), 0 2px 6px rgba(0, 0, 0, .4)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;overflow-x:hidden}body{font-family:var(--font-sans);font-size:16px;line-height:1.6;color:var(--color-text);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{color:inherit;text-decoration:none}img,svg{display:block;max-width:100%}.container{max-width:var(--max-width);margin-inline:auto;padding-inline:var(--padding-inline)}.section{padding:96px 0}.section--alt{background:var(--color-bg-alt)}.section-title{font-size:28px;font-weight:700;letter-spacing:-.02em;line-height:1.2;color:var(--color-text);margin-bottom:48px}.section-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:48px;flex-wrap:wrap}.section-header .section-title{margin-bottom:0}.section-link{display:inline-flex;align-items:center;gap:5px;font-size:14px;font-weight:500;color:var(--color-accent);text-decoration:none;white-space:nowrap;padding:6px 12px;border:1.5px solid var(--color-accent);border-radius:var(--radius-md);transition:background var(--transition),color var(--transition),gap var(--transition)}.section-link:hover{background:var(--color-accent);color:#fff;gap:9px}.section-link__arrow{flex-shrink:0;transition:transform var(--transition)}.section-link:hover .section-link__arrow{transform:translate(2px)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 22px;border-radius:var(--radius-md);font-family:var(--font-sans);font-size:15px;font-weight:500;line-height:1;cursor:pointer;text-decoration:none;border:1.5px solid transparent;transition:background var(--transition),color var(--transition),opacity var(--transition),border-color var(--transition);white-space:nowrap}.btn--primary{background:var(--color-accent);color:#fff;border-color:var(--color-accent)}.btn--primary:hover{opacity:.88}.btn--outline{background:transparent;color:var(--color-accent);border-color:var(--color-accent)}.btn--outline:hover{background:var(--color-accent);color:#fff}.btn--muted{background:var(--color-bg-alt);color:var(--color-subtext);border-color:var(--color-border);cursor:default;opacity:.85}.header{position:sticky;top:0;z-index:100;background:#ffffffd9;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-bottom:1px solid var(--color-border)}:root[data-theme=dark] .header{background:#020617d9}.header__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.header__menu-toggle{display:none;position:relative;z-index:160;width:32px;height:24px;padding:0;border:none;background:none;cursor:pointer}.header__menu-toggle span{position:absolute;left:0;right:0;height:2.5px;border-radius:999px;background:var(--color-text);transition:transform var(--transition),opacity var(--transition),top var(--transition),bottom var(--transition)}.header__menu-toggle span:nth-child(1){top:4px}.header__menu-toggle span:nth-child(2){top:11px}.header__menu-toggle span:nth-child(3){bottom:4px}.header__menu-toggle--open span:nth-child(1){top:11px;transform:rotate(45deg)}.header__menu-toggle--open span:nth-child(2){opacity:0}.header__menu-toggle--open span:nth-child(3){bottom:auto;top:11px;transform:rotate(-45deg)}.header__brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--color-text);text-decoration:none;transition:color var(--transition)}.header__brand-icon{width:24px;height:24px;object-fit:contain}.header__brand:hover{color:var(--color-accent)}.header__nav{display:flex;align-items:center;gap:28px}.header__nav-link{font-size:14px;font-weight:500;color:var(--color-subtext);text-decoration:none;transition:color var(--transition)}.header__nav-link:hover{color:var(--color-text)}.header__lang{display:inline-flex;align-items:center;font-size:12px;font-weight:600;letter-spacing:.04em;color:var(--color-subtext);background:none;border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 10px;cursor:pointer;font-family:var(--font-sans);text-decoration:none;transition:color var(--transition),border-color var(--transition)}.header__lang:hover{color:var(--color-text);border-color:var(--color-subtext)}.header__theme-toggle{margin-left:8px;width:32px;height:32px;border-radius:var(--radius-md);border:1px solid var(--color-border);background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;color:var(--color-subtext);transition:color var(--transition),border-color var(--transition),background var(--transition)}.header__theme-toggle:hover{color:var(--color-text);border-color:var(--color-subtext);background:#94a3b814}.hero{padding:120px 0 104px;background:var(--color-bg)}.hero__inner{max-width:620px}.hero__title{font-size:52px;font-weight:700;letter-spacing:-.04em;line-height:1.05;color:var(--color-text);margin-bottom:24px}.hero__tagline{font-size:20px;font-weight:500;line-height:1.5;color:var(--color-text);margin-bottom:16px}.hero__desc{font-size:16px;color:var(--color-subtext);line-height:1.7;margin-bottom:8px}.hero__sub{font-size:15px;color:var(--color-subtext);line-height:1.7;margin-bottom:40px}.hero__ctas{display:flex;gap:12px;flex-wrap:wrap}.projects{padding:104px 0;background:var(--color-bg)}.projects__grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.project-card{display:block;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);background:var(--color-bg);cursor:pointer;text-decoration:none;color:inherit;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.project-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:#6366f140}.project-card__tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-accent);background:#6366f124;border:1px solid transparent;border-radius:4px;padding:3px 8px;margin-bottom:14px}.project-card__meta .project-card__tag,.project-hero__badges .project-card__tag{margin-bottom:0}.project-card__name{font-size:17px;font-weight:600;line-height:1.3;color:var(--color-text);margin-bottom:8px}.project-card__value{font-size:13px;font-weight:500;color:var(--color-accent);line-height:1.5;margin-bottom:6px}.project-card__description{font-size:14px;color:var(--color-subtext);line-height:1.65}.focus{padding:104px 0;background:var(--color-bg-alt)}.focus__list{list-style:none;display:flex;flex-direction:column;gap:20px;max-width:600px}.focus__item{display:flex;align-items:flex-start;gap:12px;font-size:16px;color:var(--color-text);line-height:1.8}.focus__item:before{content:"›";color:var(--color-accent);font-size:20px;line-height:1.3;flex-shrink:0}.about{padding:104px 0;background:var(--color-bg)}.about__body{max-width:600px}.about__body p{font-size:16px;color:var(--color-subtext);line-height:1.75}.about__body p+p{margin-top:14px}.contact{padding:104px 0;background:var(--color-bg)}.contact__body{max-width:480px;font-size:16px;color:var(--color-subtext);line-height:1.7;margin-bottom:32px}.footer{padding:40px 0;border-top:1px solid var(--color-border);background:var(--color-bg)}.footer__inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px}.footer__copy{font-size:13px;color:var(--color-subtext)}.footer__links{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.footer__link{font-size:13px;color:var(--color-subtext);text-decoration:none;transition:color var(--transition)}.footer__link:hover{color:var(--color-text)}.project-hero__badges{display:flex;align-items:center;gap:12px;margin-bottom:20px;flex-wrap:wrap}.project-hero__ctas{display:flex;gap:12px;flex-wrap:wrap;margin-top:36px}.project-hero__back-link{display:inline-flex;align-items:center;gap:5px;margin-top:14px;font-size:14px;font-weight:500;color:var(--color-subtext);text-decoration:none;transition:color var(--transition)}.project-hero__back-link:hover{color:var(--color-text)}.project-detail__back-bottom{margin-top:32px}.project-hero__desc{font-size:15px;color:var(--color-subtext);line-height:1.7;margin-top:10px;max-width:600px}.project-hero__stack{font-size:14px;color:var(--color-subtext);margin-top:12px;letter-spacing:.02em}.project-facts{padding:28px 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.project-facts__grid{display:flex;gap:40px;margin:0}.project-facts__item{display:flex;flex-direction:column;gap:4px}.project-facts__label{font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtext)}.project-facts__value{font-size:14px;font-weight:500;color:var(--color-text);margin:0}.project-screenshot{padding:48px 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.project-screenshot__gallery--multi{display:flex;justify-content:center;gap:24px;flex-wrap:wrap}.project-screenshot__figure{margin:0}.project-screenshot__gallery--multi .project-screenshot__figure{flex:0 1 auto;max-width:280px}.project-screenshot__img{width:100%;border-radius:var(--radius-card);border:1px solid var(--color-border);box-shadow:var(--shadow-md)}.project-screenshot__img--phone{border-radius:24px;box-shadow:0 8px 32px #0000001a,0 2px 8px #0000000f}:root[data-theme=dark] .project-screenshot__img--phone{box-shadow:0 8px 32px #0006,0 2px 8px #0000004d}.project-screenshot__caption{margin-top:12px;font-size:13px;color:var(--color-subtext);text-align:center}.project-hero__ctas .btn{transition:opacity var(--transition),background var(--transition),color var(--transition),border-color var(--transition),transform var(--transition)}.project-hero__ctas .btn:hover{transform:translateY(-2px)}.detail-section{padding:48px 0;background:var(--color-bg);border-top:1px solid var(--color-border)}.page-hero+.detail-section,.page-hero+.project-facts,.project-facts+.detail-section,.project-facts+.project-screenshot,.project-screenshot+.detail-section{border-top:none}.detail-section--alt{background:var(--color-bg-alt)}.detail-section__content{max-width:640px}.detail-section__title{font-size:20px;font-weight:600;letter-spacing:-.01em;line-height:1.3;color:var(--color-text);margin-bottom:20px}.detail-section__body{font-size:16px;color:var(--color-subtext);line-height:1.75}.detail-section__body+.detail-section__body{margin-top:12px}.platform-links{display:flex;flex-wrap:wrap;gap:12px}.platform-links__card{display:flex;align-items:center;gap:10px;padding:14px 20px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg);color:var(--color-text);text-decoration:none;font-size:15px;font-weight:500;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition)}.platform-links__card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-sm);transform:translateY(-2px)}.platform-links__icon{display:inline-block;width:20px;height:20px;background-size:contain;background-repeat:no-repeat;background-position:center;flex-shrink:0}.platform-links__icon--spotify{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%231DB954' d='M12 0C5.4 0 0 5.4 0 12s5.4 12 12 12 12-5.4 12-12S18.66 0 12 0zm5.521 17.34c-.24.359-.66.48-1.021.24-2.82-1.74-6.36-2.101-10.561-1.141-.418.122-.779-.179-.899-.539-.12-.421.18-.78.54-.9 4.56-1.021 8.52-.6 11.64 1.32.42.18.479.659.301 1.02zm1.44-3.3c-.301.42-.841.6-1.262.3-3.239-1.98-8.159-2.58-11.939-1.38-.479.12-1.02-.12-1.14-.6-.12-.48.12-1.021.6-1.141C9.6 9.9 15 10.561 18.72 12.84c.361.181.54.78.241 1.2zm.12-3.36C15.24 8.4 8.82 8.16 5.16 9.301c-.6.179-1.2-.181-1.38-.721-.18-.601.18-1.2.72-1.381 4.26-1.26 11.28-1.02 15.721 1.621.539.3.719 1.02.419 1.56-.299.421-1.02.599-1.559.3z'/%3E%3C/svg%3E")}.platform-links__icon--apple-music{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='50%25' y1='0%25' x2='50%25' y2='100%25'%3E%3Cstop offset='0%25' stop-color='%23FA233B'/%3E%3Cstop offset='100%25' stop-color='%23FB5C74'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath fill='url(%23g)' d='M23.994 6.124a9.23 9.23 0 00-.24-2.19c-.317-1.31-1.062-2.31-2.18-3.043A5.022 5.022 0 0019.7.282C19.13.123 18.55.063 17.96.04c-.59-.025-1.17-.04-1.76-.04H7.8C7.21.001 6.63.016 6.04.04 5.45.063 4.87.123 4.3.282a5.022 5.022 0 00-1.874.609C1.31 1.604.565 2.604.248 3.914A9.23 9.23 0 00.008 6.104c-.024.59-.04 1.17-.04 1.76v8.272c0 .59.016 1.17.04 1.76.024.73.098 1.46.24 2.19.317 1.31 1.062 2.31 2.18 3.043a5.022 5.022 0 001.874.609c.57.16 1.15.22 1.74.242.59.025 1.17.04 1.76.04h8.4c.59-.001 1.17-.016 1.76-.04.59-.023 1.17-.083 1.74-.242a5.022 5.022 0 001.874-.609c1.118-.733 1.863-1.733 2.18-3.043.142-.73.216-1.46.24-2.19.024-.59.04-1.17.04-1.76V7.864c0-.59-.016-1.17-.04-1.74zM16.95 17.08c0 .36-.04.73-.12 1.08-.16.69-.54 1.19-1.13 1.51-.36.19-.75.29-1.16.33-.41.04-.78-.02-1.14-.15a1.862 1.862 0 01-1.19-1.35c-.1-.41-.09-.82.03-1.22.18-.6.58-1.01 1.15-1.25.38-.16.78-.24 1.19-.27.36-.03.71-.01 1.07.05V12.8c0-.13-.08-.23-.21-.26l-5.6-1.32c-.17-.04-.31.06-.31.24v6.2c0 .36-.04.73-.12 1.08-.16.69-.54 1.19-1.13 1.51-.36.19-.75.29-1.16.33-.41.04-.78-.02-1.14-.15a1.862 1.862 0 01-1.19-1.35c-.1-.41-.09-.82.03-1.22.18-.6.58-1.01 1.15-1.25.38-.16.78-.24 1.19-.27.36-.03.71-.01 1.07.05V8.37c0-.5.3-.93.77-1.08l6.4-1.62c.5-.13.93.2.93.72v9.66z'/%3E%3C/svg%3E")}.platform-links__icon--youtube{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23FF0000' d='M23.498 6.186a3.016 3.016 0 00-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 00.502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 002.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 002.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z'/%3E%3C/svg%3E")}.platform-links__label{flex:1}.platform-links__arrow{color:var(--color-subtext);flex-shrink:0}@media(max-width:600px){.platform-links{flex-direction:column}}.arch-flow{display:flex;flex-direction:column;align-items:flex-start;gap:0;margin-bottom:24px;padding:24px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg-alt)}.arch-flow__step{display:flex;flex-direction:column;align-items:flex-start}.arch-flow__label{font-family:SF Mono,Fira Code,Cascadia Code,monospace;font-size:14px;font-weight:500;color:var(--color-text);padding:6px 14px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm)}.arch-flow__arrow{font-size:14px;color:var(--color-subtext);padding:4px 0 4px 16px;line-height:1}.arch-diagram{margin:32px 0 0}.arch-diagram__container{padding:32px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);box-shadow:var(--shadow-sm);overflow:hidden}.arch-diagram__img{display:block;width:100%;max-width:960px;height:auto;margin:0 auto}.arch-diagram__caption{margin-top:16px;font-size:14px;line-height:1.6;color:var(--color-subtext);text-align:center}@media(max-width:768px){.arch-diagram__container{padding:20px;border-radius:var(--radius-md)}}.arch-diagram__container--interactive{cursor:zoom-in;-webkit-appearance:none;-moz-appearance:none;appearance:none;font:inherit;color:inherit;width:100%;text-align:inherit;transition:box-shadow var(--transition),border-color var(--transition)}.arch-diagram__container--interactive:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md)}@media(max-width:600px){.arch-diagram__container{padding:16px}.arch-diagram__caption{font-size:13px}}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#000c;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:32px;cursor:zoom-out}.lightbox__img{max-width:100%;max-height:90vh;border-radius:var(--radius-md);background:#fff;padding:24px;box-shadow:0 8px 32px #0000004d;cursor:default}.lightbox__close{position:absolute;top:16px;right:24px;background:none;border:none;color:#fff;font-size:32px;line-height:1;cursor:pointer;opacity:.7;transition:opacity var(--transition)}.lightbox__close:hover{opacity:1}@media(max-width:600px){.lightbox{padding:16px}.lightbox__img{padding:12px}}.tech-stack-list{display:flex;flex-direction:column;gap:0}.tech-stack-list__item{display:flex;align-items:baseline;gap:12px;padding:12px 0;border-bottom:1px solid var(--color-border)}.tech-stack-list__item:last-child{border-bottom:none}.tech-stack-list__name{font-size:14px;font-weight:600;color:var(--color-text);white-space:nowrap;min-width:160px}.tech-stack-list__desc{font-size:14px;color:var(--color-subtext)}@media(max-width:600px){.tech-stack-list__item{flex-direction:column;gap:2px}.tech-stack-list__name{min-width:0}}.philosophy-quote{font-size:18px;font-weight:500;font-style:normal;color:var(--color-text);line-height:1.8;letter-spacing:.01em;border-left:3px solid var(--color-accent);padding:24px 28px;margin:0;background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0}@media(max-width:600px){.philosophy-quote{font-size:16px;padding:20px}}.page-hero{padding:80px 0 48px;background:var(--color-bg);border-bottom:1px solid var(--color-border)}.page-hero__title{font-size:40px;font-weight:700;letter-spacing:-.03em;line-height:1.1;color:var(--color-text);margin-bottom:16px}.page-hero__description{font-size:16px;color:var(--color-subtext);line-height:1.7;max-width:680px}.page-hero__sub{font-size:15px;color:var(--color-subtext);line-height:1.7;max-width:680px;margin-top:8px}.page-intro{padding:56px 0}.page-intro__text{font-size:16px;color:var(--color-subtext);line-height:1.8;max-width:600px}.projects-page{padding:104px 0;background:var(--color-bg)}.project-card--rich{padding:28px}.project-card__meta{display:flex;align-items:center;gap:8px;margin-bottom:14px;flex-wrap:wrap}.project-card__status{display:inline-block;font-size:11px;font-weight:500;letter-spacing:.03em;color:var(--color-subtext);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:4px;padding:3px 8px}.project-card__cta{display:inline-flex;align-items:center;gap:5px;margin-top:18px;font-size:13px;font-weight:500;color:var(--color-accent);transition:gap .2s ease}.project-card__cta-arrow{display:inline-flex;align-items:center;transition:transform .2s ease}.project-card:hover .project-card__cta-arrow{transform:translate(3px)}.projects-closing{padding:64px 0}.projects-closing__text{font-size:15px;color:var(--color-subtext);line-height:1.75;max-width:480px}.legal-content{max-width:720px;padding-bottom:64px}.legal-toc{margin-bottom:48px;padding:20px 24px;background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);position:sticky;top:80px;z-index:10}.legal-toc__title{font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtext);margin-bottom:12px}.legal-toc__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:6px}.legal-toc__link{font-size:14px;color:var(--color-accent);text-decoration:none;transition:opacity var(--transition)}.legal-toc__link:hover{text-decoration:underline;text-underline-offset:3px}.legal-back-to-top{display:inline-flex;align-items:center;gap:6px;margin-top:48px;font-size:13px;font-weight:500;color:var(--color-subtext);background:none;border:1px solid var(--color-border);border-radius:var(--radius-md);padding:6px 14px;cursor:pointer;font-family:var(--font-sans);transition:color var(--transition),border-color var(--transition)}.legal-back-to-top:hover{color:var(--color-text);border-color:var(--color-subtext)}.legal-intro{font-size:15px;line-height:1.85;color:var(--color-subtext);margin-bottom:48px;padding-bottom:40px;border-bottom:1px solid var(--color-border)}.legal-section{margin-bottom:48px}.legal-section__heading{font-size:17px;font-weight:600;color:var(--color-text);margin-bottom:16px;padding-bottom:10px;border-bottom:1px solid var(--color-border)}.legal-subsection{margin-top:24px;margin-bottom:8px}.legal-section__subheading{font-size:14px;font-weight:600;color:var(--color-text);margin-bottom:10px;letter-spacing:.01em}.legal-section__body{font-size:15px;line-height:1.85;color:var(--color-subtext);margin-bottom:14px}.legal-section__list{list-style:none;padding:0;margin:12px 0 16px}.legal-section__list-item{font-size:15px;line-height:1.75;color:var(--color-subtext);padding-left:18px;position:relative;margin-bottom:6px}.legal-section__list-item:before{content:"–";position:absolute;left:0;color:var(--color-accent);font-weight:600}.legal-section__link{color:var(--color-accent);text-decoration:none;font-weight:500}.legal-section__link:hover{text-decoration:underline}.contact-intro{font-size:15px;color:var(--color-subtext);line-height:1.75;max-width:640px;margin-bottom:40px}.contact-form{max-width:640px}.form-group{margin-bottom:24px}.form-label{display:block;font-size:14px;font-weight:500;color:var(--color-text);margin-bottom:8px}.form-input{width:100%;padding:11px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:15px;font-family:inherit;line-height:1.5;color:var(--color-text);background:var(--color-bg);transition:border-color var(--transition),box-shadow var(--transition);-moz-appearance:none;appearance:none;-webkit-appearance:none}.form-input::placeholder{color:var(--color-subtext);opacity:.65}.form-input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11f}:root[data-theme=dark] .form-input:focus{box-shadow:0 0 0 3px #818cf840}.form-input--error{border-color:#ef4444}.form-input--error:focus{border-color:#ef4444;box-shadow:0 0 0 3px #ef44441f}.form-textarea{resize:vertical;min-height:168px}.form-error{font-size:13px;color:#dc2626;margin-top:6px}.form-status{padding:14px 18px;border-radius:var(--radius-md);margin-bottom:28px;font-size:14px}.form-status strong{display:block;font-weight:600;margin-bottom:4px}.form-status p{margin-top:4px}.form-status--error{background:#ef444412;border:1px solid rgba(239,68,68,.22);color:#b91c1c}:root[data-theme=dark] .form-status--error{background:#ef44441f;border-color:#ef44444d;color:#fca5a5}:root[data-theme=dark] .form-error{color:#f87171}.turnstile-widget{margin-top:4px}.contact-form__submit{margin-top:8px}.contact-form__submit:disabled{opacity:.65;cursor:not-allowed;transform:none}.contact-note{font-size:13px;color:var(--color-subtext);margin-top:32px;max-width:640px;line-height:1.7}.contact-success{max-width:640px;padding:40px 0}.contact-success__title{font-size:22px;font-weight:600;margin-bottom:12px;color:var(--color-text)}.contact-success__body{font-size:16px;line-height:1.75;color:var(--color-subtext)}.about-hero{padding:96px 0 80px;border-bottom:1px solid var(--color-border)}.about-hero__title{font-size:64px;font-weight:800;letter-spacing:-.04em;line-height:1;margin-bottom:24px;color:var(--color-text)}.about-hero__tagline{font-size:20px;font-weight:500;color:var(--color-text);max-width:600px;line-height:1.5;margin-bottom:16px}.about-hero__description{font-size:16px;color:var(--color-subtext);max-width:600px;line-height:1.75}.about-section{padding:64px 0;border-top:1px solid var(--color-border)}.about-section--alt{background:var(--color-bg-alt)}.about-section__inner{display:grid;grid-template-columns:180px 1fr;gap:40px;align-items:start}.about-section__label{font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--color-subtext);padding-top:4px}.about-section__body{font-size:16px;line-height:1.8;color:var(--color-text)}.about-section__cta{margin-top:24px}.about-cards{display:grid;grid-template-columns:1fr 1fr;gap:20px}.about-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-card);padding:24px}.about-card__header{display:flex;align-items:center;gap:12px;margin-bottom:12px}.about-card__icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-md);background:#6366f11a;color:var(--color-accent);flex-shrink:0}.about-card__title{font-size:15px;font-weight:600;color:var(--color-text)}.about-card__body{font-size:14px;line-height:1.7;color:var(--color-subtext)}.about-quote{border-left:3px solid var(--color-accent);padding-left:24px;margin:0}.about-quote__line{font-size:18px;font-weight:500;line-height:1.6;color:var(--color-text)}.about-quote__line+.about-quote__line{margin-top:12px}.about-philosophy{font-size:20px;font-weight:600;font-style:normal;color:var(--color-text);line-height:1.7;letter-spacing:-.01em;border-left:3px solid var(--color-accent);padding:20px 24px;margin:0 0 24px;background:var(--color-bg-alt);border-radius:0 var(--radius-md) var(--radius-md) 0}.site-cta{padding:80px 0;text-align:center;border-top:1px solid var(--color-border)}.site-cta__title{font-size:28px;font-weight:700;letter-spacing:-.02em;margin-bottom:16px;color:var(--color-text)}.site-cta__body{font-size:16px;line-height:1.7;color:var(--color-subtext);max-width:520px;margin:0 auto 32px}.breadcrumb{background:var(--color-bg-alt);border-bottom:1px solid var(--color-border);padding:12px 0}.breadcrumb__list{display:flex;align-items:center;gap:6px;list-style:none;margin:0;padding-block:0;font-size:13px}.breadcrumb__item{display:inline-flex;align-items:center;gap:6px;color:var(--color-subtext)}.breadcrumb__item--current{color:var(--color-text);font-weight:500}.breadcrumb__link{color:var(--color-subtext);text-decoration:none;transition:color var(--transition)}.breadcrumb__link:hover{color:var(--color-accent)}.breadcrumb__sep{color:var(--color-border);flex-shrink:0}.page-hero--no-top{padding-top:40px}@keyframes page-fade-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}main{animation:page-fade-in .3s ease both}.skip-link{position:absolute;top:-100%;left:16px;z-index:200;padding:10px 18px;background:var(--color-accent);color:#fff;font-size:14px;font-weight:600;border-radius:var(--radius-md);text-decoration:none;transition:top .15s ease}.skip-link:focus{top:12px}.header__overlay,.header__nav--mobile,.header__menu-close,.header__nav-utils{display:none}@media(max-width:768px){.hero__title{font-size:42px}.section-title{font-size:26px;margin-bottom:40px}.section-header{margin-bottom:40px}.about-hero__title{font-size:52px}.about-section__inner{grid-template-columns:1fr;gap:20px}.site-cta__title{font-size:24px}.page-hero{padding:64px 0 40px}.page-hero__title{font-size:36px}.header__menu-toggle{display:inline-flex;align-items:center;justify-content:center;z-index:160}.header__nav--desktop{display:none}.header__nav--mobile{display:flex;position:fixed;top:0;right:0;width:280px;height:100vh;height:100dvh;max-width:80vw;flex-direction:column;align-items:stretch;gap:8px;padding:24px var(--padding-inline) 32px;background:#fff;border-left:1px solid var(--color-border);box-shadow:-4px 0 24px #00000014;z-index:150;transform:translate(100%);visibility:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),visibility .28s ease;overflow-y:auto}:root[data-theme=dark] .header__nav--mobile{background:#020617;box-shadow:-4px 0 24px #0006}.header__nav--mobile.header__nav--open{transform:translate(0);visibility:visible}.header__menu-close{display:flex;align-items:center;justify-content:center;position:absolute;top:20px;right:var(--padding-inline);width:32px;height:32px;background:none;border:none;cursor:pointer;z-index:160}.header__menu-close span{position:absolute;width:20px;height:2px;background:var(--color-text);border-radius:1px}.header__menu-close span:first-child{transform:rotate(45deg)}.header__menu-close span:last-child{transform:rotate(-45deg)}.header__nav--mobile .header__nav-link{font-size:16px;padding:10px 0}.header__overlay{display:block;position:fixed;top:0;left:0;width:100vw;height:100vh;height:100dvh;z-index:140;background:#0000004d;opacity:0;pointer-events:none;transition:opacity .28s ease}:root[data-theme=dark] .header__overlay{background:#00000080}.header__overlay--visible{opacity:1;pointer-events:auto}.header__nav-utils{display:flex;align-items:center;gap:12px;padding-top:40px;padding-bottom:16px;margin-bottom:8px;border-bottom:1px solid var(--color-border)}.btn{min-height:44px;padding:12px 24px}.section-link{min-height:44px;padding:10px 14px}:root[lang=ja] .hero__title,[lang=ja] .hero__title{font-size:38px;letter-spacing:-.02em;line-height:1.15}.breadcrumb__item--current{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:180px}.legal-toc{position:static}.project-facts__grid{flex-wrap:wrap;gap:24px}}@media(max-width:600px){.hero{padding:72px 0 64px}.hero__title{font-size:36px;letter-spacing:-.03em}.hero__tagline{font-size:17px}.section-title{font-size:24px;margin-bottom:36px}.section-header{margin-bottom:36px}.section-link{font-size:13px;min-height:44px;padding:10px 14px}.projects__grid{grid-template-columns:1fr;gap:32px}.header__nav--mobile{width:260px}.footer__inner{flex-direction:column;align-items:flex-start}.footer__links{gap:16px}.page-hero{padding:56px 0 32px}.page-hero__title{font-size:32px}.projects-page{padding:72px 0}.about-hero__title{font-size:48px}.about-hero__tagline{font-size:17px}.about-cards{grid-template-columns:1fr}.about-philosophy{font-size:17px;padding:16px 20px}.site-cta{padding:64px 0}.site-cta__title{font-size:22px}.about-quote__line{font-size:16px}:root[lang=ja] .hero__title,[lang=ja] .hero__title{font-size:32px;line-height:1.2}.breadcrumb__item--current{max-width:140px}.project-screenshot__gallery--multi .project-screenshot__figure{max-width:220px}}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:2px}:focus:not(:focus-visible){outline:none}.form-input:focus-visible{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px #6366f11f}:root[data-theme=dark] .form-input:focus-visible{box-shadow:0 0 0 3px #818cf840}.btn:focus-visible{outline-offset:3px}.header__nav-link:focus-visible,.footer__link:focus-visible{outline-offset:4px}:root[data-theme=dark] .project-card{box-shadow:0 1px 4px #0006,0 0 0 1px #ffffff0a}:root[data-theme=dark] .project-card:hover{box-shadow:0 8px 24px #00000080,0 0 0 1px #818cf833}:root[data-theme=dark] .about-card{box-shadow:0 1px 4px #0006,0 0 0 1px #ffffff0a}:root[data-theme=dark] .legal-toc{box-shadow:0 1px 4px #0000004d}@media print{:root,:root[data-theme=dark]{--color-bg: #ffffff;--color-text: #000000;--color-subtext: #333333;--color-border: #cccccc;--color-accent: #4338ca;--color-bg-alt: #f5f5f5}.header,.footer,.skip-link,.breadcrumb,.legal-back-to-top,.hero__ctas,.project-hero__ctas,.project-hero__back-link,.section-link,.contact-form,.turnstile-widget,.header__overlay{display:none!important}body{background:#fff;color:#000}.section--alt,.detail-section--alt,.about-section--alt{background:transparent}.project-card,.about-card{box-shadow:none;border:1px solid #ccc;break-inside:avoid}.container{max-width:100%;padding-inline:0}.legal-toc{position:static}.section,.projects,.focus,.about,.contact{padding:32px 0}.hero{padding:24px 0}.page-hero{padding:24px 0 16px;border-bottom:1px solid #ccc}a[href^=http]:after{content:" (" attr(href) ")";font-size:12px;color:#666;word-break:break-all}.project-card,.about-card,.legal-section,.detail-section{break-inside:avoid}.projects__grid,.about-cards{grid-template-columns:1fr}}