.hub{--ink:#211e19;--ink-soft:#7a766d;--paper:#f7f5ef;--line:#e5e1d8;--pr:#2b5cd9;--plotion:#a8841a;--seogwan:#2f6b45}html:has(.hub){scroll-behavior:smooth}.hub{background:var(--paper);color:var(--ink);-webkit-font-smoothing:antialiased;flex-direction:column;width:100%;min-height:100vh;font-family:Pretendard,-apple-system,sans-serif;display:flex}.hub .serif{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif}.hub .wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 28px}.hub header{z-index:20;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);background:#f7f5efe0;position:sticky;top:0}.hub .nav{justify-content:space-between;align-items:center;height:68px;display:flex}.hub .nav .logo{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;letter-spacing:.02em;color:var(--ink);font-size:19px;font-weight:700;text-decoration:none}.hub .nav .logo small{letter-spacing:.3em;color:var(--ink-soft);margin-top:1px;font-family:Pretendard,sans-serif;font-size:10px;font-weight:600;display:block}.hub .nav ul{align-items:center;gap:34px;list-style:none;display:flex}.hub .nav ul a{color:var(--ink);font-size:14.5px;font-weight:600;text-decoration:none}.hub .nav ul a:hover{color:var(--ink-soft)}.hub .nav .cta{border:1px solid var(--ink);color:var(--ink);border-radius:100px;padding:9px 20px;font-size:13.5px;font-weight:700;text-decoration:none;transition:background .2s,color .2s}.hub .nav .cta:hover{background:var(--ink);color:#fff}.hub .hero{text-align:center;padding:84px 0 30px;position:relative;overflow:hidden}.hub .hero .bg-word{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;color:var(--ink);opacity:.035;white-space:nowrap;pointer-events:none;letter-spacing:.04em;font-size:clamp(120px,17vw,220px);font-weight:700;line-height:1;position:absolute;top:8px;left:50%;transform:translate(-50%)}.hub .hero .eyebrow{letter-spacing:.42em;color:var(--ink-soft);text-transform:uppercase;font-size:12px;font-weight:600;position:relative}.hub .hero h1{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;letter-spacing:.02em;margin-top:22px;font-size:clamp(40px,5.4vw,58px);font-weight:700;line-height:1.2;position:relative}.hub .hero h1 .co{color:var(--ink-soft);vertical-align:.14em;margin-right:.2em;font-size:.5em;font-weight:600}.hub .hero .tagline{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;color:var(--ink-soft);letter-spacing:.06em;margin-top:18px;font-size:clamp(16px,1.8vw,19px);font-weight:500;position:relative}.hub .brands{padding:54px 0 76px}.hub .brands .wrap{max-width:1320px}.hub .cards{grid-template-columns:repeat(3,1fr);gap:26px;display:grid}@keyframes floaty{0%{transform:translateY(0)}to{transform:translateY(-9px)}}@property --angle{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sweep{to{--angle:360deg}}.hub .card{text-align:center;color:inherit;background:#fff;border-radius:20px;flex-direction:column;align-items:center;padding:46px 34px 30px;text-decoration:none;transition:transform .22s,box-shadow .22s;animation:3.6s ease-in-out infinite alternate floaty;display:flex;position:relative;box-shadow:0 14px 34px #211e1917,0 2px 6px #211e190a}.hub .card:nth-child(2){animation-delay:1.2s}.hub .card:nth-child(3){animation-delay:2.4s}.hub .card:before{content:"";background:conic-gradient(from var(--angle), transparent 0deg, var(--accent) 70deg, transparent 140deg);-webkit-mask-composite:xor;pointer-events:none;opacity:.65;border-radius:20px;padding:2px;transition:opacity .4s;animation:7s linear infinite sweep;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;mask-position:0 0,0 0;-webkit-mask-size:auto,auto;mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.hub .card:nth-child(2):before{animation-delay:-2.33s}.hub .card:nth-child(3):before{animation-delay:-4.67s}.hub .card:hover{animation-play-state:paused;transform:translateY(-14px)scale(1.015);box-shadow:0 30px 60px #211e1929,0 4px 10px #211e190d}.hub .card:hover:before{opacity:1;animation-duration:3.5s}.hub .card:active{transition-duration:60ms;transform:translateY(-6px)scale(.985)}.hub .card:after{content:"";background:var(--accent);border-radius:0 0 4px 4px;width:44px;height:4px;transition:width .25s;position:absolute;top:0;left:50%;transform:translate(-50%)}.hub .card:hover:after{width:96px}.hub .card:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.hub .card .label{letter-spacing:.28em;color:var(--accent);text-transform:uppercase;font-size:11.5px;font-weight:700}.hub .card h2{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;letter-spacing:.03em;margin-top:20px;font-size:clamp(25px,2.6vw,30px);font-weight:600}.hub .card .desc{color:var(--ink-soft);word-break:keep-all;margin-top:16px;font-size:14.5px;line-height:1.85}.hub .card .go{letter-spacing:.08em;align-items:center;gap:7px;margin-top:auto;padding-top:30px;font-size:13px;font-weight:700;display:inline-flex}.hub .card .go:after{content:"→";color:var(--accent);transition:transform .2s}.hub .card:hover .go:after{transform:translate(5px)}.hub .b-pr{--accent:var(--pr)}.hub .b-plotion{--accent:var(--plotion)}.hub .b-seogwan{--accent:var(--seogwan)}.hub .about{border-top:1px solid var(--line);background:#fdfcf9}.hub .about .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;padding:56px 28px;display:flex}.hub .about h3{font-family:var(--font-noto-serif-kr), "Noto Serif KR", serif;letter-spacing:.02em;font-size:clamp(20px,2.4vw,26px);font-weight:600;line-height:1.55}.hub .about .cite{letter-spacing:.14em;color:var(--ink-soft);margin-top:14px;font-size:13px;font-weight:600}.hub .about .cite:before{content:"—";color:var(--line);margin-right:8px}.hub .about .contact{text-align:right}.hub .about .contact p{color:var(--ink-soft);font-size:14.5px;line-height:2}.hub .about .contact a{color:var(--ink);border-bottom:1px solid var(--line);font-weight:700;text-decoration:none}.hub .about .contact a:hover{border-color:var(--ink)}.hub footer{border-top:1px solid var(--line);padding:24px 0 32px}.hub footer p{text-align:center;color:var(--ink-soft);letter-spacing:.03em;font-size:12px;line-height:1.9}@media (max-width:860px){.hub .nav ul{display:none}.hub .hero{padding:60px 0 20px}.hub .cards{grid-template-columns:1fr;gap:20px}.hub .card{padding:38px 26px 26px}.hub .about .wrap{flex-direction:column;align-items:flex-start}.hub .about .contact{text-align:left}}@media (prefers-reduced-motion:reduce){.hub,.hub *,.hub :before,.hub :after{transition:none!important;animation:none!important}html:has(.hub){scroll-behavior:auto}}