*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","Noto Sans KR","Malgun Gothic",sans-serif;-webkit-font-smoothing:antialiased;letter-spacing:-.025em}a{text-decoration:none;color:inherit}img{display:block;width:100%;object-fit:cover}button{font:inherit}
.urg-head{height:78px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:80;border-bottom:1px solid #00000014;background:color-mix(in srgb,var(--paper) 92%,transparent);backdrop-filter:blur(16px)}.urg-brand{font-size:19px;font-weight:850;letter-spacing:-.045em}.urg-brand small{display:block;margin-top:2px;font-size:6px;letter-spacing:.15em;color:var(--muted)}.urg-nav{display:flex;gap:23px;align-items:center;font-size:10px;font-weight:700}.urg-navcta{padding:11px 14px;border-radius:7px;background:var(--dark);color:#fff}.urg-menu{display:none;border:0;background:none}.urg-closing{padding:76px 5vw;background:var(--accent);color:#fff;display:grid;grid-template-columns:1fr auto;align-items:end}.urg-closing small{font-size:8px;letter-spacing:.16em}.urg-closing h2{font-size:clamp(34px,4vw,56px);letter-spacing:-.06em;margin:14px 0}.urg-closing p{opacity:.8}.urg-closing>a{background:var(--dark);padding:14px 18px;border-radius:8px;font-size:11px;font-weight:800}.urg-foot{padding:42px 5vw 70px;background:var(--dark);color:#cfd8d5;display:grid;grid-template-columns:1.6fr 1fr 1.2fr 1fr;gap:28px}.urg-foot b{color:#fff}.urg-foot p,.urg-foot span,.urg-foot a{font-size:9px;line-height:1.7}.urg-foot small{display:block;color:#74847f;font-size:7px;letter-spacing:.13em;margin-bottom:10px}.urg-foot span,.urg-foot a{display:block}.urg-mobile{display:none}
.urg-subhero{min-height:610px;padding:70px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center}.urg-subhero small,.urg-title small,.urg-detailhero small,.urg-projectdetail small,.urg-contact small,.urg-policy>small{font-size:8px;color:var(--accent);font-weight:800;letter-spacing:.17em}.urg-subhero h1,.urg-title h1,.urg-detailhero h1,.urg-projectdetail h1,.urg-contact h1,.urg-policy h1{font-size:clamp(46px,5vw,72px);line-height:1.02;letter-spacing:-.065em;margin:18px 0}.urg-subhero p,.urg-title p,.urg-detailhero p,.urg-projectdetail p,.urg-contact p,.urg-policy p{color:var(--muted);line-height:1.85}.urg-subhero figure{margin:0}.urg-subhero img{height:500px;border-radius:18px}
.urg-aboutgrid,.urg-detailprocess{padding:20px 5vw 100px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.urg-aboutgrid article,.urg-detailprocess article{background:#fff;padding:28px;border-radius:15px;border:1px solid var(--line)}.urg-aboutgrid span,.urg-detailprocess span{color:var(--accent);font-size:9px}.urg-aboutgrid h2,.urg-detailprocess h2{font-size:24px;margin:25px 0 10px}.urg-aboutgrid p,.urg-detailprocess p{font-size:11px;color:var(--muted);line-height:1.75}
.urg-title{padding:95px 5vw 50px;max-width:1000px}.urg-servicegrid{padding:10px 5vw 110px}.urg-servicegrid>a{display:grid;grid-template-columns:70px 1fr auto;align-items:center;padding:25px 5px;border-top:1px solid var(--line)}.urg-servicegrid span{color:var(--accent);font-size:9px}.urg-servicegrid h2{font-size:25px;margin:0}.urg-servicegrid p{font-size:10px;color:var(--muted)}.urg-servicegrid i{font-style:normal;font-size:9px;font-weight:800}
.urg-detailhero{padding:80px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center}.urg-detailhero>a,.urg-detailhero div>a{display:inline-block;background:var(--dark);color:#fff;padding:13px 17px;border-radius:8px;font-size:10px;font-weight:800}.urg-detailhero figure{margin:0}.urg-detailhero img{height:520px;border-radius:18px}
.urg-projectgrid{padding:10px 4vw 115px;display:grid;grid-template-columns:1fr 1fr;gap:15px}.urg-projectgrid>a{background:#fff;border-radius:18px;overflow:hidden;border:1px solid var(--line)}.urg-projectgrid figure{margin:0;height:350px}.urg-projectgrid img{height:100%;transition:.45s}.urg-projectgrid>a:hover img{transform:scale(1.025)}.urg-projectgrid>a>div{padding:23px}.urg-projectgrid span{font-size:8px;color:var(--accent)}.urg-projectgrid h2{font-size:24px}.urg-projectgrid b{font-size:9px}
.urg-projectdetail>section{padding:80px 5vw 110px;display:grid;grid-template-columns:1.15fr .85fr;gap:5vw;align-items:center}.urg-projectdetail figure{margin:0}.urg-projectdetail img{height:620px;border-radius:18px}.urg-projectdetail a{display:inline-block;margin-top:18px;font-size:10px;font-weight:800;color:var(--accent)}
.urg-areagrid{padding:10px 5vw 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.urg-areagrid article{padding:25px;background:#fff;border:1px solid var(--line);border-radius:15px}.urg-areagrid span{color:var(--accent);font-size:8px}.urg-areagrid h2{font-size:23px}.urg-areagrid p{color:var(--muted);font-size:10px}.urg-areagrid a{font-size:9px;font-weight:800}
.urg-postgrid{padding:10px 5vw 110px;display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.urg-postgrid>a{padding:27px 0;border-top:1px solid var(--line)}.urg-postgrid span{font-size:8px;color:var(--accent)}.urg-postgrid h2{font-size:22px}.urg-postgrid p{color:var(--muted);font-size:10px;line-height:1.7}.urg-postgrid b{font-size:9px}
.urg-article{max-width:900px;margin:auto;padding:95px 25px 130px}.urg-back{font-size:9px;color:var(--accent);font-weight:800}.urg-article header{padding:50px 0;border-bottom:1px solid var(--line)}.urg-article header small{font-size:8px;color:var(--accent)}.urg-article h1{font-size:clamp(42px,5vw,68px);line-height:1.08;letter-spacing:-.055em}.urg-article header p{font-size:16px;color:var(--muted);line-height:1.75}.urg-article article{padding-top:45px;line-height:2;color:#35464d;font-size:14px}
.urg-contact{min-height:650px;padding:90px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:center}.urg-contactmeta{margin:30px 0}.urg-contactmeta span,.urg-contactmeta b{display:block;margin:8px 0}.urg-contactactions{display:flex;gap:12px}.urg-contactactions a{padding:13px 17px;background:var(--dark);color:#fff;border-radius:8px;font-size:10px;font-weight:800}.urg-contact figure{margin:0}.urg-contact img{height:520px;border-radius:18px}
.urg-policy{max-width:900px;margin:auto;padding:105px 25px 140px}.urg-policy section{margin-top:55px;padding-top:30px;border-top:1px solid var(--line)}.urg-policy h2{margin-top:35px}
@media(max-width:860px){.urg-nav{display:none;position:absolute;left:15px;right:15px;top:68px;padding:18px;background:var(--paper);border:1px solid var(--line);border-radius:12px;flex-direction:column;align-items:stretch}.nav-open .urg-nav{display:flex}.urg-menu{display:block;width:38px;height:38px}.urg-menu i{display:block;height:1px;background:var(--dark);margin:7px}.urg-closing,.urg-subhero,.urg-detailhero,.urg-projectdetail>section,.urg-contact{grid-template-columns:1fr}.urg-foot{grid-template-columns:1fr 1fr}.urg-aboutgrid,.urg-detailprocess,.urg-areagrid{grid-template-columns:1fr}.urg-projectgrid,.urg-postgrid{grid-template-columns:1fr}.urg-subhero img,.urg-detailhero img,.urg-projectdetail img,.urg-contact img{height:410px}.urg-mobile{position:fixed;left:12px;right:12px;bottom:12px;z-index:120;display:grid;grid-template-columns:1fr 1fr;box-shadow:0 15px 50px #0003}.urg-mobile>a,.urg-mobile>*{padding:14px!important;text-align:center!important;background:#fff!important;color:var(--dark)!important;font-size:11px!important;font-weight:800!important}.urg-mobile>a:first-child{background:var(--accent)!important;color:#fff!important}}
:root{--accent:#f06a3d;--dark:#0f1a1c;--paper:#f5f4ef;--line:#dadbd5;--muted:#6c7773}body{background:var(--paper);color:#14201d}.urg-hero{min-height:680px;padding:60px 5vw;display:grid;grid-template-columns:.9fr 1.1fr;gap:5vw;align-items:center}.urg-eye{display:inline-block;background:#fee9e1;color:#c74620;padding:8px 11px;border-radius:999px;font-size:8px;font-weight:850}.urg-hero h1{font-size:clamp(58px,6.4vw,94px);line-height:.93;letter-spacing:-.07em}.urg-hero p{font-size:16px;line-height:1.8;color:var(--muted)}.urg-actions{display:flex;gap:10px}.urg-actions a{padding:14px 17px;background:var(--dark);color:#fff;border-radius:8px;font-size:10px;font-weight:800}.urg-region{margin-top:30px;font-size:9px}.urg-hero figure{margin:0;position:relative}.urg-hero img{height:560px;border-radius:20px}.urg-hero figure div{position:absolute;right:-15px;bottom:25px;background:var(--accent);color:#fff;padding:17px 20px;border-radius:10px}.urg-hero figure small,.urg-hero figure b{display:block}.urg-issues,.urg-faq{padding:90px 5vw}.urg-issues header h2,.urg-faq h2{font-size:42px}.urg-issues>div{display:grid;grid-template-columns:1fr 1fr}.urg-issues a{display:grid;grid-template-columns:55px 1fr auto;padding:22px 0;border-top:1px solid var(--line)}.urg-issues span{color:var(--accent);font-size:8px}.urg-issues i{font-style:normal;font-size:9px}.urg-proof{background:var(--dark);color:#fff;padding:90px 5vw;display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw}.urg-proof h2{font-size:45px}.urg-proof ol{list-style:none;padding:0;margin:0}.urg-proof li{display:grid;grid-template-columns:55px 150px 1fr;padding:18px 0;border-top:1px solid #ffffff20}.urg-proof p{margin:0;color:#aab7b3;font-size:10px}.urg-case{display:grid;grid-template-columns:1.15fr .85fr}.urg-case figure{margin:0}.urg-case img{height:600px}.urg-case>div{padding:70px}.urg-case h2{font-size:44px}.urg-area{padding:90px 5vw;display:flex;justify-content:space-between;align-items:end}.urg-area h2{font-size:38px}.urg-faq{display:grid;grid-template-columns:.7fr 1.3fr;gap:6vw}.urg-faq details{padding:18px 0;border-top:1px solid var(--line)}.urg-faq summary{display:flex;justify-content:space-between;font-weight:750}.urg-faq p{color:var(--muted);font-size:11px}@media(max-width:860px){.urg-hero,.urg-proof,.urg-case,.urg-faq{grid-template-columns:1fr}.urg-issues>div{grid-template-columns:1fr}.urg-proof li{grid-template-columns:45px 110px 1fr}.urg-hero img,.urg-case img{height:410px}}
/* AUTOHOME_V31_3_KOREAN_TYPOGRAPHY */
h1,h2,h3,h4,p,summary,b,strong,a,span{
word-break:keep-all;
overflow-wrap:normal;
}
h1,h2,h3,h4{
text-wrap:balance;
}
@media(min-width:861px){
[class$="-hero"] h1{
max-width:760px;
}
}
/* AUTOHOME_V32_SITE_ADMIN_LINK_CSS */
.urg-adminlink{font-size:9px!important;opacity:.58}
/* AUTOHOME_V33_POST_COVER_CSS */
.ah33-post-cover{margin:24px 0 30px}.ah33-post-cover img{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 12px 36px rgba(10,25,34,.08)}
/* AUTOHOME_V34_AIRPOSTER_GRADE_PUBLIC_DEPTH */
.ah34-depth{--ah34-ink:#14212a;--ah34-muted:#62717a;--ah34-line:#dce4e8;--ah34-soft:#f4f7f7;--ah34-accent:#166d98;color:var(--ah34-ink);background:#fff;font-family:inherit}
.ah34-t01_professional{--ah34-accent:#e95f2f}.ah34-t02_corporate{--ah34-accent:#245d9d}.ah34-t03_local{--ah34-accent:#168bc1}.ah34-t04_visual{--ah34-accent:#159b7a}.ah34-t05_content{--ah34-accent:#9b603b}.ah34-t06_mobile{--ah34-accent:#37759f}.ah34-t07_portal{--ah34-accent:#65773a}.ah34-t08_premium{--ah34-accent:#b15f41}.ah34-t09_portfolio{--ah34-accent:#247b58}.ah34-t10_minimal{--ah34-accent:#245f9a}
.ah34-depth section{box-sizing:border-box}.ah34-service-section,.ah34-post-section,.ah34-process-section,.ah34-faq-section{max-width:1240px;margin:0 auto;padding:88px 34px}.ah34-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(280px,.65fr);gap:60px;align-items:end;margin-bottom:38px}.ah34-head small,.ah34-check small,.ah34-area-section small,.ah34-detail-extra small{display:block;color:var(--ah34-accent);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:10px}.ah34-head h2,.ah34-check h2,.ah34-area-section h2,.ah34-detail-extra h2{margin:0;font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.055em;word-break:keep-all}.ah34-head>p,.ah34-check>div>p,.ah34-area-section>div>p,.ah34-detail-extra>div>p{font-size:16px;line-height:1.85;color:var(--ah34-muted);margin:0}.ah34-service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--ah34-line)}.ah34-service-grid>a{display:grid;grid-template-columns:48px 1fr auto;gap:18px;padding:25px 4px;border-bottom:1px solid var(--ah34-line);text-decoration:none;color:inherit}.ah34-service-grid>a:nth-child(odd){padding-right:28px;border-right:1px solid var(--ah34-line)}.ah34-service-grid>a:nth-child(even){padding-left:28px}.ah34-service-grid span{font-size:12px;font-weight:900;color:var(--ah34-accent)}.ah34-service-grid h3{font-size:21px;margin:0 0 8px;letter-spacing:-.03em}.ah34-service-grid p{font-size:14px;line-height:1.72;margin:0;color:var(--ah34-muted)}.ah34-service-grid b{font-size:12px;white-space:nowrap;color:var(--ah34-accent)}
.ah34-check{max-width:1240px;margin:0 auto;padding:70px 34px;display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;background:var(--ah34-soft);border-radius:24px}.ah34-chip-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;align-content:center}.ah34-chip-grid span{background:#fff;border:1px solid var(--ah34-line);border-radius:12px;padding:15px 16px;font-size:14px;font-weight:750}
.ah34-post-section{padding-top:100px}.ah34-post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ah34-post-grid>a{display:block;border:1px solid var(--ah34-line);border-radius:18px;overflow:hidden;text-decoration:none;color:inherit;background:#fff}.ah34-post-grid>a.featured{grid-column:span 2;grid-row:span 2}.ah34-post-grid figure{margin:0;height:190px;overflow:hidden;background:#e8edef}.ah34-post-grid .featured figure{height:320px}.ah34-post-grid img{width:100%;height:100%;object-fit:cover;display:block}.ah34-post-grid>a>div{padding:20px}.ah34-post-grid span{font-size:11px;color:var(--ah34-accent);font-weight:850}.ah34-post-grid h3{font-size:19px;line-height:1.35;margin:8px 0}.ah34-post-grid .featured h3{font-size:28px}.ah34-post-grid p{font-size:14px;line-height:1.65;color:var(--ah34-muted);margin:0 0 15px}.ah34-post-grid b,.ah34-more{font-size:13px;font-weight:850;color:var(--ah34-accent)}.ah34-more{display:inline-block;margin-top:22px;text-decoration:none}
.ah34-process-section{background:#101c23;color:#edf4f6;max-width:none;padding-left:max(34px,calc((100vw - 1172px)/2));padding-right:max(34px,calc((100vw - 1172px)/2))}.ah34-process-section .ah34-head>p{color:#9db0ba}.ah34-process{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #344650}.ah34-process article{padding:27px 22px 10px 0;border-right:1px solid #344650}.ah34-process article+article{padding-left:22px}.ah34-process span{font-size:12px;color:#72c7e7;font-weight:900}.ah34-process h3{font-size:20px;margin:13px 0 8px}.ah34-process p{font-size:14px;line-height:1.7;color:#a9bbc3;margin:0}
.ah34-area-section{max-width:1240px;margin:0 auto;padding:92px 34px;display:grid;grid-template-columns:1.2fr .7fr;gap:65px}.ah34-areas{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.ah34-areas a{border:1px solid var(--ah34-line);border-radius:999px;padding:9px 13px;font-size:13px;text-decoration:none;color:inherit;background:#fff}.ah34-area-section aside{background:var(--ah34-ink);color:#fff;border-radius:20px;padding:32px;align-self:end}.ah34-area-section aside b{font-size:24px}.ah34-area-section aside p{font-size:15px;line-height:1.7;color:#c2d0d6}.ah34-area-section aside a{display:block;background:#fff;color:var(--ah34-ink);border-radius:9px;padding:13px 15px;margin-top:8px;text-decoration:none;font-size:14px;font-weight:850}.ah34-area-section aside a+a{background:transparent;color:#fff;border:1px solid #50616b}
.ah34-faq{border-top:1px solid var(--ah34-line)}.ah34-faq details{border-bottom:1px solid var(--ah34-line)}.ah34-faq summary{list-style:none;cursor:pointer;padding:20px 4px;font-size:17px;font-weight:800;display:flex;justify-content:space-between}.ah34-faq summary::-webkit-details-marker{display:none}.ah34-faq summary i{font-style:normal;color:var(--ah34-accent)}.ah34-faq details p{font-size:15px;line-height:1.8;color:var(--ah34-muted);padding:0 4px 22px;margin:0;max-width:900px}
.ah34-detail-extra{max-width:1200px;margin:35px auto 80px;padding:55px 34px;border-top:1px solid var(--ah34-line);display:grid;grid-template-columns:.8fr 1.2fr;gap:55px}.ah34-detail-list{display:grid;grid-template-columns:1fr 1fr;gap:10px}.ah34-detail-list article{padding:18px;border:1px solid var(--ah34-line);border-radius:12px}.ah34-detail-list span{font-size:11px;color:var(--ah34-accent);font-weight:900}.ah34-detail-list b{display:block;font-size:17px;margin:8px 0}.ah34-detail-list p{font-size:13px;line-height:1.65;color:var(--ah34-muted);margin:0}
/* readability floor for legacy V31 typography */
body{font-size:16px}nav a{font-size:max(13px,1em)}[class$="-services"] p,[class$="-board"] p,[class*="-guide"] p,[class*="-case"] p{font-size:max(14px,1em);line-height:1.7}
@media(max-width:900px){.ah34-service-section,.ah34-post-section,.ah34-process-section,.ah34-faq-section,.ah34-area-section{padding:65px 20px}.ah34-head,.ah34-check,.ah34-area-section,.ah34-detail-extra{grid-template-columns:1fr;gap:28px}.ah34-check{margin:0 20px;padding:42px 24px}.ah34-post-grid{grid-template-columns:1fr 1fr}.ah34-post-grid>a.featured{grid-column:1/-1;grid-row:auto}.ah34-process{grid-template-columns:1fr 1fr}.ah34-process article:nth-child(2){border-right:0}.ah34-detail-extra{padding:40px 20px}.ah34-service-grid{grid-template-columns:1fr}.ah34-service-grid>a:nth-child(odd),.ah34-service-grid>a:nth-child(even){padding:22px 0;border-right:0}}
@media(max-width:620px){.ah34-head h2,.ah34-check h2,.ah34-area-section h2,.ah34-detail-extra h2{font-size:36px}.ah34-head>p,.ah34-check>div>p,.ah34-area-section>div>p{font-size:15px}.ah34-chip-grid,.ah34-post-grid,.ah34-process,.ah34-detail-list{grid-template-columns:1fr}.ah34-post-grid .featured figure{height:230px}.ah34-post-grid figure{height:220px}.ah34-process article,.ah34-process article+article{padding:21px 0;border-right:0;border-bottom:1px solid #344650}.ah34-service-grid>a{grid-template-columns:34px 1fr}.ah34-service-grid b{grid-column:2}.ah34-area-section aside{padding:25px}.ah34-depth{overflow:hidden}}
/* AUTOHOME_V35_SALES_READY_REAL_BUSINESS_MEDIA */
.ah35-story{max-width:1240px;margin:0 auto;padding:12px 34px 92px}
.ah35-story-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:70px;align-items:end;margin-bottom:30px}
.ah35-story-head small{display:block;color:var(--ah34-accent,#176d98);font-size:12px;font-weight:900;letter-spacing:.13em;margin-bottom:10px}
.ah35-story-head h2{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.055em;margin:0;color:var(--ah34-ink,#14212a);word-break:keep-all}
.ah35-story-head p{font-size:15px;line-height:1.85;color:var(--ah34-muted,#62717a);margin:0}
.ah35-story-grid{display:grid;grid-template-columns:1.45fr 1fr 1fr;grid-auto-rows:230px;gap:12px}
.ah35-story-grid figure{margin:0;position:relative;overflow:hidden;border-radius:18px;background:#e8edef;min-height:0}
.ah35-story-grid figure.lead{grid-row:span 2}.ah35-story-grid img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s ease}.ah35-story-grid figure:hover img{transform:scale(1.025)}
.ah35-story-grid figcaption{position:absolute;left:0;right:0;bottom:0;padding:38px 18px 17px;background:linear-gradient(transparent,rgba(10,21,28,.84));color:#fff}.ah35-story-grid figcaption span{display:block;font-size:10px;font-weight:900;letter-spacing:.09em;opacity:.82;margin-bottom:4px}.ah35-story-grid figcaption b{font-size:16px;line-height:1.35;letter-spacing:-.02em}
.ah35-trust{display:grid;grid-template-columns:repeat(3,130px) 1fr;gap:1px;margin-top:14px;background:var(--ah34-line,#dce4e8);border:1px solid var(--ah34-line,#dce4e8);border-radius:16px;overflow:hidden}.ah35-trust article,.ah35-trust>div{background:#fff;padding:20px}.ah35-trust article small{font-size:10px;color:var(--ah34-accent,#176d98);font-weight:900;letter-spacing:.1em}.ah35-trust article b{display:block;font-size:24px;margin-top:5px}.ah35-trust article p{font-size:11px;color:var(--ah34-muted,#62717a);margin:4px 0 0}
.ah35-trust>div{display:grid;grid-template-columns:1fr auto;column-gap:18px;align-items:center}.ah35-trust>div strong{font-size:19px}.ah35-trust>div p{font-size:13px;line-height:1.6;color:var(--ah34-muted,#62717a);margin:5px 0 0}.ah35-trust>div a{grid-column:2;grid-row:1/3;text-decoration:none;background:var(--ah34-ink,#14212a);color:#fff;border-radius:9px;padding:12px 15px;font-size:13px;font-weight:850;white-space:nowrap}
@media(max-width:900px){.ah35-story{padding:5px 20px 70px}.ah35-story-head{grid-template-columns:1fr;gap:20px}.ah35-story-grid{grid-template-columns:1fr 1fr;grid-auto-rows:210px}.ah35-story-grid figure.lead{grid-column:1/-1;grid-row:auto;height:320px}.ah35-trust{grid-template-columns:repeat(3,1fr)}.ah35-trust>div{grid-column:1/-1}}
@media(max-width:620px){.ah35-story-head h2{font-size:36px}.ah35-story-grid{grid-template-columns:1fr;grid-auto-rows:230px}.ah35-story-grid figure.lead{height:260px}.ah35-trust{grid-template-columns:1fr 1fr}.ah35-trust article:nth-child(3){grid-column:1/-1}.ah35-trust>div{grid-template-columns:1fr}.ah35-trust>div a{grid-column:1;grid-row:auto;margin-top:12px;text-align:center}}
/* AUTOHOME_V36_PUBLIC_POLISH */
.ah36-article,.ah36-board{background:#f5fafc;color:#0d2938;min-height:70vh}
.ah36-article-top{max-width:980px;margin:0 auto;padding:82px 30px 35px}.ah36-back{display:inline-block;color:#1488c0;text-decoration:none;font-size:12px;font-weight:800;margin-bottom:56px}.ah36-kicker{font-size:11px;letter-spacing:.12em;color:#168bc1;font-weight:900;text-transform:uppercase;margin-bottom:16px}.ah36-article-top time{font-size:11px;color:#6d8591;display:block;margin-bottom:18px}.ah36-article-top h1{font-size:clamp(38px,5.4vw,70px);line-height:1.03;letter-spacing:-.06em;max-width:900px;margin:0;word-break:keep-all}.ah36-lead{font-size:18px;line-height:1.8;color:#58717d;max-width:800px;margin:32px 0 0}
.ah36-cover{max-width:980px;height:min(520px,52vw);min-height:300px;margin:0 auto 48px;overflow:hidden;border-radius:22px;background:#e5edf1}.ah36-cover img{width:100%;height:100%;object-fit:cover;display:block}
.ah36-article-layout{max-width:980px;margin:0 auto;padding:0 30px 95px;display:grid;grid-template-columns:minmax(0,690px) 220px;gap:55px;align-items:start}.ah36-prose{font-size:17px;line-height:1.9;color:#263f4b;overflow-wrap:anywhere}.ah36-prose>p{margin:0 0 24px}.ah36-prose h2{font-size:30px;line-height:1.25;letter-spacing:-.04em;color:#102c3b;margin:56px 0 18px}.ah36-prose h3{font-size:21px;line-height:1.4;margin:36px 0 12px;color:#143849}.ah36-prose ul,.ah36-prose ol{margin:14px 0 30px;padding:22px 24px 22px 44px;border-radius:14px;background:#fff;border:1px solid #dce7eb}.ah36-prose li{padding:5px 0}.ah36-prose blockquote{margin:30px 0;padding:18px 22px;border-left:4px solid #168bc1;background:#eaf5fa}.ah36-prose strong{color:#0d2938}
.ah36-article-aside{position:sticky;top:85px;display:grid;gap:12px}.ah36-article-aside>div{background:#fff;border:1px solid #dce7eb;border-radius:14px;padding:19px}.ah36-article-aside small{display:block;font-size:9px;color:#168bc1;letter-spacing:.12em;font-weight:900;margin-bottom:8px}.ah36-article-aside b{display:block;font-size:15px;margin-bottom:7px}.ah36-article-aside p{font-size:12px;line-height:1.65;color:#6b7f89;margin:0}.ah36-article-aside>a{display:block;padding:14px;border-radius:10px;background:#0b2938;color:#fff;text-decoration:none;font-size:13px;font-weight:850;text-align:center}
.ah36-related{max-width:980px;margin:0 auto;padding:0 30px 95px}.ah36-related header{border-top:1px solid #d5e2e7;padding-top:34px}.ah36-related header small{font-size:10px;color:#168bc1;letter-spacing:.12em;font-weight:900}.ah36-related header h2{font-size:30px;letter-spacing:-.04em;margin:8px 0 24px}.ah36-related>div{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.ah36-related a{background:#fff;border:1px solid #dce7eb;border-radius:14px;padding:19px;text-decoration:none;color:inherit}.ah36-related span{font-size:10px;color:#66808c}.ah36-related b{display:block;font-size:16px;line-height:1.45;margin:8px 0}.ah36-related p{font-size:12px;line-height:1.6;color:#718690;margin:0}
.ah36-board{padding:88px max(25px,calc((100vw - 1180px)/2)) 110px}.ah36-board-head{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end;margin-bottom:48px}.ah36-board-head small{font-size:11px;color:#168bc1;letter-spacing:.13em;font-weight:900}.ah36-board-head h1{font-size:clamp(42px,5vw,68px);letter-spacing:-.06em;line-height:1.05;margin:10px 0 0}.ah36-board-head>p{font-size:16px;line-height:1.8;color:#627a85;margin:0}.ah36-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.ah36-board-grid>a{display:grid;grid-template-columns:185px 1fr;background:#fff;border:1px solid #dbe7eb;border-radius:16px;overflow:hidden;text-decoration:none;color:inherit;min-height:190px}.ah36-board-grid>a.featured{grid-column:1/-1;grid-template-columns:1.1fr 1fr;min-height:360px}.ah36-board-grid figure{margin:0;background:#e7eef1;min-height:100%}.ah36-board-grid img{width:100%;height:100%;object-fit:cover;display:block}.ah36-board-grid>a>div{padding:22px}.ah36-board-grid span{font-size:10px;color:#66818d}.ah36-board-grid h2{font-size:19px;line-height:1.4;letter-spacing:-.025em;margin:8px 0}.ah36-board-grid .featured h2{font-size:31px}.ah36-board-grid p{font-size:13px;line-height:1.65;color:#6a818c;margin:0 0 16px}.ah36-board-grid b{font-size:12px;color:#168bc1}.ah36-empty{padding:50px;background:#fff;border:1px solid #dbe7eb;border-radius:16px}
.ah36-compact-depth .ah34-check{margin-top:0}.ah36-compact-depth .ah34-post-section{padding-top:82px}.ah36-compact-depth .ah34-faq-section{padding-top:70px}
@media(max-width:820px){.ah36-article-top{padding:55px 20px 26px}.ah36-back{margin-bottom:38px}.ah36-cover{width:calc(100% - 40px);height:56vw;min-height:250px;border-radius:14px;margin-bottom:32px}.ah36-article-layout{grid-template-columns:1fr;padding:0 20px 65px;gap:30px}.ah36-article-aside{position:static;grid-template-columns:1fr 1fr}.ah36-article-aside>a{grid-column:1/-1}.ah36-related{padding:0 20px 65px}.ah36-related>div{grid-template-columns:1fr}.ah36-board{padding:62px 20px 80px}.ah36-board-head{grid-template-columns:1fr;gap:22px}.ah36-board-grid{grid-template-columns:1fr}.ah36-board-grid>a,.ah36-board-grid>a.featured{grid-column:auto;grid-template-columns:135px 1fr;min-height:170px}.ah36-board-grid .featured h2{font-size:19px}}
@media(max-width:520px){.ah36-article-top h1{font-size:40px}.ah36-lead{font-size:16px}.ah36-prose{font-size:16px}.ah36-prose h2{font-size:25px;margin-top:42px}.ah36-article-aside{grid-template-columns:1fr}.ah36-board-head h1{font-size:42px}.ah36-board-grid>a,.ah36-board-grid>a.featured{grid-template-columns:1fr}.ah36-board-grid figure{height:205px}.ah36-board-grid>a>div{padding:18px}}
/* AUTOHOME_V36_3_PUBLIC_READABILITY */
body{font-size:16px!important}
header nav a{font-size:14px!important;line-height:1.4!important}
main p{font-size:16px!important;line-height:1.82!important}
main li{font-size:16px!important;line-height:1.78!important}
main small{font-size:10.5px!important;line-height:1.45!important}
footer{font-size:14px!important;line-height:1.75!important}
footer p,footer span,footer a,footer li{font-size:14.5px!important;line-height:1.78!important}
footer small{font-size:10.5px!important;line-height:1.5!important}
footer b,footer strong{font-size:16px!important;line-height:1.5!important}
[class$="-foot"] p,[class$="-foot"] span,[class$="-foot"] a{font-size:14.5px!important;line-height:1.78!important}
[class$="-foot"] small{font-size:10.5px!important}
[class$="-postgrid"] p,[class$="-projectgrid"] p,[class$="-servicegrid"] p,[class$="-aboutgrid"] p,[class$="-areagrid"] p{font-size:15.5px!important;line-height:1.72!important}
[class$="-postgrid"] span,[class$="-projectgrid"] span,[class$="-servicegrid"] span,[class$="-areagrid"] span{font-size:10.5px!important}
[class$="-postgrid"] b,[class$="-projectgrid"] b,[class$="-servicegrid"] i,[class$="-areagrid"] a{font-size:12px!important}
@media(max-width:700px){body{font-size:16px!important}main p,main li{font-size:16px!important}footer p,footer span,footer a{font-size:14px!important}}
/* AUTOHOME_V37_EXECUTIVE_VISUAL_LAYER_URG */
:root{--accent:#d9482b;--accent-2:#ffb36a;--dark:#111315;--paper:#f7f5f1;--v37-soft:#fff5ee;--v37-radius:26px;--v37-shadow:0 26px 70px rgba(14,28,36,.11);--v37-shadow-soft:0 12px 38px rgba(14,28,36,.075)}
html{background:var(--paper)}
body{background:var(--paper);font-size:16px!important;color:var(--dark);text-rendering:optimizeLegibility;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 8% 2%,color-mix(in srgb,var(--accent) 8%,transparent),transparent 32%),radial-gradient(circle at 96% 18%,color-mix(in srgb,var(--accent-2) 8%,transparent),transparent 30%)}
.urg-head{height:88px!important;padding-inline:max(24px,calc((100vw - 1480px)/2))!important;border-bottom:1px solid color-mix(in srgb,var(--dark) 10%,transparent)!important;background:color-mix(in srgb,var(--paper) 88%,transparent)!important;backdrop-filter:blur(22px) saturate(1.25)!important;box-shadow:0 8px 30px rgba(15,28,34,.035)}
.urg-brand{font-size:22px!important;font-weight:880!important;letter-spacing:-.045em!important}
.urg-brand small{font-size:9px!important;letter-spacing:.13em!important;margin-top:4px!important}
.urg-nav{gap:clamp(16px,1.6vw,28px)!important;font-size:14px!important;font-weight:720!important}
.urg-nav>a:not(.urg-navcta){position:relative;padding:31px 0}
.urg-nav>a:not(.urg-navcta)::after{content:"";position:absolute;left:0;right:100%;bottom:21px;height:2px;background:var(--accent);transition:right .25s ease}
.urg-nav>a:not(.urg-navcta):hover::after{right:0}
.urg-navcta{min-height:46px;display:inline-flex!important;align-items:center!important;padding:0 18px!important;border-radius:999px!important;background:var(--dark)!important;color:#fff!important;box-shadow:0 10px 28px color-mix(in srgb,var(--dark) 18%,transparent)}
.urg-head + main,main.urg-home{isolation:isolate}
.urg-hero{padding-inline:max(5vw,calc((100vw - 1440px)/2))!important}
.urg-hero h1{text-wrap:balance}
.urg-hero p{font-size:17px!important;line-height:1.85!important;max-width:650px}
.urg-hero figure{position:relative;overflow:hidden;border-radius:30px!important;box-shadow:var(--v37-shadow);background:#dde5e7}
.urg-hero figure img{border-radius:0!important;transition:transform .8s cubic-bezier(.2,.75,.2,1),filter .5s ease}
.urg-hero figure:hover img{transform:scale(1.018)}
.urg-hero a{font-size:14px!important;font-weight:780!important;min-height:49px;display:inline-flex!important;align-items:center;justify-content:center;border-radius:999px!important;padding:0 20px!important;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.urg-hero a:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(10,20,28,.13)}
.urg-subhero,.urg-detailhero,.urg-contact{padding-inline:max(5vw,calc((100vw - 1440px)/2))!important;gap:clamp(34px,6vw,90px)!important}
.urg-subhero h1,.urg-title h1,.urg-detailhero h1,.urg-projectdetail h1,.urg-contact h1,.urg-policy h1{text-wrap:balance;letter-spacing:-.055em!important}
.urg-subhero p,.urg-title p,.urg-detailhero p,.urg-projectdetail p,.urg-contact p,.urg-policy p{font-size:16.5px!important;line-height:1.9!important}
.urg-subhero img,.urg-detailhero img,.urg-projectdetail img,.urg-contact img{border-radius:28px!important;box-shadow:var(--v37-shadow)!important}
.urg-title{padding-inline:max(5vw,calc((100vw - 1440px)/2))!important;max-width:1180px!important}
.urg-aboutgrid,.urg-detailprocess,.urg-areagrid,.urg-projectgrid,.urg-postgrid{padding-inline:max(5vw,calc((100vw - 1440px)/2))!important}
.urg-aboutgrid article,.urg-detailprocess article,.urg-areagrid article,.urg-projectgrid>a{border-radius:24px!important;border:1px solid color-mix(in srgb,var(--dark) 9%,transparent)!important;box-shadow:var(--v37-shadow-soft);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.urg-aboutgrid article:hover,.urg-detailprocess article:hover,.urg-areagrid article:hover,.urg-projectgrid>a:hover{transform:translateY(-4px);box-shadow:var(--v37-shadow);border-color:color-mix(in srgb,var(--accent) 22%,transparent)!important}
.urg-aboutgrid p,.urg-detailprocess p,.urg-areagrid p,.urg-postgrid p{font-size:15.5px!important;line-height:1.8!important}
.urg-servicegrid{padding-inline:max(5vw,calc((100vw - 1440px)/2))!important}
.urg-servicegrid>a{padding:28px 12px!important;transition:background .2s ease,padding .2s ease;border-color:color-mix(in srgb,var(--dark) 12%,transparent)!important}
.urg-servicegrid>a:hover{background:var(--v37-soft);padding-left:20px!important;padding-right:20px!important}
.urg-servicegrid h2{font-size:clamp(24px,2.2vw,34px)!important}
.urg-servicegrid p{font-size:15px!important;line-height:1.7!important}
.urg-projectgrid figure{overflow:hidden!important}
.urg-projectgrid img{transition:transform .65s cubic-bezier(.2,.75,.2,1)!important}
.urg-projectgrid>a:hover img{transform:scale(1.035)!important}
.urg-projectgrid h2,.urg-postgrid h2{line-height:1.35!important;text-wrap:balance}
.urg-article{max-width:1040px!important;padding-top:100px!important}
.urg-article header{padding-bottom:54px!important}
.urg-article h1{font-size:clamp(42px,5.2vw,72px)!important;line-height:1.08!important;text-wrap:balance}
.urg-article article{font-size:17px!important;line-height:2!important;color:color-mix(in srgb,var(--dark) 82%,#fff)!important}
.urg-article article h2{font-size:clamp(26px,3vw,38px)!important;line-height:1.3!important;margin-top:2.2em!important;letter-spacing:-.04em}
.urg-article article p,.urg-article article li{font-size:17px!important;line-height:2!important}
.urg-closing{padding:clamp(72px,7vw,110px) max(5vw,calc((100vw - 1440px)/2))!important;background:linear-gradient(135deg,var(--accent),color-mix(in srgb,var(--accent) 62%,var(--dark)))!important}
.urg-closing h2{font-size:clamp(38px,5vw,68px)!important;line-height:1.05!important;text-wrap:balance}
.urg-closing p{font-size:16px!important;line-height:1.8!important;max-width:760px}
.urg-closing>a{font-size:14px!important;min-height:50px;display:inline-flex;align-items:center;border-radius:999px!important;padding:0 20px!important}
.urg-foot{padding:58px max(5vw,calc((100vw - 1440px)/2)) 92px!important;gap:38px!important}
.urg-foot b{font-size:20px!important}
.urg-foot p,.urg-foot span,.urg-foot a{font-size:14.5px!important;line-height:1.75!important}
.urg-foot small{font-size:10px!important;letter-spacing:.12em!important}
.urg-menu{border-radius:12px!important}
@media (max-width:860px){
.urg-head{height:72px!important;padding-inline:18px!important}
.urg-brand{font-size:19px!important}
.urg-nav{top:68px!important;left:12px!important;right:12px!important;padding:16px!important;border-radius:20px!important;box-shadow:var(--v37-shadow)!important;background:color-mix(in srgb,var(--paper) 97%,transparent)!important}
.urg-nav>a:not(.urg-navcta){padding:13px 8px!important;font-size:15px!important}
.urg-nav>a:not(.urg-navcta)::after{display:none}
.urg-navcta{justify-content:center!important}
.urg-hero{min-height:auto!important;padding:56px 20px 70px!important;gap:34px!important}
.urg-hero h1{font-size:clamp(48px,14vw,72px)!important;line-height:.98!important}
.urg-hero p{font-size:16px!important}
.urg-hero figure{border-radius:22px!important}
.urg-subhero,.urg-detailhero,.urg-contact{padding:56px 20px 80px!important}
.urg-title{padding:70px 20px 34px!important}
.urg-aboutgrid,.urg-detailprocess,.urg-areagrid,.urg-projectgrid,.urg-postgrid,.urg-servicegrid{padding-left:20px!important;padding-right:20px!important}
.urg-closing{padding:64px 20px 74px!important;grid-template-columns:1fr!important;gap:30px!important}
.urg-foot{padding:44px 20px 100px!important;grid-template-columns:1fr 1fr!important}
.urg-mobile{left:10px!important;right:10px!important;bottom:10px!important;border-radius:16px!important;overflow:hidden!important;box-shadow:0 16px 44px rgba(8,18,24,.24)!important}
.urg-mobile>a,.urg-mobile>*{font-size:15px!important;padding:16px 12px!important}
}
@media (max-width:520px){
.urg-foot{grid-template-columns:1fr!important}
}
.urg-hero{min-height:780px!important;background:linear-gradient(110deg,var(--v37-soft),transparent 55%)}
.urg-hero h1{font-size:clamp(62px,8vw,118px)!important;line-height:.89!important}
.urg-issues{padding:110px max(5vw,calc((100vw - 1440px)/2))!important}
.urg-issues header h2,.urg-proof h2,.urg-faq h2{font-size:clamp(36px,4vw,58px)!important}
.urg-issues>div>a{border-radius:18px;padding:24px!important;transition:background .2s,transform .2s}
.urg-issues>div>a:hover{background:#fff;transform:translateX(5px)}
.urg-proof{background:var(--dark)!important;color:#fff!important;padding:110px max(5vw,calc((100vw - 1440px)/2))!important}
.urg-proof p{color:#bdc7c3!important;font-size:15.5px!important}
.urg-case{margin:80px max(5vw,calc((100vw - 1440px)/2))!important;border-radius:30px!important;overflow:hidden;box-shadow:var(--v37-shadow)}
.urg-case img{min-height:560px}
.urg-area,.urg-faq{padding-left:max(5vw,calc((100vw - 1440px)/2))!important;padding-right:max(5vw,calc((100vw - 1440px)/2))!important}
/* AUTOHOME_V37_1_VISUAL_FINISH */
header nav a[href*="admin"]{display:none!important}
/* Homepage actual-post grid: remove artificial tall featured-card rows. */
.ah34-post-grid{align-items:start!important;grid-auto-rows:auto!important}
.ah34-post-grid>a,.ah34-post-grid>a.featured{height:auto!important;min-height:0!important;align-self:start!important;grid-row:auto!important}
.ah34-post-grid>a>div,.ah34-post-grid>a.featured>div{height:auto!important;min-height:0!important}
.ah34-post-grid figure{min-height:0!important;overflow:hidden!important}
.ah34-post-grid>a.featured figure{min-height:0!important}
.ah34-post-grid img{object-fit:cover!important}
/* Projects / field-info page: tighter premium portfolio rhythm. */
main[class*="-projects"] [class$="-title"]{padding-top:64px!important;padding-bottom:34px!important}
main[class*="-projects"] [class$="-projectgrid"]{align-items:start!important;grid-auto-rows:auto!important;gap:18px!important}
main[class*="-projects"] [class$="-projectgrid"]>a{height:auto!important;min-height:0!important;align-self:start!important;display:block!important;overflow:hidden!important}
main[class*="-projects"] [class$="-projectgrid"] figure{height:230px!important;min-height:0!important;aspect-ratio:16/10!important;overflow:hidden!important}
main[class*="-projects"] [class$="-projectgrid"] figure img{width:100%!important;height:100%!important;object-fit:cover!important}
main[class*="-projects"] [class$="-projectgrid"]>a>div{height:auto!important;min-height:0!important;padding:22px 24px 26px!important}
main[class*="-projects"] [class$="-projectgrid"] h2{margin:14px 0 22px!important;line-height:1.32!important}
main[class*="-projects"] [class$="-projectgrid"] p{margin:0 0 18px!important}
/* About page: one clear service-process section, not another tiny card strip. */
.ah371-process{max-width:1440px;margin:0 auto;padding:24px max(5vw,calc((100vw - 1440px)/2)) 110px}
.ah371-process>header{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:40px;align-items:end;margin-bottom:34px}
.ah371-process>header small{grid-column:1/-1;font-size:10px!important;letter-spacing:.14em;font-weight:850;color:var(--accent)}
.ah371-process>header h2{font-size:clamp(34px,4vw,58px);line-height:1.04;letter-spacing:-.055em;margin:0;text-wrap:balance}
.ah371-process>header p{font-size:15.5px!important;line-height:1.82!important;color:var(--muted);margin:0;max-width:640px}
.ah371-process>div{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.ah371-process article{position:relative;min-height:210px;padding:28px 24px;border-radius:22px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(14,28,36,.06)}
.ah371-process article span{display:block;font-size:10px!important;font-weight:850;letter-spacing:.08em;color:var(--accent);margin-bottom:38px}
.ah371-process article h3{font-size:20px;line-height:1.3;letter-spacing:-.035em;margin:0 0 12px}
.ah371-process article p{font-size:14.5px!important;line-height:1.72!important;color:var(--muted);margin:0}
@media(max-width:860px){
main[class*="-projects"] [class$="-title"]{padding-top:46px!important;padding-bottom:24px!important}
main[class*="-projects"] [class$="-projectgrid"] figure{height:205px!important;aspect-ratio:16/10!important}
.ah34-post-grid>a.featured{grid-column:auto!important}
.ah371-process{padding:20px 20px 80px}
.ah371-process>header{grid-template-columns:1fr;gap:18px}
.ah371-process>header small{grid-column:auto}
.ah371-process>div{grid-template-columns:1fr 1fr}
}
@media(max-width:560px){
.ah371-process>div{grid-template-columns:1fr}
.ah371-process article{min-height:0}
}
/* AUTOHOME_V37_2_PREMIUM_MOTION_URG */
html{scroll-behavior:smooth}
body{--ah372-duration:.55s;--ah372-lift:10px;--ah372-drift:18px;--ah372-scale:1.018}
@keyframes ah372-hero-in{
from{opacity:0;transform:translate3d(0,var(--ah372-drift),0) scale(.992)}
to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes ah372-media-in{
from{opacity:.45;transform:translate3d(0,calc(var(--ah372-drift) * .6),0) scale(1.025)}
to{opacity:1;transform:translate3d(0,0,0) scale(1)}
}
@keyframes ah372-view-in{
from{opacity:.18;transform:translate3d(0,var(--ah372-drift),0)}
to{opacity:1;transform:translate3d(0,0,0)}
}
@keyframes ah372-line-in{
from{transform:scaleX(0);transform-origin:left}
to{transform:scaleX(1);transform-origin:left}
}
.urg-hero h1,.urg-hero p,.urg-hero>div>a,.urg-hero figure{
animation:ah372-hero-in var(--ah372-duration) cubic-bezier(.2,.72,.18,1) both;
}
.urg-hero p{animation-delay:.08s}
.urg-hero>div>a{animation-delay:.14s}
.urg-hero figure{animation-name:ah372-media-in;animation-delay:.10s}
.urg-hero figure img,
.urg-subhero img,
.urg-detailhero img,
.urg-projectgrid img{
transition:transform .75s cubic-bezier(.2,.72,.18,1),filter .45s ease!important;
}
.urg-hero figure:hover img,
.urg-subhero figure:hover img,
.urg-detailhero figure:hover img{
transform:scale(var(--ah372-scale))!important;
}
.urg-nav a,
.urg-hero a,
.urg-closing>a,
.urg-projectgrid>a,
.urg-aboutgrid article,
.urg-detailprocess article,
.urg-areagrid article,
.ah34-post-grid>a,
.ah371-process article{
transition:transform .28s cubic-bezier(.2,.72,.18,1),box-shadow .28s ease,border-color .28s ease,background .28s ease,opacity .28s ease!important;
}
.urg-hero a:hover,.urg-closing>a:hover{
transform:translate3d(0,-3px,0)!important;
}
.urg-projectgrid>a:hover,
.urg-aboutgrid article:hover,
.urg-detailprocess article:hover,
.urg-areagrid article:hover,
.ah34-post-grid>a:hover,
.ah371-process article:hover{
transform:translate3d(0,calc(var(--ah372-lift) * -1),0)!important;
}
.urg-projectgrid>a:hover img,.ah34-post-grid>a:hover img{
transform:scale(var(--ah372-scale))!important;
}
@supports (animation-timeline:view()){
.urg-aboutgrid,
.urg-servicegrid,
.urg-projectgrid,
.urg-postgrid,
.urg-detailprocess,
.urg-areagrid,
.urg-closing,
.ah34-post-section,
.ah34-faq-section,
.ah371-process{
animation-name:ah372-view-in;
animation-duration:1s;
animation-timing-function:cubic-bezier(.2,.72,.18,1);
animation-fill-mode:both;
animation-timeline:view();
animation-range:entry 8% cover 28%;
}
.urg-projectgrid>a,
.urg-aboutgrid article,
.urg-detailprocess article,
.urg-areagrid article,
.ah34-post-grid>a,
.ah371-process article{
animation-name:ah372-view-in;
animation-duration:.8s;
animation-timing-function:cubic-bezier(.2,.72,.18,1);
animation-fill-mode:both;
animation-timeline:view();
animation-range:entry 4% cover 18%;
}
}
@media(max-width:860px){
body{--ah372-lift:5px;--ah372-drift:12px;--ah372-scale:1.012}
.urg-hero h1,.urg-hero p,.urg-hero>div>a,.urg-hero figure{animation-duration:.50s}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto!important}
*,*::before,*::after{
animation-duration:.001ms!important;
animation-iteration-count:1!important;
animation-delay:0s!important;
transition-duration:.001ms!important;
scroll-behavior:auto!important;
}
}
/* AUTOHOME_V37_3_AGENCY_ART_DIRECTION_URG */
body{--ah373-dark:#101418;--ah373-soft:#f5f3ef;--ah373-max:1480px;--ah373-pad:max(5vw,calc((100vw - var(--ah373-max))/2))}
/* Larger, more editorial hero composition. */
main.urg-home .urg-hero{
min-height:clamp(720px,78vh,900px)!important;
grid-template-columns:minmax(0,1.08fr) minmax(420px,.92fr)!important;
gap:clamp(48px,7vw,118px)!important;
align-items:center!important;
position:relative;
overflow:visible!important;
padding-top:clamp(74px,9vw,128px)!important;
padding-bottom:clamp(88px,10vw,144px)!important;
}
main.urg-home .urg-hero::before{
content:"";position:absolute;left:var(--ah373-pad);right:var(--ah373-pad);top:0;height:1px;
background:linear-gradient(90deg,var(--accent),transparent 42%);
opacity:.6;
}
main.urg-home .urg-hero h1{
font-size:clamp(66px,8.1vw,126px)!important;
line-height:.88!important;
max-width:9.4ch!important;
letter-spacing:-.072em!important;
}
main.urg-home .urg-hero p{max-width:590px!important;margin-top:26px!important}
main.urg-home .urg-hero figure{
transform:translateY(18px);
border-radius:32px!important;
box-shadow:0 36px 90px rgba(6,20,28,.16)!important;
}
main.urg-home .urg-hero figure::before{
content:"";position:absolute;inset:18px 18px auto auto;width:88px;height:88px;border-radius:999px;
border:1px solid rgba(255,255,255,.58);box-shadow:inset 0 0 0 10px rgba(255,255,255,.06);
z-index:2;pointer-events:none;
}
/* Float the first information/service row into the hero edge. */
main.urg-home .urg-issues{
position:relative;z-index:4;
width:min(calc(100% - 40px),1320px)!important;
margin:-58px auto 92px!important;
padding:0!important;
background:transparent!important;
gap:12px!important;
}
main.urg-home .urg-issues article,
main.urg-home .urg-issues>a{
background:rgba(255,255,255,.96)!important;
backdrop-filter:blur(18px);
border:1px solid color-mix(in srgb,var(--dark) 8%,transparent)!important;
box-shadow:0 18px 54px rgba(8,22,30,.09)!important;
border-radius:24px!important;
}
/* One dramatic full-width dark section creates the operator-site rhythm. */
main.urg-home .urg-proof{
width:100vw!important;max-width:none!important;
margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
padding:clamp(90px,10vw,150px) var(--ah373-pad)!important;
background:linear-gradient(135deg,var(--ah373-dark),color-mix(in srgb,var(--ah373-dark) 82%,var(--accent)))!important;
color:#fff!important;
border-radius:0!important;
position:relative;overflow:hidden;
}
main.urg-home .urg-proof::after{
content:"";position:absolute;width:440px;height:440px;border-radius:50%;
right:-180px;top:-170px;border:1px solid rgba(255,255,255,.12);
box-shadow:0 0 0 70px rgba(255,255,255,.018),0 0 0 140px rgba(255,255,255,.012);
pointer-events:none;
}
main.urg-home .urg-proof h2,
main.urg-home .urg-proof h3{color:#fff!important}
main.urg-home .urg-proof p,
main.urg-home .urg-proof li{color:rgba(255,255,255,.74)!important}
main.urg-home .urg-proof article{
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.12)!important;
box-shadow:none!important;
}
/* Secondary media/service section is wide and asymmetric rather than a card strip. */
main.urg-home .urg-case{
max-width:var(--ah373-max)!important;
margin:0 auto!important;
padding:clamp(88px,9vw,138px) var(--ah373-pad)!important;
}
main.urg-home .urg-case figure,
main.urg-home .urg-case img{border-radius:28px!important}
/* Shared actual-post section: editorial asymmetry, not uniform template cards. */
main.urg-home .ah34-post-section{
width:100vw;max-width:none!important;
margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
padding:clamp(100px,10vw,154px) var(--ah373-pad)!important;
background:var(--ah373-soft)!important;
}
main.urg-home .ah34-head{
max-width:var(--ah373-max);margin:0 auto 46px!important;
display:grid!important;grid-template-columns:minmax(0,1.15fr) minmax(280px,.65fr)!important;
gap:48px!important;align-items:end!important;
}
main.urg-home .ah34-head h2{
font-size:clamp(42px,5.4vw,76px)!important;line-height:.98!important;letter-spacing:-.06em!important;
}
main.urg-home .ah34-head p{font-size:16px!important;line-height:1.85!important;max-width:520px!important}
main.urg-home .ah34-post-grid{
max-width:var(--ah373-max);margin:0 auto!important;
display:grid!important;grid-template-columns:repeat(12,minmax(0,1fr))!important;
gap:16px!important;align-items:start!important;
}
main.urg-home .ah34-post-grid>a{
grid-column:span 4!important;min-width:0!important;border-radius:24px!important;
background:#fff!important;overflow:hidden!important;
box-shadow:0 16px 44px rgba(10,26,34,.07)!important;
}
main.urg-home .ah34-post-grid>a:first-child{grid-column:span 8!important}
main.urg-home .ah34-post-grid>a:nth-child(4n+4){grid-column:span 5!important}
main.urg-home .ah34-post-grid>a:nth-child(4n+5){grid-column:span 7!important}
main.urg-home .ah34-post-grid figure{aspect-ratio:16/9!important;min-height:0!important}
main.urg-home .ah34-post-grid>a:first-child figure{aspect-ratio:16/8.4!important}
main.urg-home .ah34-post-grid h3,
main.urg-home .ah34-post-grid h2{text-wrap:balance!important}
main.urg-home .ah34-more{margin-top:26px!important;display:inline-flex!important}
/* Process becomes an agency-like dark operations band. */
main.urg-home .ah371-process{
width:100vw;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
padding:clamp(92px,9vw,136px) var(--ah373-pad)!important;
background:var(--ah373-dark)!important;color:#fff!important;
}
main.urg-home .ah371-process>header{max-width:var(--ah373-max);margin:0 auto 42px!important}
main.urg-home .ah371-process>header h2{color:#fff!important}
main.urg-home .ah371-process>header p{color:rgba(255,255,255,.68)!important}
main.urg-home .ah371-process>div{max-width:var(--ah373-max);margin:0 auto!important}
main.urg-home .ah371-process article{
background:rgba(255,255,255,.055)!important;color:#fff!important;
border-color:rgba(255,255,255,.11)!important;box-shadow:none!important;
}
main.urg-home .ah371-process article p{color:rgba(255,255,255,.66)!important}
/* FAQ is calm and spacious after the dark band. */
main.urg-home .ah34-faq-section{
padding:clamp(94px,9vw,138px) var(--ah373-pad)!important;
max-width:var(--ah373-max)!important;margin:0 auto!important;
}
main.urg-home .ah34-faq-section h2{font-size:clamp(38px,4.8vw,64px)!important;letter-spacing:-.055em!important}
/* Closing CTA reads like a designed campaign band rather than a footer box. */
main.urg-home .urg-closing{
width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:calc(50% - 50vw)!important;
padding-left:var(--ah373-pad)!important;padding-right:var(--ah373-pad)!important;
min-height:300px;align-items:center!important;
}
main.urg-home .urg-hero{background:linear-gradient(120deg,#faf8f4 0%,#f1eee8 100%)!important}
main.urg-home .urg-proof{background:linear-gradient(120deg,#101418,#24272b)!important}
main.urg-home .urg-case{display:grid!important;grid-template-columns:.78fr 1.22fr!important;gap:0!important}
@media(max-width:980px){
main.urg-home .urg-hero{grid-template-columns:1fr!important;min-height:auto!important;gap:42px!important}
main.urg-home .urg-hero h1{max-width:11ch!important;font-size:clamp(56px,12vw,88px)!important}
main.urg-home .urg-issues{margin:-32px 18px 72px!important;width:auto!important}
main.urg-home .urg-proof,main.urg-home .ah34-post-section,main.urg-home .ah371-process,main.urg-home .urg-closing{
padding-left:24px!important;padding-right:24px!important;
}
main.urg-home .ah34-head{grid-template-columns:1fr!important;gap:18px!important}
main.urg-home .ah34-post-grid{grid-template-columns:1fr 1fr!important}
main.urg-home .ah34-post-grid>a,
main.urg-home .ah34-post-grid>a:first-child,
main.urg-home .ah34-post-grid>a:nth-child(4n+4),
main.urg-home .ah34-post-grid>a:nth-child(4n+5){grid-column:auto!important}
main.urg-home .urg-case{padding-left:24px!important;padding-right:24px!important}
}
@media(max-width:620px){
main.urg-home .urg-hero{padding-left:20px!important;padding-right:20px!important}
main.urg-home .urg-hero h1{font-size:clamp(52px,15vw,72px)!important}
main.urg-home .urg-issues{margin:-18px 12px 58px!important;grid-template-columns:1fr!important}
main.urg-home .ah34-post-grid{grid-template-columns:1fr!important}
main.urg-home .ah34-post-section,
main.urg-home .ah371-process,
main.urg-home .ah34-faq-section{padding-left:20px!important;padding-right:20px!important}
}
/* AUTOHOME_V37_4_READABILITY_REBALANCE_URG */
/* Global reading floor: premium but comfortable, not poster-sized. */
body{font-size:18px!important;line-height:1.68!important}
.urg-nav{font-size:15.5px!important;letter-spacing:-.015em!important}
.urg-nav>a:not(.urg-navcta){font-size:15.5px!important}
.urg-brand{font-size:21px!important}
.urg-brand small{font-size:10.5px!important}
.urg-hero p,.urg-subhero p,.urg-detailhero p,.urg-title p,.urg-contact p{
font-size:18px!important;line-height:1.82!important;letter-spacing:-.018em!important;
}
.urg-hero small,.urg-title small,.urg-subhero small,
.ah34-head small,.ah371-process small{font-size:11.5px!important;line-height:1.4!important}
.urg-aboutgrid p,.urg-detailprocess p,.urg-areagrid p,.urg-projectgrid p,.urg-postgrid p,
.ah34-post-grid p,.ah371-process article p{
font-size:16.5px!important;line-height:1.78!important;
}
.urg-aboutgrid h2,.urg-aboutgrid h3,.urg-detailprocess h2,.urg-detailprocess h3,
.urg-areagrid h2,.urg-areagrid h3,.urg-projectgrid h2,.urg-projectgrid h3,
.ah34-post-grid h2,.ah34-post-grid h3,.ah371-process article h3{
font-size:clamp(22px,2vw,28px)!important;line-height:1.34!important;letter-spacing:-.035em!important;
}
/* Hero: still strong, but Korean phrases read in 2-3 lines instead of 4-5. */
main.urg-home .urg-hero{
grid-template-columns:minmax(0,1fr) minmax(380px,.82fr)!important;
gap:clamp(42px,5vw,84px)!important;
padding-top:clamp(68px,7vw,106px)!important;
padding-bottom:clamp(74px,8vw,118px)!important;
min-height:clamp(620px,70vh,790px)!important;
}
main.urg-home .urg-hero>div{min-width:0!important}
main.urg-home .urg-hero h1{
font-size:clamp(54px,6.25vw,88px)!important;
line-height:.97!important;
max-width:13.5ch!important;
letter-spacing:-.062em!important;
word-break:keep-all!important;
overflow-wrap:normal!important;
}
main.urg-home .urg-hero p{max-width:680px!important}
main.urg-home .urg-hero figure{transform:translateY(6px)!important}
/* Section headings: clear hierarchy without oversized poster typography. */
main.urg-home .ah34-head h2,
main.urg-home .ah371-process>header h2,
main.urg-home .ah34-faq-section h2,
.urg-closing h2{
font-size:clamp(38px,4.25vw,60px)!important;
line-height:1.08!important;
letter-spacing:-.052em!important;
word-break:keep-all!important;
}
main.urg-home .ah34-head p,
main.urg-home .ah371-process>header p{
font-size:17px!important;line-height:1.8!important;
}
/* Readable, balanced work-case grid. Keep editorial quality, remove visual chaos. */
main.urg-home .ah34-post-section{
padding-top:clamp(82px,8vw,122px)!important;
padding-bottom:clamp(88px,8vw,128px)!important;
}
main.urg-home .ah34-head{
grid-template-columns:minmax(0,1fr) minmax(300px,.72fr)!important;
gap:34px!important;margin-bottom:34px!important;
}
main.urg-home .ah34-post-grid{
grid-template-columns:repeat(2,minmax(0,1fr))!important;
gap:22px!important;
}
main.urg-home .ah34-post-grid>a,
main.urg-home .ah34-post-grid>a:first-child,
main.urg-home .ah34-post-grid>a:nth-child(4n+4),
main.urg-home .ah34-post-grid>a:nth-child(4n+5){
grid-column:auto!important;
min-height:0!important;
height:auto!important;
}
main.urg-home .ah34-post-grid figure,
main.urg-home .ah34-post-grid>a:first-child figure{
aspect-ratio:16/9!important;
height:auto!important;
min-height:0!important;
}
main.urg-home .ah34-post-grid>a>div{
padding:24px 26px 28px!important;
}
main.urg-home .ah34-post-grid>a:first-child{
background:#fff!important;color:var(--dark)!important;
}
main.urg-home .ah34-post-grid>a:first-child h2,
main.urg-home .ah34-post-grid>a:first-child h3{color:var(--dark)!important}
main.urg-home .ah34-post-grid>a:first-child p{color:var(--muted)!important}
/* Service/process cards: readable text, less decorative tiny copy. */
main.urg-home .ah371-process article{
min-height:220px!important;padding:28px 26px!important;
}
main.urg-home .ah371-process article span{
font-size:11px!important;margin-bottom:30px!important;
}
main.urg-home .ah371-process article h3{
font-size:22px!important;line-height:1.3!important;
}
main.urg-home .ah371-process article p{
font-size:16px!important;line-height:1.72!important;
}
/* FAQ: questions should be readable at a glance. */
.ah34-faq-section details,
.ah34-faq-section summary{
font-size:17.5px!important;line-height:1.65!important;
}
.ah34-faq-section summary{padding-top:18px!important;padding-bottom:18px!important}
.ah34-faq-section details p{font-size:16.5px!important;line-height:1.78!important}
/* Closing and footer: real information, not microscopic decoration. */
.urg-closing p{font-size:17px!important;line-height:1.75!important}
.urg-closing>a{font-size:15.5px!important}
.urg-foot b{font-size:18px!important}
.urg-foot p,.urg-foot span,.urg-foot a{
font-size:15.5px!important;line-height:1.72!important;
}
.urg-foot small{font-size:11px!important;line-height:1.55!important}
/* Reduce excess whitespace introduced by the art-direction pass. */
main.urg-home .ah34-faq-section{padding-top:78px!important;padding-bottom:92px!important}
main.urg-home .urg-closing{min-height:260px!important}
/* T03/operator family specifically: service blocks should breathe without tiny text. */
main.air-home .air-primary article{padding:26px 24px!important}
main.air-home .air-primary h2,main.air-home .air-primary h3{font-size:22px!important}
main.air-home .air-primary p{font-size:16.5px!important;line-height:1.75!important}
main.air-home .air-device p,main.air-home .air-tabs p{font-size:16.5px!important;line-height:1.75!important}
@media(max-width:980px){
body{font-size:17px!important}
main.urg-home .urg-hero{
grid-template-columns:1fr!important;
min-height:auto!important;
padding-top:54px!important;padding-bottom:70px!important;
}
main.urg-home .urg-hero h1{
font-size:clamp(50px,10.5vw,72px)!important;
max-width:14ch!important;
line-height:1!important;
}
main.urg-home .ah34-head{grid-template-columns:1fr!important;gap:14px!important}
main.urg-home .ah34-post-grid{grid-template-columns:1fr 1fr!important}
.urg-nav>a:not(.urg-navcta),.urg-nav{font-size:15px!important}
}
@media(max-width:620px){
body{font-size:17px!important}
main.urg-home .urg-hero h1{
font-size:clamp(46px,13.2vw,62px)!important;
max-width:none!important;
word-break:keep-all!important;
}
.urg-hero p,.urg-subhero p,.urg-detailhero p,.urg-title p,.urg-contact p{
font-size:17px!important;line-height:1.76!important;
}
main.urg-home .ah34-post-grid{grid-template-columns:1fr!important}
main.urg-home .ah34-post-grid>a>div{padding:22px 22px 25px!important}
main.urg-home .ah34-head h2,
main.urg-home .ah371-process>header h2,
main.urg-home .ah34-faq-section h2,
.urg-closing h2{font-size:clamp(34px,9.5vw,46px)!important}
.urg-foot p,.urg-foot span,.urg-foot a{font-size:15px!important}
}
/* AUTOHOME_V37_5_COMMERCIAL_SERVICE_SYSTEM_URG */
body{
--ah375-accent:#175f91;
--ah375-dark:#0b2638;
--ah375-soft:#f4f7f9;
--ah375-max:1240px;
--ah375-radius:16px;
--ah375-line:rgba(14,36,52,.10);
--ah375-shadow:0 12px 34px rgba(14,36,52,.07);
font-size:17px!important;
line-height:1.72!important;
background:#fff!important;
color:var(--dark)!important;
}
/* Header: thin, stable, readable. */
.urg-head{
height:76px!important;
padding-left:max(22px,calc((100vw - var(--ah375-max))/2))!important;
padding-right:max(22px,calc((100vw - var(--ah375-max))/2))!important;
background:rgba(255,255,255,.96)!important;
border-bottom:1px solid var(--ah375-line)!important;
box-shadow:0 6px 20px rgba(12,31,44,.035)!important;
backdrop-filter:blur(14px)!important;
}
.urg-brand{font-size:20px!important;letter-spacing:-.035em!important}
.urg-brand small{font-size:10px!important;letter-spacing:.10em!important}
.urg-nav{gap:22px!important;font-size:15px!important;font-weight:700!important}
.urg-nav>a:not(.urg-navcta){font-size:15px!important;padding:27px 0!important}
.urg-navcta{
min-height:44px!important;padding:0 18px!important;border-radius:999px!important;
background:var(--ah375-dark)!important;color:#fff!important;
box-shadow:none!important;
}
/* Hero: large enough to feel premium, never poster-sized. */
main.urg-home .urg-hero{
width:100%!important;max-width:var(--ah375-max)!important;margin:0 auto!important;
padding:76px 24px 86px!important;
min-height:590px!important;
grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr)!important;
gap:58px!important;align-items:center!important;
background:#fff!important;
overflow:visible!important;
}
main.urg-home .urg-hero::before{display:none!important}
main.urg-home .urg-hero h1{
font-size:clamp(54px,5.8vw,72px)!important;
line-height:1.02!important;letter-spacing:-.055em!important;
max-width:12.5ch!important;word-break:keep-all!important;overflow-wrap:normal!important;
}
main.urg-home .urg-hero p{
font-size:17.5px!important;line-height:1.82!important;
max-width:620px!important;margin-top:22px!important;color:var(--muted)!important;
}
main.urg-home .urg-hero figure{
transform:none!important;border-radius:20px!important;
box-shadow:0 22px 52px rgba(11,37,54,.12)!important;
overflow:hidden!important;
}
main.urg-home .urg-hero figure::before{display:none!important}
main.urg-home .urg-hero a{
min-height:46px!important;padding:0 19px!important;border-radius:10px!important;
font-size:15px!important;font-weight:800!important;
}
/* Undo V37.3 floating/offset effects. */
main.urg-home [class*="urg-"] article,
main.urg-home [class*="urg-"]>a{transform:none}
main.urg-home .urg-primary article:nth-child(2),
main.urg-home .urg-services article:nth-child(2){transform:none!important}
/* First service row: clean 3-column commercial cards, not overlap. */
main.urg-home .urg-primary,
main.urg-home .urg-issues,
main.urg-home .urg-check,
main.urg-home .urg-scope,
main.urg-home .urg-services,
main.urg-home .urg-parts,
main.urg-home .urg-types,
main.urg-home .urg-grid,
main.urg-home .urg-trust{
width:100%!important;max-width:var(--ah375-max)!important;
margin:0 auto!important;padding:76px 24px!important;
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:16px!important;background:#fff!important;
}
main.urg-home .urg-primary article,
main.urg-home .urg-issues article,
main.urg-home .urg-issues>a,
main.urg-home .urg-check article,
main.urg-home .urg-scope article,
main.urg-home .urg-services article,
main.urg-home .urg-services>a,
main.urg-home .urg-parts article,
main.urg-home .urg-types article,
main.urg-home .urg-grid article,
main.urg-home .urg-trust article{
min-height:0!important;padding:28px 26px!important;
border:1px solid var(--ah375-line)!important;border-radius:var(--ah375-radius)!important;
background:#fff!important;box-shadow:var(--ah375-shadow)!important;
}
main.urg-home .urg-primary h2,
main.urg-home .urg-primary h3,
main.urg-home .urg-issues h2,
main.urg-home .urg-issues h3,
main.urg-home .urg-check h2,
main.urg-home .urg-check h3,
main.urg-home .urg-scope h2,
main.urg-home .urg-scope h3,
main.urg-home .urg-services h2,
main.urg-home .urg-services h3{
font-size:22px!important;line-height:1.34!important;letter-spacing:-.035em!important;
}
main.urg-home .urg-primary p,
main.urg-home .urg-issues p,
main.urg-home .urg-check p,
main.urg-home .urg-scope p,
main.urg-home .urg-services p{
font-size:16px!important;line-height:1.72!important;
}
/* One dark trust/process band only; remove decorative giant circles. */
main.urg-home .urg-device,
main.urg-home .urg-proof,
main.urg-home .urg-data,
main.urg-home .urg-before,
main.urg-home .urg-copy,
main.urg-home .urg-choice,
main.urg-home .urg-safe,
main.urg-home .urg-quote,
main.urg-home .urg-case,
main.urg-home .urg-journal{
width:100%!important;max-width:none!important;margin:0!important;
padding:86px max(24px,calc((100vw - var(--ah375-max))/2))!important;
border-radius:0!important;
background:var(--ah375-dark)!important;color:#fff!important;
}
main.urg-home .urg-device::after,
main.urg-home .urg-proof::after,
main.urg-home .urg-data::after,
main.urg-home .urg-before::after,
main.urg-home .urg-copy::after,
main.urg-home .urg-choice::after,
main.urg-home .urg-safe::after,
main.urg-home .urg-quote::after,
main.urg-home .urg-case::after,
main.urg-home .urg-journal::after{display:none!important}
main.urg-home .urg-device h2,
main.urg-home .urg-proof h2,
main.urg-home .urg-data h2,
main.urg-home .urg-before h2,
main.urg-home .urg-copy h2,
main.urg-home .urg-choice h2,
main.urg-home .urg-safe h2,
main.urg-home .urg-quote h2,
main.urg-home .urg-case h2,
main.urg-home .urg-journal h2{
font-size:clamp(36px,4vw,50px)!important;line-height:1.1!important;
color:#fff!important;letter-spacing:-.045em!important;
}
main.urg-home .urg-device p,
main.urg-home .urg-proof p,
main.urg-home .urg-data p,
main.urg-home .urg-before p,
main.urg-home .urg-copy p,
main.urg-home .urg-choice p,
main.urg-home .urg-safe p,
main.urg-home .urg-quote p,
main.urg-home .urg-case p,
main.urg-home .urg-journal p{font-size:16.5px!important;line-height:1.78!important;color:rgba(255,255,255,.76)!important}
/* Media/service information sections: restrained width and spacing. */
main.urg-home .urg-tabs,
main.urg-home .urg-steps,
main.urg-home .urg-mosaic,
main.urg-home .urg-info,
main.urg-home .urg-problem,
main.urg-home .urg-flow{
width:100%!important;max-width:var(--ah375-max)!important;margin:0 auto!important;
padding:82px 24px!important;background:#fff!important;
}
main.urg-home .urg-tabs img,
main.urg-home .urg-steps img,
main.urg-home .urg-mosaic img,
main.urg-home .urg-info img,
main.urg-home .urg-problem img,
main.urg-home .urg-flow img{border-radius:18px!important}
/* Actual posts: clear 3-column cards like a professional work-case list. */
main.urg-home .ah34-post-section{
width:100%!important;max-width:none!important;margin:0!important;
padding:88px max(24px,calc((100vw - var(--ah375-max))/2))!important;
background:var(--ah375-soft)!important;
}
main.urg-home .ah34-head{
max-width:var(--ah375-max)!important;margin:0 auto 34px!important;
display:grid!important;grid-template-columns:minmax(0,1fr) minmax(300px,.68fr)!important;
gap:34px!important;align-items:end!important;
}
main.urg-home .ah34-head h2{
font-size:clamp(36px,4vw,48px)!important;line-height:1.1!important;
letter-spacing:-.048em!important;word-break:keep-all!important;
}
main.urg-home .ah34-head p{font-size:16.5px!important;line-height:1.75!important}
main.urg-home .ah34-post-grid{
max-width:var(--ah375-max)!important;margin:0 auto!important;
display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
gap:18px!important;align-items:stretch!important;
}
main.urg-home .ah34-post-grid>a,
main.urg-home .ah34-post-grid>a:first-child,
main.urg-home .ah34-post-grid>a:nth-child(4n+4),
main.urg-home .ah34-post-grid>a:nth-child(4n+5){
grid-column:auto!important;height:auto!important;min-height:0!important;
border-radius:var(--ah375-radius)!important;background:#fff!important;color:var(--dark)!important;
border:1px solid var(--ah375-line)!important;box-shadow:var(--ah375-shadow)!important;
overflow:hidden!important;
}
main.urg-home .ah34-post-grid figure,
main.urg-home .ah34-post-grid>a:first-child figure{
aspect-ratio:16/9!important;height:auto!important;min-height:0!important;
}
main.urg-home .ah34-post-grid>a>div{padding:22px 22px 25px!important}
main.urg-home .ah34-post-grid h2,
main.urg-home .ah34-post-grid h3{
font-size:21px!important;line-height:1.38!important;letter-spacing:-.03em!important;color:var(--dark)!important;
}
main.urg-home .ah34-post-grid p{font-size:15.8px!important;line-height:1.72!important;color:var(--muted)!important}
/* Process band: keep the useful dark section, simplify it. */
main.urg-home .ah371-process{
width:100%!important;max-width:none!important;margin:0!important;
padding:82px max(24px,calc((100vw - var(--ah375-max))/2))!important;
background:var(--ah375-dark)!important;color:#fff!important;
}
main.urg-home .ah371-process>header{
max-width:var(--ah375-max)!important;margin:0 auto 34px!important;
grid-template-columns:minmax(0,1fr) minmax(300px,.7fr)!important;gap:30px!important;
}
main.urg-home .ah371-process>header h2{
font-size:clamp(36px,4vw,48px)!important;line-height:1.1!important;color:#fff!important;
}
main.urg-home .ah371-process>header p{font-size:16.5px!important;line-height:1.75!important;color:rgba(255,255,255,.72)!important}
main.urg-home .ah371-process>div{
max-width:var(--ah375-max)!important;margin:0 auto!important;
display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:12px!important;
}
main.urg-home .ah371-process article{
min-height:190px!important;padding:24px 22px!important;border-radius:14px!important;
background:rgba(255,255,255,.055)!important;border:1px solid rgba(255,255,255,.11)!important;
box-shadow:none!important;
}
main.urg-home .ah371-process article h3{font-size:19px!important;color:#fff!important}
main.urg-home .ah371-process article p{font-size:15px!important;line-height:1.68!important;color:rgba(255,255,255,.68)!important}
/* Areas and FAQ: simple, business-like. */
main.urg-home .urg-area,
main.urg-home .urg-chips,
main.urg-home .ah34-faq-section{
width:100%!important;max-width:var(--ah375-max)!important;margin:0 auto!important;
padding:78px 24px!important;background:#fff!important;
}
main.urg-home .ah34-faq-section h2{
font-size:clamp(34px,3.8vw,46px)!important;line-height:1.12!important;
}
main.urg-home .ah34-faq-section details,
main.urg-home .ah34-faq-section summary{font-size:16.5px!important;line-height:1.65!important}
main.urg-home .ah34-faq-section summary{padding:17px 0!important}
/* CTA and footer: clean navy/blue commercial finish. */
main.urg-home .urg-closing{
width:100%!important;max-width:none!important;margin:0!important;
min-height:240px!important;
padding:64px max(24px,calc((100vw - var(--ah375-max))/2))!important;
background:linear-gradient(135deg,var(--ah375-accent),color-mix(in srgb,var(--ah375-accent) 65%,#0a2d53))!important;
}
main.urg-home .urg-closing h2{
font-size:clamp(34px,3.8vw,46px)!important;line-height:1.1!important;
}
.urg-foot{
padding:52px max(24px,calc((100vw - var(--ah375-max))/2)) 72px!important;
background:var(--ah375-dark)!important;
}
.urg-foot b{font-size:18px!important}
.urg-foot p,.urg-foot span,.urg-foot a{font-size:15px!important;line-height:1.7!important}
.urg-foot small{font-size:10.5px!important}
/* Subpages: reference-like banner + clean content width. */
.urg-subhero,.urg-detailhero,.urg-title,.urg-contact,.urg-article{
max-width:var(--ah375-max)!important;margin-left:auto!important;margin-right:auto!important;
padding-left:24px!important;padding-right:24px!important;
}
.urg-subhero h1,.urg-detailhero h1,.urg-title h1,.urg-contact h1{
font-size:clamp(40px,4.8vw,58px)!important;line-height:1.08!important;letter-spacing:-.05em!important;
}
.urg-subhero p,.urg-detailhero p,.urg-title p,.urg-contact p{
font-size:17px!important;line-height:1.78!important;
}
.urg-servicegrid,.urg-projectgrid,.urg-areagrid,.urg-aboutgrid,.urg-detailprocess{
max-width:var(--ah375-max)!important;margin-left:auto!important;margin-right:auto!important;
padding-left:24px!important;padding-right:24px!important;
}
.urg-servicegrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:16px!important}
.urg-projectgrid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:18px!important}
.urg-servicegrid>a,.urg-projectgrid>a,.urg-aboutgrid article,.urg-detailprocess article,.urg-areagrid article{
border-radius:var(--ah375-radius)!important;border:1px solid var(--ah375-line)!important;
box-shadow:var(--ah375-shadow)!important;background:#fff!important;
}
/* Keep V37.2 motion, but reduce motion intensity under this calmer system. */
body{--ah372-lift:5px!important;--ah372-scale:1.012!important;--ah372-drift:12px!important}
@media(max-width:980px){
.urg-head{padding-left:18px!important;padding-right:18px!important}
main.urg-home .urg-hero{
grid-template-columns:1fr!important;min-height:auto!important;
padding:58px 20px 68px!important;gap:34px!important;
}
main.urg-home .urg-hero h1{font-size:clamp(48px,9.6vw,64px)!important;max-width:14ch!important}
main.urg-home .urg-primary,
main.urg-home .urg-issues,
main.urg-home .urg-check,
main.urg-home .urg-scope,
main.urg-home .urg-services,
main.urg-home .urg-parts,
main.urg-home .urg-types,
main.urg-home .urg-grid,
main.urg-home .urg-trust{grid-template-columns:repeat(2,minmax(0,1fr))!important}
main.urg-home .ah34-head,
main.urg-home .ah371-process>header{grid-template-columns:1fr!important;gap:14px!important}
main.urg-home .ah34-post-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
main.urg-home .ah371-process>div{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.urg-servicegrid,.urg-projectgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
body{font-size:16.5px!important}
.urg-head{height:68px!important}
main.urg-home .urg-hero h1{font-size:clamp(43px,12vw,56px)!important;max-width:none!important}
main.urg-home .urg-hero p{font-size:16.5px!important}
main.urg-home .urg-primary,
main.urg-home .urg-issues,
main.urg-home .urg-check,
main.urg-home .urg-scope,
main.urg-home .urg-services,
main.urg-home .urg-parts,
main.urg-home .urg-types,
main.urg-home .urg-grid,
main.urg-home .urg-trust{grid-template-columns:1fr!important;padding:58px 20px!important}
main.urg-home .ah34-post-section,
main.urg-home .ah371-process,
main.urg-home .urg-device,
main.urg-home .urg-proof,
main.urg-home .urg-data,
main.urg-home .urg-before,
main.urg-home .urg-copy,
main.urg-home .urg-choice,
main.urg-home .urg-safe,
main.urg-home .urg-quote,
main.urg-home .urg-case,
main.urg-home .urg-journal{padding-left:20px!important;padding-right:20px!important}
main.urg-home .ah34-post-grid{grid-template-columns:1fr!important}
main.urg-home .ah371-process>div{grid-template-columns:1fr!important}
.urg-servicegrid,.urg-projectgrid{grid-template-columns:1fr!important}
.urg-foot{padding-left:20px!important;padding-right:20px!important}
}
main.urg-home .urg-hero figure{border-radius:14px!important}
/* AUTOHOME_V37_6_LAYOUT_INTEGRITY_URG */
/* Never allow Korean copy to collapse into one-character vertical columns. */
main h1,main h2,main h3,main h4,main p,main li,main a,main span,main small,
footer h1,footer h2,footer h3,footer p,footer a,footer span,footer small{
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
white-space:normal!important;
max-width:100%;
}
main *{min-width:0}
/* Disable viewport-timeline opacity hiding. Hero entrance + hover motion remain. */
@supports (animation-timeline:view()){
main .ah34-post-section,
main .ah34-post-grid>a,
main .ah34-faq-section,
main .ah371-process,
main .urg-aboutgrid,
main .urg-servicegrid,
main .urg-projectgrid,
main .urg-postgrid,
main .urg-detailprocess,
main .urg-areagrid,
main .urg-closing{
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
}
}
/* Light surfaces always use dark readable text. */
main .ah34-post-grid>a,
main .urg-servicegrid>a,
main .urg-projectgrid>a,
main .urg-aboutgrid article,
main .urg-detailprocess article,
main .urg-areagrid article,
main .urg-primary article,
main .urg-issues article,
main .urg-check article,
main .urg-scope article,
main .urg-services article,
main .urg-parts article,
main .urg-types article,
main .urg-grid article,
main .urg-trust article{
color:var(--dark)!important;
background:#fff!important;
}
main .ah34-post-grid>a h2,
main .ah34-post-grid>a h3,
main .urg-servicegrid>a h2,
main .urg-servicegrid>a h3,
main .urg-projectgrid>a h2,
main .urg-projectgrid>a h3,
main .urg-aboutgrid article h2,
main .urg-aboutgrid article h3{
color:var(--dark)!important;
}
main .ah34-post-grid>a p,
main .urg-servicegrid>a p,
main .urg-projectgrid>a p,
main .urg-aboutgrid article p,
main .urg-detailprocess article p,
main .urg-areagrid article p{
color:var(--muted)!important;
}
/* Dark surfaces always use white/light text and never inherit white-card backgrounds. */
main .urg-device,
main .urg-proof,
main .urg-data,
main .urg-before,
main .urg-copy,
main .urg-choice,
main .urg-safe,
main .urg-quote,
main .urg-case,
main .urg-journal,
main .ah371-process{
color:#fff!important;
}
main .urg-device article,
main .urg-proof article,
main .urg-data article,
main .urg-before article,
main .urg-copy article,
main .urg-choice article,
main .urg-safe article,
main .urg-quote article,
main .urg-case article,
main .urg-journal article,
main .ah371-process article{
color:#fff!important;
background:rgba(255,255,255,.055)!important;
border-color:rgba(255,255,255,.12)!important;
}
main .urg-device h2,main .urg-device h3,
main .urg-proof h2,main .urg-proof h3,
main .urg-data h2,main .urg-data h3,
main .urg-before h2,main .urg-before h3,
main .urg-copy h2,main .urg-copy h3,
main .urg-choice h2,main .urg-choice h3,
main .urg-safe h2,main .urg-safe h3,
main .urg-quote h2,main .urg-quote h3,
main .urg-case h2,main .urg-case h3,
main .urg-journal h2,main .urg-journal h3,
main .ah371-process h2,main .ah371-process h3{
color:#fff!important;
}
main .urg-device p,main .urg-proof p,main .urg-data p,main .urg-before p,
main .urg-copy p,main .urg-choice p,main .urg-safe p,main .urg-quote p,
main .urg-case p,main .urg-journal p,main .ah371-process p{
color:rgba(255,255,255,.76)!important;
}
/* Long service names need real card width. */
.urg-servicegrid,
.urg-projectgrid{
grid-template-columns:repeat(auto-fit,minmax(min(290px,100%),1fr))!important;
align-items:stretch!important;
}
.urg-servicegrid>a,
.urg-projectgrid>a{
min-width:0!important;
width:auto!important;
overflow:hidden!important;
}
.urg-servicegrid h2,.urg-servicegrid h3,
.urg-projectgrid h2,.urg-projectgrid h3{
width:100%!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
}
/* Homepage cards must stay visible and inside their boxes. */
.ah34-post-grid{align-items:stretch!important}
.ah34-post-grid>a{overflow:hidden!important;min-width:0!important}
.ah34-post-grid>a>div{overflow:hidden!important;min-width:0!important}
.ah34-post-grid h2,.ah34-post-grid h3,.ah34-post-grid p{max-width:100%!important}
/* Strong CTA contrast; pale inherited states are not allowed. */
.urg-closing{
background:linear-gradient(135deg,#176fa6,#15558b)!important;
color:#fff!important;
opacity:1!important;
}
.urg-closing h2,.urg-closing h3,.urg-closing p,.urg-closing small{color:#fff!important}
.urg-closing>a{background:#fff!important;color:#0b3858!important;opacity:1!important}
/* Footer contrast. */
.urg-foot{background:#082738!important;color:#dce8ee!important}
.urg-foot b{color:#fff!important}
.urg-foot p,.urg-foot span,.urg-foot a{color:#dce8ee!important}
.urg-foot small{color:#91a8b4!important}
@media(max-width:980px){
.urg-servicegrid,.urg-projectgrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
}
@media(max-width:620px){
.urg-servicegrid,.urg-projectgrid{grid-template-columns:1fr!important}
main h1,main h2,main h3,main p,main li,main a,main span{word-break:keep-all!important}
}
/* AUTOHOME_V37_6_8_REAL_BROWSER_LAYOUT_LOCK_BEGIN */
/*
* V37.6.8 browser-stability lock
* Header uses normal flow; structural sections no longer depend on
* scroll-timeline opacity/translation for readability.
*/
/* 1) Header: never float over page content. */
.urg-head{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
inset:auto!important;
width:100%!important;
max-width:none!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
z-index:90!important;
box-sizing:border-box!important;
isolation:isolate!important;
}
.urg-head *{
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
}
/* 2) Structural sections: never depend on scroll-timeline visibility. */
main .urg-hero,
main .urg-subhero,
main .urg-detailhero,
main .urg-contact,
main .urg-problem,
main .urg-check,
main .ah34-check{
position:relative!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
min-width:0!important;
}
main .urg-hero>*,
main .urg-subhero>*,
main .urg-detailhero>*,
main .urg-contact>*,
main .urg-problem>*,
main .urg-check>*,
main .ah34-check>*{
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
min-width:0!important;
}
/* 3) Headings/copy: horizontal, unclipped, no positional residue. */
main .urg-hero h1,
main .urg-hero h2,
main .urg-subhero h1,
main .urg-subhero h2,
main .urg-detailhero h1,
main .urg-detailhero h2,
main .urg-contact h1,
main .urg-contact h2,
main .urg-problem h1,
main .urg-problem h2,
main .urg-check h1,
main .urg-check h2,
main .ah34-check h1,
main .ah34-check h2{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
inset:auto!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
white-space:normal!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
overflow:visible!important;
width:auto!important;
max-width:100%!important;
height:auto!important;
max-height:none!important;
}
main .urg-hero p,
main .urg-subhero p,
main .urg-detailhero p,
main .urg-contact p,
main .urg-problem p,
main .urg-check p,
main .ah34-check p,
main .ah34-check span,
main .ah34-check small,
main .ah34-check b,
main .ah34-check strong{
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
white-space:normal!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
max-width:100%!important;
}
/* 4) Media stays in its own box and cannot be dragged beneath the header. */
main .urg-hero figure,
main .urg-subhero figure,
main .urg-detailhero figure,
main .urg-contact figure,
main .urg-problem figure,
main .urg-check figure,
main .ah34-check figure{
position:relative!important;
top:auto!important;
right:auto!important;
bottom:auto!important;
left:auto!important;
inset:auto!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
min-width:0!important;
overflow:hidden!important;
}
main .urg-hero img,
main .urg-subhero img,
main .urg-detailhero img,
main .urg-contact img,
main .urg-problem img,
main .urg-check img,
main .ah34-check img{
display:block!important;
width:100%!important;
max-width:100%!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
object-fit:cover!important;
}
/* 5) CHECK FIRST / check-card visibility. */
main .urg-check article,
main .urg-check aside,
main .urg-check [class*="card"],
main .urg-check [class*="panel"],
main .ah34-check article,
main .ah34-check aside,
main .ah34-check [class*="card"],
main .ah34-check [class*="panel"]{
position:relative!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
opacity:1!important;
visibility:visible!important;
background:#fff!important;
color:var(--dark,#102c3b)!important;
border-color:rgba(16,44,59,.12)!important;
overflow:visible!important;
min-width:0!important;
height:auto!important;
min-height:0!important;
max-height:none!important;
}
main .urg-check article *,
main .urg-check aside *,
main .urg-check [class*="card"] *,
main .urg-check [class*="panel"] *,
main .ah34-check article *,
main .ah34-check aside *,
main .ah34-check [class*="card"] *,
main .ah34-check [class*="panel"] *{
color:inherit!important;
opacity:1!important;
visibility:visible!important;
transform:none!important;
translate:none!important;
animation:none!important;
animation-timeline:auto!important;
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
white-space:normal!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
}
/* 6) Grid children cannot escape into another row. */
main .urg-hero,
main .urg-subhero,
main .urg-detailhero,
main .urg-contact,
main .urg-problem,
main .urg-check,
main .ah34-check{
grid-auto-flow:row!important;
}
main .urg-hero>*,
main .urg-subhero>*,
main .urg-detailhero>*,
main .urg-contact>*,
main .urg-problem>*,
main .urg-check>*,
main .ah34-check>*{
grid-row:auto!important;
align-self:center;
}
/* 7) Mobile: one column, natural heights, no clipped copy. */
@media(max-width:860px){
.urg-head{height:auto!important;min-height:68px!important}
main .urg-hero,
main .urg-subhero,
main .urg-detailhero,
main .urg-contact,
main .urg-problem,
main .urg-check,
main .ah34-check{
grid-template-columns:minmax(0,1fr)!important;
height:auto!important;
min-height:0!important;
overflow:visible!important;
}
main .urg-hero img,
main .urg-subhero img,
main .urg-detailhero img,
main .urg-contact img,
main .urg-problem img,
main .urg-check img,
main .ah34-check img{
height:auto!important;
min-height:0!important;
max-height:none!important;
aspect-ratio:16/10;
}
}
/* 8) Reduced motion is a strict superset of the structural lock. */
@media(prefers-reduced-motion:reduce){
.urg-head,
main .urg-hero,
main .urg-subhero,
main .urg-detailhero,
main .urg-contact,
main .urg-problem,
main .urg-check,
main .ah34-check,
main .ah34-check *{
animation:none!important;
animation-timeline:auto!important;
transition:none!important;
transform:none!important;
translate:none!important;
opacity:1!important;
}
}
/* AUTOHOME_V37_6_8_REAL_BROWSER_LAYOUT_LOCK_END */
/* AUTOHOME_V37_6_10_VISIBILITY_AND_ROUTING_UI */
.ah37610-page,.ah37610-page *{box-sizing:border-box}
.ah37610-page{width:100%!important;max-width:1280px!important;margin:0 auto!important;padding:72px 24px 110px!important;color:#102c3b!important;background:#f5f8fa!important}
.ah37610-pagehead{max-width:980px!important;margin:0 0 44px!important;padding:0!important;background:transparent!important;color:#102c3b!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;animation-timeline:auto!important}
.ah37610-pagehead small{display:block!important;margin:0 0 12px!important;color:#176fa6!important;font-size:11px!important;font-weight:900!important;letter-spacing:.13em!important}
.ah37610-pagehead h1{margin:0!important;color:#102c3b!important;font-size:clamp(40px,5vw,68px)!important;line-height:1.06!important;letter-spacing:-.055em!important;word-break:keep-all!important;overflow:visible!important;opacity:1!important;visibility:visible!important}
.ah37610-pagehead p{max-width:760px!important;margin:22px 0 0!important;color:#55707d!important;font-size:17px!important;line-height:1.8!important;opacity:1!important;visibility:visible!important}.ah37610-pagehead p b{color:#102c3b!important}
.ah37610-filterbox{margin:0 0 34px!important;padding:22px!important;border:1px solid #d7e2e8!important;border-radius:20px!important;background:#fff!important;color:#102c3b!important;box-shadow:0 12px 32px rgba(12,42,58,.06)!important}
.ah37610-filter-row{display:grid!important;grid-template-columns:86px minmax(0,1fr)!important;gap:14px!important;align-items:start!important;padding:10px 0!important}.ah37610-filter-row+.ah37610-filter-row{border-top:1px solid #edf2f4!important}.ah37610-filter-row>strong{padding:8px 0!important;color:#102c3b!important;font-size:13px!important}.ah37610-filter-row>div{display:flex!important;flex-wrap:wrap!important;gap:8px!important}
.ah37610-chip{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:38px!important;padding:8px 13px!important;border:1px solid #d8e3e8!important;border-radius:999px!important;background:#fff!important;color:#31505f!important;text-decoration:none!important;font-size:13px!important;font-weight:800!important;opacity:1!important;visibility:visible!important}.ah37610-chip:hover,.ah37610-chip.is-active{border-color:#176fa6!important;background:#176fa6!important;color:#fff!important}.ah37610-filter-summary{margin-top:10px!important;padding-top:15px!important;border-top:1px solid #edf2f4!important;color:#607985!important;font-size:13px!important}.ah37610-filter-summary b{color:#176fa6!important;font-size:18px!important}
.ah37610-case-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.ah37610-case-card{display:grid!important;grid-template-columns:minmax(180px,.42fr) minmax(0,.58fr)!important;min-width:0!important;overflow:hidden!important;border:1px solid #d9e4e9!important;border-radius:20px!important;background:#fff!important;color:#102c3b!important;text-decoration:none!important;box-shadow:0 10px 28px rgba(12,42,58,.055)!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;animation-timeline:auto!important}
.ah37610-case-card figure{margin:0!important;min-height:220px!important;background:#e7eef1!important;overflow:hidden!important}.ah37610-case-card img{width:100%!important;height:100%!important;min-height:220px!important;object-fit:cover!important;display:block!important;opacity:1!important;visibility:visible!important}.ah37610-case-card>div{padding:24px!important;min-width:0!important}.ah37610-case-card small{display:block!important;color:#176fa6!important;font-size:11px!important;font-weight:900!important;opacity:1!important}.ah37610-case-card h2{margin:10px 0!important;color:#102c3b!important;font-size:23px!important;line-height:1.35!important;letter-spacing:-.035em!important;word-break:keep-all!important;overflow-wrap:break-word!important;opacity:1!important}.ah37610-case-card p{margin:0 0 18px!important;color:#647d89!important;font-size:14px!important;line-height:1.72!important;opacity:1!important}.ah37610-case-card span{color:#102c3b!important;font-size:13px!important;font-weight:900!important;opacity:1!important}
.ah37610-dimension-grid{display:grid!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:18px!important}.ah37610-dimension-card{min-width:0!important;padding:28px!important;border:1px solid #d9e4e9!important;border-radius:20px!important;background:#fff!important;color:#102c3b!important;box-shadow:0 10px 28px rgba(12,42,58,.055)!important;opacity:1!important;visibility:visible!important;transform:none!important;animation:none!important;animation-timeline:auto!important}.ah37610-dimension-card small{display:block!important;color:#176fa6!important;font-size:10px!important;font-weight:900!important;letter-spacing:.12em!important}.ah37610-dimension-card h2{margin:10px 0 8px!important;color:#102c3b!important;font-size:30px!important;line-height:1.3!important;word-break:keep-all!important;overflow-wrap:break-word!important}.ah37610-dimension-card p{margin:0 0 20px!important;color:#657d88!important;font-size:14px!important;line-height:1.7!important}
.ah37610-dimension-card a,.ah37610-mainbutton{display:inline-flex!important;align-items:center!important;min-height:42px!important;padding:10px 14px!important;border-radius:10px!important;background:#102c3b!important;color:#fff!important;text-decoration:none!important;font-size:13px!important;font-weight:900!important;opacity:1!important;visibility:visible!important}.ah37610-actions{display:flex!important;flex-wrap:wrap!important;gap:8px!important}.ah37610-actions a.is-secondary{background:#edf4f7!important;color:#214454!important}
.ah37610-empty{padding:48px!important;border:1px solid #d9e4e9!important;border-radius:20px!important;background:#fff!important;color:#102c3b!important;text-align:center!important}.ah37610-empty h2{color:#102c3b!important}.ah37610-empty p{color:#657d88!important}.ah37610-empty a{color:#176fa6!important;font-weight:900!important}.ah37610-pager{display:flex!important;align-items:center!important;justify-content:center!important;gap:18px!important;margin:38px 0 0!important}.ah37610-pager a{color:#102c3b!important;text-decoration:none!important;font-weight:900!important;padding:10px 14px!important;border:1px solid #d9e4e9!important;border-radius:10px!important;background:#fff!important}.ah37610-pager span{color:#657d88!important}
main .urg-servicegrid>a,main .urg-projectgrid>a,main .urg-areagrid article,main .urg-aboutgrid article,main .urg-detailprocess article,main .ah34-post-grid>a{background:#fff!important;color:var(--dark,#102c3b)!important;opacity:1!important;visibility:visible!important}
main .urg-servicegrid>a h2,main .urg-servicegrid>a h3,main .urg-projectgrid>a h2,main .urg-projectgrid>a h3,main .urg-areagrid article h2,main .urg-areagrid article h3,main .urg-aboutgrid article h2,main .urg-aboutgrid article h3,main .urg-detailprocess article h2,main .urg-detailprocess article h3,main .ah34-post-grid>a h2,main .ah34-post-grid>a h3{color:var(--dark,#102c3b)!important;opacity:1!important;visibility:visible!important}
main .urg-servicegrid>a p,main .urg-projectgrid>a p,main .urg-areagrid article p,main .urg-aboutgrid article p,main .urg-detailprocess article p,main .ah34-post-grid>a p{color:var(--muted,#647d89)!important;opacity:1!important;visibility:visible!important}
@media(max-width:860px){.ah37610-page{padding:48px 16px 90px!important}.ah37610-case-grid,.ah37610-dimension-grid{grid-template-columns:1fr!important}.ah37610-case-card{grid-template-columns:1fr!important}.ah37610-filter-row{grid-template-columns:1fr!important;gap:5px!important}}
/* AUTOHOME_V37_6_11_ABOUT_PROCESS_LIGHT_SURFACE_FIX_BEGIN */
/*
* about.php has main.urg-about and a LIGHT surface.
* V37.6.7's global main .ah371-process dark-surface colors must not win here.
* The homepage process remains dark because only .urg-about is targeted.
*/
main.urg-about .ah371-process{
background:transparent!important;
color:var(--dark,#102c3b)!important;
opacity:1!important;
visibility:visible!important;
animation:none!important;
animation-timeline:auto!important;
transform:none!important;
}
main.urg-about .ah371-process>header,
main.urg-about .ah371-process>div{
opacity:1!important;
visibility:visible!important;
animation:none!important;
animation-timeline:auto!important;
transform:none!important;
}
main.urg-about .ah371-process>header small,
main.urg-about .ah371-process article span{
color:var(--accent,#176fa6)!important;
opacity:1!important;
visibility:visible!important;
background:transparent!important;
}
main.urg-about .ah371-process>header h1,
main.urg-about .ah371-process>header h2,
main.urg-about .ah371-process>header h3,
main.urg-about .ah371-process article h1,
main.urg-about .ah371-process article h2,
main.urg-about .ah371-process article h3,
main.urg-about .ah371-process article h4{
color:var(--dark,#102c3b)!important;
opacity:1!important;
visibility:visible!important;
background:transparent!important;
}
main.urg-about .ah371-process>header p,
main.urg-about .ah371-process article p{
color:var(--muted,#647d89)!important;
opacity:1!important;
visibility:visible!important;
background:transparent!important;
}
main.urg-about .ah371-process article{
background:#fff!important;
color:var(--dark,#102c3b)!important;
border-color:var(--line,#d9e4e9)!important;
opacity:1!important;
visibility:visible!important;
overflow:visible!important;
animation:none!important;
animation-timeline:auto!important;
transform:none!important;
}
main.urg-about .ah371-process article *{
writing-mode:horizontal-tb!important;
text-orientation:mixed!important;
word-break:keep-all!important;
overflow-wrap:break-word!important;
white-space:normal!important;
max-width:100%!important;
}
/* AUTOHOME_V37_6_11_ABOUT_PROCESS_LIGHT_SURFACE_FIX_END */