/* STEP 6.20.5 · immersive WINGS brand home. Scoped to the home route. */
body.home620 {
  --wh-navy:#0b2942; --wh-deep:#071b2d; --wh-ink:#102d46; --wh-blue:#75a9c2;
  --wh-gold:#e9bc68; --wh-paper:#fbfaf7; --wh-muted:#637381;
  color:var(--wh-ink); background:#fff; font-family:system-ui,-apple-system,"Malgun Gothic",sans-serif;
  font-size:17px; line-height:1.75; overflow-wrap:anywhere;
}
.home620 .prototype-bar { position:relative; z-index:22; padding:5px 18px; background:#f4f5f5; color:#5d6b75; text-align:center; font-size:10px; letter-spacing:.04em; }
.home620 #header { z-index:21; background:#fff; border-color:#e7e7e4; }
.home620 #header .head { width:min(1480px,calc(100% - 88px)); min-height:82px; gap:28px; }
.home620 #header .brand { gap:11px; }
.home620 #header .brand-mark { width:36px; height:36px; border-radius:2px; background:var(--wh-navy); color:var(--wh-gold); font-size:23px; }
.home620 #header .brand strong { color:var(--wh-navy); font-size:22px; letter-spacing:.13em; }
.home620 #header .brand small { color:#637381; font-size:9px; letter-spacing:.02em; }
.home620 #header .head nav.home-nav { max-width:none; flex-wrap:nowrap; gap:clamp(12px,1.8vw,28px); margin-left:auto; font-size:12px; letter-spacing:-.02em; }
.home620 #header .home-nav a { padding:8px 0; white-space:nowrap; }
.home620 #header .home-nav .home-login { margin-left:5px; }
.home620 #header .home-nav .home-nav-apply { padding:10px 17px; background:var(--wh-gold); color:var(--wh-deep); font-weight:800; }
.home620 #header .home-nav .home-nav-apply:hover { text-decoration:none; background:#f0ca82; }
.home620 #header .menu-toggle { border:1px solid #d7dfe3; border-radius:0; font-size:14px; }
.home620 #mobile-nav { padding:24px; gap:0; }
.home620 #mobile-nav a { color:var(--wh-ink); }
.home620 #mobile-nav a.home-nav-apply { margin-top:12px; background:var(--wh-gold); text-align:center; font-weight:800; }
.home620 #footer { background:#f4f3ef; border-color:#e6e3dc; color:#54636d; padding-bottom:0; }
.home620 #footer .section { max-width:1480px; padding:32px 44px 40px; font-size:13px; }
.home620 #footer strong { display:block; color:var(--wh-navy); font-size:15px; letter-spacing:.04em; margin-bottom:8px; }
.home620 .wh-home * { box-sizing:border-box; }
.home620 .wh-home h1,.home620 .wh-home h2,.home620 .wh-home h3,.home620 .wh-home p { margin-top:0; }
.home620 .wh-home h1,.home620 .wh-home h2,.home620 .wh-home h3 { color:inherit; line-height:1.23; letter-spacing:-.055em; word-break:keep-all; overflow-wrap:anywhere; }
.home620 .wh-home h2 { font-size:clamp(38px,5vw,72px); font-weight:720; }
.home620 .wh-home h3 { font-weight:700; }
.home620 .wh-home p { max-width:66ch; }
.home620 .wh-home a { color:inherit; text-underline-offset:5px; }
.home620 .wh-home figure { margin:0; }
.home620 .wh-home img { display:block; max-width:100%; height:auto; }
.home620 .wh-home em { color:var(--wh-gold); font-style:normal; }
.home620 .wh-home .wh-wrap { width:min(1480px,calc(100% - 112px)); margin-inline:auto; }
.home620 .wh-home .wh-kicker { display:block; margin-bottom:20px; color:#52758a; font-size:10px; font-weight:800; letter-spacing:.2em; }
.home620 .wh-home .wh-textlink { display:inline-flex; min-height:46px; align-items:center; gap:15px; color:var(--wh-ink); font-size:14px; font-weight:750; text-decoration:none; border-bottom:1px solid #a8bbc3; }
.home620 .wh-home .wh-textlink:hover { border-color:var(--wh-gold); color:#956c24; }
.home620 .wh-home .wh-textlink span { color:#b28437; }
.home620 .wh-home .wh-button { display:inline-flex; min-height:54px; align-items:center; justify-content:space-between; gap:28px; padding:14px 21px; background:var(--wh-gold); color:var(--wh-deep); font-size:14px; font-weight:800; text-decoration:none; transition:background .18s ease,transform .18s ease; }
.home620 .wh-home .wh-button:hover { background:#f0ca82; transform:translateY(-2px); }
.home620 .wh-home .wh-button.wh-outline { border:1px solid #ffffff94; background:transparent; color:#fff; }
.home620 .wh-home .wh-button.wh-outline:hover { border-color:var(--wh-gold); color:var(--wh-gold); }
.home620 .wh-home a:focus-visible,.home620 .wh-home button:focus-visible,.home620 #header a:focus-visible,.home620 #header button:focus-visible { outline:3px solid #b7822d; outline-offset:4px; }

/* Cinematic first viewport */
.home620 .wh-hero { position:relative; z-index:0; display:flex; min-height:min(780px,calc(100svh - 105px)); align-items:center; overflow:hidden; isolation:isolate; background:var(--wh-deep); color:#fff; }
.home620 .wh-hero:after { position:absolute; z-index:3; right:-5%; bottom:-66px; left:-5%; height:103px; border-radius:50% 50% 0 0 / 75% 75% 0 0; background:#fff; content:""; }
.home620 .wh-hero-photo { position:absolute; z-index:-3; inset:0; overflow:hidden; }
.home620 .wh-hero-photo img { width:100%; height:100%; object-fit:cover; object-position:62% 47%; }
.home620 .wh-hero-shade { position:absolute; z-index:-2; inset:0; background:linear-gradient(90deg,#071b2df5 0%,#0b2942e8 29%,#0b2942aa 47%,#0b294226 73%,#071b2d18 100%); }
.home620 .wh-hero-content { position:relative; z-index:2; width:min(1480px,calc(100% - 112px)); margin:0 auto; padding:68px 0 95px; }
.home620 .wh-hero .wh-kicker { margin-bottom:22px; color:#f0ca82; }
.home620 .wh-hero .wh-team { margin-bottom:19px; color:#d6e2e8; font-size:13px; letter-spacing:.12em; }
.home620 .wh-hero h1 { max-width:790px; margin:0 0 28px; color:#fff; font-size:clamp(54px,7vw,104px); font-weight:650; line-height:1.12; letter-spacing:-.075em; }
.home620 .wh-hero h1 em { color:#efc777; }
.home620 .wh-hero-desc { margin-bottom:34px; color:#f3f6f7; font-size:clamp(18px,2vw,25px); line-height:1.65; letter-spacing:-.035em; }
.home620 .wh-hero .wh-actions { display:flex; flex-wrap:wrap; gap:12px; }
.home620 .wh-hero-note { margin:25px 0 0; color:#c5d2da; font-size:11px; letter-spacing:.07em; }
.home620 .wh-hero-wingo { position:absolute; z-index:2; right:26%; bottom:12px; width:clamp(145px,17vw,245px); height:auto; filter:drop-shadow(0 13px 18px #06172688); pointer-events:none; }
.home620 .wh-story-shortcut { position:absolute; z-index:4; right:4.2%; bottom:104px; display:flex; width:min(360px,30vw); min-height:88px; align-items:center; gap:13px; padding:12px 15px 12px 11px; color:#fff; text-decoration:none; background:#102c44cb; border:1px solid #ffffff54; backdrop-filter:blur(12px); }
.home620 .wh-story-shortcut:hover { background:#102c44ed; text-decoration:none; }
.home620 .wh-story-thumb { position:relative; display:grid; width:62px; height:62px; flex:0 0 62px; place-items:center; background:linear-gradient(145deg,#d8b66e,#a77c37); }
.home620 .wh-story-thumb:after { color:#fff4d7; content:"✦"; font-size:27px; }
.home620 .wh-story-shortcut>span:nth-child(2) { display:grid; min-width:0; gap:3px; }
.home620 .wh-story-shortcut small { color:#efca7a; font-size:8px; font-weight:800; letter-spacing:.14em; }
.home620 .wh-story-shortcut strong { overflow:hidden; color:#fff; font-size:12px; font-weight:650; text-overflow:ellipsis; white-space:nowrap; }
.home620 .wh-story-shortcut em { color:#d3dce2; font-size:10px; font-style:normal; }
.home620 .wh-story-arrow { margin-left:auto; color:#f0ca82; font-size:20px; }
.home620 .wh-photo-credit { position:absolute; right:24px; bottom:73px; z-index:4; color:#ffffffbd; font-size:9px; text-shadow:0 1px 4px #000; }
.home620 .wh-scroll-cue { position:absolute; z-index:4; left:5.5%; bottom:46px; display:flex; align-items:center; gap:10px; color:#e6edf0; font-size:9px; letter-spacing:.2em; text-decoration:none; }
.home620 .wh-scroll-cue b { color:#efc777; font-size:16px; font-weight:400; }
.home620 .wh-referrer { width:min(1100px,calc(100% - 48px)); margin:18px auto; border:1px solid #d5e2e8; padding:14px 20px; font-size:13px; }

/* Purpose: editorial composition and overlapping photography */
.home620 .wh-purpose { position:relative; overflow:hidden; padding:132px 0 74px; background:linear-gradient(150deg,#fff 40%,#f6f7f4 100%); }
.home620 .wh-purpose:before { position:absolute; top:3%; right:-12%; width:42vw; aspect-ratio:1; border:1px solid #e9e4d8; border-radius:50%; content:""; }
.home620 .wh-purpose-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:7%; align-items:center; }
.home620 .wh-purpose-copy { position:relative; z-index:3; }
.home620 .wh-purpose-copy .wh-kicker { color:#567b8c; }
.home620 .wh-purpose-copy h2 { margin-bottom:27px; color:var(--wh-navy); font-size:clamp(42px,5.15vw,75px); }
.home620 .wh-purpose-copy h2 em { color:#c0913d; }
.home620 .wh-purpose-copy p { margin-bottom:12px; color:#526571; font-size:16px; line-height:1.9; }
.home620 .wh-purpose-copy .wh-textlink { margin-top:15px; }
.home620 .wh-collage { position:relative; min-height:650px; }
.home620 .wh-collage-photo { position:absolute; overflow:hidden; }
.home620 .wh-collage-photo img { width:100%; height:100%; object-fit:cover; }
.home620 .wh-photo-people { top:5%; left:2%; width:47%; height:57%; clip-path:polygon(0 0,100% 0,94% 100%,7% 93%); }
.home620 .wh-photo-growth { top:28%; right:1%; width:55%; height:55%; clip-path:polygon(8% 0,100% 7%,92% 100%,0 89%); }
.home620 .wh-collage-photo:after { position:absolute; inset:35% 0 0; background:linear-gradient(0deg,#081e2de0,transparent); content:""; }
.home620 .wh-collage-photo figcaption { position:absolute; z-index:2; right:20px; bottom:20px; left:20px; display:grid; gap:8px; color:white; }
.home620 .wh-collage-photo figcaption small,.home620 .wh-opportunity-type small { color:#f0ca82; font-size:9px; font-weight:800; letter-spacing:.14em; }
.home620 .wh-collage-photo figcaption strong { font-size:clamp(16px,1.7vw,23px); line-height:1.4; letter-spacing:-.04em; }
.home620 .wh-opportunity-type { position:absolute; z-index:3; top:0; right:2%; width:210px; min-height:150px; padding:24px 23px 21px; background:var(--wh-navy); color:#fff; transform:rotate(2deg); }
.home620 .wh-opportunity-type strong { display:block; margin-top:17px; font-size:18px; line-height:1.45; }
.home620 .wh-opportunity-type span { position:absolute; right:15px; bottom:8px; color:var(--wh-gold); font-size:24px; }
.home620 .wh-collage-wingo { position:absolute; z-index:4; bottom:-1%; left:33%; width:clamp(132px,16vw,225px); filter:drop-shadow(0 8px 15px #182e3b28); }
.home620 .wh-purpose-ribbon { display:flex; justify-content:center; gap:24px; margin-top:40px; color:#8a744c; font-size:10px; font-weight:800; letter-spacing:.22em; }
.home620 .wh-purpose-ribbon i { color:#d8bb7b; font-style:normal; }

/* Movement and support; open layout instead of repeated feature cards */
.home620 .wh-activity { position:relative; overflow:hidden; padding:100px 0 0; background:#edf2f2; }
.home620 .wh-activity:before { position:absolute; top:-280px; right:-180px; width:560px; height:560px; border:1px solid #d4dfdd; border-radius:50%; content:""; }
.home620 .wh-activity-layout { position:relative; display:grid; grid-template-columns:.8fr 1.2fr; align-items:center; gap:12%; }
.home620 .wh-activity-intro { position:relative; z-index:2; padding-bottom:38px; }
.home620 .wh-activity-intro h2 { margin-bottom:22px; color:var(--wh-navy); font-size:clamp(43px,5vw,68px); }
.home620 .wh-activity-intro h2 em { color:#3e7891; }
.home620 .wh-activity-intro p { margin-bottom:22px; color:#586c78; font-size:16px; line-height:1.9; }
.home620 .wh-activity-path { position:relative; padding:8px 0 15px; margin:0; list-style:none; }
.home620 .wh-activity-path:before { position:absolute; top:28px; bottom:45px; left:27px; width:1px; background:linear-gradient(#b18c4b,#b9cbd0 75%,transparent); content:""; }
.home620 .wh-activity-path li { position:relative; display:grid; grid-template-columns:56px minmax(0,1fr); gap:19px; align-items:start; padding:19px 0 24px; }
.home620 .wh-activity-path li>span { position:relative; z-index:1; display:grid; width:55px; height:55px; place-items:center; background:#edf2f2; border:1px solid #b8c9ca; border-radius:50%; color:#926d2f; font-family:Georgia,serif; font-size:16px; }
.home620 .wh-activity-path li>div { padding-top:2px; }
.home620 .wh-activity-path small { color:#69838e; font-size:9px; font-weight:800; letter-spacing:.16em; }
.home620 .wh-activity-path h3 { margin:5px 0 6px; color:var(--wh-navy); font-size:20px; }
.home620 .wh-activity-path p { margin:0; color:#64727b; font-size:12px; line-height:1.75; }
.home620 .wh-activity-quote { position:relative; margin-top:48px; padding:34px 56px; border-top:1px solid #d5dedc; text-align:center; }
.home620 .wh-activity-quote p { margin:0 auto 8px; color:#24465a; font-size:clamp(20px,2.4vw,32px); letter-spacing:-.04em; }
.home620 .wh-activity-quote strong { color:#407d93; font-weight:650; }
.home620 .wh-activity-quote span { color:#71808a; font-size:10px; letter-spacing:.1em; }

/* Product hub: one feature composition followed by two staggered stories */
.home620 .wh-products { overflow:hidden; padding:122px 0 115px; background:#fff; }
.home620 .wh-products-heading { display:flex; align-items:end; justify-content:space-between; gap:45px; margin-bottom:60px; }
.home620 .wh-products-heading h2 { margin:0; color:var(--wh-navy); font-size:clamp(43px,5.1vw,73px); }
.home620 .wh-products-heading h2 em { color:#b48843; }
.home620 .wh-products-heading>div:last-child { max-width:400px; padding-bottom:5px; }
.home620 .wh-products-heading p { margin-bottom:13px; color:#5d6d76; line-height:1.85; }
.home620 .wh-product-feature { display:grid; grid-template-columns:1.22fr .78fr; align-items:center; gap:7%; margin-bottom:80px; }
.home620 .wh-product-image { position:relative; display:block; overflow:hidden; height:clamp(320px,43vw,565px); clip-path:polygon(0 0,100% 3%,94% 100%,4% 94%); }
.home620 .wh-product-image img,.home620 .wh-secondary-image img { width:100%; height:100%; object-fit:cover; transition:transform .5s ease; }
.home620 .wh-product-image:hover img,.home620 .wh-secondary-image:hover img { transform:scale(1.035); }
.home620 .wh-image-label { position:absolute; right:20px; bottom:18px; color:#fff; font-size:9px; font-weight:750; letter-spacing:.14em; text-shadow:0 1px 5px #000; }
.home620 .wh-product-copy { max-width:430px; padding:20px 0; }
.home620 .wh-product-copy>small,.home620 .wh-product-secondary>div>small { color:#7e765f; font-size:9px; font-weight:800; letter-spacing:.15em; }
.home620 .wh-product-copy h3,.home620 .wh-product-secondary h3 { margin:20px 0 17px; color:var(--wh-navy); font-size:clamp(32px,3.5vw,49px); }
.home620 .wh-product-copy p,.home620 .wh-product-secondary p { color:#64727b; font-size:14px; line-height:1.9; }
.home620 .wh-product-copy nav,.home620 .wh-product-secondary nav { display:flex; flex-wrap:wrap; gap:10px 23px; margin-top:25px; }
.home620 .wh-product-copy nav a,.home620 .wh-product-secondary nav a { min-height:40px; color:#244e64; font-size:12px; font-weight:750; text-decoration:none; border-bottom:1px solid #adc0c6; }
.home620 .wh-product-duo { display:grid; grid-template-columns:1fr 1fr; gap:9%; align-items:start; }
.home620 .wh-product-secondary { min-width:0; }
.home620 .wh-product-secondary.wh-product-ty { margin-top:120px; }
.home620 .wh-secondary-image { display:block; height:clamp(210px,26vw,350px); overflow:hidden; clip-path:polygon(5% 0,100% 5%,95% 96%,0 100%); }
.home620 .wh-product-secondary>div { padding:27px 4px 0; }
.home620 .wh-product-secondary h3 { font-size:clamp(28px,3vw,40px); }
.home620 .wh-product-note { max-width:900px!important; margin:54px auto 0; padding-top:19px; border-top:1px solid #e3e5e3; color:#74818a; font-size:11px; line-height:1.8; }

/* WINGS × SELFLOW process visual */
.home620 .wh-sellflow { position:relative; overflow:hidden; padding:120px 0 125px; background:linear-gradient(120deg,#081c2e,#102f47 62%,#173d54); color:#fff; }
.home620 .wh-sellflow:after { position:absolute; top:-24%; right:-12%; width:52vw; aspect-ratio:1; border:1px solid #ffffff16; border-radius:50%; box-shadow:0 0 0 65px #ffffff08,0 0 0 130px #ffffff05; content:""; }
.home620 .wh-sellflow-layout { position:relative; z-index:1; display:grid; grid-template-columns:.82fr 1.18fr; align-items:center; gap:12%; }
.home620 .wh-sellflow-copy .wh-kicker { color:#e9c477; }
.home620 .wh-sellflow-copy h2 { margin-bottom:25px; color:#fff; font-size:clamp(42px,5vw,69px); }
.home620 .wh-sellflow-copy h2 em { color:#e9c477; }
.home620 .wh-sellflow-copy>p { margin-bottom:24px; color:#d5e0e7; font-size:15px; line-height:1.85; }
.home620 .wh-sellflow-copy>small { display:block; max-width:430px; margin-top:20px; color:#b5c6d0; font-size:10px; line-height:1.7; }
.home620 .wh-journey-visual { position:relative; min-height:420px; padding:62px 7% 42px 11%; border-left:1px solid #e7c4749c; }
.home620 .wh-journey-orbit { position:absolute; top:10px; right:0; width:200px; height:200px; opacity:.8; }
.home620 .wh-journey-orbit span { position:absolute; inset:0; border:1px solid #e7c47455; border-radius:50%; }
.home620 .wh-journey-orbit i { position:absolute; inset:27px; border:1px solid #e7c47435; border-radius:50%; }
.home620 .wh-journey-visual ol { position:relative; z-index:1; padding:0; margin:0; list-style:none; }
.home620 .wh-journey-visual li { position:relative; display:grid; grid-template-columns:45px minmax(0,1fr); gap:3px 17px; padding:0 0 37px; }
.home620 .wh-journey-visual li:before { position:absolute; top:28px; bottom:0; left:13px; border-left:1px solid #ffffff42; content:""; }
.home620 .wh-journey-visual li:last-child:before { display:none; }
.home620 .wh-journey-visual li b { grid-row:1/3; color:#e9c477; font-family:Georgia,serif; font-size:20px; font-weight:400; }
.home620 .wh-journey-visual li strong { color:#fff; font-size:19px; font-weight:650; }
.home620 .wh-journey-visual li span { color:#b8cbd5; font-size:11px; }
.home620 .wh-journey-visual>p { margin:0; color:#d7c18f; font-size:10px; letter-spacing:.07em; }

/* Live CMS updates */
.home620 .wh-journal { display:grid; grid-template-columns:.7fr 1.3fr; gap:8%; padding-top:125px; padding-bottom:126px; }
.home620 .wh-journal-heading h2 { margin:0 0 26px; color:var(--wh-navy); font-size:clamp(36px,4vw,58px); }
.home620 .wh-journal-heading h2 em { color:#b48843; }
.home620 .wh-journal-content { display:grid; grid-template-columns:1fr 1fr; gap:8%; }
.home620 .wh-journal-content>section { min-width:0; }
.home620 .wh-journal-content header { display:flex; align-items:center; justify-content:space-between; gap:18px; padding:0 0 18px; background:none; border:0; border-bottom:1px solid #c8d0d1; }
.home620 .wh-journal-content header h3 { margin:0; color:var(--wh-navy); font-size:19px; }
.home620 .wh-journal-content header>a { display:grid; width:36px; height:36px; place-items:center; color:#916f35; font-size:17px; }
.home620 .wh-news-row { display:grid; grid-template-columns:minmax(0,1fr) auto 16px; align-items:center; gap:12px; padding:17px 0; border-bottom:1px solid #e4e6e4; color:#435963; font-size:12px; text-decoration:none; }
.home620 .wh-news-row>span:first-child { overflow:hidden; text-overflow:ellipsis; white-space:nowrap; }
.home620 .wh-news-row time { color:#7a858c; font-size:9px; white-space:nowrap; }
.home620 .wh-news-row>span:last-child { color:#ad813d; }
.home620 .wh-empty { padding:20px 0; color:#7b858b; font-size:12px; }
.home620 .wh-close { position:relative; display:flex; min-height:280px; align-items:center; overflow:hidden; background:#f0eee7; }
.home620 .wh-close-inner { width:min(1480px,calc(100% - 112px)); margin:auto; padding:60px 0; }
.home620 .wh-close .wh-kicker { color:#8a713d; }
.home620 .wh-close p { margin:0; color:var(--wh-navy); font-family:Georgia,"Noto Serif KR",serif; font-size:clamp(34px,4.6vw,66px); line-height:1.3; letter-spacing:-.05em; }
.home620 .wh-close p strong { color:#af853d; font-weight:500; }
.home620 .wh-close-inner>a { display:inline-block; margin-top:19px; color:#375a6b; font-size:12px; font-weight:750; }
.home620 .wh-close>img { position:absolute; right:12%; bottom:-35%; width:clamp(210px,24vw,350px); opacity:.95; }
.home620 .wh-home .wh-reveal.wh-waiting { opacity:0; transform:translateY(18px); transition:opacity .6s ease,transform .6s ease; }
.home620 .wh-home .wh-reveal.wh-visible { opacity:1; transform:none; }

@media (min-width:1700px) {
 .home620 .wh-hero { min-height:790px; }
 .home620 .wh-hero-content { padding-top:80px; }
}
@media (max-width:1199px) {
 .home620 #header .head { width:calc(100% - 48px); min-height:72px; }
 .home620 #header .head nav.home-nav { display:none; }
 .home620 #header .menu-toggle { display:block; margin-left:auto; }
 .home620 .wh-home .wh-wrap,.home620 .wh-hero-content,.home620 .wh-close-inner { width:calc(100% - 72px); }
 .home620 .wh-hero { min-height:680px; }
 .home620 .wh-hero h1 { font-size:clamp(54px,7.2vw,83px); }
 .home620 .wh-hero-wingo { right:24%; width:190px; }
 .home620 .wh-story-shortcut { right:36px; width:315px; }
 .home620 .wh-purpose { padding-top:110px; }
 .home620 .wh-purpose-layout { grid-template-columns:.9fr 1.1fr; gap:3%; }
 .home620 .wh-collage { min-height:560px; }
 .home620 .wh-opportunity-type { width:175px; min-height:130px; padding:19px; }
 .home620 .wh-activity-layout { gap:7%; }
 .home620 .wh-activity-path { padding-top:4px; }
 .home620 .wh-sellflow-layout { gap:7%; }
 .home620 .wh-journey-visual { padding-right:2%; }
 .home620 .wh-journal { grid-template-columns:1fr; gap:40px; }
}
@media (max-width:760px) {
 body.home620 { font-size:16px; }
 .home620 .prototype-bar { padding:5px 10px; font-size:9px; }
 .home620 #header .head { width:calc(100% - 36px); min-height:67px; }
 .home620 #header .brand-mark { width:31px; height:31px; font-size:20px; }
 .home620 #header .brand strong { font-size:20px; }
 .home620 #header .brand small { font-size:8px; }
 .home620 #header .menu-toggle { min-height:42px; padding:7px 11px; font-size:13px; }
 .home620 .wh-home .wh-wrap,.home620 .wh-hero-content,.home620 .wh-close-inner { width:calc(100% - 40px); }
 .home620 .wh-home .wh-kicker { margin-bottom:15px; font-size:9px; }
 .home620 .wh-home .wh-button { min-height:50px; gap:12px; padding:12px 15px; font-size:13px; }
 .home620 .wh-hero { display:flex; min-height:0; flex-direction:column; align-items:stretch; padding-bottom:0; }
 .home620 .wh-hero:after { right:-12%; bottom:-34px; left:-12%; height:54px; }
 .home620 .wh-hero-content { z-index:2; padding:47px 0 31px; }
 .home620 .wh-hero .wh-kicker { margin-bottom:18px; }
 .home620 .wh-hero .wh-team { margin-bottom:14px; font-size:10px; }
 .home620 .wh-hero h1 { margin-bottom:18px; font-size:clamp(43px,11vw,65px); line-height:1.17; }
 .home620 .wh-hero-desc { margin-bottom:23px; font-size:17px; }
 .home620 .wh-hero .wh-actions { gap:9px; }
 .home620 .wh-hero .wh-actions .wh-button { flex:1 1 145px; }
 .home620 .wh-hero-note { margin-top:18px; font-size:9px; }
 .home620 .wh-hero-photo { position:relative; z-index:0; inset:auto; display:block; order:2; height:clamp(245px,70vw,380px); }
 .home620 .wh-hero-photo img { height:100%; object-position:58% 44%; }
 .home620 .wh-hero-shade { inset:auto 0 0; z-index:1; height:32%; background:linear-gradient(180deg,transparent,#071b2d70); }
 .home620 .wh-hero-wingo { z-index:4; right:5%; bottom:2px; width:clamp(105px,31vw,160px); }
 .home620 .wh-story-shortcut { position:relative; right:auto; bottom:auto; order:3; width:100%; min-height:73px; border-right:0; border-left:0; border-bottom:0; padding:10px 20px 24px; background:var(--wh-navy); backdrop-filter:none; }
 .home620 .wh-story-thumb { width:50px; height:50px; flex-basis:50px; }
 .home620 .wh-story-shortcut strong { max-width:65vw; font-size:11px; }
 .home620 .wh-story-shortcut em { font-size:9px; }
 .home620 .wh-photo-credit { right:10px; bottom:14px; z-index:5; font-size:8px; }
 .home620 .wh-scroll-cue { display:none; }
 .home620 .wh-purpose { padding:91px 0 49px; }
 .home620 .wh-purpose:before { top:35%; right:-45%; width:100vw; }
 .home620 .wh-purpose-layout { grid-template-columns:1fr; gap:18px; }
 .home620 .wh-purpose-copy h2 { margin-bottom:20px; font-size:clamp(39px,9.4vw,56px); }
 .home620 .wh-purpose-copy p { font-size:14px; }
 .home620 .wh-purpose-copy .wh-textlink { margin-top:5px; }
 .home620 .wh-collage { min-height:410px; margin-top:8px; }
 .home620 .wh-photo-people { top:5%; left:0; width:54%; height:57%; }
 .home620 .wh-photo-growth { top:28%; right:0; width:58%; height:56%; }
 .home620 .wh-collage-photo figcaption { right:12px; bottom:13px; left:12px; gap:5px; }
 .home620 .wh-collage-photo figcaption small,.home620 .wh-opportunity-type small { font-size:7px; }
 .home620 .wh-collage-photo figcaption strong { font-size:13px; }
 .home620 .wh-opportunity-type { top:0; right:0; width:123px; min-height:104px; padding:13px 12px; }
 .home620 .wh-opportunity-type strong { margin-top:12px; font-size:13px; }
 .home620 .wh-opportunity-type span { right:8px; bottom:2px; font-size:18px; }
 .home620 .wh-collage-wingo { bottom:-2%; left:31%; width:130px; }
 .home620 .wh-purpose-ribbon { gap:11px; margin-top:9px; font-size:8px; letter-spacing:.15em; }
 .home620 .wh-activity { padding-top:75px; }
 .home620 .wh-activity-layout { grid-template-columns:1fr; gap:12px; }
 .home620 .wh-activity-intro { padding-bottom:5px; }
 .home620 .wh-activity-intro h2 { font-size:clamp(39px,9.5vw,58px); }
 .home620 .wh-activity-intro p { font-size:14px; }
 .home620 .wh-activity-path:before { left:21px; }
 .home620 .wh-activity-path li { grid-template-columns:43px minmax(0,1fr); gap:14px; padding:16px 0 18px; }
 .home620 .wh-activity-path li>span { width:43px; height:43px; font-size:13px; }
 .home620 .wh-activity-path h3 { font-size:16px; }
 .home620 .wh-activity-path p { font-size:11px; }
 .home620 .wh-activity-quote { margin-top:25px; padding:25px 20px; }
 .home620 .wh-activity-quote p { font-size:19px; }
 .home620 .wh-activity-quote span { font-size:8px; }
 .home620 .wh-products { padding:81px 0 78px; }
 .home620 .wh-products-heading { display:block; margin-bottom:35px; }
 .home620 .wh-products-heading h2 { margin-bottom:18px; font-size:clamp(40px,9.5vw,58px); }
 .home620 .wh-products-heading p { font-size:14px; }
 .home620 .wh-product-feature { grid-template-columns:1fr; gap:23px; margin-bottom:50px; }
 .home620 .wh-product-image { height:clamp(250px,70vw,360px); }
 .home620 .wh-product-copy { padding:0; }
 .home620 .wh-product-copy h3 { margin:14px 0 12px; font-size:35px; }
 .home620 .wh-product-copy p,.home620 .wh-product-secondary p { font-size:13px; }
 .home620 .wh-product-duo { grid-template-columns:1fr; gap:42px; }
 .home620 .wh-product-secondary.wh-product-ty { margin-top:0; }
 .home620 .wh-secondary-image { height:clamp(220px,64vw,330px); }
 .home620 .wh-product-secondary>div { padding-top:18px; }
 .home620 .wh-product-secondary h3 { margin:12px 0; font-size:31px; }
 .home620 .wh-product-note { margin-top:35px; font-size:10px; }
 .home620 .wh-sellflow { padding:80px 0; }
 .home620 .wh-sellflow-layout { grid-template-columns:1fr; gap:38px; }
 .home620 .wh-sellflow-copy h2 { font-size:clamp(39px,9.2vw,57px); }
 .home620 .wh-sellflow-copy>p { font-size:14px; }
 .home620 .wh-journey-visual { min-height:0; padding:31px 0 0 17px; }
 .home620 .wh-journey-orbit { top:-5px; right:0; width:120px; height:120px; }
 .home620 .wh-journey-visual li { grid-template-columns:36px minmax(0,1fr); gap:2px 12px; padding-bottom:28px; }
 .home620 .wh-journey-visual li b { font-size:17px; }
 .home620 .wh-journey-visual li strong { font-size:16px; }
 .home620 .wh-journey-visual li span { font-size:10px; }
 .home620 .wh-journey-visual>p { font-size:9px; }
 .home620 .wh-journal { grid-template-columns:1fr; gap:34px; padding-top:78px; padding-bottom:78px; }
 .home620 .wh-journal-heading h2 { font-size:42px; }
 .home620 .wh-journal-content { grid-template-columns:1fr; gap:31px; }
 .home620 .wh-journal-content header h3 { font-size:17px; }
 .home620 .wh-news-row { gap:7px; padding:14px 0; font-size:11px; }
 .home620 .wh-news-row time { font-size:8px; }
 .home620 .wh-close { min-height:225px; }
 .home620 .wh-close-inner { padding:42px 0; }
 .home620 .wh-close p { max-width:75%; font-size:clamp(31px,8vw,44px); }
 .home620 .wh-close>img { right:-2%; bottom:-25%; width:190px; }
 .home620 #footer .section { padding:26px 20px 33px; }
}
@media (max-width:360px) {
 .home620 .wh-home .wh-wrap,.home620 .wh-hero-content,.home620 .wh-close-inner { width:calc(100% - 32px); }
 .home620 .wh-hero h1 { font-size:42px; }
 .home620 .wh-hero .wh-actions .wh-button { flex-basis:130px; padding:11px 12px; }
 .home620 .wh-opportunity-type { width:112px; }
 .home620 .wh-collage { min-height:375px; }
 .home620 .wh-close>img { right:-7%; width:165px; }
}
@media (prefers-reduced-motion:reduce) {
 .home620 .wh-home *, .home620 #header * { scroll-behavior:auto!important; transition:none!important; animation:none!important; }
 .home620 .wh-home .wh-reveal.wh-waiting { opacity:1; transform:none; }
}


/* STEP 6.38 home polish: integrated activity layout and pill CTAs */
/* These styles are scoped to the WINGS home only; no shared header, products, or forms change. */
body.home620 .wh-activity{background:#edf4f7;overflow:hidden}
body.home620 .wh-activity .wh-activity-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;column-gap:clamp(32px,5vw,90px);padding-top:clamp(72px,8vw,120px);padding-bottom:clamp(72px,8vw,120px)}
body.home620 .wh-activity .wh-activity-intro{position:static;z-index:auto;display:block;min-width:0;margin:0;padding:0;background:transparent!important;border:0;box-shadow:none;outline:0}
body.home620 .wh-activity .wh-activity-intro .wh-kicker{display:block;color:#476f89}
body.home620 .wh-activity .wh-activity-intro h2{margin:20px 0 26px;max-width:15ch;line-height:1.28;letter-spacing:-.035em;font-size:clamp(35px,4.1vw,64px);color:#102a41}
body.home620 .wh-activity .wh-activity-intro h2 em{color:#417e97;font-style:normal}
body.home620 .wh-activity .wh-activity-intro p{max-width:38em;margin:0 0 24px;color:#526b7c;line-height:1.85}
body.home620 .wh-activity .wh-activity-intro .wh-textlink{color:#102a41;border-bottom:1px solid #a3bdca;text-decoration:none;padding-bottom:4px}
body.home620 .wh-activity .wh-activity-path{min-width:0;list-style:none;margin:0;padding:0}
body.home620 .wh-activity .wh-activity-path li{display:grid;grid-template-columns:44px minmax(0,1fr);column-gap:18px;padding:22px 0;border-bottom:1px solid #c8d9e2}
body.home620 .wh-activity .wh-activity-path li:first-child{border-top:1px solid #c8d9e2}
body.home620 .wh-activity .wh-activity-path li>span{font-size:24px;font-weight:600;color:#6c95a8;line-height:1.6}
body.home620 .wh-activity .wh-activity-path small{font-size:11px;letter-spacing:.18em;color:#557d91}
body.home620 .wh-activity .wh-activity-path h3{margin:3px 0 7px;font-size:clamp(18px,1.7vw,24px);line-height:1.4;color:#102a41}
body.home620 .wh-activity .wh-activity-path p{margin:0;font-size:15px;line-height:1.7;color:#597080}
body.home620 .wh-activity .wh-activity-quote{text-align:center;padding:45px 24px;background:#e4edf2;color:#102a41}
body.home620 .wh-activity .wh-activity-quote p{margin:0 0 8px}
body.home620 .wh-activity .wh-activity-quote span{font-size:14px;color:#5d7585}
body.home620 .wh-actions .wh-button{border-radius:999px;padding-inline:29px;transition:filter .2s ease,transform .2s ease}
body.home620 .wh-actions .wh-button:hover{transform:translateY(-2px)}
body.home620 .wh-actions .wh-button:focus-visible{outline:3px solid #f2d188;outline-offset:3px}
@media(max-width:760px){
 body.home620 .wh-activity .wh-activity-layout{grid-template-columns:minmax(0,1fr);gap:38px;padding-top:68px;padding-bottom:64px}
 body.home620 .wh-activity .wh-activity-intro h2{max-width:none;font-size:clamp(33px,8vw,47px)}
 body.home620 .wh-activity .wh-activity-path li{grid-template-columns:35px minmax(0,1fr);column-gap:12px}
 body.home620 .wh-actions .wh-button{border-radius:999px;padding-inline:22px}
}
@media(prefers-reduced-motion:reduce){body.home620 .wh-actions .wh-button{transition:none}body.home620 .wh-actions .wh-button:hover{transform:none}}

