/* Spacious layouts: the open space in 새결 carried through the website. */
:root{--page-gutter:clamp(24px,6vw,104px);--section-space:clamp(120px,12vw,184px)}
.container{width:min(1180px,calc(100% - var(--page-gutter)*2))}
.site-header .container{width:min(1440px,calc(100% - 96px))}
.header-inner{min-height:96px;gap:32px}
.desktop-nav{gap:30px}
.hero{padding-block:var(--section-space);gap:clamp(64px,7vw,108px);grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}
.hero h1{font-size:clamp(1.7rem,2.8vw,2.7rem);line-height:1.55;margin-bottom:32px}
.hero-description{line-height:2;margin-bottom:24px}
.hero-services{line-height:2;margin-bottom:32px}
.hero-actions{gap:28px}.hero-reassurance{margin-top:24px;margin-bottom:32px}
.gallery-heading{margin-bottom:22px}.gallery-controls{margin-top:24px}.gallery-bottom{margin-top:12px}
.section,.standard-section,.consult-section,.brand-intro{padding-block:var(--section-space)}
.section-heading{margin-bottom:64px;gap:64px}
.section-heading>p{max-width:340px;line-height:2}
.filter-bar{gap:12px;margin-bottom:40px}
.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;border:0}
.service-card{padding:40px 38px 0;border:1px solid var(--line)}
.service-card-top{margin-bottom:36px}
.service-card h3{font-size:1.5rem;margin-bottom:20px}
.service-card>p{font-size:.95rem;min-height:0;margin-bottom:22px}
.service-card .service-tags{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:.85rem;line-height:2;margin-bottom:36px}
.service-card-links{font-size:.85rem}.service-card-links a{min-height:70px}
.construction-strip{margin-top:40px;padding:40px;gap:32px}
.standard-grid,.consult-grid{gap:clamp(72px,8vw,120px)}
.standard-intro{top:144px}.standard-intro h2{line-height:1.55;margin-bottom:32px}
.process-list article{padding-block:38px;gap:28px}
.process-list h3{margin-bottom:16px}.process-list p{line-height:2}
.brand-intro-inner{gap:100px;max-width:1080px}
.brand-intro-art{padding:64px 0}.brand-intro-art img{width:240px}
.brand-intro-copy h2{margin-bottom:32px;line-height:1.5}
.brand-intro-copy>p:not(.eyebrow){line-height:2.1;margin-bottom:40px}
.faq-section{gap:clamp(64px,8vw,112px)}
.faq-list summary{padding-block:28px;line-height:1.9}
.faq-list p{padding-bottom:28px;line-height:2}
.consult-copy h2{line-height:1.5;margin-bottom:30px}
.consult-copy>p:not(.eyebrow){line-height:2}
.consult-panel{padding:42px 38px}.consult-panel .form-row{gap:22px}
.consult-panel label{margin-bottom:12px}.consult-panel .form-step{margin-bottom:28px}
footer{padding-top:88px;padding-bottom:64px}.footer-top{gap:40px;margin-bottom:44px}
.footer-links{gap:24px}.business-info{gap:16px 32px;margin-bottom:36px}
.breadcrumb{padding-block:40px}
.page-intro{padding-block:64px 112px}
.service-intro .button{margin-top:32px}
.service-intro>p:not(.eyebrow):not(.service-lead){line-height:2;max-width:640px}
.service-detail-band{padding-block:140px}.service-detail-grid{gap:112px}
.detail-list li{padding-block:24px;line-height:1.9}.detail-list{margin-bottom:52px}
.prepare-list{line-height:2.6}.other-services{padding-block:0 128px}
.other-services h2{margin-bottom:28px}.other-services>div{gap:12px}
.other-services a{padding:14px 20px}
.closing-cta{padding-block:112px}
.ci-page .wrap{max-width:1280px;padding-inline:var(--page-gutter)}
.ci-page .hero{height:auto;min-height:760px;padding-block:140px 170px;column-gap:88px}
.ci-page .philosophy,.ci-page .symbol-section,.ci-page .process-section,.ci-page .signature-section,.ci-page .grid-system,.ci-page .precision,.ci-page .color-section{padding-block:160px}
.ci-page .section-heading{margin-bottom:80px;gap:64px}
@media(max-width:1100px){
  .site-header .container{width:calc(100% - 64px)}.header-inner{gap:24px}.desktop-nav{gap:24px}
  .hero{grid-template-columns:1fr;gap:80px}.hero-copy{max-width:680px}.hero h1{font-size:clamp(2rem,4vw,2.65rem)}
  .hero-media{width:min(680px,100%);margin-left:auto}.project-gallery{max-width:540px;margin-inline:auto}
  .standard-grid,.consult-grid{gap:64px}.consult-panel{padding:32px}
  .service-card{padding:32px 30px 0}.service-card h3{font-size:1.35rem}
  .brand-intro-inner{gap:64px}.service-detail-grid{gap:64px}
}
@media(max-width:900px){
  :root{--section-space:112px}.header-inner{min-height:84px}
  .section-heading{gap:40px}.service-grid{gap:24px}
  .standard-grid,.consult-grid,.service-detail-grid{grid-template-columns:1fr;gap:64px}
  .standard-intro{position:static}.process-list{max-width:680px}
  .faq-section{grid-template-columns:1fr;gap:56px}
  .consult-panel{width:100%;max-width:680px;margin-left:auto}
  .service-detail-band{padding-block:112px}
  .ci-page .hero{column-gap:50px}.ci-page .philosophy,.ci-page .symbol-section,.ci-page .process-section,.ci-page .signature-section,.ci-page .grid-system,.ci-page .precision,.ci-page .color-section{padding-block:112px}
}
@media(max-width:680px){
  :root{--page-gutter:24px;--section-space:88px}
  .site-header .container{width:calc(100% - 40px)}.header-inner{min-height:78px;gap:10px}
  /* Original 3240×1080 photograph; a taller mobile window keeps its wordmark
     inside the frame. No transform, raster enlargement, blur or recompression. */
  .brand-panorama img{height:clamp(180px,56vw,320px);aspect-ratio:auto;object-fit:cover;object-position:50% 50%}
  .hero{gap:64px}.hero h1{font-size:clamp(1.22rem,5.85vw,2.35rem);line-height:1.65;margin-bottom:28px}
  .hero h1 .hero-line{white-space:nowrap}.hero-description,.hero-services{line-height:2}
  .hero-actions{gap:20px;flex-wrap:wrap}.hero-actions .button{padding-inline:22px}
  .hero-reassurance{margin-top:22px;margin-bottom:28px}
  .section-heading{margin-bottom:40px}.section-heading>p{margin-top:26px}
  .filter-bar{gap:10px;margin-bottom:30px}
  .service-grid{grid-template-columns:1fr;gap:24px}.service-card{padding:30px 27px 0}
  .service-card h3{font-size:1.3rem}.service-card>p{font-size:.9rem}
  .service-card-top{margin-bottom:28px}.service-card .service-tags{margin-bottom:28px}
  .service-card-links a{min-height:62px}.construction-strip{margin-top:30px;padding:30px 27px}
  .standard-grid,.consult-grid{gap:52px}.process-list article{padding-block:30px;gap:22px}
  .brand-intro-inner{grid-template-columns:1fr;gap:48px}.brand-intro-art{padding:0 0 12px}.brand-intro-art img{width:160px}
  .brand-intro-copy>p:not(.eyebrow){font-size:.94rem}.faq-section{gap:40px}.faq-list summary{padding-block:24px}
  .consult-panel{padding:32px 24px}.consult-copy h2{font-size:2.1rem}
  .breadcrumb{padding-block:32px}.page-intro{padding-block:32px 80px}
  .service-intro h1{font-size:clamp(1.8rem,7vw,2.3rem);line-height:1.45}
  .service-detail-band{padding-block:88px}.service-detail-grid{gap:48px}
  .other-services{padding-bottom:88px}.closing-cta{padding-block:88px}
  footer{padding-top:64px;padding-bottom:104px}.footer-top{gap:32px;margin-bottom:36px}
  .ci-page .wrap{padding-inline:24px}.ci-page .hero{min-height:0;padding-block:80px 112px;row-gap:64px}
  .ci-page .philosophy,.ci-page .symbol-section,.ci-page .process-section,.ci-page .signature-section,.ci-page .grid-system,.ci-page .precision,.ci-page .color-section{padding-block:88px}
  .ci-page .section-heading{margin-bottom:48px;gap:32px}
}
@media(max-width:360px){
  :root{--page-gutter:20px}.site-header .container{width:calc(100% - 32px)}
  .header-inner{gap:7px}.logo-signature{width:122px}.header-cta{padding-inline:9px!important;gap:6px!important}
  .hero h1{font-size:1.17rem}.service-card{padding-inline:24px}.consult-panel{padding-inline:20px}
  .ci-page .wrap{padding-inline:20px}
}