/* Stable vector icons and concise phone layout; desktop choreography is preserved. */
.ui-icon{width:16px;height:16px;display:inline-block;vertical-align:-3px;flex:0 0 auto}
.skill-icon .ui-icon{width:20px;height:20px}
.shot-action{display:inline-flex;align-items:center;gap:6px}
.mobile-copy{display:none}
@media(max-width:760px){
  html{scroll-padding-top:88px;scroll-behavior:auto}
  .desktop-copy{display:none}.mobile-copy{display:inline}
  .container{width:calc(100% - 36px)}
  .noise,.hero::before,.story-graphic,.scroll-label,.hero-visual{display:none}
  .site-nav{top:10px;width:calc(100% - 20px);min-height:60px;height:60px;padding:7px 10px;border-radius:16px;background:#ffffffed;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 3px 14px #00000007}
  .brand-mark{width:36px;height:36px}
  .nav-actions{gap:6px}.nav-actions .motion-toggle{width:44px;min-width:44px;max-width:44px;padding:0}.motion-label{display:none}
  .nav-links{top:68px;border-radius:14px;padding:8px;box-shadow:0 10px 25px #00000012}.nav-links a{font-size:15px;min-height:44px;padding:12px}
  .hero{min-height:0;padding:106px 0 34px;background:#f8f8f7;display:block}
  .hero-grid{min-height:0;display:block}.hero-copy{padding:0;opacity:1!important}
  .hero-label{font-size:10px;letter-spacing:.09em;margin-bottom:18px;gap:8px}.hero-label .line{width:24px}
  .hero h1{font-size:clamp(43px,11.5vw,62px);line-height:1.05;letter-spacing:-.045em}
  .hero p{font-size:15px;line-height:1.65;margin:20px 0 22px;max-width:480px}
  .hero-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;max-width:380px}
  .hero-actions a{min-height:46px;padding:0 12px;font-size:14px;gap:8px}
  .hero-meta{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:24px}.meta-item{font-size:11px;gap:6px}.meta-item svg{width:14px;height:14px}.meta-sep,.hero-meta .meta-item:last-child{display:none}
  .section{padding:44px 0}.section-top{gap:14px;margin-bottom:24px}.section-number{font-size:10px;letter-spacing:.08em;margin-bottom:12px}.section-title{font-size:34px;line-height:1.12;letter-spacing:-.04em}.section-desc{font-size:14px;line-height:1.55;margin:0}
  .projects-grid{grid-template-columns:1fr;gap:20px}.project-card{height:auto;min-height:0;transform:none!important;will-change:auto;box-shadow:none;background:#fafaf9;border:1px solid #dedede;border-radius:16px}.project-card:hover{box-shadow:none}
  .real-shot{height:auto;aspect-ratio:16/9}.real-shot img{object-fit:contain}.shot-action{font-size:11px;right:8px;bottom:8px;padding:5px 8px;border-radius:7px}
  .project-info{height:auto;min-height:0;display:block;padding:18px}.project-info h3{font-size:22px;line-height:1.2;letter-spacing:-.035em;margin:8px 0}.project-type{font-size:9px;letter-spacing:.06em}.project-info p{font-size:14px;line-height:1.5;color:#5a5a5a}.capture-note{font-size:11px;line-height:1.5;margin-top:7px}
  .project-info>.project-detail{display:inline-flex;margin-top:14px}.project-actions{margin-top:14px;gap:8px}.project-detail.liquid-control{font-size:13px;min-height:44px;padding:10px 12px}
  .ai-project{margin-top:32px;padding:24px 0;gap:16px}.ai-project h3{font-size:24px;line-height:1.2;margin-bottom:12px}.ai-project p{font-size:14px;line-height:1.6}.development-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px;margin-top:18px;padding-top:18px}.development-list strong{font-size:14px;line-height:1.4;margin:0}.development-description{display:none}.development-footnote{font-size:12px!important;line-height:1.5!important;margin-top:18px!important}.ai-project>.btn-secondary{min-height:44px;font-size:13px;padding:10px 14px;margin:0}
  .section-footer{display:none}
  .expertise{padding:12px 0 44px}.skill-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;margin-top:24px}.skill{padding:14px 0;min-height:90px;gap:10px}.skill-head{font-size:14px;line-height:1.35;gap:8px}.skill small{font-size:12px;line-height:1.4}.skill-icon .ui-icon{width:16px;height:16px}
  .story-grid{display:block}.story-left{height:auto;min-height:0;max-height:none;position:relative;padding:42px 0 24px}.story-left .eyebrow{font-size:10px;margin-bottom:16px}.story-left h2{font-size:36px;line-height:1.1;letter-spacing:-.04em}.story-right{padding:0 0 44px;gap:24px}.story-step{min-height:0;padding-top:18px;grid-template-columns:24px minmax(0,1fr);gap:12px}.story-step h3{font-size:23px;line-height:1.2;margin:0 0 8px}.story-step p{font-size:14px;line-height:1.55;margin:0}
  .about{padding:44px 0}.about-grid{gap:24px}.about-copy .eyebrow{font-size:10px}.about-copy h2{font-size:34px;line-height:1.15;margin:18px 0}.about-copy p{font-size:14px;line-height:1.65;margin-bottom:22px}.about-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.about-actions>a{font-size:13px;padding:10px 12px;min-height:44px}.about-actions>a:first-child{grid-column:1/-1}
  .about-art{height:200px;border-radius:16px;background:#f0f1f1}.about-glass,.about-art:hover .about-glass{left:0;top:0;width:100%;height:100%;border:0;border-radius:0;transform:none;box-shadow:none;background:transparent;backdrop-filter:none;transition:none}.about-logo{width:110px}.about-art>small{left:18px;bottom:16px;font-size:9px;letter-spacing:.06em}
  .contact-panel{padding:28px 18px;border-radius:16px}.contact-panel::before{display:none}.contact-panel .eyebrow{font-size:10px}.contact-panel h2{font-size:36px;line-height:1.1;letter-spacing:-.04em;margin:20px 0}.contact-bottom{gap:18px}.contact-bottom p{font-size:14px;line-height:1.65;margin:0}.contact-bottom .btn-primary{width:100%;align-self:stretch;min-height:46px;font-size:14px}.contact-form{padding:18px 0 0;margin-top:22px;border:0;box-shadow:none;background:transparent}.contact-notice,.form-feedback{font-size:12px;line-height:1.55}.form-grid{gap:16px}.form-field label{font-size:13px}.form-field input,.form-field textarea{width:100%;min-width:0;font-size:16px}.message-actions{display:grid;grid-template-columns:1fr}.message-actions>*{min-height:44px;font-size:13px}.contact-form>button[type=submit]{width:100%;font-size:14px;min-height:46px}
  footer{padding:24px 0;gap:12px;align-items:center}footer>span:nth-child(2){flex:0 1 calc(100% - 48px);font-size:11px;line-height:1.6}.footer-mark img{width:36px;height:36px}footer>a{flex:0 0 calc((100% - 12px)/2);justify-content:center;font-size:12px;border-top:1px solid #d5d5d5;padding-top:10px}.legal-section{padding-bottom:28px}.legal-section summary{font-size:14px}.legal-content{font-size:13px;line-height:1.65}.legal-content dl>div{gap:5px;padding:10px 0}.legal-content h3{font-size:18px}
  dialog,#projectDialog.has-capture{width:calc(100vw - 24px);max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);border-radius:16px}.dialog-inner{padding:20px}.dialog-top{gap:12px}.dialog-top .eyebrow{font-size:10px}.dialog-close.liquid-control{min-height:44px;padding:8px 12px;font-size:13px}.dialog-inner h2{font-size:28px;margin:18px 0 14px}.dialog-inner p,.project-facts dd{font-size:14px;line-height:1.6}.project-facts dt{font-size:13px}.project-capture{margin:18px 0}.project-capture figcaption{font-size:11px}.dialog-inner>.btn-primary,.dialog-inner>.btn-secondary{font-size:13px;min-height:44px}
  .js-reveal [data-reveal]{filter:none!important;transition:opacity .4s ease,transform .4s ease}.js-reveal [data-reveal]:not(.is-visible){opacity:0;transform:translateY(12px)}.js-reveal [data-reveal].is-visible{opacity:1;transform:none}.liquid-control::before,.liquid-control::after{backdrop-filter:none!important;-webkit-backdrop-filter:none!important}.liquid-control:hover::after{opacity:.4}.liquid-control::before,.liquid-control::after{transition:transform .14s ease,opacity .14s ease}.liquid-control:active::before,.liquid-control:active::after{transform:scale(.98)}
}