@import url("https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Noto+Sans+KR:wght@400;600;700;800;900&display=swap");:root{--ink:#132039;--paper:#fff;--line:#e5e7ea;--page:min(1180px,calc(100% - 80px));--pad:max(40px,calc((100vw - 1180px)/2))}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"Noto Sans KR",sans-serif;word-break:keep-all}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;width:100%;height:100%;object-fit:cover}header{height:68px;padding:0 4%;display:flex;align-items:center;gap:38px;background:#fff;position:sticky;top:0;z-index:10}.logo{font:800 18px "DM Mono",monospace;letter-spacing:-.08em}.logo span{font:400 11px "DM Mono",monospace;letter-spacing:.04em;margin-left:7px;color:#657083}nav{margin-left:auto;display:flex;gap:26px}nav a{font-size:13px;font-weight:700}.menu{display:none}.hero{height:580px;position:relative;display:flex;align-items:center;isolation:isolate;color:#fff;overflow:hidden}.hero:before,.film-bg{content:"";position:absolute;inset:-8px;z-index:-2;background:url("assets/05-loop-office.png") center/cover;transform:translate(var(--px,0),var(--py,0)) scale(1.07);transition:.5s}.shade{position:absolute;inset:0;z-index:-1;background:rgba(12,20,31,.53)}.hero>div:last-child{width:min(960px,calc(100% - 80px));margin:auto}.eyebrow{margin:0;font:500 11px "DM Mono",monospace;letter-spacing:.12em;color:#8490a3}.hero h1{margin:20px 0 22px;font:500 clamp(65px,8vw,125px)/.9 "DM Mono",monospace;letter-spacing:-.09em}.hero p:not(.eyebrow){max-width:720px;line-height:1.8}.solutions{width:var(--page);margin:auto}.solution{min-height:520px;padding:105px 0;display:grid;grid-template-columns:.9fr 1.1fr;gap:8vw;align-items:center;border-bottom:1px solid var(--line)}.solution.reverse{grid-template-columns:1.1fr .9fr}.solution h2{margin:18px 0;font-size:clamp(42px,4.4vw,70px);letter-spacing:-.075em}.solution p:not(.eyebrow){color:#5f6979;line-height:1.9}.solution a{display:inline-block;margin-top:23px;padding:10px 17px;border:1px solid var(--ink);border-radius:999px;font-weight:700;font-size:13px}.mosaic{height:370px;margin:0;display:grid;grid-template-columns:1fr 1fr 1fr;grid-template-rows:1fr 1fr;gap:10px}.mosaic img:first-child{grid-column:span 2}.mosaic img{border-radius:6px}.split-img{height:360px;margin:0;display:grid;grid-template-columns:2fr 1fr;gap:10px}.split-img img,.triple img{border-radius:6px}.triple{height:310px;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.brand-film{height:480px;position:relative;isolation:isolate;color:#fff;display:grid;place-items:center}.film-bg{z-index:-2;filter:brightness(.5)}.brand-film>div{width:var(--page)}.brand-film h2{font-size:clamp(42px,5vw,76px);margin:17px 0}.brand-film p:not(.eyebrow){max-width:650px;line-height:1.8}.brand-film button{border:0;border-radius:999px;padding:13px 22px;background:#fff;color:var(--ink);font-weight:800}.contact{padding:110px var(--pad);background:#111a2c;color:#fff}.contact h2{font-size:clamp(46px,5vw,76px);line-height:1.1;letter-spacing:-.08em}.contact-tabs{display:flex;gap:10px;margin:30px 0}.contact-tabs button{border:1px solid #697385;border-radius:999px;padding:12px 18px;background:transparent;color:#fff}.contact-tabs button.active,.contact-tabs button:hover{background:#fff;color:var(--ink)}.contact>a{font-size:18px;font-weight:700;border-bottom:1px solid}footer{padding:65px var(--pad) 24px;background:#0e1728;color:#dce4ed;display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:30px}footer p{color:#9ba8b7;line-height:1.8;font-size:13px}footer>div:not(:first-child){display:grid;gap:11px;font-size:13px}footer small{grid-column:1/-1;border-top:1px solid #334055;padding-top:20px;color:#8490a2;font:500 10px "DM Mono",monospace}.reveal{opacity:0;transform:translateY(35px);transition:.8s ease}.reveal.show{opacity:1;transform:none}.enter{opacity:0;transform:translateY(25px);animation:show .8s forwards}@keyframes show{to{opacity:1;transform:none}}@media(max-width:700px){:root{--pad:24px;--page:min(100% - 48px)}header{padding:0 20px}nav{display:none}.menu{display:block;margin-left:auto;border:0;background:transparent}.hero{height:470px}.hero>div:last-child{width:calc(100% - 48px)}.hero h1{font-size:62px}.solution,.solution.reverse{grid-template-columns:1fr;padding:70px 0}.solution.reverse figure{order:2}.mosaic,.split-img{height:280px}.triple{height:210px}.brand-film{height:430px}.contact{padding-block:75px}footer{grid-template-columns:1fr 1fr;padding-inline:24px}footer>div:first-child{grid-column:1/-1}}
/* 2026 expanded footer + menu system */
.menu-lab-trigger{margin-left:18px!important;border:1px solid currentColor!important;background:transparent!important;color:inherit!important;border-radius:99px!important;padding:9px 13px!important;font:700 10px "DM Mono",monospace!important;letter-spacing:1px!important;cursor:pointer!important;white-space:nowrap!important}.smart-menu{position:fixed;z-index:120;inset:0;background:rgba(6,12,17,.78);opacity:0;visibility:hidden;transition:.3s;backdrop-filter:blur(8px)}.smart-menu.open{opacity:1;visibility:visible}.sm-shell{position:absolute;top:76px;left:50%;transform:translate(-50%,-16px);width:min(1180px,calc(100% - 32px));min-height:390px;overflow:hidden;background:#f7f7f4;color:#14201e;box-shadow:0 24px 70px rgba(0,0,0,.35);transition:.35s}.smart-menu.open .sm-shell{transform:translate(-50%,0)}.sm-head{display:flex;align-items:center;justify-content:space-between;padding:20px 25px;border-bottom:1px solid #dce1dc;font:500 11px "DM Mono",monospace;letter-spacing:1.5px}.sm-close{border:0;background:none;font-size:21px;cursor:pointer}.sm-body{padding:28px 32px 34px}.sm-title{font-size:33px;letter-spacing:-2px;margin:0 0 25px}.sm-links{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.sm-links a{display:block;padding:15px 12px;border-top:1px solid #ccd5d0;font-size:17px;font-weight:800;transition:.2s}.sm-links a small{display:block;font-size:11px;font-weight:400;color:#6d7772;margin-top:5px}.sm-links a:hover{padding-left:21px;color:#477b68;background:#ecf3ef}.sm-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.sm-card-grid a{min-height:170px;padding:18px;display:flex;flex-direction:column;justify-content:end;color:#fff;background:linear-gradient(0deg,rgba(0,0,0,.68),transparent),var(--sm-image) center/cover;border-radius:9px;font-size:18px;font-weight:800;transition:.3s}.sm-card-grid a:hover{transform:translateY(-8px)}.sm-card-grid small{font:10px "DM Mono";margin-bottom:7px}.sm-visual{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.sm-visual-image{min-height:270px;background:linear-gradient(0deg,rgba(0,0,0,.55),transparent),var(--sm-image) center/cover;display:flex;align-items:end;padding:25px;color:#fff}.sm-visual-image b{font-size:31px;letter-spacing:-2px}.sm-visual-list{display:grid;gap:0}.sm-visual-list a{border-bottom:1px solid #d8deda;padding:16px 0;font-size:17px;font-weight:800}.sm-visual-list small{float:right;color:#82918a;font:10px "DM Mono"}.sm-story{display:grid;grid-template-columns:.55fr 1.45fr;gap:38px;align-items:start}.sm-story>p{font-size:15px;line-height:1.8;color:#60706a}.sm-story-list{border-top:1px solid #bac5be}.sm-story-list a{display:grid;grid-template-columns:40px 1fr;gap:12px;border-bottom:1px solid #cfd7d2;padding:13px 0;font-size:17px;font-weight:800}.sm-story-list i{font:11px "DM Mono";font-style:normal;color:#579278}.sm-bubbles{display:flex;flex-wrap:wrap;gap:12px;align-content:center;min-height:220px}.sm-bubbles a{padding:16px 22px;border:1px solid #b9c9c1;border-radius:99px;font-size:16px;font-weight:800;transition:.25s}.sm-bubbles a:nth-child(2n){background:#1d312d;color:#fff}.sm-bubbles a:hover{transform:scale(1.09);background:#78a18e;color:#fff}.sm-hover{min-height:260px;display:grid;grid-template-columns:.85fr 1.15fr}.sm-hover-list{background:#fff;padding:12px 22px}.sm-hover-list a{display:block;padding:13px 0;border-bottom:1px solid #e0e5e1;font-size:20px;font-weight:800}.sm-hover-list a:hover{color:#4d8874;padding-left:10px}.sm-preview{background:linear-gradient(0deg,rgba(0,0,0,.45),transparent),var(--sm-image) center/cover;color:#fff;padding:25px;display:flex;align-items:end}.sm-preview b{font-size:29px}.footer-plus{width:min(1216px,calc(100% - 48px))!important;margin:0 auto!important;padding:48px 0 36px!important;display:grid!important;grid-template-columns:1.2fr .8fr .8fr 1fr!important;gap:26px!important;border-bottom:1px solid rgba(255,255,255,.22)!important;color:inherit!important}.footer-plus h3{margin:0 0 13px!important;font-size:15px!important;letter-spacing:.1px!important}.footer-plus p{margin:0!important;font-size:12px!important;line-height:1.8!important;opacity:.72!important}.footer-plus a{display:block!important;font-size:12px!important;margin:8px 0!important;opacity:.8!important}.footer-plus a:hover{opacity:1!important;text-decoration:underline!important}.footer-news{display:flex!important;margin-top:16px!important;border-bottom:1px solid currentColor!important;padding-bottom:5px!important}.footer-news input{min-width:0!important;width:100%!important;background:transparent!important;border:0!important;color:inherit!important;outline:0!important;font-size:11px!important}.footer-news button{border:0!important;background:transparent!important;color:inherit!important;font-weight:800!important;cursor:pointer!important}.footer-social{display:flex!important;gap:7px!important;margin-top:14px!important}.footer-social a{border:1px solid currentColor!important;border-radius:50%!important;width:27px!important;height:27px!important;display:grid!important;place-items:center!important;margin:0!important;font:10px "DM Mono"!important}.footer-plus~small{display:block!important;margin-top:20px!important}.smart-menu a{color:inherit;text-decoration:none}@media(max-width:780px){.menu-lab-trigger{margin-left:auto!important}.sm-shell{top:57px;min-height:calc(100vh - 57px);width:100%;}.sm-body{padding:24px 20px}.sm-title{font-size:27px}.sm-links,.sm-card-grid{grid-template-columns:1fr 1fr}.sm-card-grid a{min-height:115px}.sm-visual,.sm-story,.sm-hover{grid-template-columns:1fr}.sm-visual-image{min-height:170px}.sm-preview{min-height:160px;grid-row:1}.footer-plus{grid-template-columns:1fr 1fr!important;gap:24px!important;padding:38px 0 28px!important}.footer-plus>div:first-child{grid-column:1/-1}}footer>.footer-plus{grid-column:1/-1!important;width:min(1216px,100%)!important;margin:0 auto!important} footer>.footer-plus~div{display:none!important} footer>small{grid-column:1/-1!important} .footer-plus .footer-business{margin-top:16px!important;padding-top:14px!important;border-top:1px solid currentColor!important;font-size:11px!important;line-height:1.8!important;opacity:.72!important}

/* Loop footer repair: isolate the rich footer from legacy grid rules. */
footer{display:block!important;padding:0!important;background:#0e1728!important;color:#dce4ed!important}
footer>.footer-plus{width:min(1180px,calc(100% - 80px))!important;margin:0 auto!important;padding:58px 0 34px!important;display:grid!important;grid-template-columns:1.35fr .8fr .8fr 1.15fr!important;gap:34px!important;border-bottom:1px solid rgba(220,228,237,.2)!important}
footer>.footer-plus~div{display:none!important}
footer>.footer-plus h3{color:#fff!important;font-size:15px!important;margin:0 0 15px!important}
footer>.footer-plus a{color:#cbd7e0!important;margin:9px 0!important}
footer>.footer-plus .footer-business{color:#9baab6!important;border-color:rgba(220,228,237,.18)!important}
footer>small{display:block!important;width:min(1180px,calc(100% - 80px))!important;margin:0 auto!important;padding:19px 0 24px!important;border:0!important;color:#8490a2!important}
@media(max-width:700px){footer>.footer-plus{width:calc(100% - 48px)!important;grid-template-columns:1fr 1fr!important;gap:26px!important;padding:42px 0 28px!important}footer>.footer-plus>div:first-child{grid-column:1/-1}footer>small{width:calc(100% - 48px)!important}}

/* Loop identity and bubble-preview submenu system. */
.loop-logo{display:flex!important;align-items:center!important;gap:8px!important;color:var(--ink)!important;text-decoration:none}.loop-logo b{font:800 22px/.85 "DM Mono",monospace;letter-spacing:-.12em}.loop-logo small{font:600 9px "DM Mono",monospace;letter-spacing:.13em;color:#647085}.loop-mark{position:relative;display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--ink);border-radius:50%;transform:rotate(-28deg)}.loop-mark:after{content:"";width:10px;height:10px;border:2px solid var(--ink);border-radius:50%}.loop-mark i{position:absolute;width:3px;height:3px;border-radius:50%;background:#4d66b8}.loop-mark i:first-child{top:4px;right:4px}.loop-mark i:last-child{bottom:4px;left:4px}.loop-logo:hover .loop-mark{transform:rotate(152deg);transition:.55s}
@media(min-width:701px){header .loop-nav{margin-left:auto;display:flex;gap:25px;align-items:center}.loop-nav-item{padding:25px 0}.loop-nav-item>a{font-size:13px;font-weight:700;white-space:nowrap}.loop-sub{position:fixed;z-index:40;top:68px;left:50%;width:min(80vw,1180px);height:300px;display:grid;grid-template-columns:1.05fr .95fr;background:#f4f6fb;color:#132039;border-top:3px solid #4d66b8;box-shadow:0 20px 44px rgba(19,32,57,.25);opacity:0;visibility:hidden;pointer-events:none;transform:translate(-50%,-10px);transition:.24s}.loop-nav-item:hover .loop-sub,.loop-nav-item:focus-within .loop-sub{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}.loop-bubbles{padding:31px 34px;display:flex;gap:13px;align-content:center;align-items:center;flex-wrap:wrap}.loop-bubbles a{min-width:128px;padding:16px 18px;border:1px solid #b8c3dc;border-radius:999px;background:#fff;font-size:16px;font-weight:800;line-height:1.05;transition:.25s}.loop-bubbles a:nth-child(2n){background:#172943;color:#fff;border-color:#172943}.loop-bubbles a:hover{transform:scale(1.08);background:#4d66b8;color:#fff;border-color:#4d66b8}.loop-bubbles small{display:block;margin-top:7px;font-size:11px;font-weight:500;letter-spacing:0}.loop-sub figure{position:relative;margin:0;overflow:hidden}.loop-sub figure:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,18,32,.76),transparent 65%)}.loop-sub figure img{transition:.5s}.loop-nav-item:hover .loop-sub figure img{transform:scale(1.06)}.loop-sub figcaption{position:absolute;z-index:1;left:27px;bottom:25px;color:#fff;font:700 21px "DM Mono",monospace;letter-spacing:-.08em}.menu-lab-trigger{display:none!important}}
@media(max-width:700px){.loop-logo b{font-size:19px}.loop-logo small{font-size:8px}.loop-mark{width:25px;height:25px}.loop-nav{display:none!important}}

/* Loop card-deck menu: replace the bubble treatment with a more structured interaction. */
@media(min-width:701px){
  .loop-sub{grid-template-columns:1fr .92fr!important;background:#142533!important;color:#fff!important;border-top:3px solid #83a9d8!important}
  .loop-bubbles{padding:26px!important;display:grid!important;grid-template-columns:1fr 1fr!important;gap:10px!important;align-content:center!important}
  .loop-bubbles a,.loop-bubbles a:nth-child(2n){min-width:0!important;min-height:104px!important;padding:18px!important;border:1px solid rgba(255,255,255,.2)!important;border-radius:0!important;background:rgba(255,255,255,.04)!important;color:#fff!important;display:flex!important;flex-direction:column!important;justify-content:end!important;font-size:18px!important;position:relative!important;overflow:hidden!important}
  .loop-bubbles a:before{content:"";position:absolute;left:0;top:0;width:3px;height:100%;background:#83a9d8;transform:scaleY(0);transform-origin:bottom;transition:.25s}
  .loop-bubbles a:hover{transform:translateY(-5px)!important;background:#314c63!important;border-color:#83a9d8!important}.loop-bubbles a:hover:before{transform:scaleY(1)}
  .loop-bubbles small{color:#b8cbd9!important}.loop-sub figcaption{font-size:24px!important;letter-spacing:-.06em!important}
}
/* Film section repair: the background is full-bleed and its headline is intentionally two lines. */
.brand-film{width:100%!important;overflow:hidden!important}.brand-film>.film-bg{width:auto!important;left:0!important;right:0!important;top:0!important;bottom:0!important}.brand-film>div:not(.film-bg){width:var(--page)!important}.brand-film h2{max-width:760px!important;font-size:clamp(42px,4.25vw,64px)!important;line-height:1.04!important;letter-spacing:-.07em!important;white-space:normal!important}

/* Contact balance repair: give the right side a clear consultation brief. */
.contact{display:grid!important;grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr)!important;gap:clamp(56px,8vw,150px)!important;align-items:center!important;min-height:590px!important}
.contact-main{max-width:670px!important}.contact-main h2{margin:22px 0 0!important;max-width:650px!important}.contact-main .contact-tabs{margin:32px 0 26px!important}
.contact-brief{position:relative;max-width:500px;width:100%;justify-self:end;padding:34px 0 0;border-top:2px solid #87a3ca;color:#fff}.contact-brief>p{margin:0 0 20px!important;color:#91afd9!important;font:600 11px/1.2 "DM Mono",monospace!important;letter-spacing:.12em!important}.contact-brief>strong{display:block;font-size:clamp(25px,2.1vw,36px);line-height:1.18;letter-spacing:-.055em}.contact-brief dl{margin:38px 0 28px;border-top:1px solid rgba(223,233,244,.25)}.contact-brief dl>div{display:grid;grid-template-columns:132px 1fr;gap:16px;padding:15px 0;border-bottom:1px solid rgba(223,233,244,.2)}.contact-brief dt{color:#8ba2bf;font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.08em}.contact-brief dd{margin:0;font-size:14px;font-weight:700}.contact-brief>a{display:flex!important;align-items:center;justify-content:space-between;width:100%;padding:15px 0!important;border-bottom:1px solid #fff!important;font-size:14px!important}.contact-brief>a span{font-size:20px;transition:transform .25s}.contact-brief>a:hover span{transform:translate(4px,-4px)}
@media(max-width:700px){.contact{display:block!important;min-height:0!important}.contact-brief{max-width:none;justify-self:auto;margin-top:66px;padding-top:25px}.contact-brief dl>div{grid-template-columns:112px 1fr}.contact-main h2{font-size:clamp(42px,12vw,64px)}}