/* Mobile rhythm: readable copy, modest decoration, comfortable touch targets. */
@media(max-width:767px){
  :root{--gutter:clamp(20px,5.6vw,28px)}
  .header{height:68px}.header .wordmark{font-size:28px;letter-spacing:-1.6px}.header .logo-dot{width:6px;height:6px;margin-left:2px}
  .header-contact{min-height:44px;font-size:12px;padding:9px 12px;gap:10px;margin-right:8px}.header-contact span{font-size:19px}
  .menu-toggle{width:44px;height:44px;padding:10px;flex-shrink:0}.mobile-nav{top:68px}.mobile-nav a{font-size:18px;min-height:48px}
  #top.hero{display:grid;grid-template-rows:auto auto minmax(220px,1fr) auto;min-height:calc(100svh - 68px);height:auto;padding:24px var(--gutter) 20px;overflow:hidden}
  .hero-topline{grid-row:1;align-self:start}.hero-topline .eyebrow{font-size:8.5px;letter-spacing:.8px;gap:8px}
  .hero .hero-copy{grid-row:2;padding-top:32px;max-width:100%;align-self:start}
  .hero h1{font-size:clamp(26px,7.3vw,32px);letter-spacing:-.055em;line-height:1.32}
  .hero .hero-rotation{height:1.62em;letter-spacing:-.06em;font-weight:280;margin-top:3px}.hero .rotating-phrase{font-weight:280}.hero h1 .rotating-phrase em{font-weight:300}
  .rotation-controls{margin-top:2px;gap:12px;width:180px;height:44px}.rotation-count{font-size:10px;letter-spacing:.5px}.rotation-track{width:64px}
  #rotation-toggle{position:relative;width:44px;height:44px;border:0;flex-shrink:0;background:transparent}
  #rotation-toggle:before{content:'';position:absolute;inset:6px;border:1px solid #cdd2d6;border-radius:50%;pointer-events:none}#rotation-toggle>span{font-size:10px}
  .hero-bottom{margin-top:14px;gap:15px;max-width:100%}.hero-bottom p{font-size:14px;line-height:1.75;color:#5e6369}
  .round-link{font-size:13px;min-height:44px;gap:16px}.round-link>span{width:40px;height:40px;font-size:21px}
  .hero .ribbon-stage{grid-row:3;position:relative;inset:auto;width:100%;height:100%;min-height:220px;max-height:320px;align-self:start;margin:0;z-index:1}
  .ribbon-label{font-size:8px;letter-spacing:1px;padding:7px 10px;background:#f6f5f1e6}
  .hero .label-people{left:3%;top:22%}.hero .label-tech{right:3%;bottom:22%}.hero .ribbon-caption{left:0;right:0;bottom:2%;font-size:9px;letter-spacing:0;text-align:center}
  .hero-footer{grid-row:4;position:static;inset:auto;padding-top:18px;gap:12px;font-size:8px;letter-spacing:.4px;align-self:end}
  .hero-footer>span{max-width:135px;line-height:1.6}.hero-footer a{gap:10px;min-height:32px}.hero-footer a span{font-size:18px;animation:none}
  #about.manifesto,#approach.approach{height:170svh;min-height:170svh}
  .scene-viewport{padding:86px var(--gutter) 65px}
  .belief-viewport>.section-top,.process-viewport>.section-top{top:24px;padding-top:12px}
  .section-top .eyebrow{font-size:9px;letter-spacing:.9px}.section-top>span:last-child{font-size:10px}
  .belief-viewport .asterisk{width:44px;height:44px;font-size:44px;top:clamp(72px,13svh,110px);pointer-events:none}
  .belief-viewport .manifesto-main{padding-top:36px}
  .belief-viewport .scroll-words{font-size:clamp(27px,7.2vw,32px);line-height:1.45;letter-spacing:-.045em}
  .belief-viewport .manifesto-bottom{margin:30px 0 35px}.belief-viewport .manifesto-bottom p:first-child{font-size:18px;line-height:1.65;margin-bottom:20px}
  .belief-viewport .manifesto-bottom p:last-child{font-size:14px;line-height:1.8}.belief-viewport .manifesto-thread{height:100px;opacity:.75}
  .expertise{padding-top:30px;padding-bottom:40px}.expertise .section-heading{margin:34px 0 27px}.expertise .section-heading h2{font-size:32px;line-height:1.35}
  .expertise .section-heading>p{font-size:14px;line-height:1.8}.expertise-row{padding:22px 0;gap:15px}.expertise-row h3{font-size:21px;letter-spacing:-.8px;margin-bottom:12px}
  .expertise-row p{font-size:14px;line-height:1.8}.area-num{font-size:10px}.area-arrow{font-size:23px}.area-tags{font-size:9px;letter-spacing:.4px;line-height:1.7;margin-top:14px}
  .expertise-art{height:260px;margin-top:22px}.art-orbit{width:230px;height:230px}.orbit-two{width:145px;height:145px}
  .art-web{left:9%;top:17%;width:190px;height:150px;padding:13px}.window-dots{padding-bottom:9px}.art-web .mini-line{margin-top:15px}.art-web .short{margin-top:7px}.art-web .mini-block{width:65px;height:27px;margin-top:10px}.art-web-label{font-size:10px;bottom:17px}
  .art-phone{width:86px;height:170px;top:17%;right:12%;border-width:4px;border-radius:18px;padding:10px}.phone-notch-mini{width:28px;height:6px}.art-phone>span{font-size:34px;margin:13px 0 0}.art-phone .mini-line{height:5px;margin-top:12px}.art-phone .short{margin-top:6px}.art-phone .mini-button{width:48px;height:15px;margin-top:13px}
  .art-center{width:58px;height:58px;border-radius:17px}.art-center span{font-size:32px}.art-caption{font-size:8px;letter-spacing:.6px;bottom:15px;left:16px;right:16px}
  .product{padding-top:30px;padding-bottom:42px}.product-heading .section-heading{margin:34px 0 16px}.product-heading .section-heading h2{font-size:32px;line-height:1.35}.product-heading .section-heading>div{margin-top:22px}
  .jangbi-logo{width:120px;margin-bottom:15px}.product-heading .section-heading>div>p{font-size:14px;line-height:1.8}
  .text-link{font-size:13px;min-height:44px;align-items:center;margin-top:18px;padding-bottom:5px;gap:24px}
  .product-stage,.product-stage-inner{height:450px}.product-stage-inner{gap:24px;padding:20px 0 65px}
  .product .phone{width:clamp(121px,34vw,145px)}.product .phone-hardware{border-radius:24px;padding:5px}.product .phone-hardware img{height:clamp(240px,69vw,295px);border-radius:19px}
  .phone-camera{width:40px;height:10px;top:9px}.product .phone-label{font-size:9px;bottom:-27px}.product-watermark{font-size:23vw;letter-spacing:-.07em}
  .product .connection-pill{font-size:10px;padding:11px 15px;gap:8px;bottom:0}.connection-pill>span:last-child{font-size:18px;margin-left:8px}
  .flow-top>.eyebrow{font-size:9px}.flow-top p{font-size:17px;line-height:1.7;margin-top:18px}
  .product-flow .workflow{gap:20px;margin-top:25px}.workflow h3{font-size:18px;margin-top:14px}.workflow p{font-size:13px;line-height:1.7}
  .process-viewport .section-heading{margin:10px 0 25px}.process-viewport .section-heading h2{font-size:32px;line-height:1.4}.process-viewport .section-heading>p{font-size:14px;line-height:1.8;margin-top:17px}
  .process-status{font-size:9px;margin-bottom:27px;letter-spacing:.4px}.process-status-left{gap:13px}
  .process-line{gap:14px;padding-left:31px}.process-line article{grid-template-columns:105px 1fr;column-gap:9px;min-height:62px}
  .process-line article>span{font-size:9px;letter-spacing:.1px}.process-line h3{font-size:23px;line-height:1.35;margin-top:5px}.process-line p{font-size:13px;line-height:1.7}
  .process-line article:before,.process-line article:nth-child(n+3):before{left:-28px;width:9px;height:9px}.process-cursor{width:10px;height:10px;left:-4px;box-shadow:0 0 0 5px #2455f510}
  .process-viewport .tech-strip{margin-top:28px;padding-top:16px}.process-viewport .tech-strip p{font-size:11px;line-height:1.8}.process-viewport .scene-decoration{font-size:80px;opacity:.7;bottom:45px}
  .contact{padding-top:30px;padding-bottom:32px}.contact-grid{margin-top:35px}.contact-copy h2{font-size:32px;line-height:1.4;letter-spacing:-.045em}
  .contact-copy>p{font-size:14px;line-height:1.8;margin-top:20px}.domain-link{font-size:21px;gap:24px;margin-top:22px;padding:8px 0;min-height:44px}.domain-link>span{font-size:24px}
  .contact-orbit{opacity:.33;width:100%;left:8%;top:16%;height:90%;min-height:180px}.contact-orbit path:nth-of-type(2){opacity:.22}.contact-orbit circle:last-child{display:none}
  .contact-copy .contact-loop{display:none}.contact-watermark{font-size:48px;bottom:-12px;color:#ffffff07}
  .contact .form-wrap{margin-top:28px;padding:25px 20px;border-radius:6px}.type-field{margin-bottom:25px}.type-field legend{font-size:14px;line-height:1.6;margin-bottom:15px}
  .type-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.type-options label>span{font-size:12px;min-height:44px;display:flex;align-items:center;justify-content:center;text-align:center;padding:10px 8px}
  .field-pair{gap:16px}.field{margin-bottom:20px}.field label,.captcha-field>label{font-size:13px;line-height:1.6;margin-bottom:5px}.field .optional{font-size:10px}
  .field input,.field textarea{font-size:16px;line-height:1.65;padding:11px 0}.field input{min-height:48px}.field input::placeholder,.field textarea::placeholder{font-size:13px}
  .field textarea{min-height:120px}.field-error{font-size:12px;line-height:1.65}
  .captcha-row{display:grid;grid-template-columns:minmax(100px,1.1fr) 44px minmax(82px,1fr);gap:8px}.captcha-row img{width:100%;max-width:135px;height:auto;aspect-ratio:3;object-fit:contain}.captcha-row button{width:44px;height:44px;padding:8px;font-size:24px}.captcha-row input{font-size:16px;min-height:44px;width:100%;min-width:0}
  .consent-row{flex-wrap:wrap;align-items:center;gap:2px 12px;margin-top:15px}.consent-row>label{font-size:12px;line-height:1.65;gap:9px;min-height:44px}.consent-row input{width:19px;height:19px}
  .consent-row .privacy-trigger{font-size:12px;min-height:44px;padding:8px 0}.submit-button{min-height:52px;font-size:14px;padding:13px 18px;margin-top:18px}.submit-button>span:last-child{font-size:23px}
  .footer{padding-top:30px;padding-bottom:24px}.footer .wordmark{font-size:32px}.footer-top{gap:22px;padding-bottom:28px}.footer-top>span{font-size:16px;line-height:1.4}
  .back-top{font-size:10px;min-height:44px;display:flex;align-items:center}.footer-bottom strong{font-size:12px}.footer-bottom p{font-size:12px;line-height:1.8}.footer-legal{font-size:10px;gap:12px;margin-top:18px}.footer-legal .privacy-trigger{font-size:12px;min-height:44px}
  #privacy-dialog .dialog-heading h2{font-size:16px}#privacy-dialog .dialog-heading button{width:44px;height:44px;font-size:27px}.dialog-body{font-size:14px}
}
@media(max-width:370px){
  :root{--gutter:20px}.hero .hero-copy{padding-top:29px}.hero h1{font-size:26px}.hero .hero-rotation{letter-spacing:-.065em}.hero-bottom p{font-size:13px}.hero-footer{font-size:7.5px}
  .belief-viewport .scroll-words{font-size:27px}.belief-viewport .manifesto-bottom p:last-child{font-size:13px}.expertise-row{gap:12px}.expertise-row p{font-size:13px}
  .product .phone{width:121px}.product-stage,.product-stage-inner{height:430px}.product-stage-inner{gap:21px}.product-heading .section-heading h2{font-size:30px}
  .process-line article{grid-template-columns:91px 1fr;column-gap:8px}.process-line h3{font-size:21px}.process-line p{font-size:12px}.process-line article>span{font-size:8px}
  .contact-copy h2,.process-viewport .section-heading h2{font-size:30px}.contact .form-wrap{padding:23px 17px}.field-pair{grid-template-columns:1fr;gap:0}
  .captcha-row{grid-template-columns:minmax(115px,1fr) 44px}.captcha-row input{grid-column:1 / -1}
}
@media(max-width:767px) and (max-height:720px){
  .scene-viewport{padding-top:80px;padding-bottom:40px}.belief-viewport .manifesto-main{padding-top:20px}
  .belief-viewport .scroll-words{font-size:27px}.belief-viewport .manifesto-bottom{margin:24px 0 20px}.belief-viewport .manifesto-bottom p:first-child{font-size:17px;margin-bottom:14px}.belief-viewport .manifesto-bottom p:last-child{font-size:12px}
  .process-viewport .section-heading h2{font-size:28px}.process-viewport .section-heading{margin:3px 0 18px}.process-viewport .section-heading>p{font-size:12px;line-height:1.7;margin-top:12px}
  .process-status{margin-bottom:22px}.process-line{gap:11px}.process-line article{min-height:57px}.process-line p{font-size:12px}.process-line h3{font-size:21px}.process-viewport .tech-strip{margin-top:20px;padding-top:13px}.process-viewport .tech-strip p{font-size:10px}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){#about.manifesto,#approach.approach{height:auto;min-height:100dvh}.hero .ribbon-stage{min-height:220px}}