/* Desktop readability at roughly the former 130% view, without forcing browser zoom.
   Mobile/tablet styles and the portfolio/admin pages remain unchanged. */
@media(min-width:1101px){
  html{scroll-padding-top:126px}
  body{font-size:20px}
  .wrap{max-width:1600px;width:calc(100% - 112px)}
  .header-inner{height:108px;gap:24px}
  .brand>.official-logo{width:220px}
  .desktop-nav{font-size:17px;gap:26px}
  .header-contact{font-size:16px;min-height:52px;padding:14px 20px}
  .icon{width:22px;height:22px;flex-basis:22px}
  .icon[data-icon-role=detail]{width:20px;height:20px;flex-basis:20px}
  .eyebrow{font-size:14px;letter-spacing:1.8px}
  .hero{min-height:790px;gap:56px;padding-top:62px;padding-bottom:62px}
  .hero h1{font-size:clamp(52px,4.55vw,73px);line-height:1.4;letter-spacing:-3px;margin:30px 0 28px}
  .hero-description{font-size:21px;line-height:1.85}
  .hero-actions{gap:26px;margin-top:38px;flex-wrap:wrap}
  .button{font-size:17px;min-height:60px;padding:18px 27px;gap:18px}
  .text-link{font-size:16px;padding:13px 0}
  .hero-bottom{gap:17px;margin-top:58px}
  .hero-bottom p{font-size:14px;line-height:1.9}
  .mini-asterisk{font-size:50px}

  .hero-art{height:650px}
  .hero-art .art-heading{top:18px;left:30px;right:30px;font-size:12px;min-height:38px}
  .motion-toggle{font-size:13px;min-width:140px;min-height:38px;padding:8px 12px}
  .motion-toggle svg{width:16px;height:16px;flex-basis:16px}
  .hero-art .art-seal{top:84px;width:126px;height:126px}
  .art-seal b{font-size:65px}.art-seal span{font-size:10px}
  .note-strategy{top:105px;height:254px;padding:28px}
  .note-strategy strong{font-size:35px;line-height:1.4;letter-spacing:-1.7px;margin-top:24px}
  .note-number{font-size:12px}
  .note-corner{bottom:22px;right:24px}
  .art-sheet{height:446px;top:145px;width:59%;padding:26px 26px 18px}
  .sheet-top{font-size:10px;padding-bottom:14px}
  .sheet-title{font-size:35px;line-height:1.4;margin:21px 0;letter-spacing:-1.7px}
  .sheet-window{height:185px}.sheet-window>img{top:100px}
  .sheet-window .window-label{font-size:12px}
  .sheet-bottom{font-size:9px;padding-top:18px}
  .note-connect{height:153px;padding:26px;bottom:91px}
  .connect-text{font-size:27px;margin-top:16px;gap:12px}
  .art-caption{font-size:12px;left:28px;bottom:23px}

  .service-strip{padding:28px 0}.service-strip span{font-size:15px}.service-strip b{font-size:27px}
  .section{padding-top:118px;padding-bottom:118px}
  h2{font-size:clamp(40px,3.8vw,56px);line-height:1.45;letter-spacing:-2px}
  .about-main{gap:72px;grid-template-columns:1.25fr 1fr}
  .about-copy{font-size:18px;line-height:1.9}
  .about-copy p+p{margin-top:20px}
  .principles{margin-top:70px}
  .principles article{padding-top:34px}.principles article>span{font-size:14px}
  .principles h3{font-size:23px;margin:18px 0 15px}
  .principles p{font-size:17px;max-width:360px}
  .section-heading{margin-bottom:52px;gap:40px}
  .section-heading>p{font-size:17px;line-height:1.9}
  .service-grid{gap:26px}
  .service-card{padding:34px}
  .card-top{font-size:13px;gap:15px;letter-spacing:.8px}
  .service-number{padding-right:15px}
  .service-card h3{font-size:36px;letter-spacing:-1.4px;margin-top:28px}
  .service-card>.service-description{font-size:18px;line-height:1.85;margin-top:16px}
  .service-visual{height:210px;flex-basis:210px;margin:34px 0}
  .card-bottom{font-size:14px;padding-top:23px;flex-wrap:wrap;row-gap:14px}
  .service-card.compact{min-height:340px}
  .compact>.service-description{margin-bottom:38px}
  .service-note{font-size:16px;margin-top:36px}
  .journal-page{max-width:310px}.journal-cover>span{font-size:20px}.journal-cover b{font-size:80px}
  .preview-label{font-size:10px}.preview-tag{font-size:10px}
  .design-window{max-width:330px}.design-toolbar{height:35px}.design-toolbar>span{font-size:9px}
  .design-canvas>span:last-child{font-size:21px}.design-star{font-size:74px}
  .design-swatches>span{font-size:9px}
  .editorial-sheet{max-width:330px}.editorial-body>span:last-child{font-size:19px}.editorial-number{font-size:62px}
  .editorial-tag{font-size:12px}

  .portfolio-home{margin-top:54px}.portfolio-callout{padding:38px;gap:36px}
  .portfolio-callout h3{font-size:28px}.portfolio-callout p:not(.eyebrow){font-size:17px}
  .portfolio-preview-grid{gap:32px;margin-top:34px}
  .portfolio-preview-client{font-size:14px;margin-top:21px}
  .portfolio-preview-card h4{font-size:27px}
  .portfolio-pan-hint{font-size:12px}
  .portfolio-preview-open{width:44px;height:44px}.portfolio-preview-open svg{width:22px;height:22px}
  .portfolio-preview-status{font-size:17px}

  .process-list{margin-top:64px}.process-list li{padding-top:34px;padding-bottom:26px}
  .step{font-size:13px}.process-list h3{font-size:26px;margin:34px 0 17px}
  .process-list p{font-size:17px;max-width:280px}
  .faq{gap:74px;padding-top:88px}
  .faq-intro{font-size:17px;line-height:1.9}
  .faq summary{font-size:20px;padding:28px 0;line-height:1.7}
  .faq details p{font-size:17px;padding-bottom:31px}
  .contact{padding:95px 0}.contact-inner{gap:90px}
  .contact h2{font-size:54px;line-height:1.4}
  .contact-copy>p:last-of-type{font-size:17px}
  .contact-phone>span,.contact-kakao div>span{font-size:16px}
  .contact-phone strong{font-size:clamp(36px,3.3vw,48px)}
  .contact-kakao strong{font-size:31px}
  .copy-button{font-size:16px;padding:13px 18px}
  .contact-help,.phone-copy{font-size:14px}
  .footer{padding-top:48px;padding-bottom:32px}
  .footer-brand>.official-logo{width:220px}.footer-top>p{font-size:15px}
  .back-top{font-size:13px}.footer-bottom,.footer-bottom small{font-size:13px}
  .toast{font-size:17px;padding:18px 26px}
  dialog{width:min(715px,calc(100% - 64px))}
  .dialog-inner{padding:52px}.dialog-inner h2{font-size:39px}
  .dialog-inner>p:not(.eyebrow){font-size:18px}.dialog-inner ul{font-size:17px;line-height:2}
  .dialog-inner .dialog-note{font-size:14px!important}
  .dialog-portfolio{font-size:17px;padding:18px}
  .dialog-close{width:46px;height:46px}
}
@media(min-width:1101px) and (max-width:1449px){
  .wrap{width:calc(100% - 88px)}
  .header-inner{gap:18px}.brand>.official-logo{width:195px}
  .desktop-nav{gap:18px}.header-contact{font-size:15px;padding-inline:16px}
  .hero{gap:38px;min-height:740px}
  .hero-art{height:598px}
  .note-strategy{height:238px;top:99px;padding:25px}.note-strategy strong{font-size:31px;margin-top:22px}
  .art-sheet{top:141px;height:402px;padding:23px 23px 16px}.sheet-title{font-size:30px}
  .sheet-window{height:161px}.sheet-window>img{top:82px}
  .sheet-bottom{font-size:8px}.note-number{font-size:11px}
  .note-connect{height:145px;bottom:83px;padding:24px}.connect-text{font-size:24px;gap:10px}
  .hero-art .art-seal{width:108px;height:108px}.art-seal b{font-size:56px}.art-seal span{font-size:9px}
  .art-caption{font-size:10px}
  .section-heading>p{max-width:330px}
  .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .about-main{gap:48px}.faq{gap:44px}.contact-inner{gap:50px}
  .portfolio-callout{padding:30px;gap:25px}.portfolio-callout h3{font-size:26px}
}