@font-face{font-family:Outfit;src:url('/assets/outfit-800.ttf') format('truetype');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:LexendDeca;src:url('/assets/lexend-deca.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00C0-024F}
@font-face{font-family:Viga;src:url('/assets/viga-regular.ttf') format('truetype');font-weight:400 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00C0-024F}
@font-face{font-family:Onest;src:url('/assets/onest.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00C0-024F}
@font-face{font-family:Pretendard;src:url('/assets/pretendard-800.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--red:#e60012;--ink:#151513;--paper:#fff;--muted:#777670;--line:#ddd;--pink:#fcb8fa;--green:#33c791;--blue:#0d8dff;--gutter:2.083333vw;--radius:24px;--latin-font:LexendDeca;--body:var(--latin-font),Pretendard,'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;--ease:cubic-bezier(.22,1,.36,1)}
:root[data-latin-font=viga]{--latin-font:Viga}:root[data-latin-font=onest]{--latin-font:Onest}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px;overflow-x:clip}body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--body);font-size:15.2px;font-weight:800;letter-spacing:-.04em;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit;border:0}button,summary{touch-action:manipulation}img,video{display:block;max-width:100%}img{height:auto}h1,h2,h3,h4,p{margin:0}b,strong{font-weight:800}h1,h2,h3{letter-spacing:-.04em;font-weight:800;line-height:1.04}p{line-height:1.6;word-break:keep-all}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--blue);outline-offset:5px}::selection{background:var(--red);color:white}[hidden]{display:none!important}summary{list-style:none;cursor:pointer}summary::-webkit-details-marker{display:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;left:20px;top:12px;z-index:200;background:white;padding:15px;transform:translateY(-180%)}.skip-link:focus{transform:none}.red{color:var(--red)}.muted{color:var(--muted)}.white-logo{filter:brightness(0) invert(1)}.brand-logo{width:136px;height:52px;object-fit:contain}.section-pad{padding:100px 5.4vw}.eyebrow,.section-label,.index{font-size:11.4px;font-weight:800;letter-spacing:-.04em}.section-label{display:flex;align-items:center;gap:20px;margin-bottom:50px}.section-label .index{opacity:.45}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:60px}.section-heading h2{font-size:clamp(39.9px,5.51vw,98.8px);font-weight:800}.section-heading>p{font-size:17.1px;max-width:360px;line-height:1.55}.button{min-height:46px;padding:5px 5px 5px 15px;border-radius:var(--radius);display:inline-flex;align-items:center;justify-content:space-between;gap:22px;background:var(--red);color:white;font-size:14.25px;font-weight:800;line-height:1.2;transition:background .25s,color .25s}.button>span{background:white;color:var(--ink);width:36px;height:36px;border-radius:var(--radius);display:grid;place-items:center;flex:none;font-size:23.75px;transition:transform .3s var(--ease)}.button:hover>span{transform:rotate(45deg)}.button.light{background:white;color:var(--ink)}.button.light>span{background:var(--ink);color:white}.button.outline{background:transparent;color:inherit;border:1px solid currentColor}.text-link{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding:8px 0;font-size:13.3px}.text-link>span{font-size:21.85px}.text-link:hover{color:var(--red)}.square-link{width:50px;height:50px;border:1px solid var(--ink);border-radius:var(--radius);display:grid;place-items:center;font-size:26.6px;color:var(--red);transition:background .2s}.square-link:hover{background:white}
/* Direct: slim, full-width black navigation and expanding mobile menu. */
.site-header{position:absolute;top:10px;left:1.2vw;right:1.2vw;z-index:40;background:#050505;color:#fff;border-radius:var(--radius);overflow:hidden}.header-bar{min-height:56px;display:flex;align-items:center;justify-content:space-between;padding:2px 7px 2px 4px}.logo-link{display:block;flex:1}.desktop-nav{display:flex;align-items:center;gap:29px;position:absolute;left:50%;transform:translateX(-50%)}.desktop-nav a{font-size:13.3px;font-weight:800;line-height:1;padding:2px 0;transition:color .2s,background .2s}.desktop-nav a:hover{color:#ffffffa6}.desktop-nav a[aria-current=page]{color:white}.header-apply{display:flex;gap:3px;font-size:13.3px;font-weight:800}.header-apply>span,.header-apply>b{border-radius:var(--radius);display:grid;place-items:center;height:36px}.header-apply>span{background:var(--red);padding:0 17px}.header-apply>b{background:white;color:black;width:36px;font-size:23.75px;font-weight:800}.header-apply:hover>b{background:var(--red);color:white}.menu-toggle{display:none;width:36px;height:36px;border-radius:var(--radius);background:white;position:relative}.menu-toggle span{position:absolute;left:8px;right:8px;height:2px;background:black;transition:transform .3s,opacity .2s;top:17px}.menu-toggle span:first-child{transform:translateY(-6px)}.menu-toggle span:last-child{transform:translateY(6px)}.menu-toggle[aria-expanded=true] span:first-child{transform:rotate(45deg)}.menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded=true] span:last-child{transform:rotate(-45deg)}.mobile-menu{display:none}.scroll-progress{display:none}
/* Get Hyped: 2.083vw outer space, 53.75em hero, Outfit 800 and an offset word reel. */
.media-hero{position:relative;margin:126px var(--gutter) 0;height:calc(100svh - 126px);min-height:620px;max-height:1050px;border-radius:var(--radius);overflow:hidden;color:white;isolation:isolate}.hero-media{position:absolute;inset:0;z-index:-2;background:#222}.hero-media video,.hero-media img{height:100%;width:100%;object-fit:cover}.media-hero::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#00000008 20%,#00000025 45%,#00000055);z-index:-1}.media-hero-content{height:100%;padding:3.33vw 6.25vw;display:flex;align-items:center;justify-content:space-between;gap:5vw}.media-hero h1{font-size:clamp(42.75px,3.9583vw,80.75px);line-height:1.02;letter-spacing:-.04em;max-width:70%;font-weight:800}.hero-word-window{height:1.15em;width:33%;position:relative;flex:none;font-size:clamp(38px,3.9583vw,80.75px);font-weight:800;letter-spacing:-.04em}.hero-word-reel{position:absolute;left:0;top:0;transition:transform .5s cubic-bezier(.65,0,.35,1);will-change:transform}.reel-word{display:block;line-height:1.2;white-space:nowrap;opacity:.4;transition:opacity .4s}.reel-word.is-active{opacity:1}.hero-caption{position:absolute;left:3.33vw;right:3.33vw;bottom:30px;display:flex;justify-content:space-between;gap:30px;font-size:9.5px;letter-spacing:-.04em;pointer-events:none}.film-controls{position:absolute;right:22px;top:20px;display:flex;gap:5px}.film-controls button{height:35px;min-width:35px;padding:8px;background:#ffffff25;color:white;border:1px solid #ffffff65;border-radius:var(--radius);font-size:8.55px;backdrop-filter:blur(7px)}.film-controls button:hover{background:#ffffff50}.film-controls #film-toggle{font-size:14.25px}
.editorial-intro{padding:85px 10vw 115px}.editorial-intro>h2{font-size:clamp(32.3px,3.9583vw,74.1px);line-height:1.16;font-weight:800;letter-spacing:-.04em;word-break:keep-all}.intro-bottom{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:7vw;align-items:end;margin-top:100px}.intro-portrait{height:21.5vw;min-height:250px;max-height:450px;width:16vw;min-width:170px;object-fit:cover;border-radius:var(--radius);transform:rotate(-3deg);margin-left:-6vw}.intro-bottom>div{padding-bottom:38px}.intro-bottom p{font-size:clamp(17.1px,1.5834vw,29.45px);line-height:1.35;letter-spacing:-.04em;font-weight:800}.intro-bottom p+p{margin-top:20px}.intro-bottom>div>span{display:block;font-size:9.5px;line-height:1.55;margin-top:24px;color:var(--muted)}.intro-bottom .square-link{justify-self:end;margin-bottom:38px}
/* Viewport cards: next card moves over a pinned card as it recedes in perspective. */
.story-stack{padding:0 var(--gutter)}.story-slide{position:relative;margin:0;padding-top:3.333vw}.story-pin{perspective:250vw;position:relative}.story-panel{min-height:calc(100svh - 6.666vw);height:45.533vw;max-height:1100px;position:relative;display:flex;flex-direction:column;border-radius:var(--radius);padding:3.333vw;overflow:hidden;transform-origin:50% 10%;background:white;transform-style:preserve-3d}.theme-white{--panel-accent:#e5e5e5;background:white}.theme-pink{--panel-accent:#e69de4;background:var(--pink)}.theme-green{--panel-accent:#229f71;background:var(--green)}.theme-blue{--panel-accent:#0869c1;background:var(--blue)}.panel-top{display:flex;align-items:flex-start;justify-content:space-between;position:relative;margin-bottom:24px}.panel-label{display:inline-block;background:#ffffffad;border-radius:var(--radius);padding:7px 10px;font-size:clamp(12.35px,1.1875vw,21.85px);line-height:1.3;letter-spacing:-.04em}.theme-white .panel-label{background:#fff}.panel-number{font-size:clamp(61.75px,6.3334vw,133px);line-height:.95;color:var(--panel-accent);font-weight:800;letter-spacing:-.04em;position:absolute;right:0;top:0}.panel-title{font-size:clamp(55.1px,6.3334vw,133px);line-height:.95;letter-spacing:-.04em;font-weight:800;max-width:87%;position:relative;z-index:1}.panel-bottom{margin-top:auto;width:38%;max-width:570px;position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:20px}.panel-bottom h3,.panel-bottom h4{font-size:clamp(18.05px,1.5834vw,28.5px);font-weight:800;letter-spacing:-.04em;line-height:1.25;word-break:keep-all}.panel-bottom p{font-size:clamp(13.3px,1.1875vw,21.85px);font-weight:800;letter-spacing:-.04em;line-height:1.45}.panel-portrait{position:absolute;right:3.333vw;bottom:3.333vw;width:21vw;height:28vw;max-width:460px;max-height:610px;border:8px solid white;border-radius:var(--radius);overflow:hidden;transform:rotate(2.5deg);background:white}.panel-portrait img{height:100%;width:100%;object-fit:cover}.theme-white .panel-portrait{border-color:var(--red)}.motion-ready .page-company .story-stack .story-slide:not(:last-child){margin-bottom:-100svh;padding-bottom:100svh}.motion-ready .page-company .story-pin{position:sticky;top:3.333vw}.motion-ready .page-company .story-panel{transform:scale(var(--card-scale,1)) rotateX(var(--card-rx,0deg)) rotateZ(var(--card-rz,0deg));opacity:var(--card-opacity,1);will-change:transform,opacity}.product-slide .story-panel{height:auto;min-height:calc(100svh - 6.666vw);max-height:none}.brand-product-intro{display:flex;align-items:center;gap:24px;margin:30px 0}.brand-product-intro img{width:115px;max-height:50px;object-fit:contain}.brand-product-intro p{font-size:13.3px;line-height:1.4}.product-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{background:transparent;padding:0;text-align:left;min-width:0}.product-image{position:relative;border-radius:var(--radius);overflow:hidden}.product-image img{width:100%;height:25vw;max-height:430px;object-fit:cover;transition:transform .65s var(--ease)}.product-card:hover img{transform:scale(1.04)}.product-plus{position:absolute;bottom:14px;right:14px;background:white;border-radius:var(--radius);width:37px;height:37px;display:grid;place-items:center;font-size:25.65px}.product-caption{display:flex;align-items:flex-end;justify-content:space-between;gap:10px;padding-top:18px}.product-caption h3{font-size:clamp(15.2px,1.4725vw,26.6px);font-weight:800;line-height:1.05}.product-caption>span{font-size:10.45px;max-width:110px;word-break:keep-all;text-align:right}.panel-footnote{display:flex;justify-content:space-between;gap:20px;font-size:9.5px;color:var(--muted);margin-top:26px}.question-shift{display:flex;flex-direction:column;gap:8px;font-size:clamp(15.2px,1.52vw,25.65px);letter-spacing:-.04em}.question-shift>span{text-decoration:line-through;opacity:.5}.question-shift>b{font-weight:800}.category-comparisons{position:absolute;left:46%;bottom:3.5vw;display:flex;flex-direction:column;gap:26px;font-size:11.4px;max-width:22%}.category-comparisons div{display:flex;flex-direction:column;gap:7px}.category-comparisons span{opacity:.6;text-decoration:line-through}.category-comparisons b{font-size:15.2px;font-weight:800}.reimagine-slide .panel-bottom{width:41%}.growth-display{position:absolute;right:3.333vw;bottom:3.333vw;width:42%;display:flex;flex-direction:column;align-items:flex-start}.growth-display>span{font-size:17.1px;letter-spacing:-.04em}.growth-display strong{font-size:15.2vw;line-height:1.1;font-weight:800;letter-spacing:-.04em}.growth-display small{font-size:.34em;letter-spacing:-.04em;padding-left:8px}.world-slide .panel-title{font-size:5.89vw}.world-cities{display:flex;gap:20px;flex-wrap:wrap;font-size:10.45px;font-weight:800}.world-cities span+span::before{content:'→';margin-right:20px}.channel-section{padding:130px 0 110px;text-align:center;overflow:hidden}.channel-section h2{font-size:clamp(32.3px,3.9584vw,71.25px);line-height:1.1;margin-bottom:90px}.join-section{margin:0 var(--gutter);border-radius:var(--radius);position:relative;padding:3.333vw 3.333vw 5vw;overflow:hidden;background:var(--red);color:white}.join-top{display:flex;justify-content:space-between;font-size:10.45px}.join-section h2{font-size:7.41vw;line-height:.95;letter-spacing:-.04em;margin:75px 0 60px;font-weight:800;max-width:95%}.join-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.join-bottom p{font-size:19px}.site-footer{padding:65px 5.4vw 24px}.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;padding-bottom:70px}.footer-main .brand-logo{width:225px;height:86px;margin-left:-20px}.footer-nav{display:flex;flex-direction:column;gap:7px;font-size:24.7px;font-weight:800;letter-spacing:-.04em}.footer-nav a:hover{color:var(--red)}.footer-contact{display:flex;flex-direction:column;gap:16px;font-size:13.3px}.footer-contact>span{font-size:18.05px;font-weight:800}.footer-contact p{margin-top:15px;font-size:9.5px}.footer-bottom{border-top:1px solid var(--line);padding-top:24px;display:flex;justify-content:space-between;gap:20px;font-size:9.5px}
/* Culture uses the same panel proportions while preserving the six principles. */
.marquee{padding:35px 0;overflow:hidden;background:var(--ink);color:white}.marquee>div{display:flex;width:max-content;animation:marquee 32s linear infinite}.marquee span{font-size:clamp(30.4px,3.8vw,66.5px);letter-spacing:-.04em;white-space:nowrap;font-weight:800}.marquee b{font-weight:800;margin:0 50px;color:var(--red)}.red-marquee{background:var(--red)}.red-marquee b{color:white}.principles-section{padding:75px var(--gutter) 50px}.principles-chapter{padding:0 3.333vw 20px;display:flex;justify-content:space-between;gap:40px;align-items:flex-start}.principles-chapter>span{font-size:11.4px;padding-top:8px}.principles-chapter h2{width:60%;font-size:clamp(28.5px,3.61vw,60.8px);line-height:1.15}.principle-slide .panel-bottom{width:45%;max-width:650px}.principle-slide .panel-bottom p{font-size:clamp(14.25px,1.235vw,21.85px);line-height:1.65}.principle-slide .panel-title{font-size:5.51vw}.talents-section{padding-top:100px}.talent-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.talent-card{border-radius:var(--radius);padding:18px;background:white;overflow:hidden}.talent-1{background:var(--pink)}.talent-2{background:var(--green)}.talent-3{background:#b7dafa}.talent-photo{width:100%;height:22vw;object-fit:cover;border-radius:var(--radius);margin:22px 0 24px}.talent-card h3{font-size:clamp(17.1px,2.09vw,37.05px);letter-spacing:-.04em}.talent-hint{display:flex;justify-content:space-between;gap:12px;font-size:11.4px;line-height:1.5;margin-top:18px}.talent-hint b{font-size:20.9px;line-height:1;font-weight:800}.talent-card[open] .talent-hint b{transform:rotate(45deg)}.talent-card>p{font-size:13.3px;line-height:1.7;margin-top:24px}.benefits-section{margin:0 var(--gutter);border-radius:var(--radius);background:white;padding:65px 3.333vw}.benefit-tabs{display:flex;gap:12px;margin-bottom:36px}.benefit-tabs button{display:flex;align-items:center;justify-content:space-between;flex:1;gap:20px;padding:15px 18px;background:var(--paper);border-radius:var(--radius);font-size:14.25px;font-weight:800}.benefit-tabs button>span{opacity:.4;font-size:10.45px}.benefit-tabs button[aria-selected=true]{background:var(--ink);color:white}.benefit-panel{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.benefit-visual{height:190px;display:flex;flex-direction:column;justify-content:center;border-bottom:1px solid var(--line);margin-bottom:25px}.benefit-visual strong{font-size:5.7vw;color:var(--red);line-height:1;letter-spacing:-.04em;font-weight:800}.benefit-visual>span{font-size:10.45px;margin-top:10px}.benefit-card h3{font-size:22.8px;line-height:1.3;margin-bottom:15px;letter-spacing:-.04em}.benefit-card p{font-size:13.3px;color:var(--muted)}.benefit-note{font-size:9.5px;color:var(--muted);margin-top:35px}.team-row{border-top:1px solid var(--line)}.team-row:last-child{border-bottom:1px solid var(--line)}.team-row summary{display:flex;align-items:center;gap:30px;padding:25px 0}.team-row .index{color:var(--muted);min-width:25px}.team-row h3{font-size:clamp(30.4px,4.75vw,83.6px);transition:color .2s}.team-row summary:hover h3,.team-row[open] h3{color:var(--red)}.team-plus{font-size:33.25px;font-weight:800;margin-left:auto;transition:transform .25s}.team-row[open] .team-plus,.faq-row[open] .team-plus{transform:rotate(45deg)}.team-description{margin-left:55px;padding:10px 0 30px;display:flex;justify-content:space-between;align-items:flex-end;gap:70px}.team-description p{font-size:15.2px;max-width:700px}.team-description .text-link{white-space:nowrap}.team-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7vw;margin-top:100px}.team-story>img{width:100%;height:32vw;object-fit:cover;border-radius:var(--radius)}.team-story h3{font-size:clamp(30.4px,3.325vw,57px);line-height:1.1;margin:25px 0}.team-story p{font-size:15.2px;margin-bottom:30px}
/* Recruit keeps the functional search, filtering and application links. */
.recruit-opening{display:flex;align-items:center;justify-content:space-between;gap:40px;padding:70px 10vw}.recruit-opening p{font-size:clamp(22.8px,2.375vw,41.8px);line-height:1.35;font-weight:800;letter-spacing:-.04em}.positions-section{padding-top:100px}.welcome-banner{padding:25px 28px;border-radius:var(--radius);background:white;margin-bottom:40px;display:flex;align-items:center;justify-content:space-between;gap:28px}.welcome-banner .eyebrow{font-size:9.5px;color:var(--red)}.welcome-banner h3{font-size:21.85px;letter-spacing:-.04em;margin-top:10px}.welcome-banner p{font-size:12.35px}.welcome-banner p strong{color:var(--red);font-weight:800}.welcome-banner small{display:block;font-size:9.5px;color:var(--muted);margin-top:5px;line-height:1.6}.welcome-banner .text-link{font-size:11.4px;white-space:nowrap}.job-search-row{display:flex;justify-content:space-between;gap:30px;border-bottom:1px solid var(--ink)}.search-field{display:flex;align-items:center;gap:20px;flex:1;padding:18px 0}.search-field>span{font-size:36.1px;font-family:Arial,sans-serif}.search-field input{border:0;background:transparent;font-size:22.8px;width:100%;outline:0;padding:5px 0;color:var(--ink);min-width:0}.search-field kbd{font-size:13.3px;border:1px solid var(--line);border-radius:var(--radius);padding:4px 9px}.job-type{display:flex;align-items:center}.job-type select{background:transparent;border:0;padding:15px 0;font-size:13.3px;color:var(--ink)}.job-filter-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:30px 0 45px}.job-filters{display:flex;gap:8px;flex-wrap:wrap}.job-filter{padding:10px 16px;border:1px solid var(--line);border-radius:var(--radius);background:transparent;font-size:11.4px}.job-filter.active,.job-filter:hover{background:var(--ink);color:white;border-color:var(--ink)}.job-filter sup{font-size:8.55px}.job-total{font-size:11.4px;color:var(--muted);white-space:nowrap}.job-total b{color:var(--ink)}.job-row{display:grid;grid-template-columns:13% 1fr 200px 30px;gap:25px;align-items:center;padding:28px 0;border-top:1px solid var(--line);transition:padding .25s,background .25s}.job-row:last-child{border-bottom:1px solid var(--line)}.job-row:hover{background:white;padding-left:15px;padding-right:15px}.job-category{font-size:11.4px;color:var(--red)}.job-row h3{font-size:clamp(19.95px,1.9vw,34.2px);letter-spacing:-.04em;line-height:1.3;word-break:keep-all}.job-meta{font-size:10.45px;display:flex;flex-direction:column;gap:8px;color:var(--muted)}.job-arrow{font-size:28.5px}.jobs-foot{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-top:20px}.jobs-foot>span{font-size:9.5px;color:var(--muted)}.jobs-foot .text-link{font-size:11.4px}.empty-jobs{text-align:center;padding:60px 0;border-bottom:1px solid var(--line)}.empty-jobs>span{font-size:47.5px;color:var(--red)}.empty-jobs h3{font-size:23.75px;margin:15px 0}.empty-jobs p{font-size:13.3px;color:var(--muted);margin-bottom:25px}.process-section{margin:0 var(--gutter);border-radius:var(--radius);padding:65px 3.333vw;background:var(--pink)}.process-track{display:grid;grid-template-columns:repeat(5,1fr);gap:25px;margin-top:65px}.process-number{display:block;font-size:5.225vw;letter-spacing:-.04em;line-height:1;font-weight:800;border-top:1px solid #d999d7;padding-top:25px;margin-bottom:30px}.process-step .eyebrow{font-size:8.55px;opacity:.6}.process-step h3{font-size:22.8px;line-height:1.3;letter-spacing:-.04em;margin:12px 0 15px}.process-step p{font-size:13.3px;line-height:1.7}.process-note{border-top:1px solid #d999d7;margin-top:45px;padding-top:25px;display:flex;gap:55px}.process-note>span{font-size:9.5px;white-space:nowrap;padding-top:5px}.process-note p{font-size:11.4px}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.faq-intro .section-label{margin-bottom:40px}.faq-intro h2{font-size:clamp(41.8px,5.225vw,90.25px);margin-bottom:25px}.faq-intro p{font-size:14.25px;margin-bottom:18px;color:var(--muted)}.faq-intro .text-link{font-size:11.4px}.faq-row{border-top:1px solid var(--line)}.faq-row:last-child{border-bottom:1px solid var(--line)}.faq-row summary{display:flex;align-items:center;gap:20px;padding:25px 0}.faq-row h3{font-size:16.15px;font-weight:800;line-height:1.5;letter-spacing:-.04em;word-break:keep-all}.faq-row .index{font-size:9.5px;color:var(--muted)}.faq-row .team-plus{font-size:25.65px}.faq-row>p{padding:0 35px 25px;font-size:13.3px;color:var(--muted)}.recruit-end{margin:0 var(--gutter);border-radius:var(--radius);background:var(--red);color:white;padding:65px 3.333vw;text-align:center}.recruit-end>p{font-size:10.45px;margin-bottom:35px}.recruit-end h2{font-size:8.55vw;line-height:.94;letter-spacing:-.04em;font-weight:800}.recruit-end .button{margin-top:40px}
.product-dialog{padding:0;border:0;border-radius:var(--radius);max-width:1000px;width:90vw;background:var(--paper);color:var(--ink);max-height:88svh;overflow:auto}.product-dialog[open]{display:grid;grid-template-columns:1fr 1fr;animation:dialog-in .35s var(--ease) both}.product-dialog::backdrop{background:#111a;backdrop-filter:blur(8px)}.product-dialog>img{width:100%;height:100%;object-fit:cover}.dialog-close{position:absolute;top:15px;right:15px;width:40px;height:40px;border-radius:var(--radius);background:white;font-size:26.6px;z-index:2}.dialog-body{padding:65px 35px 40px;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.dialog-body .eyebrow{font-size:9.5px;color:var(--red)}.dialog-body h2{font-size:clamp(30.4px,3.135vw,45.6px);margin:25px 0;line-height:1;font-weight:800}.dialog-body h3{font-size:19px}.dialog-body p{font-size:14.25px;margin:20px 0 30px;color:var(--muted)}
.motion-ready .page-company [data-reveal]{opacity:0;transform:translateY(30px);transition:opacity .7s,transform .9s var(--ease)}.motion-ready .page-company [data-reveal].is-visible{opacity:1;transform:none}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes dialog-in{from{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:none}}
html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-scrolling iframe{pointer-events:none}
@media(min-width:1800px){.media-hero{margin-top:7.292vw;height:calc(100svh - 7.292vw)}.site-header{top:12px}.header-bar{min-height:64px}.story-panel{min-height:800px}.product-image img{max-height:500px}}
@media(max-width:1100px){.desktop-nav{gap:22px}.media-hero{min-height:590px}.media-hero-content{padding:45px 45px;gap:30px}.hero-word-window{width:37%;font-size:4.085vw}.media-hero h1{font-size:4.56vw}.editorial-intro{padding:75px 7vw 85px}.editorial-intro>h2{font-size:4.18vw}.intro-bottom{gap:5vw;margin-top:70px}.intro-portrait{margin-left:-2vw;width:20vw}.intro-bottom p{font-size:19px}.story-panel{min-height:700px}.panel-bottom{width:42%}.panel-portrait{height:32vw;width:24vw}.panel-title{font-size:6.65vw}.category-comparisons{display:none}.product-caption{display:block}.product-caption>span{display:block;text-align:left;margin-top:8px}.product-image img{height:31vw}.panel-bottom p{font-size:15.2px}.principle-slide .panel-title{font-size:6.46vw}.principle-slide .panel-bottom{width:53%}.talent-grid{grid-template-columns:repeat(2,1fr)}.talent-photo{height:32vw}.talent-card h3{font-size:32.3px}.talent-hint{font-size:13.3px}.section-heading>p{font-size:14.25px}.job-row{grid-template-columns:12% 1fr 160px 28px;gap:16px}.welcome-banner{flex-wrap:wrap;gap:20px}.process-track{gap:18px}.process-step h3{font-size:19.95px}.process-step p{font-size:11.4px}}
@media(max-width:991px){.site-header{left:12px;right:12px;top:12px}.header-bar{min-height:46px;padding:2px 5px}.brand-logo{height:42px;width:114px}.desktop-nav,.header-apply{display:none}.menu-toggle{display:block}.mobile-menu{display:grid;grid-template-rows:0fr;max-height:0;visibility:hidden;opacity:0;padding:0 24px;transition:max-height .65s var(--ease),padding .65s var(--ease),opacity .35s,visibility .65s;overflow:hidden}.mobile-menu>div{display:flex;flex-direction:column;gap:10px}.mobile-menu>div a{font-size:41.8px;line-height:1.1;font-weight:800;letter-spacing:-.04em}.mobile-menu>div a[aria-current=page]{color:var(--red)}.mobile-menu>.button{margin-top:35px;justify-self:start}.mobile-menu>p{font-size:9.5px;line-height:1.5;margin-top:35px;color:#999}.menu-open .mobile-menu{grid-template-rows:1fr;max-height:620px;visibility:visible;opacity:1;padding:32px 24px 30px}.media-hero{margin-top:90px;min-height:580px;height:calc(100svh - 90px)}.media-hero-content{align-items:flex-end;padding:40px;gap:10px}.media-hero h1{max-width:none}.hero-word-window{font-size:4.275vw}.hero-caption{bottom:20px}.intro-bottom{grid-template-columns:1fr 1.7fr;gap:40px}.intro-bottom .square-link{display:none}.section-heading{gap:25px}.section-heading h2{font-size:6.175vw}.benefit-visual strong{font-size:7.6vw}.team-description{display:block}.team-description .text-link{margin-top:20px}.faq-section{gap:40px}.process-track{grid-template-columns:repeat(3,1fr);row-gap:35px}}
@media(max-width:760px){:root{--gutter:12px;--radius:24px}html{scroll-padding-top:78px}.section-pad{padding:65px 24px}.media-hero{margin-top:86px;min-height:580px;height:calc(100svh - 104px);max-height:780px;border-radius:var(--radius)}.media-hero-content{padding:34px 26px 100px;display:flex;flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:16px}.media-hero h1{font-size:clamp(35.15px,8.55vw,61.75px);line-height:1.02;letter-spacing:-.04em}.hero-word-window{height:1.2em;font-size:clamp(35.15px,8.55vw,61.75px);width:100%;overflow:hidden}.hero-word-reel{position:relative}.hero-caption{left:26px;right:26px;bottom:23px;font-size:7.6px;display:block;line-height:1.7}.hero-caption>span{display:block}.film-controls{right:14px;top:14px}.film-controls button{height:33px;min-width:33px;font-size:7.6px}.hero-media img{object-position:48% center}.editorial-intro{padding:55px 25px 65px}.editorial-intro>h2{font-size:clamp(27.55px,6.935vw,40.85px);line-height:1.2;letter-spacing:-.04em}.editorial-intro>h2 br{display:none}.intro-bottom{display:grid;grid-template-columns:1fr;gap:35px;margin-top:42px}.intro-portrait{width:43vw;min-width:0;height:58vw;min-height:0;max-height:310px;margin-left:8px;border-radius:var(--radius)}.intro-bottom>div{padding:0;margin-left:12vw}.intro-bottom p{font-size:19px;line-height:1.4}.intro-bottom>div>span{font-size:8.55px;margin-top:20px}.story-slide{padding-top:20px}.story-panel{height:auto;min-height:760px;max-height:none;padding:25px 22px;border-radius:var(--radius)}.story-pin{perspective:250vw}.motion-ready .page-company .story-pin{top:16px}.panel-top{margin-bottom:23px}.panel-label{font-size:12.35px;padding:6px 8px;border-radius:var(--radius)}.panel-number{font-size:50.35px;line-height:1}.panel-title,.world-slide .panel-title,.principle-slide .panel-title{font-size:clamp(37.05px,9.5vw,65.55px);line-height:1;max-width:100%;padding-right:4px}.panel-bottom,.principle-slide .panel-bottom,.reimagine-slide .panel-bottom{width:100%;max-width:none;gap:17px;order:3}.panel-bottom h3,.panel-bottom h4{font-size:20.9px;line-height:1.3}.panel-bottom p,.principle-slide .panel-bottom p{font-size:14.25px;line-height:1.65}.panel-portrait{position:relative;right:auto;bottom:auto;width:44vw;height:58vw;max-height:295px;max-width:230px;margin:35px 0 34px;order:2;border-width:4px;border-radius:var(--radius);transform:rotate(-2deg);flex:none}.panel-bottom{margin-top:auto}.panel-bottom .button{font-size:12.35px;min-height:43px;gap:20px}.product-slide .story-panel{min-height:0;padding-bottom:27px}.brand-product-intro{gap:18px;margin:30px 0}.brand-product-intro img{width:88px}.brand-product-intro p{font-size:10.45px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.product-image{border-radius:var(--radius)}.product-image img{height:38vw;max-height:260px}.product-plus{width:22px;height:22px;border-radius:var(--radius);font-size:17.1px;bottom:6px;right:6px}.product-caption{padding-top:12px}.product-caption h3{font-size:clamp(8.55px,2.47vw,16.15px);font-weight:800;letter-spacing:-.04em}.product-caption>span{font-size:7.6px;line-height:1.4;max-width:none;margin-top:8px}.panel-footnote{margin-top:23px;display:block;font-size:7.6px;line-height:1.65}.panel-footnote>span{display:block}.question-shift{font-size:17.1px;gap:7px}.category-comparisons{position:static;display:flex;max-width:none;order:4;gap:12px;margin-top:25px;padding-top:20px;border-top:1px solid #ce93cc;font-size:10.45px}.category-comparisons>div{display:flex;flex-direction:row;justify-content:space-between;gap:12px}.category-comparisons b{font-size:11.4px}.reimagine-slide .story-panel{min-height:925px}.growth-slide .story-panel{min-height:700px}.growth-display{position:static;order:2;width:100%;margin:50px 0 45px}.growth-display>span{font-size:12.35px}.growth-display strong{font-size:34.2vw;line-height:1.1}.growth-display small{font-size:.35em}.world-cities{font-size:8.55px;gap:14px}.world-cities span+span::before{margin-right:14px}.channel-section{padding:75px 0 70px}.channel-section h2{font-size:30.4px;line-height:1.15;margin-bottom:48px}.join-section{padding:25px 22px 36px}.join-top{font-size:7.6px;gap:20px}.join-section h2{font-size:8.55vw;max-width:100%;margin:55px 0 35px;line-height:1}.join-bottom{display:block}.join-bottom p{font-size:14.25px;line-height:1.6}.join-bottom .button{font-size:12.35px;margin-top:25px}.site-footer{padding:40px 25px 25px}.footer-main{grid-template-columns:1fr 1fr;gap:35px;padding-bottom:40px}.footer-main>a{grid-column:1/-1}.footer-main .brand-logo{width:165px;height:63px;margin-left:-14px}.footer-nav{font-size:22.8px;gap:9px}.footer-contact{font-size:10.45px;gap:12px}.footer-contact>span{font-size:15.2px}.footer-contact a{word-break:break-all}.footer-contact p{font-size:7.6px}.footer-bottom{font-size:7.6px;line-height:1.6;align-items:center}.footer-bottom>span{max-width:210px}.section-label{margin-bottom:33px;font-size:10.45px}.section-heading{display:block;margin-bottom:35px}.section-heading h2{font-size:clamp(38px,9.025vw,65.55px);line-height:1.02}.section-heading>p{font-size:14.25px;margin-top:24px;max-width:none}.marquee{padding:20px 0}.marquee span{font-size:31.35px}.marquee b{margin:0 25px}.principles-section{padding:50px var(--gutter) 35px}.principles-chapter{padding:0 12px 25px;display:block}.principles-chapter>span{font-size:9.5px}.principles-chapter h2{width:100%;font-size:26.6px;line-height:1.2;margin-top:24px}.principle-slide .story-panel{min-height:850px}.talent-grid{gap:12px}.talent-card{padding:13px;border-radius:var(--radius)}.talent-card .eyebrow{font-size:7.6px}.talent-photo{height:46vw;max-height:330px;border-radius:var(--radius);margin:17px 0 20px}.talent-card h3{font-size:clamp(17.1px,4.465vw,29.45px)}.talent-hint{font-size:10.45px;gap:10px;line-height:1.5;margin-top:15px}.talent-hint b{font-size:19px}.talent-card>p{font-size:11.4px;margin-top:20px}.benefits-section{padding:45px 20px}.benefit-tabs{gap:6px;margin-bottom:20px;overflow-x:auto}.benefit-tabs button{white-space:nowrap;font-size:10.45px;padding:12px 9px;justify-content:center;border-radius:var(--radius)}.benefit-tabs button>span{display:none}.benefit-panel{display:block}.benefit-card{display:grid;grid-template-columns:35% 1fr;column-gap:20px;border-bottom:1px solid var(--line);padding:24px 0}.benefit-visual{height:auto;grid-row:1/3;border:0;margin:0;justify-content:center}.benefit-visual strong{font-size:10.45vw}.benefit-visual>span{font-size:7.6px;margin-top:8px}.benefit-card h3{font-size:16.15px;line-height:1.4;margin-bottom:10px}.benefit-card p{font-size:11.4px}.benefit-note{font-size:8.55px;margin-top:20px}.team-row summary{padding:22px 0;gap:16px}.team-row .index{font-size:9.5px;min-width:18px}.team-row h3{font-size:clamp(28.5px,7.125vw,47.5px)}.team-row .team-plus{font-size:26.6px}.team-description{margin-left:34px;padding-bottom:22px}.team-description p{font-size:13.3px}.team-description .text-link{font-size:11.4px;margin-top:17px}.team-story{display:block;margin-top:60px}.team-story>img{height:65vw;border-radius:var(--radius);margin-bottom:30px}.team-story h3{font-size:30.4px;margin:20px 0}.team-story p{font-size:13.3px}.team-story .button{font-size:12.35px}.recruit-opening{display:block;padding:40px 25px 50px}.recruit-opening p{font-size:24.7px;line-height:1.35}.recruit-opening .button{margin-top:25px;font-size:12.35px}.welcome-banner{display:block;padding:20px;margin-bottom:28px}.welcome-banner .eyebrow{font-size:7.6px}.welcome-banner h3{font-size:20.9px;margin-top:8px}.welcome-banner p{font-size:11.4px;margin-top:17px}.welcome-banner small{font-size:8.55px}.welcome-banner .text-link{font-size:10.45px;margin-top:12px}.job-search-row{gap:12px}.search-field{gap:10px;padding:14px 0;min-width:0}.search-field>span{font-size:28.5px}.search-field input{font-size:14.25px;letter-spacing:-.04em}.search-field kbd{display:none}.job-type select{font-size:10.45px;max-width:105px}.job-filter-row{display:block;margin:20px 0 25px}.job-filters{gap:6px}.job-filter{font-size:9.5px;padding:9px 11px;border-radius:var(--radius)}.job-total{display:block;text-align:right;font-size:9.5px;margin-top:20px}.job-row{grid-template-columns:1fr 27px;gap:10px;padding:23px 0}.job-category{grid-column:1;font-size:9.5px}.job-row h3{grid-column:1;font-size:19.95px;line-height:1.3}.job-meta{grid-column:1;flex-direction:row;flex-wrap:wrap;font-size:9.5px;gap:13px}.job-arrow{grid-column:2;grid-row:1/4;font-size:25.65px}.jobs-foot{display:block}.jobs-foot>span{display:block;font-size:8.55px;line-height:1.6}.jobs-foot .text-link{font-size:10.45px;margin-top:10px}.empty-jobs{padding:40px 0}.empty-jobs h3{font-size:19px;line-height:1.4;word-break:keep-all}.empty-jobs p{font-size:11.4px}.empty-jobs .button{font-size:11.4px;padding:12px 16px}.process-section{padding:45px 22px}.process-track{display:block;margin-top:35px}.process-step{position:relative;border-top:1px solid #d999d7;min-height:150px;padding:24px 0 24px 65px}.process-number{position:absolute;top:24px;left:0;font-size:41.8px;border:0;margin:0;padding:0}.process-step h3{font-size:21.85px;margin:10px 0 12px}.process-step p{font-size:12.35px}.process-note{display:block;margin-top:20px;padding-top:20px}.process-note p{font-size:10.45px;margin-top:13px}.faq-section{display:block}.faq-intro{margin-bottom:40px}.faq-intro h2{font-size:53.2px;margin-bottom:24px}.faq-intro p{font-size:13.3px}.faq-row summary{gap:15px;padding:23px 0}.faq-row h3{font-size:14.25px}.faq-row>p{font-size:12.35px;padding:0 25px 22px}.recruit-end{padding:45px 22px}.recruit-end>p{font-size:8.55px}.recruit-end h2{font-size:12.35vw}.recruit-end .button{font-size:12.35px;margin-top:30px}.product-dialog{width:calc(100vw - 28px);max-height:90svh;border-radius:var(--radius)}.product-dialog[open]{display:block}.product-dialog>img{height:280px;object-position:center 25%}.dialog-body{padding:30px 25px}.dialog-body h2{font-size:32.3px;margin:20px 0}.dialog-body h3{font-size:17.1px}.dialog-body p{font-size:13.3px}.dialog-body .button{font-size:12.35px}}
@media(max-width:380px){.media-hero-content{padding-left:22px;padding-right:22px}.media-hero h1,.hero-word-window{font-size:8.74vw}.panel-title,.world-slide .panel-title,.principle-slide .panel-title{font-size:9.5vw}.panel-number{font-size:45.6px}.panel-label{font-size:10.45px}.story-panel{padding:24px 18px}.product-caption h3{font-size:2.3275vw}.product-caption>span{font-size:6.65px}.talent-card{padding:10px}.talent-card h3{font-size:4.4175vw}.benefit-tabs button{font-size:9.5px;padding:11px 6px}.footer-nav{font-size:20.9px}.job-row h3{font-size:18.05px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.story-pin,.motion-ready .page-company .story-pin{position:relative;top:0}.motion-ready .page-company .story-slide{padding-bottom:0!important;margin-bottom:0!important}.story-panel,.motion-ready .page-company .story-panel{transform:none;opacity:1;will-change:auto}.motion-ready .page-company [data-reveal]{opacity:1;transform:none}.hero-word-reel{transform:none!important;will-change:auto}.reel-word{opacity:1}.intro-portrait,.panel-portrait{transform:none}}
.site-header{position:fixed}
.product-image img{height:15vw;max-height:320px}.brand-product-intro{margin:22px 0}.product-slide .panel-title{font-size:5.985vw}
.motion-ready .page-company .story-slide.is-tall{padding-bottom:0!important;margin-bottom:0!important}.motion-ready .page-company .story-slide.is-tall .story-pin{position:relative;top:0}.motion-ready .page-company .story-slide.is-tall .story-panel{transform:none;opacity:1;will-change:auto}
@media(max-width:760px){.product-image img{height:38vw;max-height:260px}.product-slide .panel-title{font-size:9.5vw}.brand-product-intro{margin:30px 0}}
.motion-ready .page-company .story-stack .story-slide:not(:last-child){height:calc(var(--panel-height,804px) + 100svh + 3.333vw);padding-bottom:0}
.motion-ready .page-company .story-slide.is-tall{height:auto!important}
@media(max-width:760px){.motion-ready .page-company .story-stack .story-slide:not(:last-child){height:calc(var(--panel-height,760px) + 100svh + 20px)}}
@media(prefers-reduced-motion:reduce){.motion-ready .page-company .story-slide{height:auto!important}}

/* Editorial desktop refinement: only the brand statements remain over the film. */
.hero-statement{font-size:clamp(38px,3.9583vw,80.75px);line-height:1.02;letter-spacing:-.04em;font-weight:800;flex:none;width:33%}
.page-recruit .hero-statement{font-size:clamp(33.25px,2.945vw,60.8px)}
.join-section h2{font-size:7.03vw;text-transform:none;max-width:95%}
.process-section .section-heading h2{font-size:5.51vw;line-height:1.02}
@media(max-width:991px){.hero-statement{font-size:4.275vw;width:37%}}
@media(max-width:760px){.hero-statement,.page-recruit .hero-statement{font-size:8.55vw;width:100%;line-height:1.05}.hero-statement br{display:none}.page-recruit .hero-statement{font-size:6.65vw}.join-section h2{font-size:9.5vw}.process-section .section-heading h2{font-size:9.5vw}}


.growth-display{width:47%;gap:25px}.revenue-years{display:grid;grid-template-columns:.7fr 1fr 1.45fr;gap:22px;width:100%}.revenue-years>div{border-top:1px solid #17171566;padding-top:15px}.revenue-years strong{font-size:6.08vw;line-height:1.15;white-space:nowrap;font-weight:800;letter-spacing:-.04em}.revenue-years strong small{font-size:.3em;padding-left:3px}.revenue-years>div>span{font-size:12.35px;display:block;margin-top:8px}.revenue-target{color:#17513e}.growth-display>p{font-size:12.35px;line-height:1.7}.growth-display>p>small{font-size:9.5px;opacity:.7}
@media(max-width:760px){.growth-display{width:100%;gap:20px}.revenue-years{gap:12px}.revenue-years strong{font-size:13.3vw}.revenue-years>div>span{font-size:9.5px}.growth-display>p{font-size:10.45px}}

/* Kaplans landing composition: oversized type, centered media rail, oversized footer. */
.unicorn-products{margin:0 var(--gutter);background:#eee;overflow:visible;scroll-margin-top:10px;color:#000}
.product-stage{height:calc(100svh - 110px);min-height:52.143vw;display:flex;flex-direction:column;gap:2.143vw;padding:.715vw 0 1.07vw;isolation:isolate;overflow:visible}
.product-stage-title{font-size:12.54vw;line-height:.8;letter-spacing:-.04em;font-weight:800;white-space:nowrap;padding:0 2.74vw;flex:none;position:relative;z-index:1}
.product-stage-bottom{font-size:8.835vw;font-weight:800;letter-spacing:-.04em;line-height:.8;display:flex;justify-content:space-between;white-space:nowrap;padding:0 2.74vw;position:relative;z-index:1;flex:none}
.product-carousel{position:relative;flex:1;min-height:24vw;z-index:2;--project-width:40vw;--project-gap:2.74vw;--edge-width:25%;--expand-shift:0px;--project-scale:1.7}
.product-carousel-track{position:absolute;inset:0 auto 0 0;display:flex;gap:var(--project-gap);width:max-content;height:100%;transform:translateX(calc(-3 * (var(--project-width) + var(--project-gap)) + (100vw - var(--project-width))/2));will-change:transform}
.product-project{width:var(--project-width);height:100%;flex:none;position:relative;transform:translateX(var(--project-shift,0px));transition:transform .8s cubic-bezier(.22,1,.36,1)}
.product-flip{width:100%;height:100%;border-radius:var(--radius);outline:none;perspective:900px}
.product-flip-inner{position:relative;width:100%;height:100%;border-radius:inherit;transform-style:preserve-3d;transform-origin:50% 50%;transition:transform .85s cubic-bezier(.4,0,.2,1);will-change:transform}
.product-project.is-inspecting{z-index:8}
.product-project.is-inspecting .product-flip-inner,.product-flip:hover .product-flip-inner,.product-flip:focus-visible .product-flip-inner{transform:rotateY(180deg)}
.product-face{position:absolute;inset:0;border-radius:inherit;overflow:hidden;transform-origin:50% 50%;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.product-face-front{background:#fff;transform:rotateY(0deg) translateZ(.1px)}
.product-face-front>img{width:100%;height:100%;object-fit:cover;object-position:50% 59%;pointer-events:none}
.product-face-back{display:flex;flex-direction:column;justify-content:space-between;padding:clamp(22px,2.4vw,46px);background:var(--product-color);color:#000;transform:rotateY(180deg) translateZ(.1px)}
.product-detail-number{font-size:clamp(8.55px,0.7125vw,13.3px);letter-spacing:-.02em}
.product-detail-tag{display:block;margin-bottom:clamp(16px,2vw,32px);font-size:clamp(10.45px,0.855vw,16.15px)}
.product-face-back h3{font-size:clamp(32.3px,3.8vw,72.2px);line-height:.9;letter-spacing:-.045em}
.product-face-back strong{display:block;margin-top:clamp(18px,2vw,34px);font:800 clamp(16.15px,1.3775vw,26.6px)/1.2 Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.025em}
.product-face-back p{max-width:34ch;margin-top:12px;font:700 clamp(12.35px,0.95vw,17.1px)/1.5 Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.015em;word-break:keep-all}
.product-flip:focus-visible{box-shadow:0 0 0 4px #000,0 0 0 7px #fff}
:root[data-latin-font=viga] .product-face-back h3{font-size:clamp(41.8px,4.75vw,91.2px);line-height:.84}
:root[data-latin-font=viga] .product-detail-tag{font-size:clamp(12.35px,0.9975vw,19px)}
.product-project-media{display:block;position:relative;border:0;padding:0;border-radius:var(--radius);background:#fff;width:100%;height:100%;overflow:hidden;transform:scale(1);transition:transform .8s cubic-bezier(.22,1,.36,1);text-align:left}
.product-project-media>img{width:100%;height:100%;object-fit:cover;object-position:50% 59%;pointer-events:none}
.product-project.is-expanded{z-index:3}
.product-project.is-expanded .product-project-media{transform:scale(var(--project-scale))}
.project-caption{position:absolute;left:1.5vw;right:1.5vw;bottom:1.25vw;font-size:1.0925vw;line-height:1.1;color:white;text-shadow:0 1px 12px #0005}
.product-carousel-prev,.product-carousel-next{position:absolute;top:0;bottom:0;width:max(0px,calc(var(--edge-width) - var(--expand-shift)));padding:0;background:transparent;z-index:5;cursor:pointer}
.product-carousel-prev{left:0}.product-carousel-next{right:0}
.product-carousel-prev>span,.product-carousel-next>span{position:absolute;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:42px;height:42px;background:#ffffffdd;color:black;border-radius:50%;font-size:23.75px;opacity:0;transition:opacity .2s}
.product-carousel-prev>span{left:22px}.product-carousel-next>span{right:22px}
.product-carousel-prev:hover>span,.product-carousel-next:hover>span,.product-carousel-prev:focus-visible>span,.product-carousel-next:focus-visible>span{opacity:1}
.product-stage-description{display:flex;align-items:center;justify-content:center;gap:35px;padding:2.6vw 2.74vw 3.2vw;text-align:center}
.product-stage-description>p{font-size:1.2825vw;line-height:1.5}
.product-brand-caption{display:flex;flex-direction:column;align-items:flex-end;gap:18px;margin-left:auto}
.product-brand-caption>span{font-size:1.14vw;color:var(--red)}
.product-brand-caption img{width:9vw;height:auto}
@media(max-width:760px){.product-stage-description{padding:32px 24px 46px}.product-stage-description>p{font-size:14.25px}}
.flow-toggle{display:grid;place-items:center;width:30px;height:30px;flex:none;padding:0;background:transparent;color:black;font-size:16.15px;line-height:1;border-radius:50%}
.flow-toggle:hover{background:#ddd}
@media(prefers-reduced-motion:reduce){.product-carousel-track{will-change:auto}.product-project,.product-project-media,.product-flip-inner{transition:none}}

/* Desktop GNB: readable navigation with a quiet current-page marker. */
@media(min-width:992px){
  .header-bar{min-height:76px;padding:5px 15px 5px 8px}
  .site-header .brand-logo{width:166px;height:62px}
  .desktop-nav{gap:40px}
  .desktop-nav a{position:relative;font-size:20.9px;line-height:1.15;padding:10px 0;background:transparent;transition:color .2s}
  .desktop-nav a::after{content:'';position:absolute;left:0;right:0;bottom:3px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
  .desktop-nav a[aria-current=page]::after{transform:scaleX(1)}
  .header-apply{font-size:17.1px;gap:8px}
  .header-apply>span,.header-apply>b{height:46px}
  .header-apply>span{padding:0 22px}
  .header-apply>b{width:46px;font-size:26.6px}
}

.product-stage-title>span,.product-stage-bottom>span{display:inline-block;white-space:nowrap;flex:none}

/* Full-bleed hero at rest; the frame and navigation emerge with scroll. */
:root{--radius:24px}
.media-hero{margin:0;width:100%;height:100svh;min-height:0;max-height:none;border-radius:var(--hero-round,0px);clip-path:inset(0 var(--hero-inset,0px) 0 round var(--hero-round,0px))}
.page-culture,.page-recruit{--hero-start:104px}
.page-culture .media-hero,.page-recruit .media-hero{margin:var(--hero-start) var(--gutter) 0;width:auto;height:calc(100svh - var(--hero-start) - var(--gutter));border-radius:var(--radius);clip-path:none}
@media(max-width:991px){.page-culture,.page-recruit{--hero-start:78px}}
.media-hero-content{padding-top:70px;padding-bottom:70px}
.hero-video-slot .hero-media{background:#151513}
.hero-video-slot::after{display:none}
.hero-intro-ready .site-header{opacity:var(--gnb-opacity,0);transform:translate3d(0,var(--gnb-offset,-24px),0);visibility:hidden;pointer-events:none;will-change:transform,opacity}
.hero-intro-ready .site-header.is-revealed{visibility:visible;pointer-events:auto}
.hero-intro-ready .site-header:focus-within{opacity:1;transform:none;visibility:visible;pointer-events:auto}
.unicorn-products{border-radius:var(--radius)}
.channel-marquee{overflow:hidden;--logo-scale:.6;--logo-gap:clamp(24px,2.5vw,48px);background:transparent}
.channel-track{display:flex;width:max-content;animation:marquee 70s linear infinite;align-items:center}
.channel-set{display:flex;align-items:center;gap:var(--logo-gap);padding-right:var(--logo-gap);flex:none}
.channel-marquee .channel-mark{display:block;position:relative;flex:none;width:calc(var(--mark-width) * var(--logo-scale));height:auto;min-width:0;aspect-ratio:var(--mark-ratio);overflow:hidden;background:transparent;mix-blend-mode:multiply;border-radius:0}
.channel-mark img{position:absolute;max-width:none;max-height:none;display:block;object-fit:fill}
@media(prefers-reduced-motion:reduce){.hero-intro-ready .site-header{will-change:auto}.channel-track{animation:none}}

.channel-marquee{mix-blend-mode:multiply}

/* The tightened tracking belongs only to the Company product sequence. */
body,body *{letter-spacing:normal}
.unicorn-products,.unicorn-products *{letter-spacing:-.04em}

/* The product sequence continues across the full width, without an outer card. */
.unicorn-products{position:relative;z-index:1;width:100%;margin:0;background:#fff;border-radius:0;overflow:visible}
.product-scroll-track{position:relative}
.product-scroll-track.is-pinned .product-stage{position:sticky;top:var(--product-pin-top)}
.product-scroll-track.is-pinned .product-carousel{overflow:visible}
.product-scroll-track.is-pinned .product-project,.product-scroll-track.is-pinned .product-stage-title>span,.product-scroll-track.is-pinned .product-stage-bottom>span{will-change:transform,opacity;transition:none}
.product-stage{--question-enter:0px;--question-opacity:1;--answer-enter:0px;--answer-opacity:1}
.product-stage{height:auto;min-height:0;gap:clamp(24px,2.4vw,48px);padding:1vw 0}
.product-stage-title{font-size:var(--product-type-size,10.83vw);padding:0 2vw;text-align:center}
.product-stage-title>span{transform:translateY(var(--question-enter));opacity:var(--question-opacity);transition:transform .18s linear,opacity .18s linear}
.product-stage-bottom{width:auto;font-size:var(--product-type-size,10.83vw);padding:0 2vw;gap:1.4vw;justify-content:center;text-align:center;transform:none}
:root[data-latin-font=viga] .product-stage-title,:root[data-latin-font=viga] .product-stage-bottom{font-size:var(--product-type-size,11.6375vw)}
.product-stage-bottom>span{transform:translateY(var(--answer-enter));opacity:var(--answer-opacity);transition:transform .18s linear,opacity .18s linear}
.product-carousel{height:clamp(360px,max(31.5vw,43.5svh),630px);min-height:0;flex:none;--project-width:30vw;--project-gap:1.5vw}
.product-project{transform:none;transition:none}
.product-project-media{transform:none;transition:none}
.product-project.is-expanded,.product-project.is-expanded .product-project-media{transform:none}
.product-carousel-prev,.product-carousel-next{display:none}
.product-stage-description{padding-left:2vw;padding-right:2vw}
.page-company .hero-video-slot .media-hero-content{justify-content:space-between;align-items:center;padding:10vw}
.page-company .hero-video-slot h1{max-width:54%;font-size:clamp(45.6px,5.415vw,106.4px);line-height:1.02;text-align:left}
.page-company .hero-video-slot .hero-statement{display:block;width:34%;font-size:clamp(22.8px,2.2325vw,45.6px);line-height:1.2;text-align:left;word-break:keep-all}
.company-film-hero .hero-media{background:#10180a}
.company-film-hero .hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.company-film-hero::after{display:block;background:linear-gradient(180deg,rgba(4,10,0,.1),rgba(4,10,0,.18));z-index:-1}
.company-hero-copy{position:absolute;left:3.33vw;right:3.33vw;top:50%;z-index:2;display:flex;align-items:center;gap:14px;transform:translateY(-50%);color:#fff}
.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{flex:none;width:auto;max-width:none;margin:0;font-size:clamp(28.5px,2.9925vw,60.8px);font-weight:800;line-height:1;letter-spacing:-.04em;white-space:nowrap}
.company-hero-line{height:4px;min-width:70px;flex:1;background:#fff}
.company-hero-ko{position:absolute;right:10vw;bottom:36px;z-index:3;margin:0;color:#fff;font:800 clamp(17.1px,1.33vw,26.6px)/1.55 Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;letter-spacing:-.02em;word-break:keep-all}
.hero-scroll-cue{position:absolute;left:3.33vw;bottom:36px;z-index:3;display:flex;align-items:center;gap:8px;color:#fff;font-size:15.2px;line-height:1;letter-spacing:-.03em;opacity:var(--scroll-cue-opacity,1);transform:translate3d(0,var(--scroll-cue-shift,0),0);transition:opacity .18s linear,transform .18s linear}.hero-scroll-cue svg{display:block;width:28px;height:28px;flex:none;overflow:visible;animation:hero-scroll-cue 1s ease-in-out infinite alternate}.hero-scroll-cue path{fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:square;stroke-linejoin:miter}.hero-scroll-cue:hover span{text-decoration:underline;text-underline-offset:.18em}@keyframes hero-scroll-cue{from{transform:translateY(0)}to{transform:translateY(5px)}}
@media(max-width:991px){.product-stage{height:auto;min-height:0}.product-stage-title,.product-stage-bottom{font-size:var(--product-type-size,10.83vw)}.page-company .hero-video-slot .media-hero-content{align-items:flex-start;justify-content:flex-end}.page-company .hero-video-slot h1{max-width:100%;text-align:left}.page-company .hero-video-slot .hero-statement{width:100%;font-size:clamp(19px,4.75vw,32.3px);text-align:left}}
@media(max-width:991px){.company-hero-copy{left:26px;right:26px;gap:10px}.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{font-size:clamp(21.85px,2.9925vw,36.1px)}.company-hero-line{height:3px}.company-hero-ko{right:26px}}
@media(max-width:760px){.hero-scroll-cue{left:26px;bottom:28px;gap:7px;font-size:13.3px}.hero-scroll-cue svg{width:25px;height:25px}}
@media(max-width:760px){.company-hero-copy{top:45%;display:grid;grid-template-columns:minmax(40px,1fr) auto;gap:14px}.page-company .company-film-hero .company-hero-copy h1{grid-column:1/-1;white-space:normal;font-size:clamp(32.3px,8.55vw,51.3px);line-height:1.02}.page-company .company-film-hero .company-hero-copy p{font-size:clamp(20.9px,5.7vw,34.2px)}.company-hero-line{height:3px}.company-hero-ko{right:26px;bottom:84px;font-size:16.15px}.company-film-hero .hero-media img{object-position:58% center}}
@media(prefers-reduced-motion:reduce){.hero-scroll-cue svg{animation:none}}

/* OpenDue word pile: centered, intact lines arrive from below and stay stacked. */
.words-pile-track{position:relative;background:#fff;color:#000;overflow:clip;scroll-margin-top:0;margin-bottom:calc(-1 * var(--pile-handoff,0px))}
.c-words-pile{padding:clamp(104px,5.63vw,120px) 0 clamp(64px,5.69vw,96px);font-size:var(--pile-font-size,min(7.9638vw,133px));background:#fff}
.words-pile-track.is-pinned .c-words-pile{position:sticky;top:0;height:100svh;padding:0;overflow:clip}
.c-words-pile__container{width:calc(100% - 4.8vw);max-width:1920px;margin:0 auto}
.words-pile-track.is-pinned .c-words-pile__container{position:absolute;top:50%;left:0;right:0;will-change:transform}
.c-words-pile__list{display:flex;flex-direction:column;gap:.12em;list-style:none;margin:0;padding:.2em 0 0}
.c-words-pile__word{font-family:var(--body);font-size:inherit;font-weight:800;line-height:1.12;letter-spacing:normal;text-align:center;margin:0;padding:0}
.c-words-pile__word--accent{font-family:Pretendard,'Apple SD Gothic Neo','Malgun Gothic',sans-serif;font-size:.5em;color:#000}
.c-words-pile__text{display:inline-block;white-space:nowrap;letter-spacing:-.02em}
.c-words-pile__word--accent .c-words-pile__text{letter-spacing:-.01em}
.words-pile-track.is-pinned .c-words-pile__word--accent{will-change:transform}
.c-words-pile{position:relative;isolation:isolate}
.c-words-pile__container{position:relative;z-index:2}
.c-words-pile__word--accent{font-size:.32em;line-height:1.2}
.c-words-pile__list{gap:.32em;padding-top:.42em}
@media(max-width:767px){.c-words-pile{padding:80px 0;font-size:var(--pile-font-size,7.03vw)}.c-words-pile__container{width:calc(100% - 32px)}}
@media(max-width:767px){.c-words-pile__word--accent{font-size:.5em}}
@media(prefers-reduced-motion:reduce){.c-words-pile__word--accent{transform:none!important;will-change:auto!important}}

/* Global expansion: a dimensional globe lights routes out from Seoul. */
.world-slide .panel-title{font-size:clamp(49.4px,4.56vw,96.9px);max-width:none;white-space:nowrap;text-transform:uppercase}
.world-slide .panel-bottom{width:34%;max-width:520px}
.world-map{position:absolute;right:-2%;bottom:-1%;width:64%;height:72%;z-index:1;opacity:0;transform:translate3d(8%,9%,0) rotate(4deg) scale(.88);transform-origin:60% 55%;transition:opacity .7s ease,transform 1.45s cubic-bezier(.16,1,.3,1)}
.world-map.is-visible{opacity:1;transform:translate3d(0,0,0) rotate(-2deg) scale(1)}
.world-map svg{width:100%;height:100%;overflow:visible}
.world-map__shadow{fill:#001838;opacity:.34;filter:blur(16px)}
.world-map__rim{fill:none;stroke:#fff;stroke-opacity:.66;stroke-width:4}
.world-map__grid{fill:none;stroke:#fff;stroke-opacity:.18;stroke-width:2}
.world-map__land{fill:#d8ecff;fill-opacity:.34;stroke:#fff;stroke-opacity:.36;stroke-width:2}
.world-map__routes{fill:none;stroke:var(--red);stroke-width:5;stroke-linecap:round}
.world-map .route{stroke-dasharray:1;stroke-dashoffset:1}
.world-map.is-visible .route--tokyo{animation:world-route 1s .55s cubic-bezier(.65,0,.35,1) forwards}
.world-map.is-visible .route--newyork{animation:world-route 1.35s 1.05s cubic-bezier(.65,0,.35,1) forwards}
.world-map__cities{fill:#fff}
.world-map__cities text{fill:#fff;font-family:var(--body);font-size:17.1px;letter-spacing:-.02em}
.world-map .city-pulse{fill:var(--red);opacity:0;transform-box:fill-box;transform-origin:center}
.world-map.is-visible .city--seoul .city-pulse{animation:world-pulse 2.2s .35s infinite}
.world-map.is-visible .city--tokyo .city-pulse{animation:world-pulse 2.2s 1.35s infinite}
.world-map.is-visible .city--newyork .city-pulse{animation:world-pulse 2.2s 2.05s infinite}
.world-map__caption{position:absolute;right:7%;bottom:4%;left:17%;display:flex;justify-content:space-between;color:#fff;font-size:9.5px;letter-spacing:.02em}
.world-map__caption span:last-child{color:#ffb8bd}
@keyframes world-route{to{stroke-dashoffset:0}}
@keyframes world-pulse{0%{opacity:.75;transform:scale(.25)}70%,100%{opacity:0;transform:scale(1.5)}}
@media(max-width:760px){.world-slide .panel-title{font-size:clamp(30.4px,8.17vw,55.1px);max-width:100%}.world-slide .panel-bottom{width:100%}.world-map{position:relative;right:auto;bottom:auto;width:116%;height:auto;margin:20px -8% 28px;order:2;min-height:300px}.world-map__caption{font-size:6.65px}}
@media(prefers-reduced-motion:reduce){.world-map{opacity:1;transform:none}.world-map .route{stroke-dashoffset:0}.world-map .city-pulse{display:none}}

/* Review comments from the planning prototype. */
.lang-switch{display:flex;align-items:center;gap:2px;margin-left:auto}.lang-switch button{min-width:30px;padding:7px 6px;border:0;border-radius:99px;background:transparent;color:#777;font:800 9.5px/1 var(--body)}.lang-switch button[aria-pressed=true]{background:#fff;color:#000}.lang-switch button:disabled{opacity:.45;cursor:not-allowed}.desktop-nav+.lang-switch{margin-left:0}
.review-toggle{position:fixed;right:18px;bottom:18px;z-index:1000;display:flex;align-items:center;gap:8px;padding:11px 16px;border:1px solid #000;border-radius:99px;background:#fff;color:#000;font:800 11.4px/1 Pretendard,'Apple SD Gothic Neo',sans-serif;box-shadow:0 8px 28px rgba(0,0,0,.16)}.review-toggle span{color:var(--red);font-size:9.5px}.review-note{position:relative;z-index:12;width:min(620px,calc(100% - 2 * var(--gutter)));margin:18px auto;padding:18px 20px;border:1px solid #e4e4e4;border-radius:var(--radius);background:#fff;color:#111;box-shadow:0 12px 34px rgba(0,0,0,.08);font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;transition:opacity .2s,transform .25s}.review-note__top{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:12px}.review-note__top strong{display:inline-flex;padding:6px 9px;border-radius:99px;background:#000;color:#fff;font-size:9.5px}.review-note__top span{font-size:9.5px;color:#777}.review-note h3{font-size:17.1px;letter-spacing:-.02em;margin-bottom:7px}.review-note p{font-size:12.35px;line-height:1.65;color:#444;letter-spacing:-.01em}.font-review-panel{position:fixed;right:18px;bottom:66px;z-index:999;width:270px;padding:15px;border:1px solid #000;border-radius:var(--radius);background:#fff;color:#000;box-shadow:0 12px 34px rgba(0,0,0,.16);font-family:Pretendard,'Apple SD Gothic Neo',sans-serif}.font-review-panel>span{display:block;margin:0 4px 10px;font-size:10.45px;letter-spacing:-.02em}.font-review-options{display:grid;gap:5px}.font-review-options button{width:100%;padding:11px 12px;border:1px solid #ddd;border-radius:var(--radius);background:#f5f5f5;color:#000;text-align:left;font-size:16.15px;line-height:1}.font-review-options button[data-font-choice=lexend]{font-family:LexendDeca,sans-serif}.font-review-options button[data-font-choice=viga]{font-family:Viga,sans-serif}.font-review-options button[data-font-choice=onest]{font-family:Onest,sans-serif}.font-review-options button[aria-pressed=true]{border-color:#000;background:#000;color:#fff}.notes-off .review-note,.notes-off .font-review-panel{display:none}.notes-off .review-toggle span{color:#999}
.growth-facts{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:18px 0 20px}.growth-facts>div{padding:12px 10px;border:1px solid rgba(0,0,0,.18);border-radius:var(--radius)}.growth-facts strong{display:block!important;font-size:clamp(19px,2.09vw,39.9px)!important;line-height:1!important}.growth-facts span{display:block;font-size:8.55px;margin-top:8px}
.bonus-open{border:0;background:transparent;padding:0;cursor:pointer}.bonus-dialog{width:min(680px,calc(100vw - 40px));border:0;border-radius:var(--radius);padding:50px;background:#fff;color:#000;box-shadow:0 30px 100px rgba(0,0,0,.35)}.bonus-dialog::backdrop{background:rgba(0,0,0,.72);backdrop-filter:blur(8px)}.bonus-dialog .dialog-close{position:absolute;right:18px;top:18px}.bonus-dialog h2{font-size:clamp(43.7px,5.7vw,81.7px);line-height:.95;margin:35px 0;letter-spacing:-.04em}.bonus-dialog p{font:500 15.2px/1.7 Pretendard,'Apple SD Gothic Neo',sans-serif;margin-top:18px}.bonus-dialog p strong{color:var(--red);font-size:19.95px}
.process-step summary{display:block;list-style:none;cursor:pointer}.process-step summary::-webkit-details-marker{display:none}.process-step .process-more{display:inline-block;margin-top:20px;font-size:9.5px;color:#6f4770}.process-step[open] .process-more{font-size:0}.process-step[open] .process-more::after{content:'닫기 −';font-size:9.5px}.process-step>p{margin-top:18px;padding-top:18px;border-top:1px solid #d999d7}
@media(max-width:1100px){.lang-switch{display:none}}
@media(max-width:760px){.review-toggle{right:12px;bottom:12px}.font-review-panel{right:12px;bottom:58px;width:min(270px,calc(100vw - 24px))}.review-note{width:calc(100% - 24px);padding:16px}.growth-facts{grid-template-columns:1fr 1fr}.bonus-dialog{padding:38px 24px}.process-step summary{min-height:100px}.process-step>p{margin:10px 0 0}}

/* Sub pages use flat editorial sections. Rounded cards remain exclusive to Company. */
.page-culture .principles-section{--principle-index:clamp(76px,8vw,110px);--principle-gap:clamp(24px,3vw,58px);--principle-grid:var(--principle-index) minmax(220px,.8fr) minmax(0,1.2fr);padding-top:110px;padding-bottom:110px}.page-culture .principles-chapter{display:grid;grid-template-columns:var(--principle-grid);gap:var(--principle-gap);align-items:start;padding:0 3.333vw 36px}.page-culture .principles-chapter>span{grid-column:1;width:auto}.page-culture .principles-chapter h2{grid-column:2/4;width:auto;max-width:900px}.page-culture .story-slide{height:auto!important;margin:0;padding:0 3.333vw}.page-culture .story-pin{position:relative!important;top:auto!important;perspective:none}.page-culture .principle-slide .story-panel{display:grid;grid-template-columns:var(--principle-grid);gap:var(--principle-gap);align-items:start;width:100%;height:auto;min-height:0;max-height:none;padding:40px 0;border-radius:0;border-top:1px solid currentColor;background:transparent;color:inherit;overflow:visible;transform:none!important;opacity:1!important}.page-culture .principle-slide .story-panel>*{min-width:0}.page-culture .principle-slide:last-child .story-panel{border-bottom:1px solid currentColor}.page-culture .principle-slide .panel-top{display:block;margin:0}.page-culture .principle-slide .panel-label{display:block;background:transparent;padding:0;border-radius:0;font-size:10.45px;opacity:.55}.page-culture .principle-slide .panel-number{position:static;margin-top:18px;font-size:32.3px;color:inherit}.page-culture .principle-slide .panel-title{width:100%;font-size:clamp(30.4px,3.61vw,66.5px);line-height:.98;max-width:none;overflow-wrap:normal}.page-culture .principle-slide .panel-bottom{width:auto;max-width:none;margin:0;gap:18px}.page-culture .principle-slide .panel-bottom h4{font-size:clamp(19px,1.615vw,29.45px)}.page-culture .principle-slide .panel-bottom p{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;font-weight:800}.page-culture .principle-slide .panel-portrait{display:none}.page-culture .dark-section{background:var(--ink);color:#fff}
.page-culture .talent-grid{display:block}.page-culture .talent-card{padding:0;background:transparent!important;border-radius:0;border-top:1px solid var(--line);overflow:visible}.page-culture .talent-card:last-child{border-bottom:1px solid var(--line)}.page-culture .talent-card summary{display:grid;grid-template-columns:140px 1fr minmax(260px,34%);align-items:center;gap:30px;padding:30px 0}.page-culture .talent-photo{display:none}.page-culture .talent-card h3{font-size:clamp(38px,5.7vw,98.8px)}.page-culture .talent-hint{margin:0;font:800 14.25px/1.5 Pretendard,'Apple SD Gothic Neo',sans-serif}.page-culture .talent-card>p{max-width:820px;margin:0 0 34px 170px;font:800 15.2px/1.75 Pretendard,'Apple SD Gothic Neo',sans-serif}
.page-culture .benefits-section{margin:0;padding:110px 5.4vw;border-radius:0;background:transparent}.page-culture .benefit-panel{gap:0;border-top:1px solid var(--line)}.page-culture .benefit-card{padding:30px 26px 34px 0;border-bottom:1px solid var(--line);background:transparent}.page-culture .benefit-visual{height:140px}.page-culture .team-story>img{border-radius:0}
.page-culture .section-heading>p,.page-recruit .section-heading>p{max-width:620px;font-family:Pretendard,'Apple SD Gothic Neo',sans-serif;line-height:1.7}.page-culture .section-heading>p strong{display:inline-block;margin-bottom:8px;font-size:1.15em}
.page-recruit .positions-section{padding-top:110px}.page-recruit .welcome-banner{padding:30px 0;border-radius:0;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);background:transparent}.page-recruit .process-section{margin:0;padding:110px 5.4vw;border-radius:0;background:transparent}.page-recruit .process-track{gap:0;border-top:1px solid var(--line)}.page-recruit .process-step{padding:28px 22px 34px 0;border-bottom:1px solid var(--line)}.page-recruit .process-number{border:0;padding-top:0}.page-recruit .process-step>p{font-family:Pretendard,'Apple SD Gothic Neo',sans-serif}.page-recruit .recruit-end{margin:0;border-radius:0}.page-recruit .faq-section{border-top:1px solid var(--line)}
@media(max-width:991px){.page-culture .principles-section{--principle-index:70px;--principle-gap:24px;--principle-grid:var(--principle-index) minmax(0,.88fr) minmax(0,1.12fr)}.page-culture .talent-card summary{grid-template-columns:100px 1fr minmax(220px,34%)}}
@media(max-width:760px){.page-culture .principles-section{padding-top:70px;padding-bottom:70px}.page-culture .principles-chapter{display:block;padding:0 12px 25px}.page-culture .principles-chapter h2{width:100%;max-width:none}.page-culture .principle-slide .story-panel{display:block;padding:28px 0}.page-culture .principle-slide .panel-top{display:flex;align-items:center;justify-content:space-between}.page-culture .principle-slide .panel-number{margin:0;font-size:24.7px}.page-culture .principle-slide .panel-title{margin:35px 0 28px}.page-culture .talent-card summary{display:block;padding:25px 0}.page-culture .talent-card h3{margin:20px 0}.page-culture .talent-card>p{margin:0 0 28px}.page-culture .benefits-section,.page-recruit .process-section{padding:70px 24px}.page-recruit .welcome-banner{padding:24px 0}.page-recruit .process-step{padding:24px 0 24px 65px}}

/* Lightship-inspired opening: full-screen film, floating photo composition, introduction. */
.floating-gallery{position:relative;height:105vw;max-height:1500px;min-height:850px;background:#fff;overflow:clip;margin:0;padding:0}
.floating-shot{position:absolute;margin:0;border-radius:var(--radius);overflow:hidden;transform:translate3d(0,var(--drift,0px),0);will-change:transform}
.floating-shot img{width:100%;height:100%;object-fit:cover}
.shot-one{left:8%;top:9%;width:27%;height:23%}
.shot-two{left:15%;top:34%;width:20%;height:25%}
.shot-center{left:36%;top:23%;width:27%;height:48%}
.shot-center img{object-position:61% center}
.shot-four{left:65%;top:39%;width:20%;height:25%}
.shot-five{left:66%;top:75%;width:27%;height:20%}
.unicorn-introduction{background:#fff;color:#000;padding:8vw 0 10vw;scroll-margin-top:110px}
.unicorn-introduction .c-words-pile{padding:0;font-size:clamp(51.3px,8.075vw,155.8px)}
.unicorn-introduction .c-words-pile__list{padding-top:50px;gap:20px}
.unicorn-introduction .c-words-pile__word--accent{font-size:clamp(20.9px,1.9vw,34.2px)}
@media(max-width:767px){.floating-gallery{min-height:650px;height:125vw}.floating-shot{border-radius:var(--radius)}.shot-one{left:4%;width:29%}.shot-two{left:8%;width:25%}.shot-center{left:35%;width:30%}.shot-four{left:67%;width:27%}.shot-five{left:67%;width:29%}.unicorn-introduction .c-words-pile{font-size:7.6vw}}
@media(prefers-reduced-motion:reduce){.floating-shot{transform:none;will-change:auto}}

/* The opening phrase stays anchored while the second phrase unfolds to the right. */
.company-hero-copy h1,.company-hero-copy p{transform:none}
.company-hero-line{transform-origin:left center}

/* Full-bleed 16:9 film, with the supplied photograph retained until playback. */
.company-film-hero .hero-media{overflow:hidden}
.hero-youtube{position:absolute;inset:0;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-youtube.is-playing{opacity:1}
.hero-youtube iframe{position:absolute;left:50%;top:50%;width:max(100vw,177.778svh);height:max(100svh,56.25vw);max-width:none;border:0;transform:translate(-50%,-50%);pointer-events:none}

.film-gallery-opening{position:relative;background:#fff;isolation:isolate;overflow:clip}
.film-gallery-opening .company-film-hero{clip-path:none;border-radius:0;overflow:visible;background:transparent;isolation:auto}
.film-gallery-opening .company-film-hero::after{display:none}
.film-gallery-opening .floating-gallery{background:transparent;overflow:visible}
.film-gallery-opening .shot-center{visibility:hidden}
.shared-opening-film{position:absolute;inset:auto;z-index:0;background:#10180a;overflow:hidden;will-change:width,height,top,left}
.shared-opening-film>img{width:100%;height:100%;object-fit:cover}
.shared-opening-film::after{content:'';position:absolute;inset:0;background:#0002;pointer-events:none}
.shared-opening-film .hero-youtube iframe{width:var(--film-width);height:var(--film-height)}
.film-gallery-opening .company-hero-copy,.film-gallery-opening .company-hero-ko{opacity:var(--opening-copy-opacity,1)}

/* Full-width question, retaining the original glyph proportions. */
.unicorn-introduction .c-words-pile__container{width:calc(100% - 3.2vw);max-width:none}
#unicorn-question{font-size:var(--question-fit,9.975vw);line-height:1.05}

.company-hero-copy{justify-content:space-between}

/* Compact globe selector with a vertical language dropdown. */
.lang-switch{display:block;position:relative;flex:none;color:#fff}
.lang-switch summary{display:flex;align-items:center;gap:8px;padding:10px 4px;cursor:pointer;list-style:none;font:600 19px/1.2 var(--body)}
.lang-switch summary::-webkit-details-marker{display:none}
.lang-switch summary svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.6}
.lang-options{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%);width:84px;padding:14px 8px;background:#fff;border-radius:var(--radius);box-shadow:0 8px 30px #0002;display:flex;flex-direction:column;gap:4px;z-index:20}
.lang-switch .lang-options button{width:100%;padding:10px 6px;border-radius:8px;color:#999;font:600 18.05px/1 var(--body)}
.lang-switch .lang-options button[aria-current]{color:#333}
.lang-switch .lang-options button:disabled{opacity:1;cursor:default}
.lang-options button:not(:disabled):hover{background:#f2f2f2}
.lang-switch summary:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:6px}
@media(max-width:1100px){.lang-switch{display:block}.lang-switch summary{font-size:15.2px;gap:5px}.lang-switch summary svg{width:20px;height:20px}}
.site-header:has(.lang-switch[open]){overflow:visible}
.lang-switch{margin-right:16px}

/* Recruiting directory: quiet typography and a consistent editorial grid. */
.page-recruit .positions-section{background:#fff;padding:100px 5.4vw 90px}
.positions-section .section-heading{margin-bottom:48px}
.positions-section .section-heading h2{font-size:clamp(41.8px,4.275vw,72.2px);font-weight:600;letter-spacing:-.025em;line-height:1.05}
.page-recruit .positions-section .welcome-banner{display:grid;grid-template-columns:1fr auto;gap:8px 40px;padding:22px 0 24px;margin-bottom:44px;border-top:1px solid #ddd;border-bottom:1px solid #ddd}
.positions-section .welcome-banner>div{display:flex;align-items:baseline;gap:24px}
.positions-section .welcome-banner .eyebrow{font:500 12.35px/1.5 Pretendard,sans-serif;color:#777;white-space:nowrap}
.positions-section .welcome-banner h3{font:600 17.1px/1.5 Pretendard,sans-serif;letter-spacing:-.02em;margin:0}
.positions-section .welcome-banner p{grid-column:1;font:400 13.3px/1.6 Pretendard,sans-serif;color:#777;margin:0;padding-left:111px}
.positions-section .welcome-banner .text-link{grid-column:2;grid-row:1/3;align-self:center;font:500 12.35px/1.5 Pretendard,sans-serif;text-decoration:underline;text-underline-offset:5px}
.positions-section .job-filter-row{gap:28px;margin:0 0 32px;align-items:center}
.positions-section .job-filters{gap:22px;flex:1}
.positions-section .job-filter{border:0;border-bottom:2px solid transparent;border-radius:0;padding:10px 0;background:none;color:#888;font-size:13.3px;font-weight:500;letter-spacing:0}
.positions-section .job-filter.active{background:none;color:#111;border-bottom-color:#111;font-weight:600}
.positions-section .job-filter:hover{background:none;color:#111}
.positions-section .job-filter sup{margin-left:3px;font-size:9.5px;color:#888}
.positions-section .job-type select{font:400 12.35px/1.5 Pretendard,sans-serif;padding:8px 20px 8px 0}
.positions-section .job-total{font-size:11.4px;font-weight:400}
.positions-section .job-total b{font-weight:500}
.job-list-heading,.positions-section .job-row{display:grid;grid-template-columns:150px minmax(0,1fr) 190px;gap:32px;align-items:center}
.job-list-heading{border-top:1px solid #111;padding:14px 0;font:400 11.4px/1.4 Pretendard,sans-serif;color:#888}
.positions-section .job-row{padding:28px 0;min-height:106px;border-color:#e5e5e5;transition:background .2s}
.positions-section .job-row:hover{padding:28px 0;background:#fafafa}
.positions-section .job-category{font-size:12.35px;font-weight:400;letter-spacing:0;color:#777}
.positions-section .job-row h3{font-size:clamp(19px,1.5675vw,25.65px);font-weight:600;letter-spacing:-.015em;line-height:1.4}
.positions-section .job-meta{font:400 12.35px/1.5 Pretendard,sans-serif;gap:3px;color:#777}
.positions-section .job-arrow{display:none}
.positions-section .jobs-foot{margin-top:22px;font-weight:400}
@media(max-width:760px){.page-recruit .positions-section{padding:65px 24px}.positions-section .welcome-banner>div{display:block}.positions-section .welcome-banner h3{font-size:15.2px}.positions-section .welcome-banner p{padding:0}.positions-section .job-filter-row{flex-wrap:wrap;display:flex}.positions-section .job-filters{flex-basis:100%;gap:18px}.job-list-heading{display:none}.positions-section .job-row{grid-template-columns:1fr;gap:8px}.positions-section .job-meta{flex-direction:row;gap:12px}}

/* The gallery itself is the backdrop for the question's inverted lettering. */
.gallery-question#unicorn-question{position:absolute;z-index:5;top:48%;left:1.6%;width:96.8%;margin:0;transform:translateY(-50%);color:#fff;mix-blend-mode:difference;pointer-events:none;text-align:center;font-family:var(--body);font-weight:800;line-height:1.05;letter-spacing:-.02em}
.film-gallery-opening .floating-gallery{isolation:auto}
.unicorn-introduction{padding-top:0}

.product-project .brand-project-art{width:100%;height:100%;border-radius:var(--radius);background:#FF0909;display:grid;place-items:center;overflow:hidden}
.brand-project-art img{width:70%;height:auto;max-height:70%;object-fit:contain}

.floating-gallery .shot-one img{object-position:center 35%}
.floating-gallery .shot-five img{object-position:center 62%}

/* Individually composed manifesto cards using the supplied brand stickers. */
.floating-gallery .statement-shot{background:#000;color:#fff;container-type:inline-size}
.floating-gallery .shot-one.statement-shot{top:1%;height:21.7%}
.floating-gallery .shot-five.statement-shot{top:70%;height:20.3%}
.statement-shot figcaption{position:absolute;left:5%;right:5%;top:43%;transform:translateY(-50%);text-align:center;font:800 9.025cqw/1.3 Pretendard,sans-serif;letter-spacing:-.025em;word-break:keep-all}
.floating-gallery .statement-shot .statement-sticker{position:absolute;left:50%;bottom:12%;transform:translateX(-50%);width:23%;height:22%;object-fit:contain;object-position:center}

/* Product reverse: only the name above and the original description below. */
.product-face-back{align-items:center;text-align:center;padding:12% 8% 8%;justify-content:space-between}
.product-face-back h3,:root[data-latin-font=viga] .product-face-back h3{width:100%;margin:0;font-size:clamp(25px,3.18vw,63.5px);line-height:1;letter-spacing:-.035em;font-weight:800}
.product-face-back p{width:100%;max-width:28ch;margin:0;font:800 clamp(12px,1.13vw,21px)/1.45 Pretendard,sans-serif;letter-spacing:-.025em;text-wrap:balance;word-break:keep-all}

/* Keep the complete five-frame composition within one desktop viewport. */
@media(min-width:992px){
  .film-gallery-opening .floating-gallery{height:calc(100svh - 100px);min-height:560px;max-height:1000px}
  .floating-gallery .shot-one.statement-shot{left:3%;top:5%;width:22%;height:28%}
  .floating-gallery .shot-two{left:7%;top:51%;width:18%;height:41%}
  .floating-gallery .shot-center{left:27%;top:29%;width:46%;height:auto;aspect-ratio:16/10}
  .floating-gallery .shot-four{left:75%;top:8%;width:18%;height:40%}
  .floating-gallery .shot-five.statement-shot{left:75%;top:55%;width:22%;height:28%}
  .gallery-question#unicorn-question{top:50%}
}

/* Product rail can be moved directly without clipping the rotating faces. */
.product-carousel{touch-action:pan-y;cursor:grab}
.product-carousel.is-dragging{cursor:grabbing;user-select:none}
.product-carousel.is-dragging .product-flip-inner{transform:rotateY(0)!important}
.product-stage-description{padding:0 2vw 20px;margin-top:-.6vw}
.product-stage-description p{max-width:none!important;white-space:nowrap;font-size:clamp(15.2px,2.2325vw,43.7px)!important;line-height:1.4;font-weight:800;letter-spacing:-.055em}
/* Six original graphic panels, with a shared reading area. */
.culture-values{padding:90px 0;background:#fff;color:#101010}
.values-intro{display:grid;grid-template-columns:1fr 2fr 2fr;gap:35px;padding:0 3.3vw 65px;align-items:start}
.values-intro>span{font-size:12.35px}.values-intro h2{font-size:clamp(22.8px,2.565vw,45.6px);line-height:1.25}
.values-strip{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}
.value-tile{--tile-bg:#f4b5c4;--tile-accent:#fff;position:relative;display:flex;flex-direction:column;align-items:stretch;text-align:left;background:var(--tile-bg);color:#e60012;padding:25px 18px 36px;min-width:0;border-radius:0;overflow:hidden}
.value-1{--tile-bg:#e60012;--tile-accent:#fff;color:#ffdb38}.value-2{--tile-bg:#ffdb38;--tile-accent:#e60012;color:#171717}.value-3{--tile-bg:#c8b3ef;color:#e60012}.value-4{--tile-bg:#151515;--tile-accent:#fff;color:#e60012}.value-5{--tile-bg:#cceda2;color:#151515}
.value-number{font:800 11.4px/1 sans-serif;color:inherit;opacity:.7}
.value-art{width:100%;height:clamp(230px,25vw,480px);overflow:visible;transition:transform .65s cubic-bezier(.2,.7,.2,1)}
.value-tile:hover .value-art,.value-tile:focus-visible .value-art{transform:translateY(-10px) rotate(-4deg)}
.value-tile h3{font-family:var(--latin);font-size:clamp(18.05px,1.805vw,34.2px);letter-spacing:-.045em;line-height:1.06;color:#111;min-height:3.2em}
.value-1 h3,.value-4 h3{color:#fff}
.value-open{position:absolute;right:15px;top:18px;font-size:20.9px;transition:transform .25s}
.value-tile[aria-expanded=true] .value-open{transform:rotate(90deg)}
.value-detail{display:grid;grid-template-columns:60px minmax(230px,1fr) 1.5fr;gap:35px;padding:52px 3.3vw 0}
.value-detail>span{color:#e60012;font-size:14.25px}.value-detail h3{font-size:clamp(20.9px,2.09vw,34.2px);line-height:1.4}.value-detail p{font-size:clamp(14.25px,1.045vw,19px);line-height:1.8;max-width:760px}
@media(max-width:767px){.values-strip{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.value-tile{flex:0 0 65vw;scroll-snap-align:start}.value-art{height:300px}.value-tile h3{font-size:28.5px}.values-intro{grid-template-columns:1fr;padding-bottom:30px}.values-intro h2{font-size:24.7px}.value-detail{grid-template-columns:25px 1fr;gap:15px;padding:30px 6vw 0}.value-detail p{grid-column:2}.product-stage-description{overflow-x:auto}.product-stage-description p{font-size:19px!important}.culture-values{padding:50px 0}}

/* Taller core-value panels with space reserved for future artwork. */
.value-tile{min-height:clamp(560px,46vw,900px);padding-bottom:50px}
.value-art-space{display:block;flex:1;min-height:360px}
.value-tile h3{margin-top:30px}
@media(max-width:767px){.value-tile{min-height:600px}.value-art-space{min-height:380px}}

/* Keep the Korean statement on the right, with left-aligned lines. */
.company-hero-ko{left:auto;right:3.33vw;bottom:36px;text-align:left}
@media(max-width:991px){.company-hero-ko{left:auto;right:26px}}
@media(max-width:760px){.company-hero-ko{max-width:calc(100% - 52px);bottom:84px}}

/* Recruiting journey: curved type selector and a quiet reading column. */
.page-recruit .journey-orbit{padding:0;background:#000;color:#fff;height:240svh;position:relative}
.journey-sticky{position:sticky;top:0;height:100svh;min-height:740px;overflow:hidden;padding:115px 4.5vw 28px;display:flex;flex-direction:column}
.journey-orbit .section-label{color:inherit;margin-bottom:22px}
.journey-orbit .section-heading{display:flex;align-items:start;justify-content:space-between;margin:0;gap:24px}
.journey-orbit .section-heading h2{font-size:clamp(24.7px,2.85vw,45.6px);line-height:1.05;letter-spacing:-.035em}
.journey-orbit .section-heading h2 span{color:inherit}
.journey-orbit .section-heading>p{font-size:13.3px;line-height:1.65;color:#aaa;max-width:310px}
.journey-orbit .process-track{position:relative;display:block;flex:1;min-height:390px;border:0;margin:0;padding:0}
.journey-choice{position:absolute;left:10%;top:46%;display:flex;align-items:center;gap:18px;width:53%;padding:12px 0;background:none;color:inherit;text-align:left;font-family:Pretendard,sans-serif;font-weight:700;font-size:clamp(30.4px,4.56vw,79.8px);letter-spacing:-.055em;line-height:1.1;white-space:nowrap;--orbit-radius:clamp(360px,38vw,880px);transform-origin:calc(-1 * var(--orbit-radius)) 50%;transform:translateY(-50%) rotate(calc(var(--offset) * 13deg - 3deg));opacity:var(--stage-opacity,.09);transition:transform .7s cubic-bezier(.22,.7,.2,1),opacity .5s;cursor:pointer;z-index:1}
.journey-choice span{font-size:11.4px;letter-spacing:0;font-weight:500;min-width:20px}
.journey-choice.is-active{opacity:1}.journey-choice:hover{opacity:var(--stage-opacity,.09)}.journey-choice:focus-visible{outline:2px solid #fff;outline-offset:6px}
.journey-detail{position:absolute;left:62%;right:0;top:44%;transform:translateY(-35%);max-width:470px}
.journey-detail[hidden]{display:none}.journey-detail .eyebrow{font-size:10.45px;letter-spacing:.12em;color:#aaa}.journey-detail h3{font:700 clamp(20.9px,1.9vw,32.3px)/1.3 Pretendard,sans-serif;margin:20px 0}.journey-detail p{font:400 clamp(12.35px,0.95vw,16.15px)/1.85 Pretendard,sans-serif;word-break:keep-all;color:#ccc}
.journey-orbit .process-note{position:relative;z-index:2;display:flex;gap:35px;border-top:1px solid #ffffff30;margin:0;padding:20px 0 0;background:#000;color:#ccc;flex-shrink:0}.journey-orbit .process-note span{font-size:9.5px}.journey-orbit .process-note p{font:400 11.4px/1.7 Pretendard,sans-serif}
@media(max-width:767px){.page-recruit .journey-orbit{height:auto}.journey-sticky{position:relative;height:auto;min-height:900px;padding:100px 24px 30px}.journey-orbit .section-heading>p{display:none}.journey-orbit .process-track{min-height:640px}.journey-choice{left:0;top:115px;width:100%;font-size:28.5px;--orbit-radius:230px;transform:translateY(-50%) rotate(calc(var(--offset) * 13deg - 3deg))}.journey-detail{left:0;right:0;top:355px;transform:none;max-width:none}.journey-detail p{font-size:12.35px}.journey-orbit .process-note{display:block}.journey-orbit .process-note p{margin-top:12px}}
@media(prefers-reduced-motion:reduce){.journey-choice{transition:none}}

/* Keep the recruiting note in its own lower-right container. */
.journey-orbit .process-note{align-self:flex-end;width:38%;max-width:470px;display:block;margin:0;padding:20px 24px;border:1px solid #ffffff30;border-radius:var(--radius);background:#111;color:#ccc}
.journey-orbit .process-note>span{display:block;margin-bottom:10px;font-size:10.45px;color:#fff;letter-spacing:.06em}
.journey-orbit .process-note p{margin:0;font:400 11.4px/1.7 Pretendard,sans-serif;word-break:keep-all}
@media(max-width:767px){.journey-orbit .process-note{width:100%;max-width:none;padding:18px 20px}}

/* All journey descriptions share the tallest panel's alignment box. */
.journey-detail{height:var(--journey-detail-height,300px)}
.journey-detail h3{margin-top:0}
.journey-detail.is-measuring{display:block!important;visibility:hidden;pointer-events:none;height:auto}
@media(max-width:767px){.journey-detail{height:auto}}

@font-face{font-family:RedHatDisplay;src:url('/assets/red-hat-display.ttf') format('truetype');font-weight:300 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00C0-024F}
:root[data-latin-font=redhat]{--latin-font:RedHatDisplay}
.font-review-options button[data-font-choice=redhat]{font-family:RedHatDisplay,sans-serif}

/* Full-width city typography interleaved with landscape films. */
.global-cities-section{position:relative;z-index:3;background:#fff;color:#000;padding:80px 0 65px;overflow:hidden}
.global-cities-intro{padding:0 4vw 60px}.global-cities-intro h2{font:800 clamp(22.8px,2.47vw,45.6px)/1.05 var(--body);letter-spacing:-.055em}.global-cities-intro p{font:500 15.2px/1.6 Pretendard,sans-serif;margin-top:14px}
.city-film-rows{display:flex;flex-direction:column;gap:2.4vw}.city-film-row{overflow:hidden}.city-film-track{display:flex;width:max-content;animation:city-film-flow 65s linear infinite}.city-film-set{display:flex;flex-shrink:0;align-items:center;gap:2vw;padding-right:2vw}.city-film-set>span{font:800 clamp(60.8px,8.55vw,190px)/1 var(--body);letter-spacing:-.055em;white-space:nowrap}.city-film{display:block;width:20vw;height:9.3vw;min-width:170px;min-height:80px;object-fit:cover;border-radius:var(--radius);flex-shrink:0;background:#ddd}.city-film-row-0 .city-film-track{animation-delay:-8s}.city-film-row-1 .city-film-track{animation-direction:reverse;animation-delay:-25s}.city-film-row-2 .city-film-track{animation-delay:-3s}
.global-cities-message{text-align:center;padding:65px 4vw 0}.global-cities-message h3{font:800 clamp(19px,2.85vw,51.3px)/1.15 var(--body);letter-spacing:-.05em}.global-cities-message p{margin-top:22px;font:400 11.4px/1.5 var(--body)}
@keyframes city-film-flow{to{transform:translateX(-50%)}}
@media(max-width:767px){.global-cities-section{padding:55px 0 45px}.global-cities-intro{padding-bottom:38px}.city-film-rows{gap:20px}.city-film-set{gap:20px;padding-right:20px}.city-film{border-radius:var(--radius)}.global-cities-message{padding-top:38px}.global-cities-intro p{font-size:13.3px}}
@media(prefers-reduced-motion:reduce){.city-film-track{animation:none}}

/* Continuous rolling rows, with one shared type and film scale. */
.city-film-rows{--city-type:clamp(60.8px,8.835vw,199.5px);--city-height:clamp(80px,9.3vw,210px);gap:2.4vw}
.city-film-set>span{font-size:var(--city-type)}
.city-film{width:20.2vw;height:var(--city-height);min-width:170px;min-height:0;border-radius:var(--radius)}
@media(max-width:767px){.city-film-rows{gap:18px}.city-film{border-radius:8px}}

.product-answer-group{display:flex;flex-direction:column;gap:clamp(28px,3vw,64px);flex:none}
.product-answer-group .product-stage-description{margin-top:0;padding:0 2vw 20px}

/* Reference proportions: 1788 × 985, with three independently anchored text blocks. */
.vision-section{position:relative;z-index:3;container-type:inline-size;aspect-ratio:1788 / 985;margin:clamp(24px,3.333vw,64px) 1.2vw;border-radius:var(--radius);overflow:hidden;background:#000;color:#fff;text-align:center;padding:0}
.vision-label{position:absolute;top:4.6%;left:0;width:100%;margin:0;font:400 1.4915cqw/1.3 var(--body)}
.vision-section h2{position:absolute;top:48%;left:0;width:100%;transform:translateY(-50%);margin:0;font:800 4.465cqw/1.25 var(--body);letter-spacing:-.045em}
.vision-korean{position:absolute;bottom:4.6%;left:0;width:100%;margin:0;font:400 1.805cqw/1.3 'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;word-break:keep-all}
@media(max-width:767px){.vision-section{min-height:360px;border-radius:var(--radius)}.vision-label{font-size:15.2px;top:7%}.vision-section h2{font-size:4.465cqw}.vision-korean{font-size:13.3px;bottom:7%}}

/* Match the navigation shell to its circular action button. */
@media(min-width:992px){.site-header{border-radius:999px}}

/* Scroll-built global headline and masked WORLD block. */
.global-cities-intro{min-height:65svh;padding:8vw 3vw;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
.global-cities-intro h2{font:800 clamp(26.6px,5.51vw,106.4px)/1.15 var(--body);letter-spacing:-.045em;width:100%}
.global-born{display:block;margin-bottom:.24em;opacity:var(--born-show,1);transform:translateY(calc((1 - var(--born-show,1))*35px))}
.global-built{display:flex;align-items:center;justify-content:center;gap:.2em}
.global-built-copy{opacity:var(--built-show,1);transform:translateY(calc((1 - var(--built-show,1))*35px))}
.global-world-mask{display:inline-block;background:#000;color:#fff;overflow:hidden;padding:.03em .16em .1em;clip-path:inset(0 calc((1 - var(--world-show,1))*100%) 0 0);transform:translateX(calc((1 - var(--world-show,1))*60px))}
.global-world-mask>span{display:block;line-height:1}
.global-cities-intro p{margin-top:28px;opacity:var(--world-show,1)}
@media(max-width:767px){.global-cities-intro{min-height:45svh;padding:60px 3vw}.global-cities-intro h2{font-size:5.51vw}}

@media(max-width:991px){.vision-section{margin-left:12px;margin-right:12px}}

/* Match the headings above and below the rolling city films. */
.global-cities-intro{min-height:0;padding:0 4vw 65px;text-align:center}
.global-cities-intro h2{font:800 clamp(19px,2.85vw,51.3px)/1.15 var(--body);letter-spacing:-.05em}
.global-cities-intro p{margin-top:18px}
@media(max-width:767px){.global-cities-intro{min-height:0;padding:0 4vw 38px}.global-cities-intro h2{font-size:clamp(19px,2.85vw,51.3px)}}

.global-cities-intro p{order:-1;margin:0 0 8px;font:600 clamp(12.35px,1.045vw,17.1px)/1.5 'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:0}

.work-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#000;color:#fff;border-radius:999px;padding:22px 36px;font:500 clamp(17.1px,1.52vw,26.6px)/1.2 var(--body);letter-spacing:-.04em;white-space:nowrap;transition:background .2s}
.work-cta svg{width:1em;height:1em;flex:none}.work-cta:hover{background:#222}.work-cta:focus-visible{outline:2px solid #fff;outline-offset:5px}
@media(max-width:760px){.work-cta{margin-top:25px;padding:20px 28px}}

/* A full-bleed black surface masks down to the existing vision card. */
.vision-section{margin-left:0;margin-right:0;border-radius:0;overflow:visible;background:transparent;isolation:isolate;aspect-ratio:1832 / 985}
.vision-section::before{content:'';position:absolute;inset:0;background:#000;z-index:-1;clip-path:inset(0 var(--vision-inset,1.2vw) round var(--vision-round,2.4vw));will-change:clip-path}
@media(max-width:991px){.vision-section{margin-left:0;margin-right:0}.vision-section::before{clip-path:inset(0 var(--vision-inset,12px) round var(--vision-round,24px))}}
@media(prefers-reduced-motion:reduce){.vision-section::before{will-change:auto}}

/* Four shared blocks connect revenue growth to the resulting milestones. */
.growth-journey{position:relative;background:#fff;color:#000;height:240svh}
.growth-journey-stage{position:sticky;top:0;height:100svh;min-height:680px;padding:clamp(115px,10vh,160px) 12.8vw 7vh;display:flex;flex-direction:column;justify-content:center;gap:clamp(24px,3vw,55px)}
.growth-journey h2{font:700 clamp(22.8px,2.28vw,43.7px)/1.3 Pretendard,sans-serif;letter-spacing:-.035em;position:relative;z-index:2}
.growth-morph-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5vw;align-items:end;height:clamp(300px,29vw,520px);flex:none}
.growth-morph-card{position:relative;height:calc(var(--growth-height,1)*100%);border-radius:var(--radius);background:#eaeaea;overflow:hidden;will-change:height}
.growth-morph-card:nth-child(1){--growth-height:.5}.growth-morph-card:nth-child(2){--growth-height:.65}.growth-morph-card:nth-child(3){--growth-height:.825}
.growth-morph-target{background:rgb(var(--growth-red,230),var(--growth-green,0),var(--growth-blue,18))}
.growth-morph-face{position:absolute;inset:0;padding:1.7vw;display:flex;flex-direction:column;justify-content:space-between;gap:15px}
.growth-morph-face p{font:600 clamp(11.4px,1.1875vw,20.9px)/1.3 Pretendard,sans-serif;letter-spacing:-.035em}
.growth-morph-face strong{display:block;font:700 clamp(28.5px,4.4175vw,79.8px)/1 var(--body);letter-spacing:-.06em;white-space:nowrap}
.growth-target-label{display:block;font:700 clamp(17.1px,1.9vw,30.4px)/1.4 Pretendard,sans-serif;margin-bottom:5px}
.growth-revenue{opacity:var(--revenue-opacity,1);transform:translateY(var(--revenue-shift,0px))}
.growth-results{opacity:var(--results-opacity,0);transform:translateY(var(--results-shift,18px))}
@media(max-width:767px){.growth-journey-stage{padding:100px 5vw 45px;min-height:580px}.growth-journey h2{font-size:22.8px}.growth-morph-grid{height:300px;gap:8px}.growth-morph-card{border-radius:var(--radius)}.growth-morph-face{padding:10px}.growth-morph-face p{font-size:9.5px}.growth-morph-face strong{font-size:5.7vw}.growth-target-label{font-size:13.3px}}
@media(prefers-reduced-motion:reduce){.growth-morph-card{will-change:auto}}

/* Growth: editorial heading at left, a single inset graph panel at right. */
.growth-journey-stage{display:grid;grid-template-columns:25% minmax(0,1fr);align-items:center;gap:1.5vw;padding:110px 1.2vw 35px}
.growth-journey-heading{align-self:start;margin-top:18px}
.growth-journey h2{font-size:clamp(19px,1.9vw,34.2px);line-height:1.25;letter-spacing:-.04em}
.growth-journey-heading>p{margin-top:12px;font:600 clamp(8.55px,0.9025vw,15.2px)/1.4 var(--body);color:#888;letter-spacing:-.04em}
.growth-graph-panel{height:min(72svh,46vw);min-height:420px;background:#eaeaea;border-radius:var(--radius);padding:1.7vw;display:flex;align-items:flex-end}
.growth-morph-grid{width:100%;height:61%;min-height:260px;gap:1.3vw}
.growth-morph-card{background:#fff;border-radius:var(--radius)}
.growth-morph-target{background:rgb(var(--growth-red,230),var(--growth-green,0),var(--growth-blue,18))}
.growth-morph-face{padding:1.5vw}
.growth-morph-face strong{font-size:clamp(28.5px,4.4175vw,79.8px)}
@media(max-width:767px){.growth-journey-stage{grid-template-columns:1fr;align-content:center;gap:24px;padding:90px 12px 30px}.growth-journey-heading{margin:0}.growth-journey h2{font-size:20.9px}.growth-graph-panel{height:48svh;min-height:320px;padding:12px}.growth-morph-grid{min-height:230px;gap:8px}.growth-morph-face{padding:10px}.growth-morph-face strong{font-size:5.7vw}}
.growth-journey-heading{align-self:center;height:min(72svh,46vw);min-height:420px;margin:0;padding-top:18px}
@media(max-width:767px){.growth-journey-heading{height:auto;min-height:0;padding-top:0}}
@media(min-width:768px){
  .growth-journey-stage{padding-top:100px;padding-bottom:20px}
  .growth-graph-panel,.growth-journey-heading{height:calc(100svh - 120px);min-height:0}
}

/* Text-only blocks sit comfortably inside the header's outer edges. */
:root{--text-gutter:clamp(28px,4vw,80px)}
.product-stage-title,.product-stage-bottom{padding-left:var(--text-gutter);padding-right:var(--text-gutter)}
.product-answer-group .product-stage-description{padding-left:var(--text-gutter);padding-right:var(--text-gutter)}
.product-stage-description p{font-size:clamp(13.3px,1.995vw,39.9px)!important}
.global-cities-intro,.global-cities-message{padding-left:var(--text-gutter);padding-right:var(--text-gutter)}
.growth-journey-heading{padding-left:clamp(14px,1.8vw,32px);padding-right:12px}
@media(max-width:767px){.growth-journey-heading{padding-left:16px;padding-right:16px}.product-stage-description p{white-space:normal;font-size:15.2px!important;word-break:keep-all}}

/* Slightly quieter scale across Company, Culture and Recruit. */
.work-cta{padding:20px 32px;gap:9px}
.global-cities-section{padding-top:72px;padding-bottom:58px}
.global-cities-intro{padding-bottom:58px}
.global-cities-message{padding-top:58px}
.channel-section{padding-top:117px;padding-bottom:99px}
@media(max-width:767px){.global-cities-section{padding:50px 0 40px}.global-cities-intro{padding-bottom:34px}.global-cities-message{padding-top:34px}.channel-section{padding:68px 0 63px}.work-cta{padding:18px 25px}}

/* Culture opening follows the paired black headline / red Spark panels. */
.culture-work-hero{display:grid;grid-template-columns:minmax(0,3.9fr) minmax(0,1fr);gap:1.65vw;margin:106px 1.2vw 70px;height:29.5vw;min-height:320px;max-height:620px}
.culture-work-title,.culture-work-art{border-radius:var(--radius);overflow:hidden;position:relative}
.culture-work-title{background:#050505;color:#fff;display:flex;flex-direction:column;justify-content:space-between;padding:2.4vw 3.2vw}
.culture-work-title h1{font:800 clamp(55px,8.3vw,160px)/1 var(--body);letter-spacing:-.045em;white-space:nowrap}
.culture-work-title p{font:600 clamp(18px,1.9vw,34px)/1.3 Pretendard,sans-serif;letter-spacing:-.025em}
.culture-work-art{background:#e60012}
.culture-work-art svg{width:100%;height:100%;object-fit:cover}
.culture-work-art img{position:absolute;width:42%;height:auto;right:12%;bottom:14%;transform:rotate(-8deg)}
@media(max-width:991px){.culture-work-hero{margin:88px 12px 50px}}
@media(max-width:600px){.culture-work-hero{grid-template-columns:minmax(0,3fr) minmax(0,1fr);height:240px;min-height:0;gap:10px}.culture-work-title{padding:24px 18px}.culture-work-title h1{font-size:8vw}.culture-work-title p{font-size:14px;word-break:keep-all}.culture-work-title,.culture-work-art{border-radius:var(--radius)}}

/* Matching Culture / Recruit editorial headers. */
.recruit-join-hero .culture-work-title{background:#e60012}
.recruit-join-hero .culture-work-title h1{font-size:clamp(48px,7.65vw,150px)}
.recruit-join-hero .culture-work-title p{font-size:clamp(16px,1.7vw,30px)}
.recruit-join-art{position:relative;overflow:hidden;border-radius:var(--radius);background:#050000;display:grid;place-items:center}
.recruit-brand-collage{position:relative;width:84%;aspect-ratio:1/1.04}
.recruit-unicorn{position:absolute;left:3%;top:0;width:40%;filter:brightness(0) invert(1) drop-shadow(1px 0 #e60012) drop-shadow(-1px 0 #e60012) drop-shadow(0 1px #e60012) drop-shadow(0 -1px #e60012)}
.recruit-star{position:absolute;right:6%;top:1%;width:42%;height:auto}
.recruit-yu{position:absolute;top:36%;left:4%;right:8%;display:flex;justify-content:space-between;font:900 clamp(55px,8.1vw,155px)/1 Georgia,serif;letter-spacing:-.06em}
.recruit-yu span:first-child{color:#e60012;-webkit-text-stroke:1px white}
.recruit-yu span:last-child{color:white;-webkit-text-stroke:1px #e60012}
.recruit-brand-tag{position:absolute;bottom:0;right:-4%;background:#e60012;color:white;border:1px solid white;font:800 clamp(7px,.8vw,15px)/.95 Arial,sans-serif;padding:2px;writing-mode:vertical-rl;transform:rotate(180deg)}
@media(max-width:600px){.recruit-join-hero .culture-work-title h1{font-size:6.6vw}.recruit-join-hero .culture-work-title p{font-size:13px}.recruit-join-art{border-radius:var(--radius)}.recruit-yu{font-size:8vw}}

/* Revenue reference: centered introduction above the full-width graph. */
.growth-journey-stage{grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);align-content:stretch;gap:clamp(40px,6vw,85px);padding:110px 1.8vw 22px}
.growth-journey-heading{height:auto;min-height:0;align-self:auto;margin:0;padding:0 20px;text-align:center}
.growth-journey h2{font-size:clamp(23px,2.65vw,38px);line-height:1.25}
.growth-graph-panel{height:100%;min-height:0;width:100%;padding:clamp(16px,2.4vw,32px);border-radius:var(--radius)}
.growth-morph-grid{height:94%;min-height:0;gap:1.85vw}
.growth-morph-face{padding:clamp(14px,2vw,28px)}
.growth-morph-face p{font-size:clamp(12px,1.5vw,21px)}
.growth-morph-face strong{font-size:clamp(36px,6vw,86px)}
.growth-target-label{font-size:clamp(20px,2.5vw,34px)}
@media(max-width:767px){
 .growth-journey-stage{padding:100px 12px 24px;gap:36px;min-height:620px}
 .growth-journey-heading{padding:0 12px}
 .growth-journey h2{font-size:22px}
 .growth-graph-panel{padding:12px;border-radius:var(--radius)}
 .growth-morph-grid{gap:8px;height:90%}
 .growth-morph-face{padding:10px 8px}
 .growth-morph-face p{font-size:10px}
 .growth-morph-face strong{font-size:6vw}
 .growth-target-label{font-size:16px}
}
.growth-graph-panel{max-height:42vw;align-self:start}
@media(max-width:767px){.growth-graph-panel{max-height:none}}

/* Spacious recruiting list, with secondary details and department badges. */
.positions-section .job-total{margin:34px 16px 22px;text-align:left;font:500 clamp(20px,2vw,28px)/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#4e5968;letter-spacing:-.035em}
.positions-section .job-total>span,.positions-section .job-total b{color:#3182f6;font-weight:500}
.positions-section .job-row{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;gap:10px 30px;min-height:126px;padding:26px 18px;border:0;border-radius:var(--radius);color:#4e5968;transition:background .2s}
.positions-section .job-row:last-child{border:0}
.positions-section .job-row:hover,.positions-section .job-row:focus-visible{padding:26px 18px;background:#f7f8fa}
.positions-section .job-row:focus-visible{outline:2px solid #3182f6;outline-offset:2px}
.positions-section .job-row h3{grid-column:1;grid-row:1;font:600 clamp(22px,2.1vw,32px)/1.4 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.025em}
.positions-section .job-meta{grid-column:1;grid-row:2;display:flex;flex-direction:row;flex-wrap:wrap;gap:0;color:#8b95a1;font:400 clamp(16px,1.6vw,23px)/1.5 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.positions-section .job-meta span+span:before{content:"·";margin:0 9px}
.positions-section .job-category{grid-column:2;grid-row:1/3;justify-self:end;align-self:center;padding:6px 13px;border-radius:999px;background:#e5e7eb;color:#4e5968;font:600 clamp(13px,1.3vw,18px)/1.3 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;white-space:nowrap}
.positions-section .job-filter-row{margin-bottom:24px}
@media(max-width:760px){
 .positions-section .job-total{margin:26px 10px 16px;font-size:20px}
 .positions-section .job-row,.positions-section .job-row:hover,.positions-section .job-row:focus-visible{grid-template-columns:minmax(0,1fr) auto;gap:7px 12px;padding:22px 10px;border-radius:var(--radius);min-height:112px}
 .positions-section .job-row h3{font-size:19px;overflow-wrap:anywhere}
 .positions-section .job-meta{font-size:14px;gap:0}
 .positions-section .job-category{font-size:12px;padding:5px 9px}
}
/* Recruiting controls and typography follow the YOUR UNICORN identity. */
.positions-section .job-filter-row{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin:0 0 34px}
.positions-section .job-filters{display:flex;flex:1;flex-wrap:wrap;gap:8px}
.positions-section .job-filter{min-height:44px;padding:10px 17px;border:1px solid #e5e5e5;border-radius:999px;background:#f5f5f5;color:#555;font:600 14px/1.4 var(--body);letter-spacing:-.02em;transition:background .18s,color .18s,border-color .18s}
.positions-section .job-filter.active{background:#050505;color:white;border-color:#050505;font-weight:600}
.positions-section .job-filter:hover{background:#e60012;border-color:#e60012;color:white}
.positions-section .job-filter sup{color:inherit;opacity:.65;font-size:10px;margin-left:4px}
.positions-section .job-type{position:relative;flex:none}
.positions-section .job-type:after{content:"";position:absolute;right:18px;top:17px;width:7px;height:7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);pointer-events:none}
.positions-section .job-type select{appearance:none;max-width:none;min-width:150px;min-height:44px;padding:10px 42px 10px 18px;border:1px solid #e5e5e5;border-radius:999px;background:white;color:#151513;font:500 14px/1.4 var(--body)}
.positions-section .job-total{color:#151513;font-family:var(--body);font-size:clamp(19px,1.8vw,25px);font-weight:500;letter-spacing:-.035em}
.positions-section .job-total>span,.positions-section .job-total b{color:var(--red);font-weight:700}
.positions-section .job-row{color:#151513;border-radius:var(--radius)}
.positions-section .job-row h3{font-family:var(--body);font-size:clamp(21px,2vw,29px);font-weight:700;letter-spacing:-.035em}
.positions-section .job-meta{font-family:var(--body);font-size:clamp(14px,1.2vw,17px);font-weight:400;color:#777}
.positions-section .job-category{background:#f0f0f0;color:#151513;font-family:var(--body);font-size:13px;font-weight:500;padding:8px 14px}
.positions-section .job-row:hover,.positions-section .job-row:focus-visible{background:#f5f5f5}
.positions-section .job-row:hover .job-category,.positions-section .job-row:focus-visible .job-category{background:#050505;color:#fff}
.positions-section .job-row:focus-visible,.positions-section .job-filter:focus-visible,.positions-section .job-type select:focus-visible{outline:2px solid var(--red);outline-offset:3px}
@media(max-width:760px){
 .positions-section .job-filters{flex-basis:100%;gap:7px}
 .positions-section .job-filter{font-size:12px;min-height:40px;padding:9px 13px}
 .positions-section .job-type{margin-left:auto}
 .positions-section .job-type select{font-size:13px;min-width:140px}
 .positions-section .job-row h3{font-size:19px}
 .positions-section .job-meta{font-size:13px}
 .positions-section .job-category{font-size:11px;padding:7px 10px}
}

/* A contained welcome note above the position filters. */
.page-recruit .positions-section .welcome-banner{grid-template-columns:minmax(0,1fr) auto;gap:10px 32px;padding:28px 32px;margin-bottom:36px;border:0;border-radius:var(--radius);background:#f5f5f5}
.positions-section .welcome-banner>div{display:flex;flex-wrap:wrap;align-items:center;gap:12px 18px}
.positions-section .welcome-banner .eyebrow{padding:6px 11px;border-radius:999px;background:white;color:var(--red);font:600 12px/1.4 var(--body)}
.positions-section .welcome-banner h3{font:600 clamp(17px,1.5vw,22px)/1.45 var(--body);letter-spacing:-.03em}
.positions-section .welcome-banner p{padding:0;color:#777;font:400 14px/1.6 var(--body)}
.positions-section .welcome-banner .text-link{padding:12px 19px;border-radius:999px;background:#050505;color:#fff;text-decoration:none;font:500 13px/1.4 var(--body);white-space:nowrap;transition:background .2s}
.positions-section .welcome-banner .text-link:hover{background:var(--red)}
@media(max-width:760px){
 .page-recruit .positions-section .welcome-banner{grid-template-columns:1fr;padding:22px;gap:14px;border-radius:var(--radius)}
 .positions-section .welcome-banner>div{display:flex;align-items:flex-start;flex-direction:column;gap:12px}
 .positions-section .welcome-banner h3{font-size:17px}
 .positions-section .welcome-banner p{font-size:13px}
 .positions-section .welcome-banner .text-link{grid-column:1;grid-row:auto;justify-self:start;margin:0}
}
.page-recruit .positions-section .welcome-banner{width:calc(100vw - 2.4vw);margin-left:calc(50% - 50vw + 1.2vw);margin-right:0}
@media(max-width:991px){.page-recruit .positions-section .welcome-banner{width:calc(100vw - 24px);margin-left:calc(50% - 50vw + 12px)}}

.gallery-question-copy{position:absolute;z-index:5;top:48%;left:1.6%;width:96.8%;transform:translateY(-50%);color:#fff;mix-blend-mode:difference;pointer-events:none;text-align:center}
.gallery-question-copy .gallery-question#unicorn-question{position:relative;top:auto;left:auto;width:100%;transform:none;mix-blend-mode:normal}
.gallery-question-description{position:absolute;top:100%;left:0;width:100%;padding:22px 16px 0;font:400 clamp(14px,1.65vw,25px)/1.55 var(--body);letter-spacing:-.025em}
.gallery-question-description span,.gallery-question-description strong{display:block}
.gallery-question-description strong{font-weight:800}
@media(min-width:992px){.gallery-question-copy{top:50%}}
@media(max-width:600px){.gallery-question-description{font-size:12px;padding-top:16px;line-height:1.6}}
/* One outer edge and one text inset throughout Recruit. */
.page-recruit{--recruit-edge:1.2vw;--recruit-inset:32px}
.page-recruit .recruit-join-hero{margin-left:var(--recruit-edge);margin-right:var(--recruit-edge)}
.page-recruit .recruit-join-hero .culture-work-title{padding-left:var(--recruit-inset);padding-right:var(--recruit-inset)}
.page-recruit .positions-section{padding-left:var(--recruit-edge);padding-right:var(--recruit-edge)}
.page-recruit .positions-section .welcome-banner{width:100%;margin-left:0;margin-right:0;padding-left:var(--recruit-inset);padding-right:var(--recruit-inset)}
.page-recruit .positions-section>.section-heading,.page-recruit .positions-section>.job-filter-row{margin-left:var(--recruit-inset);margin-right:var(--recruit-inset)}
.page-recruit .positions-section>.job-total{margin-left:var(--recruit-inset);margin-right:var(--recruit-inset)}
.page-recruit .positions-section .job-row,.page-recruit .positions-section .job-row:hover,.page-recruit .positions-section .job-row:focus-visible{padding-left:var(--recruit-inset);padding-right:var(--recruit-inset)}
.page-recruit .process-section.journey-orbit{margin-left:var(--recruit-edge);margin-right:var(--recruit-edge);border-radius:var(--radius)}
.page-recruit .journey-sticky{padding-left:var(--recruit-inset);padding-right:var(--recruit-inset);border-radius:var(--radius)}
.page-recruit .faq-section{padding-left:var(--recruit-edge);padding-right:var(--recruit-edge);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:4vw}
.page-recruit .faq-intro{padding-left:var(--recruit-inset);padding-right:var(--recruit-inset)}
.page-recruit .faq-list{display:flex;flex-direction:column;gap:12px;min-width:0}
.page-recruit .faq-row,.page-recruit .faq-row:last-child{border:0;border-radius:var(--radius);background:#f5f5f5;overflow:hidden}
.page-recruit .faq-row summary{padding:25px var(--recruit-inset);gap:16px;transition:background .2s}
.page-recruit .faq-row summary:hover{background:#ededed}
.page-recruit .faq-row h3{font:600 clamp(15px,1.3vw,20px)/1.5 var(--body);letter-spacing:-.025em}
.page-recruit .faq-row .index{color:#888;font:400 11px/1 var(--body);flex:none}
.page-recruit .faq-row .team-plus{display:grid;place-items:center;flex:none;width:30px;height:30px;border-radius:50%;background:white;color:#000;font-size:22px;margin-left:auto}
.page-recruit .faq-row[open] .team-plus{background:#050505;color:white}
.page-recruit .faq-row>p{padding:0 var(--recruit-inset) 26px;font:400 14px/1.8 var(--body);color:#666;word-break:keep-all}
.page-recruit .recruit-end{margin-left:var(--recruit-edge);margin-right:var(--recruit-edge);padding-left:var(--recruit-inset);padding-right:var(--recruit-inset)}
.page-recruit .site-footer{padding-left:calc(var(--recruit-edge) + var(--recruit-inset));padding-right:calc(var(--recruit-edge) + var(--recruit-inset))}
@media(max-width:991px){.page-recruit{--recruit-edge:12px;--recruit-inset:24px}}
@media(max-width:760px){
 .page-recruit{--recruit-inset:20px}
 .page-recruit .faq-section{display:block}
 .page-recruit .faq-row summary{padding-top:21px;padding-bottom:21px;gap:10px}
 .page-recruit .faq-row>p{font-size:13px}
 .page-recruit .faq-row{border-radius:var(--radius)}
}

/* Recruit opening: hero, welcome container, then position heading and filters. */
.page-recruit .recruit-join-hero{margin-bottom:20px}
.page-recruit .positions-section{padding-top:0}
.page-recruit .positions-section .welcome-banner{margin-bottom:64px}
.page-recruit .positions-section>.section-heading{margin-bottom:20px}
.page-recruit .positions-section>.section-heading h2{font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1.1}
@media(max-width:760px){.page-recruit .positions-section{padding-top:0}.page-recruit .positions-section .welcome-banner{margin-bottom:44px}.page-recruit .positions-section>.section-heading{margin-bottom:20px}}

/* Freely arranged brand stickers, with the label flush to the card edge. */
.recruit-brand-collage{width:100%;height:100%;aspect-ratio:auto}
.recruit-unicorn{left:10%;top:20%;width:36%;transform:rotate(-14deg)}
.recruit-star{right:7%;top:31%;width:39%;transform:rotate(17deg)}
.recruit-yu{top:49%;left:10%;right:11%;height:32%;display:block}
.recruit-yu span{position:absolute;display:block}
.recruit-yu span:first-child{left:0;top:9%;transform:rotate(-12deg)}
.recruit-yu span:last-child{right:0;top:25%;transform:rotate(11deg)}
.recruit-brand-tag{right:0;bottom:13%;border-right:0}

.header-apply>b{display:grid;place-items:center;line-height:1;padding:0}
.header-apply>b>svg{display:block;width:23px;height:23px;flex:none;margin:0;transform:none}
.page-recruit .journey-orbit .section-heading h2{font-family:var(--body);font-size:clamp(36px,4vw,64px);font-weight:800;line-height:1.1;letter-spacing:-.025em}
.page-recruit .journey-orbit .section-heading>p{font-family:var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;line-height:1.7}
.page-recruit .journey-detail p{font-family:var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;font-size:clamp(16px,1.35vw,21px);line-height:1.8;letter-spacing:-.02em;color:#ddd}
@media(max-width:767px){.page-recruit .journey-detail p{font-size:15px;line-height:1.75}}
/* Larger journey note and full-size stage numerals. */
.page-recruit .journey-orbit .process-note{width:42%;max-width:540px;padding:26px 28px;border-radius:var(--radius)}
.page-recruit .journey-orbit .process-note>span{font-size:13px;margin-bottom:12px}
.page-recruit .journey-orbit .process-note p{font-family:var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400;font-size:clamp(14px,1.15vw,17px);line-height:1.8;letter-spacing:-.02em}
.page-recruit .journey-choice>span{font:inherit;letter-spacing:inherit;min-width:0;flex:none}
.page-recruit .journey-choice{gap:20px}
@media(max-width:767px){.page-recruit .journey-orbit .process-note{width:100%;max-width:none;padding:22px}.page-recruit .journey-orbit .process-note p{font-size:14px}.page-recruit .journey-choice{gap:12px}}
.page-recruit .journey-sticky{padding-top:var(--recruit-inset)}
@media(min-width:768px){.page-recruit .journey-sticky{top:100px;height:calc(100svh - 100px);min-height:640px}}

.page-recruit .faq-content{min-width:0}
.page-recruit .faq-tabs{display:flex;gap:8px;margin:0 0 20px}
.page-recruit .faq-tabs button{padding:13px 22px;border-radius:999px;background:#f0f0f0;color:#666;font:600 16px/1.4 var(--body)}
.page-recruit .faq-tabs button[aria-selected=true]{background:#050505;color:#fff}
.page-recruit .faq-tabs button:hover{background:var(--red);color:white}
.page-recruit .faq-intro>p{font-family:var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:400}
@media(max-width:760px){.page-recruit .faq-tabs button{font-size:14px;padding:12px 18px}}
.page-recruit .recruit-end{border-radius:var(--radius);overflow:hidden}
@media(max-width:600px){.page-recruit .recruit-end{border-radius:var(--radius)}}
/* Korean glyphs step down from the original ExtraBold to Bold.
   Keep the existing Latin faces, sizes, and layout unchanged. */
@font-face{font-family:Pretendard;src:url('/assets/pretendard-700.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap;unicode-range:U+1100-11FF,U+3130-318F,U+A960-A97F,U+AC00-D7AF,U+D7B0-D7FF}
.page-recruit .journey-orbit .section-heading>p,.page-recruit .journey-detail p,.page-recruit .journey-orbit .process-note p,.page-recruit .faq-intro>p{font-weight:300}

/* Die-cut milestone tags in the YOUR UNICORN palette. */
.growth-tags{padding:100px 1.8vw 70px;background:#fff;color:#050505;overflow:hidden}
.growth-tags-heading{display:grid;grid-template-columns:24% 1fr;gap:20px;padding:0 14px;margin-bottom:64px}
.growth-tags-heading>p{font:500 12px/1.35 var(--body);letter-spacing:0}
.growth-tags-heading h2{font:700 clamp(28px,3.1vw,50px)/1.25 Pretendard,sans-serif;letter-spacing:-.04em}
.growth-tags-window{overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:6px 0 24px;outline-offset:-3px}
.growth-tags-window::-webkit-scrollbar{display:none}
.growth-tags-track{display:flex;gap:4.4vw}
.growth-tag{position:relative;flex:0 0 calc((100% - 8.8vw)/3);aspect-ratio:400/480;scroll-snap-align:start;min-width:0;color:var(--red);transform-origin:50% 12%;transition:transform .45s var(--ease)}
.growth-tag:nth-child(3n+1){transform:rotate(-1.5deg)}
.growth-tag:hover{transform:rotate(1.5deg)}
.growth-tag-shape{position:absolute;width:100%;height:100%;inset:0}
.growth-tag-1{color:#050505}.growth-tag-2{color:var(--pink)}.growth-tag-3{color:var(--green)}
.growth-tag-copy{position:absolute;inset:33% 8% 10%;display:flex;flex-direction:column;justify-content:space-between;color:#fff}
.growth-tag-2 .growth-tag-copy,.growth-tag-3 .growth-tag-copy{color:#050505}
.growth-tag-copy p{font:600 clamp(14px,1.45vw,24px)/1.35 Pretendard,sans-serif;letter-spacing:-.035em}
.growth-tag-copy strong{font:600 clamp(42px,6.6vw,110px)/1 var(--body);letter-spacing:-.055em;white-space:nowrap}
.growth-tags-controls{display:flex;gap:12px;padding-left:calc((100% - 8.8vw)/3 + 4.4vw);margin-top:8px}
.growth-tags-controls button{width:48px;height:48px;border-radius:50%;background:#f3f3f3;color:#000;font:400 28px/1 Arial,sans-serif;display:grid;place-items:center}
.growth-tags-controls button:hover:not(:disabled){background:var(--red);color:white}
.growth-tags-controls button:disabled{color:#bbb;cursor:default}
@media(max-width:767px){.growth-tags{padding:70px 20px 50px}.growth-tags-heading{grid-template-columns:1fr;gap:20px;padding:0;margin-bottom:35px}.growth-tags-heading h2{font-size:28px}.growth-tags-heading>p{font-size:10px}.growth-tags-track{gap:20px}.growth-tag{flex-basis:78%}.growth-tag-copy p{font-size:16px}.growth-tag-copy strong{font-size:14vw}.growth-tags-controls{padding-left:0;justify-content:center}}
@media(prefers-reduced-motion:reduce){.growth-tag{transition:none}.growth-tag:hover{transform:none}}

.growth-tags,.growth-tags-window,.growth-tags-track{overflow:visible}
.growth-tags-window{scroll-snap-type:none;touch-action:pan-y}
.growth-tags-track{transition:transform .55s var(--ease);will-change:transform}
@media(prefers-reduced-motion:reduce){.growth-tags-track{transition:none}}

/* Culture talent tags reuse the home milestone carousel. */
.talent-tags.growth-tags{padding-left:1.8vw;padding-right:1.8vw;overflow:visible}
.talent-tags>.section-label,.talent-tags>.section-heading{margin-left:18px;margin-right:18px}
.talent-tags>.section-heading{margin-bottom:60px}
.talent-tags .talent-tag{aspect-ratio:400/660}
.talent-tag-copy{position:absolute;inset:30% 8% 7%;display:flex;flex-direction:column;color:white}
.growth-tag-2 .talent-tag-copy,.growth-tag-3 .talent-tag-copy{color:#050505}
.talent-tag-number{font:500 12px/1 var(--body);opacity:.65;margin-bottom:14px}
.talent-tag-copy h3{font:700 clamp(26px,3.15vw,52px)/1.02 var(--body);letter-spacing:-.045em;margin-bottom:20px}
.talent-tag-copy h4{font:600 clamp(15px,1.35vw,21px)/1.4 Pretendard,sans-serif;letter-spacing:-.03em;margin-bottom:16px;word-break:keep-all}
.talent-tag-copy p{font:400 clamp(13px,1.08vw,17px)/1.75 var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-.02em;word-break:keep-all}
@media(max-width:767px){.talent-tags .talent-tag{flex-basis:86%;aspect-ratio:400/700}.talent-tag-copy h3{font-size:8vw}.talent-tag-copy h4{font-size:16px}.talent-tag-copy p{font-size:13px;line-height:1.65}.talent-tags>.section-heading{margin-bottom:35px}}

/* Preserve the die-cut top and circular hole; only the straight body is longer. */
.talent-tags .talent-tag{aspect-ratio:400/660}

/* Trim unused space below the talent descriptions. */
.talent-tags .talent-tag{aspect-ratio:400/560}
.talent-tag-copy{inset:30% 8% 6%}
@media(max-width:767px){.talent-tags .talent-tag{flex-basis:94%}.talent-tag-copy h3{font-size:7.5vw;margin-bottom:12px}.talent-tag-copy h4{font-size:15px;margin-bottom:10px}.talent-tag-number{margin-bottom:10px}.talent-tag-copy p{font-size:12px;line-height:1.55}}

/* Journey introduction sits above the black process container. */
.page-recruit .journey-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;margin:0 calc(var(--recruit-edge) + var(--recruit-inset)) 32px;color:var(--ink)}
.page-recruit .journey-heading h2{font:800 clamp(36px,4vw,64px)/1.1 var(--body);letter-spacing:-.025em}
.page-recruit .journey-heading h2 span{color:inherit}
.page-recruit .journey-heading>p{font:300 13.3px/1.7 var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;color:var(--muted);max-width:310px}
@media(max-width:767px){.page-recruit .journey-heading{flex-direction:column;gap:20px;margin-bottom:24px}}

.talent-tags-heading{margin-bottom:72px}
.talent-tags-description{margin-top:24px;max-width:680px;font:400 clamp(14px,1.15vw,18px)/1.75 var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;color:var(--muted);word-break:keep-all}
@media(max-width:767px){.talent-tags-heading{margin-bottom:40px}.talent-tags-heading h2 br{display:none}.talent-tags-heading h2{word-break:keep-all}.talent-tags-description br{display:none}}

/* Shared editorial headings across Culture sections. */
.page-culture .culture-intro,.page-culture .benefits-section,.page-culture .team-section{margin-left:0;margin-right:0;padding-left:1.8vw;padding-right:1.8vw}
.page-culture .culture-section-heading{margin-bottom:64px;text-align:left}
.page-culture .culture-intro .intro-bottom{margin-top:0;padding:0 14px}
.page-culture .culture-team-context{margin:-40px 14px 48px calc(24% + 27px);font:400 15px/1.75 var(--latin-font),'Apple SD Gothic Neo',sans-serif;color:var(--muted)}
.page-culture .team-story{grid-template-columns:1fr 1fr;gap:40px}
.page-culture .team-story>.culture-section-heading{grid-column:1/-1;width:100%;margin-bottom:0}
.page-culture .team-story .culture-section-heading h2{font:700 clamp(28px,3.1vw,50px)/1.25 Pretendard,sans-serif;letter-spacing:-.04em}
@media(max-width:767px){.page-culture .culture-intro,.page-culture .benefits-section,.page-culture .team-section{padding-left:20px;padding-right:20px}.page-culture .culture-section-heading{margin-bottom:35px}.page-culture .culture-section-heading h2 br{display:none}.page-culture .culture-section-heading h2{word-break:keep-all}.page-culture .culture-intro .intro-bottom{padding:0}.page-culture .culture-team-context{margin:-15px 0 30px}.page-culture .team-story>.culture-section-heading{margin-bottom:30px}}

/* Individual benefit containers. */
.page-culture .benefit-panel{gap:20px;border:0;align-items:stretch}
.page-culture .benefit-card{min-width:0;padding:30px;border:0;border-radius:var(--radius);background:#f5f5f5}
.page-culture .benefit-visual{height:140px;border:0;margin-bottom:24px}
.page-culture .benefit-card p{line-height:1.75;word-break:keep-all}
@media(max-width:767px){.page-culture .benefit-panel{gap:14px}.page-culture .benefit-card{padding:24px;border-radius:var(--radius)}.page-culture .benefit-visual{height:120px;margin-bottom:20px}}

/* Talent cards reveal their description on hover or keyboard focus. */
.talent-tag-copy{inset:30% 8% 7%}
.talent-tag-front,.talent-tag-back{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;transition:opacity .35s ease,transform .45s var(--ease)}
.talent-tag-front h3{margin-bottom:18px}
.talent-tag-front h4,.talent-tag-back p{margin-bottom:0}
.talent-tag-back{opacity:0;transform:translateX(-18px);pointer-events:none}
.talent-tag:hover .talent-tag-front,.talent-tag:focus .talent-tag-front{opacity:0;transform:translateX(18px);pointer-events:none}
.talent-tag:hover .talent-tag-back,.talent-tag:focus .talent-tag-back{opacity:1;transform:translateX(0);pointer-events:auto}
.talent-tag:focus-visible{outline:2px solid var(--red);outline-offset:6px;border-radius:var(--radius)}
@media(prefers-reduced-motion:reduce){.talent-tag-front,.talent-tag-back{transition:none;transform:none}}
@media(hover:none){.talent-tag:focus .talent-tag-back{opacity:1;transform:none}}

/* Match the compact tag proportions and larger cover type in the reference. */
.talent-tags .talent-tag{aspect-ratio:400/440}
.talent-tag-copy{inset:30% 8% 7%}
.talent-tag-front h3{font-size:clamp(30px,4.3vw,70px);margin-bottom:14px}
.talent-tag-front h4{font-size:clamp(18px,2vw,32px);line-height:1.3}
.talent-tag-back h4{font-size:clamp(16px,1.6vw,25px);margin-bottom:16px}
.talent-tag-back p{font-size:clamp(12px,1.08vw,17px);line-height:1.65}
@media(max-width:767px){.talent-tag-front h3{font-size:10vw}.talent-tag-front h4{font-size:6vw}.talent-tag-back h4{font-size:17px;margin-bottom:12px}.talent-tag-back p{font-size:12px;line-height:1.6}}

/* Tighter Korean cover caption spacing. */
.talent-tag-copy{bottom:5%}
.talent-tag-front h3{margin-bottom:8px}
.talent-tag-front h4{font-size:clamp(16px,1.5vw,24px);line-height:1.2;margin:0}
@media(max-width:767px){.talent-tag-front h3{margin-bottom:6px}.talent-tag-front h4{font-size:4.5vw}}

/* Slow, staggered movement for the Culture Spark illustration. */
.culture-work-art>svg>g:first-child{transform-box:fill-box;transform-origin:center;animation:spark-rays-breathe 6s ease-in-out infinite}
.culture-work-art>svg>path{transform-box:fill-box;transform-origin:center;animation:spark-burst-breathe 7s ease-in-out infinite}
.culture-work-art>svg>g:last-child>path{transform-box:fill-box;transform-origin:center;animation:spark-star-float 5s ease-in-out infinite}
.culture-work-art>svg>g:last-child>path:nth-child(2){animation-delay:-1.3s}
.culture-work-art>svg>g:last-child>path:nth-child(3){animation-delay:-2.7s}
.culture-work-art>svg>g:last-child>path:nth-child(4){animation-delay:-3.8s}
.culture-work-art>img{animation:spark-word-float 6s ease-in-out infinite}
@keyframes spark-rays-breathe{0%,100%{transform:scale(.98);opacity:.8}50%{transform:scale(1.025);opacity:1}}
@keyframes spark-burst-breathe{0%,100%{transform:rotate(-1deg) scale(.985)}50%{transform:rotate(1deg) scale(1.015)}}
@keyframes spark-star-float{0%,100%{transform:translateY(0) rotate(-3deg);opacity:.85}50%{transform:translateY(-4px) rotate(5deg);opacity:1}}
@keyframes spark-word-float{0%,100%{transform:translateY(0) rotate(-8deg)}50%{transform:translateY(-5px) rotate(-5deg)}}
@media(prefers-reduced-motion:reduce){.culture-work-art>svg>g,.culture-work-art>svg>path,.culture-work-art>svg>g>path,.culture-work-art>img{animation:none}}

.growth-tags-controls{justify-content:center;padding-left:0;padding-right:0}
.growth-tags-controls button{padding:0}
.growth-tags-controls button svg{display:block}

/* Keep the pinned process card compact instead of filling the viewport. */
@media(min-width:768px){
.page-recruit .journey-orbit{height:180svh;background:transparent}
.page-recruit .journey-sticky{height:clamp(620px,68svh,760px);min-height:620px;background:#000}
.page-recruit .journey-orbit .process-track{min-height:0}
.page-recruit .journey-detail{top:48%;transform:translateY(-50%)}
.page-recruit .journey-choice{top:48%}
}

/* Pattern Breaking reference: 1200px frame, 48px inset, 56/16 type scale. */
:root{--layout-frame:1200px;--layout-inset:48px;--layout-edge:max(24px,calc((100vw - var(--layout-frame))/2));--layout-gutter:calc(var(--layout-edge) + var(--layout-inset));--layout-section:clamp(64px,7vw,96px);--layout-heading:clamp(36px,4.375vw,56px);--layout-body:16px;--layout-gap:32px}
.site-header{left:var(--layout-edge);right:var(--layout-edge)}
.header-bar{padding-left:28px;padding-right:12px}
.desktop-nav{gap:28px}.desktop-nav a{font-size:18px}
.site-footer{padding:var(--layout-section) var(--layout-gutter) 48px}
.footer-nav a{font-size:24px}.footer-contact>a{font-size:14px}
.section-label,.eyebrow{font-size:12px;line-height:1.35}
.section-heading h2{font-size:var(--layout-heading);line-height:1.2;letter-spacing:-.04em}
.section-heading>p{font-size:var(--layout-body);line-height:1.5}
.growth-tags,.talent-tags.growth-tags,.page-culture .culture-intro,.page-culture .benefits-section,.page-culture .team-section{padding:var(--layout-section) var(--layout-gutter);margin:0}
.growth-tags-heading,.page-culture .culture-section-heading{grid-template-columns:30% minmax(0,1fr);gap:0;padding:0;margin:0 0 64px}
.growth-tags-heading>p{font-size:12px;line-height:1.4}
.growth-tags-heading h2,.page-culture .team-story .culture-section-heading h2{font-size:var(--layout-heading);line-height:1.2;font-weight:600;letter-spacing:-.045em}
.growth-tags-heading h2 br{display:none}
.talent-tags-description{margin-top:24px;font-size:16px;line-height:1.5;max-width:660px}
.growth-tags-track{gap:48px}
.growth-tag{flex-basis:calc((100% - 96px)/3)}
.growth-tag-copy p{font-size:16px;line-height:1.4}
.growth-tag-copy strong{font-size:clamp(48px,6vw,80px)}
.growth-tags-controls{margin-top:32px;gap:16px}
.talent-tag-front h3{font-size:clamp(28px,3.6vw,46px)}
.talent-tag-front h4{font-size:18px;line-height:1.25}
.talent-tag-back h4{font-size:18px;line-height:1.35;margin-bottom:12px}
.talent-tag-back p{font-size:14px;line-height:1.5}
.talent-tag-copy{inset:28% 8% 5%}
.culture-work-hero{margin:110px var(--layout-edge) 0;gap:24px;height:clamp(320px,34vw,440px);min-height:0}
.culture-work-title{padding:32px var(--layout-inset)}
.culture-work-title h1{font-size:clamp(48px,7.4vw,96px);line-height:1.05;letter-spacing:-.045em}
.culture-work-title p{font-size:20px;line-height:1.4}
.page-culture .culture-intro .intro-bottom{padding:0;gap:48px;grid-template-columns:30% minmax(0,1fr)}
.page-culture .intro-portrait{margin:0;width:100%;max-width:260px;height:320px;object-fit:cover;border-radius:var(--radius)}
.page-culture .intro-bottom p{font-size:20px;line-height:1.5;margin-bottom:24px}
.page-culture .benefit-tabs{gap:12px;margin-bottom:32px}
.page-culture .benefit-tabs button{padding:16px;font-size:16px}
.page-culture .benefit-panel{gap:24px}
.page-culture .benefit-card{padding:24px}
.page-culture .benefit-visual{height:120px;margin-bottom:24px}
.page-culture .benefit-visual strong{font-size:64px}
.page-culture .benefit-visual>span{font-size:12px}
.page-culture .benefit-card h3{font-size:22px;line-height:1.3}
.page-culture .benefit-card p{font-size:16px;line-height:1.5}
.page-culture .benefit-note{font-size:12px;margin-top:24px}
.page-culture .culture-team-context{margin:-40px 0 48px 30%;font-size:16px;line-height:1.5}
.page-culture .team-row summary{padding:24px 0;gap:24px}
.page-culture .team-row h3{font-size:clamp(28px,3.75vw,48px);line-height:1.2}
.page-culture .team-description{margin-left:0;padding:8px 0 28px 30%;gap:24px}
.page-culture .team-description p{font-size:16px;line-height:1.5}
.page-culture .team-story{margin-top:var(--layout-section);gap:32px}
.page-culture .team-story>img{height:320px;object-fit:cover;border-radius:var(--radius)}
.page-culture .team-story>.culture-section-heading{margin-bottom:32px}
.page-recruit{--recruit-edge:var(--layout-edge);--recruit-inset:var(--layout-inset)}
.page-recruit .recruit-join-hero{margin-bottom:32px}
.page-recruit .recruit-join-title h1,.page-recruit #recruit-join-title{font-size:clamp(42px,6.8vw,88px)}
.page-recruit .positions-section{padding:0 var(--layout-gutter) var(--layout-section)}
.page-recruit .welcome-banner{margin:0 0 64px;padding:24px 32px}
.page-recruit .welcome-banner h3{font-size:20px}.page-recruit .welcome-banner p{font-size:14px;line-height:1.5}
.page-recruit .positions-section>.section-heading,.page-recruit .job-filter-row,.page-recruit .job-total{margin-left:0;margin-right:0}
.page-recruit .positions-section>.section-heading h2,.page-recruit .journey-heading h2{font-size:var(--layout-heading);line-height:1.2}
.page-recruit .job-row{padding:28px 0;min-height:112px}
.page-recruit .job-row h3{font-size:24px;line-height:1.3}
.page-recruit .job-meta{font-size:16px;line-height:1.5}
.page-recruit .journey-heading{margin:0 var(--layout-gutter) 48px}
.page-recruit .journey-heading>p{font-size:16px;line-height:1.5}
.page-recruit .journey-choice{font-size:clamp(28px,3.7vw,48px);left:5%;gap:16px;--orbit-radius:clamp(300px,30vw,480px)}
.page-recruit .journey-detail{left:57%;max-width:none}
.page-recruit .journey-detail h3{font-size:24px;margin:0 0 20px}
.page-recruit .journey-detail p{font-size:16px;line-height:1.6}
.page-recruit .journey-orbit .process-note{width:43%;padding:22px 24px}
.page-recruit .journey-orbit .process-note p{font-size:14px;line-height:1.5}
.page-recruit .faq-section{padding:var(--layout-section) var(--layout-gutter);gap:48px;grid-template-columns:30% minmax(0,1fr)}
.page-recruit .faq-intro{padding:0}
.page-recruit .faq-intro h2{font-size:var(--layout-heading);line-height:1.2}
.page-recruit .faq-intro p{font-size:16px;line-height:1.5}
.page-recruit .faq-row summary{padding:24px;gap:16px}
.page-recruit .faq-row h3{font-size:18px;line-height:1.4}
.page-recruit .faq-row>p{font-size:16px;line-height:1.6;padding:0 24px 24px}
.page-recruit .recruit-end{padding:64px var(--layout-inset)}
.page-recruit .recruit-end h2{font-size:clamp(56px,8vw,104px);line-height:1.05}
.join-section{margin:0 var(--layout-edge);padding:64px var(--layout-inset);border-radius:var(--radius)}
.join-section h2{font-size:clamp(48px,7.5vw,96px);line-height:1.05}
.join-bottom p{font-size:18px;line-height:1.5}.join-top{margin-bottom:32px}
.work-cta{padding:18px 24px;font-size:16px}
.page-company .company-film-hero{height:clamp(560px,85svh,900px);min-height:0}
.page-company .company-hero-copy{left:var(--layout-gutter);right:var(--layout-gutter);display:block}
.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{font-size:clamp(40px,6.25vw,80px);line-height:1.1;white-space:normal;max-width:1000px}
.page-company .company-hero-ko{right:var(--layout-gutter);font-size:18px;line-height:1.5}
.page-company .gallery-question-description{font-size:clamp(16px,1.6vw,22px);line-height:1.5}
.page-company .reimagine-slide .story-panel{padding:48px var(--layout-gutter);min-height:640px;max-height:840px}
.page-company .reimagine-slide .panel-title{font-size:clamp(48px,7vw,90px);line-height:1.05}
.page-company .reimagine-slide .panel-bottom{font-size:16px;max-width:440px}
.page-company .reimagine-slide .panel-bottom p{font-size:18px;line-height:1.5}
.page-company .vision-section{max-height:760px;min-height:440px;aspect-ratio:1.86}
.page-company .global-cities-section{padding:var(--layout-section) 0}
.page-company .global-cities-intro,.page-company .global-cities-message{padding-left:var(--layout-gutter);padding-right:var(--layout-gutter)}
.page-company .global-cities-intro h2,.page-company .global-cities-message h3{font-size:clamp(36px,4.375vw,56px);line-height:1.2}
.page-company .global-cities-intro p{font-size:16px;line-height:1.5;margin-bottom:24px}
.page-company .channel-section{padding:var(--layout-section) 0}
.page-company .channel-section h2{font-size:var(--layout-heading);line-height:1.2;margin-bottom:48px}
@media(max-width:991px){
:root{--layout-edge:20px;--layout-inset:28px;--layout-heading:40px;--layout-section:72px}
.growth-tags-track{gap:28px}.growth-tag{flex-basis:calc((100% - 56px)/3)}
.talent-tags .talent-tag{flex-basis:calc((100% - 28px)/2)}
.page-culture .benefit-panel{grid-template-columns:repeat(2,minmax(0,1fr))}
.page-recruit .faq-section{grid-template-columns:1fr;gap:32px}
.page-recruit .faq-intro h2 br{display:none}
.culture-work-title h1{font-size:7vw}.culture-work-title p{font-size:18px}
}
@media(max-width:767px){
:root{--layout-edge:12px;--layout-inset:12px;--layout-section:56px;--layout-heading:32px}
.site-header{left:12px;right:12px}.header-bar{padding:2px 5px}
.growth-tags-heading,.page-culture .culture-section-heading{grid-template-columns:1fr;gap:20px;margin-bottom:36px}
.growth-tags-heading h2,.page-culture .team-story .culture-section-heading h2{font-size:32px;line-height:1.25}
.growth-tags-heading>p{font-size:11px}.talent-tags-description{font-size:15px}
.growth-tags-track{gap:20px}.growth-tag{flex-basis:86%}.talent-tags .talent-tag{flex-basis:100%}
.talent-tag-front h3{font-size:38px}.talent-tag-front h4{font-size:17px}.talent-tag-back p{font-size:13px}
.culture-work-hero{margin-top:88px;height:260px;gap:12px;grid-template-columns:3fr 1fr}
.culture-work-title{padding:24px 20px}.culture-work-title h1{font-size:8vw}.culture-work-title p{font-size:15px}
.page-culture .culture-intro .intro-bottom{grid-template-columns:1fr;gap:24px}.page-culture .intro-portrait{max-width:none;height:280px;width:100%}
.page-culture .intro-bottom p{font-size:17px}.page-culture .benefit-tabs{flex-wrap:wrap}.page-culture .benefit-tabs button{flex-basis:calc(50% - 12px);font-size:14px}
.page-culture .benefit-panel{grid-template-columns:1fr}.page-culture .benefit-card p{font-size:15px}
.page-culture .culture-team-context{margin:-16px 0 32px}.page-culture .team-description{padding-left:0;display:block}
.page-culture .team-row h3{font-size:28px}.page-culture .team-story>img{height:260px}
.page-recruit #recruit-join-title{font-size:7vw}.page-recruit .welcome-banner{padding:24px;margin-bottom:40px}
.page-recruit .journey-heading{gap:20px;margin-bottom:32px}.page-recruit .journey-sticky{min-height:800px}
.page-recruit .journey-choice{left:0;font-size:28px;--orbit-radius:230px}
.page-recruit .journey-detail{left:0;top:300px}.page-recruit .journey-detail p{font-size:15px}
.page-recruit .journey-orbit .process-note{width:100%;padding:20px}
.page-recruit .faq-row summary{padding:20px}.page-recruit .faq-row h3{font-size:16px}
.page-recruit .job-row h3{font-size:21px}.page-recruit .job-meta{font-size:14px}
.join-section,.page-recruit .recruit-end{padding:48px 24px}.join-section h2{font-size:40px}.join-bottom p{font-size:16px}
.page-company .company-film-hero{height:78svh;min-height:520px}
.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{font-size:40px;line-height:1.1}
.page-company .company-hero-ko{font-size:15px}.page-company .reimagine-slide .story-panel{padding:32px 24px;min-height:640px}
.page-company .reimagine-slide .panel-title{font-size:44px}.page-company .vision-section{min-height:360px}
.page-company .global-cities-intro h2,.page-company .global-cities-message h3{font-size:30px}
.site-footer{padding-top:56px}.footer-nav a{font-size:22px}
}

/* Natural Korean wraps preserve word spacing at each viewport. */
.growth-tags-heading h2,.page-culture .team-story .culture-section-heading h2{font-family:var(--latin-font),'Apple SD Gothic Neo','Noto Sans KR','Malgun Gothic',sans-serif;font-weight:500;word-break:keep-all;overflow-wrap:normal}

/* Scale the complete burst around its actual center without separating the hub. */
.culture-work-art>svg>.spark-burst{transform-box:view-box;transform-origin:130px 215px;animation:spark-burst-expand 7s ease-in-out infinite}
.culture-work-art>svg>.spark-burst>path,.culture-work-art>svg>.spark-burst>circle{animation:none;transform:none}
.culture-work-art>svg>g:first-child{transform-box:view-box;transform-origin:130px 215px;animation:spark-burst-expand 7s ease-in-out infinite}
@keyframes spark-burst-expand{0%,100%{transform:scale(.985)}50%{transform:scale(1.015)}}
@media(prefers-reduced-motion:reduce){.culture-work-art>svg>.spark-burst,.culture-work-art>svg>g:first-child{animation:none}}

/* Restore the single-line film headline at a smaller scale. */
.page-company .company-hero-copy{display:flex;align-items:center;justify-content:space-between;gap:16px}
.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{font-size:clamp(20px,2.65vw,32px);line-height:1.1;white-space:nowrap;max-width:none;flex:none}
@media(max-width:767px){.page-company .company-hero-copy{gap:8px}.page-company .company-film-hero .company-hero-copy h1,.page-company .company-film-hero .company-hero-copy p{font-size:2.65vw;line-height:1.2}}

/* Reserve the entire first viewport for the film before gallery cards enter. */
.page-company .film-gallery-opening .company-film-hero{height:100svh;min-height:100svh;max-height:none}

.page-company .company-film-hero .hero-scroll-cue{left:var(--layout-gutter)}

/* Use the same center axis for centered messaging and actions. */
.page-company .vision-section h2{top:50%;left:50%;width:100%;transform:translate(-50%,-50%);text-align:center}
.vision-label,.vision-korean{left:50%;transform:translateX(-50%);text-align:center}
.gallery-question-copy,.global-cities-intro,.global-cities-message,.channel-section h2{text-align:center}
.global-cities-intro h2,.global-cities-message h3,.channel-section h2{margin-left:auto;margin-right:auto}
.join-section{text-align:center}
.join-section h2{width:100%;max-width:none;margin-left:auto;margin-right:auto;padding-left:0;padding-right:0;text-align:center}
.join-section .join-top{justify-content:center}
.join-section .join-bottom{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;text-align:center}
.join-section .join-bottom p{margin:0;text-align:center}
.growth-tags-controls{width:100%;justify-content:center;padding-inline:0}

/* Scale both statement cards and their contents together. */
.floating-gallery .statement-shot{scale:.85;transform-origin:center}

/* Reduce the product rail by 15% while retaining the card proportions. */
.product-carousel{height:clamp(306px,max(26.775vw,36.975svh),535.5px)}

/* Slightly more compact desktop navigation. */
@media(min-width:992px){
.header-bar{min-height:68px;padding-top:4px;padding-bottom:4px}
.site-header .brand-logo{width:150px;height:56px}
.desktop-nav{gap:25px}.desktop-nav a{font-size:16px}
.lang-switch summary{font-size:17px;gap:7px}.lang-switch summary svg{width:20px;height:20px}
.header-apply{font-size:15px;gap:7px}
.header-apply>span,.header-apply>b{height:42px}
.header-apply>span{padding:0 20px}.header-apply>b{width:42px}
.header-apply>b svg{width:21px;height:21px}
}

/* One shared H2 size for section headings across all pages. */
main h2.section-title{font-size:var(--layout-heading)!important;line-height:1.2!important}
#growth-heading{font-family:var(--body);font-weight:800}

.page-culture .talent-tags-heading h2{font-family:var(--body);font-weight:800}

/* Benefit tabs share the desktop header sizing. */
@media(min-width:992px){
.page-culture .benefit-tabs button{height:52px;min-height:52px;padding:0 24px;border-radius:999px;font-size:16px;line-height:1.2;align-items:center}
}

/* A slight overlap with the central film, retaining the card sizes. */
@media(min-width:992px){
.floating-gallery .shot-one.statement-shot{left:8%}
.floating-gallery .shot-two{left:10%}
.floating-gallery .shot-four{left:72%}
.floating-gallery .shot-five.statement-shot{left:70%}
}

/* Pin the introduction and process card as one viewport composition. */
@media(min-width:768px){
.journey-scroll{position:relative;height:180svh}
.journey-frame{position:sticky;top:92px;height:calc(88svh - 108px);display:flex;flex-direction:column;gap:24px}
.page-recruit .journey-frame .journey-heading{margin:0 var(--layout-gutter);flex:none}
.page-recruit .journey-frame .journey-orbit{height:auto;flex:1;min-height:0;background:#000}
.page-recruit .journey-frame .journey-sticky{position:relative;top:0;height:100%;min-height:0;padding-top:24px;padding-bottom:24px}
.page-recruit .journey-frame .process-track{min-height:0}
.page-recruit .journey-frame .journey-detail{top:50%;transform:translateY(-50%)}
}
@media(min-width:768px) and (max-height:850px){
.page-recruit .journey-frame .journey-heading h2{font-size:40px!important}
.page-recruit .journey-frame .journey-detail h3{font-size:21px;margin-bottom:12px}
.page-recruit .journey-frame .journey-detail p{font-size:14px;line-height:1.5}
.page-recruit .journey-frame .process-note{padding:16px 20px}
.page-recruit .journey-frame .process-note p{font-size:12px;line-height:1.5}
.page-recruit .journey-frame .process-note>span{margin-bottom:8px;font-size:11px}
}

/* Center the complete vision message as one balanced group. */
.page-company .vision-section{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:32px;padding:48px 24px}
.page-company .vision-section .vision-label,.page-company .vision-section h2,.page-company .vision-section .vision-korean{position:static;inset:auto;transform:none;width:100%;margin:0;text-align:center}
.page-company .vision-section .vision-label{font-size:16px}
.page-company .vision-section .vision-korean{font-size:20px;line-height:1.5}
@media(max-width:767px){.page-company .vision-section{gap:24px;padding:36px 20px}.page-company .vision-section .vision-label{font-size:13px}.page-company .vision-section .vision-korean{font-size:15px}}

/* Shared editorial introductions: compact label, bold title, aligned top edges. */
main .editorial-heading,main .growth-tags-heading{display:grid;grid-template-columns:30% minmax(0,1fr);align-items:start;gap:0;text-align:left;width:auto}
main .editorial-heading .editorial-label,main .growth-tags-heading>p{font-size:12px;line-height:1.45;font-weight:800;margin:4px 24px 0 0;max-width:240px;text-align:left}
main .editorial-heading h2.section-title,main .growth-tags-heading h2.section-title{font-family:var(--body);font-weight:800;letter-spacing:-.045em;text-align:left;margin:0;width:auto;max-width:none;word-break:keep-all}
main .editorial-description{font-size:16px;line-height:1.5;color:var(--muted);margin:24px 0 0}
.page-company .vision-section{padding:64px var(--layout-gutter);align-items:stretch}
.page-company .vision-section .vision-korean{text-align:left;margin-top:24px}
.page-company .vision-section h2{position:static;transform:none}
.page-company .channel-heading{margin:0 var(--layout-gutter) 48px}
.page-company .global-cities-intro{margin-bottom:64px}
.page-company .global-cities-intro .editorial-label{font-size:12px;margin-bottom:0}
.page-company .products-heading{margin:0 var(--layout-gutter) 40px}
.page-company .products-heading .product-stage-title{position:static;transform:none;padding:0;min-height:0;height:auto}
.join-section .editorial-heading{margin-bottom:48px}
.join-section .join-bottom{align-items:flex-start;text-align:left;padding-left:30%}
.join-section .join-bottom p{text-align:left}
.page-recruit .faq-section{display:block}
.page-recruit .faq-intro{margin-bottom:48px}
.page-recruit .faq-content{width:100%}
.page-recruit .recruit-end{text-align:left}
.page-recruit .recruit-end>.button{margin-left:30%}
.page-culture .team-story .culture-section-heading h2 br{display:block}
main #unicorn-question.section-title{font-size:clamp(40px,6.4vw,96px)!important;line-height:1.05!important}
@media(max-width:767px){
 main .editorial-heading,main .growth-tags-heading{grid-template-columns:1fr;gap:20px}
 main .editorial-heading .editorial-label,main .growth-tags-heading>p{font-size:11px;margin:0;max-width:none}
 .page-company .vision-section{padding:40px var(--layout-gutter);aspect-ratio:auto}
 .join-section .join-bottom{padding-left:0}
 .page-recruit .recruit-end>.button{margin-left:0}
 main #unicorn-question.section-title{font-size:7vw!important}
}
main .editorial-heading h2.section-title,main .growth-tags-heading h2.section-title{font-family:var(--body)!important;font-weight:800!important}

/* Vision retains its centered statement layout. */
.page-company .vision-section{padding:48px 24px;align-items:center;justify-content:center;gap:32px}
.page-company .vision-section .vision-label,.page-company .vision-section h2,.page-company .vision-section .vision-korean{position:static;transform:none;width:100%;margin:0;text-align:center}
@media(max-width:767px){.page-company .vision-section{padding:36px 20px;gap:24px}}

/* Product section: introduction, card reel, then the complete statement. */
.page-company .products-heading{margin:0 var(--layout-gutter) 40px}
.page-company .products-intro-copy{font-family:var(--body);font-size:clamp(16px,1.6vw,26px);font-weight:800;line-height:1.4;margin:0;word-break:keep-all}
.page-company .product-answer-group{width:100%;margin-top:24px}
.page-company #products-title.section-title{font-size:clamp(24px,4.1vw,76px)!important;line-height:1.1!important;text-align:center;padding:0 24px;margin:0;width:100%;white-space:nowrap}
@media(max-width:767px){.page-company #products-title.section-title{font-size:4.4vw!important;padding:0 12px}.page-company .products-heading{margin-bottom:24px}.page-company .product-answer-group{margin-top:12px}}
/* Match the product introduction to the other editorial section headings. */
.page-company .products-intro-copy{font-size:var(--layout-heading);font-weight:800;line-height:1.2;letter-spacing:-.045em;word-break:keep-all}
/* Keep the vision frame full-width even when its height reaches the cap. */
.page-company .vision-section{box-sizing:border-box;width:100%;max-width:none;height:clamp(440px,53.7634vw,760px);aspect-ratio:auto;margin-left:auto;margin-right:auto}
@media(max-width:767px){.page-company .vision-section{height:auto;min-height:360px}}

/* Keep each product introduction sentence on its own line. */
.page-company .products-intro-copy{container-type:inline-size;min-width:0}
.page-company .products-intro-copy>span{display:block;white-space:nowrap;font-size:min(32px,3.65cqw);line-height:1.4}
/* Product introduction uses the same type scale as the growth heading. */
.page-company .products-intro-copy>span{font-size:var(--layout-heading);line-height:1.2;white-space:normal;word-break:keep-all}
/* A city-film tile expands into the global brand statement on scroll. */
.page-company .global-cities-section{padding-bottom:24px}
.city-expansion-scroll{height:230svh;position:relative}
.city-expansion-stage{position:sticky;top:92px;height:calc(100svh - 112px);min-height:420px;isolation:isolate;overflow:hidden;display:flex;align-items:center}
.city-expansion-stage .city-film-rows{width:100%;transition:opacity .1s linear}
.city-expanded-film{position:absolute;left:0;top:0;width:100%;height:100%;border-radius:var(--radius);overflow:hidden;visibility:hidden;z-index:2;background:#000}
.city-expanded-film>video{width:100%;height:100%;object-fit:cover}
.city-film-shade{position:absolute;inset:0;background:#000;opacity:0}
.page-company .city-expanded-film .global-cities-message{position:absolute;inset:0;display:grid;place-items:center;padding:32px;color:white;opacity:0;text-align:center}
.page-company .city-expanded-film h3{max-width:1000px;font-size:clamp(30px,4.4vw,68px);line-height:1.2;margin:0}
.city-expansion-scroll.is-expanding .city-film-track{animation-play-state:paused}
@media(max-width:767px){.city-expansion-stage{top:76px;height:calc(100svh - 92px);min-height:360px}.city-expanded-film{border-radius:var(--radius)}}
@media(prefers-reduced-motion:reduce){.city-expansion-scroll{height:auto}.city-expansion-stage{position:relative;top:0;height:auto;display:block}.city-expanded-film{position:relative;visibility:visible!important;width:calc(100% - 24px)!important;height:65svh!important;left:12px!important;top:0!important;margin-top:36px}.city-expanded-film .city-film-shade{opacity:.4!important}.page-company .city-expanded-film .global-cities-message{opacity:1!important}}
.page-company .global-cities-section{overflow:visible}
/* Start the city rows directly below the introduction, without viewport centering. */
.city-expansion-stage{align-items:flex-start}
.page-company .global-cities-intro{padding-bottom:0;margin-bottom:48px}
@media(max-width:767px){.page-company .global-cities-intro{margin-bottom:32px}}
@font-face{font-family:GrowthSticker;src:url('/assets/oswald-600.ttf') format('truetype');font-weight:600;font-display:swap}
.growth-cascade{padding:var(--layout-section) var(--layout-edge) 0;overflow:visible}
.growth-cascade>.growth-tags-heading{margin:0 var(--layout-inset) 64px}
.growth-cascade-stack{display:flex;flex-direction:column;gap:24px;position:relative;padding-bottom:0}
.growth-cascade-card{position:sticky;top:96px;min-height:430px;height:min(44vw,620px);background:#030707;color:#f7f7f3;border-radius:var(--radius);padding:24px;isolation:isolate;box-shadow:0 -1px 0 #ffffff30}
.growth-cascade-card:not(:first-child){top:128px}
.cascade-number{position:absolute;left:24%;top:16px;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(100px,16vw,230px);line-height:1;letter-spacing:-.055em}
.growth-sticker{position:absolute;left:44%;top:31%;background:#f00010;color:#000;padding:.12em .42em .17em;font:600 clamp(18px,2.5vw,36px)/1.08 GrowthSticker,sans-serif;white-space:nowrap;transform:rotate(-4deg);transform-origin:center;border-radius:2px;box-shadow:0 1px 2px #0003;opacity:0}
.growth-sticker.is-stuck{opacity:1}
.cascade-description{position:absolute;left:64%;right:5%;bottom:7%;font-family:var(--body);font-weight:800;font-size:clamp(18px,2.1vw,28px);line-height:1.35;word-break:keep-all}
.cascade-description p{margin:0}.cascade-description .cascade-revenue{font-size:12px;font-weight:600;color:#a9adad;margin-top:16px;line-height:1.5}
@media(max-width:767px){.growth-cascade>.growth-tags-heading{margin-bottom:36px}.growth-cascade-card{height:400px;min-height:0;top:76px;border-radius:var(--radius)}.growth-cascade-card:not(:first-child){top:108px}.cascade-number{left:7%;top:24px;font-size:24vw}.growth-sticker{left:25%;top:30%;font-size:4.5vw}.cascade-description{left:43%;right:6%;font-size:18px;bottom:8%}}
@media(prefers-reduced-motion:reduce){.growth-cascade-card,.growth-cascade-card:not(:first-child){position:relative;top:auto}.growth-sticker{opacity:1}}

/* The expanded city film ends at a cinematic 16:9 frame. */
.city-expansion-stage{height:max(420px,calc((100vw - 2 * var(--layout-edge)) * .5625));min-height:0}
@media(max-width:767px){.city-expansion-stage{height:max(320px,calc((100vw - 24px) * .5625));min-height:0}}
@media(prefers-reduced-motion:reduce){.city-expansion-stage{height:auto}.city-expanded-film{height:auto!important;aspect-ratio:16/9}}

/* Brand point of view, between products and growth. */
.reimagine-statement{margin:var(--layout-section) var(--layout-edge) 0;padding:clamp(56px,7vw,96px) var(--layout-inset);border-radius:var(--radius);background:#000;color:#fff;text-align:center}
.reimagine-statement h2{margin:0;font-weight:800;letter-spacing:-.04em}
.reimagine-statement p{margin:28px 0 0;font-family:var(--body);font-size:clamp(16px,2vw,26px);line-height:1.5;word-break:keep-all}
@media(max-width:767px){.reimagine-statement{padding:48px 20px;border-radius:var(--radius)}.reimagine-statement h2.section-title{font-size:clamp(22px,5.4vw,32px)!important}.reimagine-statement p{margin-top:24px}}
/* Keep the growth introduction visible above the cascading cards. */
.growth-cascade{--growth-heading-height:210px;--growth-pin-top:92px}
.growth-cascade>.growth-tags-heading{position:sticky;top:var(--growth-pin-top);z-index:6;background:#fff;margin-bottom:0;padding:24px 0 48px}
.growth-cascade>.growth-tags-heading::before{content:'';position:absolute;inset:0 calc(-1 * var(--layout-inset));background:#fff;z-index:-1}
.growth-cascade-card{top:calc(var(--growth-pin-top) + var(--growth-heading-height));height:clamp(300px,44vw,calc(100svh - var(--growth-pin-top) - var(--growth-heading-height) - 20px));min-height:0}
.growth-cascade-card:not(:first-child){top:calc(var(--growth-pin-top) + var(--growth-heading-height) + 24px)}
@media(max-width:767px){.growth-cascade{--growth-pin-top:76px}.growth-cascade>.growth-tags-heading{padding:16px 0 24px;margin-bottom:0}.growth-cascade-card{height:380px}}
@media(prefers-reduced-motion:reduce){.growth-cascade>.growth-tags-heading{position:relative;top:auto}.growth-cascade-card,.growth-cascade-card:not(:first-child){top:auto}}
/* Keep the global introduction pinned while the film grows below it. */
.page-company .global-cities-section{--global-pin-top:92px;--global-heading-height:180px}
.page-company .global-cities-intro{position:sticky;top:var(--global-pin-top);z-index:5;background:#fff;margin-bottom:0;padding-top:24px;padding-bottom:32px}
.page-company .city-expansion-stage{top:calc(var(--global-pin-top) + var(--global-heading-height))}
@media(max-width:767px){.page-company .global-cities-section{--global-pin-top:76px}.page-company .global-cities-intro{padding-top:16px;padding-bottom:24px;margin-bottom:0}}
@media(prefers-reduced-motion:reduce){.page-company .global-cities-intro{position:relative;top:auto}.page-company .city-expansion-stage{top:0}}

/* Reimagine follows the white editorial introduction layout. */
.page-company .reimagine-statement{margin:var(--layout-section) var(--layout-gutter) 0;padding:0;border-radius:0;background:#fff;color:var(--ink);text-align:left}
.page-company .reimagine-statement .editorial-label{margin:4px 24px 0 0;font-size:12px;line-height:1.45;font-weight:800}
.page-company .reimagine-statement h2.section-title{font-size:var(--layout-heading)!important;line-height:1.2!important}
@media(max-width:767px){.page-company .reimagine-statement .editorial-label{font-size:11px;margin:0}}
/* Opaque header backing hides scrolled content around the rounded navigation. */
body::before{content:'';position:fixed;inset:0 0 auto;height:92px;background:#fff;z-index:39;pointer-events:none}
.hero-intro-ready:not(:has(.site-header.is-revealed)):not(:has(.site-header:focus-within)) body::before{visibility:hidden}
@media(max-width:991px){body::before{height:76px}}

/* Growth cards use the site's established brand palette. */
.growth-cascade-card[data-metric="NO.1"]{background:var(--ink);color:var(--paper)}
.growth-cascade-card[data-metric="300%"]{background:#f4f4f2;color:var(--ink)}
.growth-cascade-card[data-metric="1,400"]{background:#e9e9e7;color:var(--ink)}
.growth-cascade-card[data-metric="13M"]{background:#dcdcd9;color:var(--ink)}
.growth-cascade-card .growth-sticker{background:var(--red);color:var(--paper)}
.growth-cascade-card[data-metric="13M"] .growth-sticker{background:var(--ink);color:var(--paper)}
.growth-cascade-card .cascade-revenue{color:inherit;opacity:.75}

/* Align the Vision panel's outer edges with the navigation. */
.page-company .vision-section::before{clip-path:inset(0 var(--vision-inset,var(--layout-edge)) round var(--vision-round,24px))}

/* A rolling paper edge lays the sticker down without a stamp or bounce. */
.growth-cascade-card .growth-sticker{--sticker-color:var(--red);padding:0;background:transparent;box-shadow:none;perspective:700px;transform:rotate(-4deg)}
.growth-cascade-card[data-metric="13M"] .growth-sticker{--sticker-color:var(--ink);background:transparent}
.sticker-face{display:block;padding:.12em .42em .17em;background:var(--sticker-color);border-radius:2px;clip-path:inset(0 100% 0 0)}
.growth-sticker::after{content:'';position:absolute;top:0;bottom:0;left:0;width:22%;border-radius:2px;background:linear-gradient(90deg,#b9b5af 0%,#fff9ee 24%,#eee6d8 85%,#b5ada0 100%);transform-origin:right center;opacity:0;pointer-events:none}
.growth-sticker.is-stuck .sticker-face{animation:sticker-lay 1300ms cubic-bezier(.25,.1,.3,1) both}
.growth-sticker.is-stuck::after{animation:sticker-unfold 1300ms cubic-bezier(.25,.1,.3,1) both}
@keyframes sticker-lay{
 0%{clip-path:inset(0 100% 0 0)}
 65%{clip-path:inset(0 24% 0 0)}
 85%{clip-path:inset(0 7% 0 0)}
 100%{clip-path:inset(0 0 0 0)}
}
@keyframes sticker-unfold{
 0%{left:-22%;width:22%;transform:rotateY(-145deg);opacity:0;box-shadow:-8px 5px 9px #0005}
 8%{opacity:1}
 65%{left:62%;width:14%;transform:rotateY(-135deg);opacity:1;box-shadow:-4px 3px 5px #0003}
 85%{left:87%;width:6%;transform:rotateY(-120deg);opacity:1;box-shadow:-2px 1px 2px #0002}
 100%{left:100%;width:0%;transform:rotateY(-100deg);opacity:1;box-shadow:0 0 0 #0000}
}
@media(prefers-reduced-motion:reduce){.growth-sticker .sticker-face{animation:none;clip-path:none}.growth-sticker::after{animation:none!important;display:none}}

/* Keep the short metric descriptions compact across manual line breaks. */
.growth-cascade-card .cascade-description>p{line-height:1.28}
.growth-cascade-card .cascade-description>.cascade-revenue{line-height:1.4}

/* All live site typography uses the full Pretendard variable weight range. */
@font-face{font-family:PretendardVariable;src:url('/assets/pretendard-variable.woff2') format('woff2');font-weight:100 900;font-style:normal;font-display:swap}
:root,:root[data-latin-font]{--latin-font:PretendardVariable;--body:var(--latin-font),PretendardVariable,'Apple SD Gothic Neo',sans-serif}
html body,html body *,html body *::before,html body *::after{font-family:var(--body)!important}

/* Leave breathing room below pinned cards and their final lines. */
.growth-cascade-card{height:clamp(300px,44vw,calc(100svh - var(--growth-pin-top) - var(--growth-heading-height) - 88px))}
.growth-cascade-stack{gap:48px;padding-bottom:48px}
.growth-cascade-card .cascade-description{bottom:max(40px,8%)}
@media(max-width:767px){.growth-cascade-card{height:380px}.growth-cascade-stack{gap:32px;padding-bottom:32px}.growth-cascade-card .cascade-description{bottom:36px}}

/* Align the positions heading with the welcome card's content inset. */
.page-recruit .positions-section>.section-heading{margin-left:var(--recruit-inset);margin-right:var(--recruit-inset)}

/* Recruit introductions share the Company's editorial grid and content edges. */
.page-recruit .positions-section{padding-left:var(--layout-edge);padding-right:var(--layout-edge)}
.page-recruit .journey-frame .journey-heading,
.page-recruit .positions-section>.section-heading,
.page-recruit .faq-intro,
.page-recruit .recruit-end>.editorial-heading{display:grid;grid-template-columns:30% minmax(0,1fr);align-items:start;justify-content:normal;gap:0;text-align:left}
.page-recruit .journey-heading>div,.page-recruit .faq-intro>div{width:100%;max-width:none;min-width:0}
.page-recruit .editorial-heading .editorial-label{font-size:12px;line-height:1.45;font-weight:800;color:inherit;margin:4px 24px 0 0;max-width:240px}
.page-recruit .editorial-heading h2.section-title{font-size:var(--layout-heading)!important;line-height:1.2!important;width:auto;max-width:none;margin:0;letter-spacing:-.045em}
.page-recruit .editorial-heading .editorial-description{font-size:16px;line-height:1.5;margin:20px 0 0;max-width:none}
.page-recruit .positions-section>.section-heading{margin:0 var(--layout-inset) 40px}
.page-recruit .positions-section>.job-filter-row{margin-top:0}
.page-recruit .faq-intro{margin-bottom:40px}
.page-recruit .faq-section{padding-bottom:48px}
.page-recruit .recruit-end{padding:40px var(--layout-inset);min-height:0}
.page-recruit .recruit-end>.button{margin-top:28px;padding:8px 14px 8px 24px;gap:24px;min-height:54px}
.page-recruit .recruit-end>.button>span{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;line-height:1;font-size:0;letter-spacing:0;padding:0}
.page-recruit .recruit-end>.button>span::before,.page-recruit .recruit-end>.button>span::after{content:none}
.page-recruit .recruit-end>.button svg{display:block;width:20px;height:20px;transform:none}
@media(max-width:767px){
 .page-recruit .journey-frame .journey-heading,.page-recruit .positions-section>.section-heading,.page-recruit .faq-intro,.page-recruit .recruit-end>.editorial-heading{grid-template-columns:1fr;gap:16px}
 .page-recruit .editorial-heading .editorial-label{margin:0;font-size:11px}
 .page-recruit .recruit-end{padding:32px var(--layout-inset)}
 .page-recruit .recruit-end>.button{margin-left:0}
}

/* Culture content panels align with the navigation's outer edges. */
.page-culture .benefits-section,.page-culture .team-section{padding-left:var(--layout-edge);padding-right:var(--layout-edge)}
.page-culture .benefits-section>.culture-section-heading{margin-left:var(--layout-inset);margin-right:var(--layout-inset)}

/* Use one type scale for all growth-card descriptions, including revenue. */
.growth-cascade-card .cascade-description>p,
.growth-cascade-card .cascade-description>.cascade-revenue{font-size:inherit;font-weight:inherit;line-height:1.28;color:inherit;opacity:1}
.growth-cascade-card .cascade-description{font-weight:700}

/* Benefits: consistent interior spacing and regular-weight reading copy. */
.page-culture .benefit-card{padding:32px;display:flex;flex-direction:column}
.page-culture .benefit-visual{height:auto;min-height:0;justify-content:flex-start;margin:0 0 32px;padding:0}
.page-culture .benefit-visual>span{margin-top:10px}
.page-culture .benefit-card h3{margin:0 0 16px;line-height:1.3}
.page-culture .benefit-card p{margin:0;font-weight:400;line-height:1.65;letter-spacing:-.025em}
.page-culture .benefit-note{font-weight:400}
@media(max-width:767px){.page-culture .benefit-card{padding:24px}.page-culture .benefit-visual{margin-bottom:24px}.page-culture .benefit-card h3{margin-bottom:12px}}

/* Final Unicorn option: portrait film mask with a quiet three-column composition. */
.unicorn-mask-section{height:240svh;position:relative}
.unicorn-mask-stage{position:sticky;top:92px;height:calc(100svh - 92px);min-height:520px;display:grid;grid-template-columns:1fr minmax(0,1.15fr) 1fr;gap:32px;align-items:center;margin:0 var(--layout-gutter);z-index:1}
.unicorn-mask-frame{height:min(72svh,760px);width:100%;border-radius:var(--radius);position:relative;overflow:hidden}
.unicorn-mask-title{font-size:clamp(32px,4.3vw,68px);line-height:1.03;text-align:right;letter-spacing:-.05em;opacity:0}
.unicorn-mask-english{font-size:clamp(17px,1.65vw,26px);font-weight:700;line-height:1.18;letter-spacing:-.035em;opacity:0;word-break:normal}
.unicorn-mask-copy{position:absolute;inset:0;display:grid;place-items:center;background:#0003;color:#fff;text-align:center;padding:20px}
.unicorn-mask-copy p{grid-area:1/1;font-weight:700;line-height:1.25;letter-spacing:-.045em;opacity:0;word-break:keep-all}
.unicorn-mask-first,.unicorn-mask-second{font-size:clamp(28px,3.2vw,48px)}
.unicorn-version-picker{position:fixed;left:24px;bottom:24px;z-index:1000;background:#fff;border:1px solid #ddd;border-radius:var(--radius);padding:16px;box-shadow:0 8px 30px #0002;font-size:12px}
.unicorn-version-picker strong{display:block;margin-bottom:10px}.unicorn-version-picker>div{display:flex;gap:8px}
.unicorn-version-picker button{padding:10px 14px;border-radius:99px;background:#eee;font-size:12px}.unicorn-version-picker button[aria-pressed=true]{background:#151513;color:#fff}
.notes-off .unicorn-version-picker{display:none}
@media(max-width:767px){.unicorn-mask-stage{top:76px;height:calc(100svh - 76px);min-height:500px;grid-template-columns:1fr 1fr;gap:16px;margin:0 24px;align-content:center}.unicorn-mask-frame{grid-column:1/-1;grid-row:2;width:65%;height:52svh;justify-self:center}.unicorn-mask-title{font-size:28px}.unicorn-mask-english{font-size:12px}.unicorn-mask-first,.unicorn-mask-second{font-size:30px}.unicorn-version-picker{left:12px;bottom:68px}}
@media(prefers-reduced-motion:reduce){.unicorn-mask-section{height:auto}.unicorn-mask-stage{position:relative;top:0}.unicorn-mask-copy{display:flex;flex-direction:column;justify-content:center;gap:28px}.unicorn-mask-copy p{transform:none!important}}
@media(min-width:768px){.unicorn-mask-frame{height:auto;width:min(100%,48svh);aspect-ratio:2/3;max-height:72svh;justify-self:center}}

.font-review-options button[aria-pressed=true]{background:var(--ink);color:#fff;border-color:var(--ink)}

.page-company .products-intro-text{min-width:0}
.page-company .products-intro-caption{margin:16px 0 0;font-size:16px;line-height:1.5;font-weight:400;color:var(--muted);word-break:keep-all}
@media(max-width:767px){.page-company .products-intro-caption{font-size:14px;margin-top:12px}}

@font-face{font-family:Heavitas;src:url('/assets/heavitas.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap;unicode-range:U+0020-007E,U+00C0-024F}

/* Products unfold from the portrait film, then continue as the interactive rail. */
.unicorn-mask-section{height:340svh}
.unicorn-mask-stage>.unicorn-unfold-carousel{position:absolute;left:calc(-1 * var(--layout-gutter));top:50%;width:100vw;transform:translateY(-50%);z-index:4;opacity:0;overflow:visible;flex:none}
.unicorn-unfold-carousel .product-project{transition:none}
@media(max-width:767px){.unicorn-mask-stage>.unicorn-unfold-carousel{left:-24px}}
@media(prefers-reduced-motion:reduce){.unicorn-mask-section{height:auto}.unicorn-mask-stage>.unicorn-unfold-carousel{position:relative;top:auto;grid-column:1/-1;transform:none;opacity:1!important;pointer-events:auto!important}}

/* Film and product cards share the midpoint of their previous heights. */
.unicorn-mask-stage .unicorn-mask-frame{height:var(--unicorn-card-height);max-height:none;aspect-ratio:auto}
.unicorn-mask-stage>.unicorn-unfold-carousel{height:var(--unicorn-card-height)}

/* Large product typography frames the unfolded rail. */
.unicorn-products-top,.unicorn-products-bottom{position:absolute;left:calc(-1 * var(--layout-gutter));width:100vw;margin:0;padding:0 24px;text-align:center;white-space:nowrap;line-height:1;font-weight:800;letter-spacing:-.045em;color:var(--ink);opacity:0;pointer-events:none;z-index:5}
.unicorn-products-top{font-size:clamp(38px,8.3vw,140px);bottom:calc(100% - var(--unicorn-rail-top,30%) + 28px)}
.unicorn-products-bottom{font-size:clamp(32px,7.5vw,130px);top:calc(var(--unicorn-rail-bottom,75%) + 28px)}
@media(max-width:767px){.unicorn-products-top,.unicorn-products-bottom{left:-24px;padding:0 12px}.unicorn-products-top{font-size:9.2vw;bottom:calc(100% - var(--unicorn-rail-top,30%) + 18px)}.unicorn-products-bottom{font-size:8.5vw;top:calc(var(--unicorn-rail-bottom,75%) + 18px)}}

/* Sequential stack, product details, then a rightward scrollable rail. */
.unicorn-mask-section{height:540svh}
.unicorn-products-top,.unicorn-products-bottom{display:none}
.unicorn-stack-title{grid-column:1;grid-row:1;text-align:right;align-self:center;font-size:clamp(32px,4.3vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:800;opacity:0;z-index:6;pointer-events:none}
.unicorn-stack-title span{display:block}.unicorn-stack-title span+span{margin-top:36px}
.unicorn-mask-title{grid-column:1;grid-row:1}.unicorn-mask-frame{grid-column:2;grid-row:1}.unicorn-mask-english{grid-column:3;grid-row:1}
.unicorn-stack-detail{grid-column:3;grid-row:1;display:grid;align-self:center;z-index:6;pointer-events:none}
.unicorn-stack-description{grid-area:1/1;opacity:0;min-width:0}
.unicorn-stack-description h3{font-size:clamp(22px,2.5vw,40px);line-height:1.08;letter-spacing:-.035em;margin:0 0 8px}
.unicorn-stack-description p{font-size:clamp(14px,1.2vw,18px);line-height:1.5;word-break:keep-all}
.unicorn-mask-section:not(.is-previous-spread) .unicorn-unfold-carousel .product-carousel-track{transform:none!important}
.unicorn-unfold-carousel .product-project:nth-child(-n+4),.unicorn-unfold-carousel .product-project:nth-child(n+9){display:none}
.unicorn-unfold-carousel.is-spread{overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;cursor:grab;touch-action:pan-x pan-y}
.unicorn-unfold-carousel.is-spread .product-carousel-track{position:relative;inset:auto;padding-right:24px}
.unicorn-unfold-carousel:not(.is-spread) .product-flip-inner{transform:none!important}
@media(max-width:767px){.unicorn-mask-frame{grid-column:1/-1;grid-row:2}.unicorn-stack-title,.unicorn-mask-title{grid-column:1;grid-row:1}.unicorn-stack-detail,.unicorn-mask-english{grid-column:2;grid-row:1}.unicorn-stack-title{font-size:28px}.unicorn-stack-title span+span{margin-top:12px}.unicorn-stack-description h3{font-size:18px;margin-bottom:8px}.unicorn-stack-description p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.unicorn-mask-section{height:120svh}}

.unicorn-mask-section.is-previous-spread{height:340svh}
.is-previous-spread .unicorn-stack-title,.is-previous-spread .unicorn-stack-detail{display:none}
.is-previous-spread .unicorn-products-top,.is-previous-spread .unicorn-products-bottom{display:block}
.unicorn-version-picker>div{flex-wrap:wrap}

.is-previous-spread .unicorn-unfold-carousel .product-project{display:block}
.is-previous-spread .unicorn-unfold-carousel.is-spread{overflow:visible}
.is-previous-spread .unicorn-unfold-carousel.is-spread .product-carousel-track{position:absolute;inset:0 auto 0 0;padding-right:0}

/* The product chapter turns dark while its navigation reverses to white. */
.unicorn-mask-section{background:#fff;transition:background-color .5s ease,color .5s ease}
.unicorn-mask-section.is-dark-scene{background:#080808;color:#fff}
.unicorn-mask-title,.unicorn-mask-english,.unicorn-stack-title,.unicorn-stack-detail{transition:color .5s ease}
.is-dark-scene .unicorn-mask-title,.is-dark-scene .unicorn-mask-english,.is-dark-scene .unicorn-stack-title,.is-dark-scene .unicorn-stack-detail{color:#fff}
.is-dark-scene .unicorn-stack-description p{color:#dedede}
.is-dark-scene .unicorn-unfold-carousel{scrollbar-color:#888 #080808}
body::before{transition:background-color .5s ease}
body.unicorn-dark-active::before{background:#080808}
@media(prefers-reduced-motion:reduce){.unicorn-mask-section,.unicorn-mask-title,.unicorn-mask-english,.unicorn-stack-title,.unicorn-stack-detail,body::before{transition:none}}

/* Four scroll chapters from the supplied manifesto storyboard. */
.reimagine-flow{height:460svh;background:#080808;color:#fff;position:relative}
.reimagine-flow-stage{position:sticky;top:92px;height:calc(100svh - 92px);min-height:480px;overflow:clip;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;align-items:center;padding:0 var(--layout-gutter)}
.reimagine-question{position:absolute;inset:0;margin:0;display:flex;align-items:center;justify-content:center;text-align:center;padding:0 var(--layout-gutter);font-size:clamp(24px,3vw,48px);font-weight:800;line-height:1.2;letter-spacing:-.035em}
.question-better{opacity:0}
.reimagine-flow-left{grid-column:1;grid-row:1;position:relative;display:grid;text-align:right;margin:0;font-size:clamp(22px,2.6vw,42px);line-height:1.08;letter-spacing:-.035em;font-weight:800;z-index:4}
.reimagine-flow-left span{grid-area:1/1;align-self:center;opacity:0}
.reimagine-flow-cards{grid-column:2;grid-row:1;position:relative;width:100%;height:clamp(300px,38vw,540px);opacity:0}
.reimagine-keyword{position:absolute;inset:0;background:#fff;color:#080808;border-radius:var(--radius);display:flex;align-items:center;padding:24px;will-change:transform}
.reimagine-keyword h3{font-size:clamp(25px,2.7vw,44px);font-weight:800;line-height:1.02;letter-spacing:-.035em;margin:0}
.keyword-crunchy{background-color:#ffda00;background-image:radial-gradient(#fff5 2px,transparent 2.5px);background-size:22px 22px;z-index:1}
.keyword-white{z-index:2}.keyword-fun{background-color:#baa0dd;background-image:radial-gradient(var(--keyword-dots,#fff5) 2px,transparent 2.5px);background-size:22px 22px;z-index:3}
.reimagine-flow-right{grid-column:3;grid-row:1;font-size:clamp(22px,2.6vw,42px);font-weight:800;line-height:1.08;letter-spacing:-.035em;margin:0;opacity:0;z-index:4}
@media(max-width:767px){.reimagine-flow-stage{top:76px;height:calc(100svh - 76px);padding:0 20px;gap:14px;grid-template-columns:1fr 1.2fr 1fr}.reimagine-question{font-size:clamp(22px,5vw,32px);padding:24px}.reimagine-flow-left,.reimagine-flow-right{font-size:clamp(13px,3.3vw,22px)}.reimagine-flow-cards{height:280px}.reimagine-keyword{padding:12px;border-radius:var(--radius)}.reimagine-keyword h3{font-size:clamp(16px,4vw,25px)}}
@media(prefers-reduced-motion:reduce){.reimagine-flow{height:auto;padding:60px 0}.reimagine-flow-stage{position:relative;top:0;height:auto;display:flex;flex-direction:column;gap:48px;min-height:0}.reimagine-question{position:relative;inset:auto;opacity:1}.reimagine-flow-left span{opacity:1;grid-area:auto}.reimagine-flow-left{gap:24px;text-align:center}.reimagine-flow-cards{display:flex;gap:24px;width:100%;height:auto;overflow:auto;opacity:1}.reimagine-keyword{position:relative;inset:auto;min-width:220px;height:320px}.reimagine-flow-right{opacity:1;text-align:center}}

.unicorn-mask-english>span{display:block;text-wrap:balance}
.unicorn-mask-english>span+span{margin-top:.45em}

@media(min-width:768px) and (max-height:850px){.journey-frame{height:calc(94svh - 108px)}}

.page-recruit .faq-section{padding-left:var(--layout-edge);padding-right:var(--layout-edge)}

.page-recruit .positions-section>.section-heading,.page-recruit .positions-section>.job-filter-row,.page-recruit .positions-section>.job-total{margin-left:0;margin-right:0}
.page-recruit .positions-section .job-row,.page-recruit .positions-section .job-row:hover,.page-recruit .positions-section .job-row:focus-visible{padding-left:0;padding-right:0}

.reimagine-flow-korean{position:absolute;left:var(--layout-gutter);right:var(--layout-gutter);top:calc(50% + clamp(150px,19vw,270px) + 36px);margin:0;text-align:center;font-size:clamp(14px,1.5vw,22px);line-height:1.5;font-weight:500;word-break:keep-all;opacity:0;color:#eee}
@media(max-width:767px){.reimagine-flow-korean{top:calc(50% + 180px);left:24px;right:24px;font-size:14px}}
@media(prefers-reduced-motion:reduce){.reimagine-flow-korean{position:static;opacity:1}}

/* A single fixed left alignment; only the right-hand content travels. */
.reimagine-question{inset:0 var(--layout-gutter);padding:0;display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;font-size:clamp(22px,2.6vw,42px);text-align:left}
.reimagine-question .question-prefix{grid-column:1;align-self:center;text-align:right;white-space:nowrap}
.reimagine-question .question-motion{grid-column:2/4;align-self:center;will-change:transform;line-height:1.15}
@media(max-width:767px){.reimagine-question{inset:0 20px;grid-template-columns:1fr 1.2fr 1fr;gap:14px;font-size:clamp(13px,3.3vw,22px)}}
@media(prefers-reduced-motion:reduce){.reimagine-question{position:relative;inset:auto;width:100%;display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.reimagine-question .question-motion{transform:none!important}}

/* Keep products and the manifesto on one continuous pinned screen. */
.unicorn-mask-section.has-linked-flow{height:940svh}
.unicorn-mask-stage>.reimagine-flow-stage{position:absolute;top:0;left:calc(-1 * var(--layout-gutter));width:100vw;height:100%;min-height:0;z-index:8;background:transparent;grid-template-columns:1fr minmax(0,1.15fr) 1fr}
.unicorn-mask-stage>.reimagine-flow-stage .reimagine-question{grid-template-columns:1fr minmax(0,1.15fr) 1fr}
.unicorn-mask-stage>.reimagine-flow-stage .reimagine-flow-cards{height:var(--unicorn-card-height)}
@media(max-width:767px){.unicorn-mask-stage>.reimagine-flow-stage{left:-24px;grid-template-columns:1fr 1.2fr 1fr}.unicorn-mask-stage>.reimagine-flow-stage .reimagine-question{grid-template-columns:1fr 1.2fr 1fr}}

/* One type scale throughout the product-to-manifesto sequence. */
.unicorn-mask-stage,.reimagine-flow-stage{--sequence-title-size:clamp(32px,4.3vw,68px)}
.unicorn-mask-title,.unicorn-stack-title,.reimagine-question,.reimagine-flow-left,.reimagine-flow-right,.reimagine-keyword h3{font-size:var(--sequence-title-size);line-height:1.08}
@media(max-width:767px){.unicorn-mask-stage,.reimagine-flow-stage{--sequence-title-size:28px}}

/* Keep every left caption on the same right edge, even with long unbroken text. */
.unicorn-mask-stage,.unicorn-mask-stage>.reimagine-flow-stage,
.unicorn-mask-stage>.reimagine-flow-stage .reimagine-question{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr) minmax(0,1fr)}
.reimagine-question{grid-template-columns:repeat(3,minmax(0,1fr))}
.reimagine-question .question-prefix{justify-self:end;width:max-content;min-width:0}
.unicorn-stack-title,.unicorn-mask-title,.reimagine-flow-left{min-width:0;width:100%;text-align:right}
.reimagine-keyword{overflow:hidden;background-image:none;color:#fff;isolation:isolate}
.reimagine-keyword>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.reimagine-keyword::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.35),transparent 65%);z-index:-1}
.reimagine-keyword h3{align-self:flex-start;text-shadow:0 2px 16px #0003}
@media(max-width:767px){.unicorn-mask-stage,.unicorn-mask-stage>.reimagine-flow-stage,.unicorn-mask-stage>.reimagine-flow-stage .reimagine-question{grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) minmax(0,1fr)}}

/* One persistent phrase: only DON'T drops away; ASK retains its right edge. */
.question-prefix-morph{display:flex;align-items:baseline}
.question-we{padding-right:.22em}
.question-dont-slot{display:block;flex:none;overflow:visible}
.question-dont{display:block;width:max-content;padding-right:.22em;will-change:transform,opacity}
.question-better .question-prefix{visibility:hidden}
@media(prefers-reduced-motion:reduce){.question-better .question-prefix{visibility:visible}.question-dont{transform:none!important;opacity:1!important}.question-dont-slot{width:auto!important}}

/* Grow the same single-line question as SHOULD and BE rise into place. */
.reimagine-question .question-sentence{display:flex;white-space:nowrap;flex-wrap:nowrap;min-width:0}
.question-sentence>span{flex:none}
.question-word-slot{display:block;overflow:visible}
.question-word-slot>span{display:block;width:max-content;will-change:transform,opacity}
.word-should,.word-be{width:0}
.word-should>span,.word-be>span{opacity:0}
.question-better .question-motion{white-space:nowrap}
@media(prefers-reduced-motion:reduce){.word-is{width:auto!important}.word-is>span{opacity:1!important;transform:none!important}.word-should,.word-be{display:none}}

/* Keep the rail caption in two intentional lines. */
.reimagine-flow-left .flow-how{justify-self:end;width:max-content;text-align:right}
.reimagine-flow-left .flow-how>span{display:block;white-space:nowrap;opacity:1}

/* A short upward handoff, with the outgoing title cleared before the next settles. */
.unicorn-stack-title{will-change:transform,opacity}
.question-current .question-prefix-morph{transform:translateY(var(--question-enter-y,0px));opacity:var(--question-enter-opacity,1);will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.question-current .question-prefix-morph{transform:none;opacity:1}}

/* The opening video keeps its playback surface size while only its mask contracts. */
.shared-opening-film{will-change:clip-path,top;transition:none;backface-visibility:hidden}

/* Consistent line metrics with individual reveal masks. */
.unicorn-mask-title{line-height:1.08;letter-spacing:-.035em}
.unicorn-title-line{display:block;overflow:hidden;line-height:inherit;letter-spacing:inherit}
.unicorn-title-line>span{display:block;line-height:inherit;letter-spacing:inherit;white-space:nowrap;will-change:transform}
@media(prefers-reduced-motion:reduce){.unicorn-title-line>span{transform:none!important}}

/* Match the introductory copy's rhythm and masked line reveal. */
.unicorn-mask-english{line-height:1.2;letter-spacing:-.035em}
.unicorn-mask-english>.unicorn-english-line{display:block;overflow:hidden;text-wrap:initial;margin:0;line-height:inherit;letter-spacing:inherit}
.unicorn-english-line>span{display:block;line-height:inherit;letter-spacing:inherit;will-change:transform}
@media(prefers-reduced-motion:reduce){.unicorn-english-line>span{transform:none!important}}

/* Keep ASK on its own line while DON'T leaves the first line. */
.reimagine-question .question-prefix-morph{display:grid;grid-template-columns:auto auto;justify-content:end;line-height:1.08}
.question-prefix-morph .question-we{grid-column:1;grid-row:1;padding-right:0}
.question-prefix-morph .question-dont-slot{grid-column:2;grid-row:1}
.question-prefix-morph .question-dont{padding-left:.22em;padding-right:0}
.question-prefix-morph>span:last-child{grid-column:1/3;grid-row:2;justify-self:end}

/* Intro and product titles share the exact same spacing, without a paragraph gap. */
.unicorn-mask-title,.unicorn-stack-title{line-height:1.08;letter-spacing:-.035em}
.unicorn-stack-title span+span{margin-top:0}

.question-prefix-morph .question-prefix-top{grid-column:1/3;grid-row:1;display:flex;justify-self:end;justify-content:flex-end;text-align:right}

/* Both questions keep the same two-line rhythm throughout the word morph. */
.reimagine-question .question-sentence{display:flex;flex-direction:column;align-items:flex-start;line-height:1.08}
.question-sentence .question-sentence-line{display:flex;flex-wrap:nowrap;white-space:nowrap;line-height:inherit}
.question-sentence-line>span{flex:none}
.reimagine-question .question-motion{line-height:1.08}

/* Let the shared film show through the introductory section. */
.unicorn-mask-section:not(.is-dark-scene){background-color:transparent}

.shared-opening-film>.hero-film-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* The question ends before the MAKE IT cards enter. */
.reimagine-flow-left .flow-how{display:none}

/* Stack inside the question column with a clear buffer around the rotated cards. */
.reimagine-flow-cards .reimagine-keyword{inset:0 18px}
.reimagine-flow-left .flow-categories{justify-self:end;width:max-content;white-space:nowrap;text-align:right}
.reimagine-flow-right{min-width:0}

/* Keep the Korean overlay transparent during the film-to-frame transition. */
.unicorn-mask-copy{background:transparent}

/* Darken within the actual video mask as it reaches the Korean copy. */
.shared-opening-film::after{background:rgba(0,0,0,var(--film-shade,.13))}

/* Anchor long captions to the column edge without letting intrinsic text widen its grid track. */
.reimagine-flow-left{display:block;align-self:center;height:0;min-width:0;position:relative}
.reimagine-flow-left .flow-categories{position:absolute;right:0;top:0;transform:translateY(-50%);width:max-content;max-width:none;text-align:right}
.reimagine-flow-cards .reimagine-keyword{left:0;right:0}
.unicorn-mask-stage>.reimagine-flow-stage .reimagine-flow-cards{width:var(--unicorn-card-width);justify-self:center}
@media(prefers-reduced-motion:reduce){.reimagine-flow-left{height:auto}.reimagine-flow-left .flow-categories{position:static;transform:none;width:auto}}

/* Each incoming metric leaves a visible strip of every preceding card. */
.growth-cascade-card,.growth-cascade-card:not(:first-child){top:calc(var(--growth-pin-top) + var(--growth-heading-height) + var(--card-index) * 24px);z-index:calc(var(--card-index) + 1)}
.growth-cascade-stack{padding-bottom:120px}
@media(max-width:767px){.growth-cascade-card,.growth-cascade-card:not(:first-child){top:calc(var(--growth-pin-top) + var(--growth-heading-height) + var(--card-index) * 16px)}}
@media(prefers-reduced-motion:reduce){.growth-cascade-card,.growth-cascade-card:not(:first-child){top:auto}}

.growth-cascade-card .cascade-number{left:var(--growth-number-left,30%);text-align:left}

/* Final revenue card: oversized metric, white sticker and a stepped revenue chart. */
.growth-cascade-card[data-metric="300%"]{background:var(--red);color:var(--ink);overflow:hidden}
.growth-cascade-card[data-metric="300%"] .growth-sticker{--sticker-color:#fff;color:var(--ink);left:47%;top:29%;font-size:clamp(16px,2.1vw,32px);z-index:2}
.growth-cascade-card[data-metric="300%"] .cascade-description{left:var(--growth-number-left);right:auto;width:24%;bottom:6%;z-index:2}
.revenue-chart{position:absolute;left:55%;right:5%;bottom:0;height:71%;display:flex;align-items:flex-end;color:var(--ink)}
.revenue-bar{position:relative;width:25%;height:max(8px,var(--bar-height));background:rgba(0,0,0,.38);border:2px solid var(--ink);border-bottom:0}
.revenue-bar:last-child{background:rgba(0,0,0,.20)}
.revenue-bar-label{position:absolute;left:0;right:0;bottom:calc(100% + 8px);font-size:clamp(11px,1.2vw,17px);font-weight:600;line-height:1.25;text-align:left;white-space:nowrap}
@media(max-width:767px){.growth-cascade-card[data-metric="300%"] .growth-sticker{left:20%;top:24%;font-size:14px}.growth-cascade-card[data-metric="300%"] .cascade-description{top:39%;bottom:auto;width:80%;font-size:16px}.revenue-chart{left:30%;right:6%;height:40%}.revenue-bar-label{font-size:10px}}

.culture-work-art>img.culture-spark-static{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transform:none;animation:none}

.talent-tags-description{margin-top:10px}

.page-culture .benefit-tabs{margin-bottom:12px}

/* Culture team refinements. */
.page-culture .team-description p{font-weight:700}
.page-culture .team-section>.culture-section-heading{margin-bottom:10px}
.page-culture .culture-team-context{margin-top:0}
.page-culture .join-section{padding-top:32px}

/* Keep recruitment rows stationary with consistent inset in every state. */
.page-recruit .positions-section .job-row,
.page-recruit .positions-section .job-row:hover,
.page-recruit .positions-section .job-row:focus-visible{padding:28px 24px;transform:none;transition:background .2s}
.page-recruit .positions-section>.job-total{margin-top:0;margin-bottom:20px}
@media(max-width:760px){
 .page-recruit .positions-section .job-row,
 .page-recruit .positions-section .job-row:hover,
 .page-recruit .positions-section .job-row:focus-visible{padding:22px 16px}
}

.page-recruit .faq-intro .editorial-description{font-weight:700}
@media(min-width:761px){.page-recruit .faq-intro h2{white-space:nowrap}}

/* Align all Korean metric captions to the shared heading/number baseline. */
.growth-cascade-card .cascade-description{left:var(--growth-number-left,30%);text-align:left}

/* Revenue: clean baseline, separated bars and clear value/year hierarchy. */
.revenue-chart{left:55%;right:5%;bottom:12%;height:50%;gap:clamp(10px,1.4vw,22px);border-bottom:1px solid rgba(21,21,19,.35)}
.revenue-bar{flex:1;min-width:0;width:auto;height:max(3px,var(--bar-height));border:0;border-radius:6px 6px 0 0;background:var(--ink)}
.revenue-bar:first-child{min-height:18px}
.revenue-bar:last-child{background:rgba(255,255,255,.18);border:1px dashed rgba(21,21,19,.7);border-bottom:0}
.revenue-bar-label{bottom:calc(100% + 10px);font-size:clamp(14px,1.55vw,23px);font-weight:700;line-height:1;letter-spacing:-.035em}
.revenue-bar-year{position:absolute;top:calc(100% + 12px);left:0;white-space:nowrap;font-size:clamp(10px,.9vw,13px);font-weight:500;line-height:1.2;letter-spacing:-.02em}
@media(max-width:767px){.revenue-chart{left:30%;right:6%;bottom:12%;height:34%;gap:10px}.revenue-bar-label{font-size:14px}.revenue-bar-year{font-size:9px;top:calc(100% + 9px)}}

.page-recruit .positions-section .welcome-banner{padding-left:32px;padding-right:32px}
@media(max-width:760px){.page-recruit .positions-section .welcome-banner{padding-left:20px;padding-right:20px}}

.reimagine-flow-korean{font-size:clamp(20px,2vw,28.5px);line-height:1.4}
@media(max-width:767px){.reimagine-flow-korean{font-size:16px}}

.page-culture .culture-work-title{gap:32px}
.page-culture .culture-work-title p{line-height:1.5;word-break:keep-all}
@media(max-width:767px){.page-culture .culture-work-hero{height:auto;min-height:400px}.page-culture .culture-work-title p br{display:none}}

/* Size photo-card headlines from the available card width, not the viewport. */
.reimagine-keyword{container-type:inline-size}
.reimagine-keyword h3{width:100%;font-size:min(44px,13cqw);line-height:1.08;letter-spacing:-.035em;overflow-wrap:normal;word-break:normal}

/* Release the finished stack and its editorial heading as one group. */
@media(prefers-reduced-motion:no-preference){
 .growth-cascade>.growth-tags-heading{top:calc(var(--growth-pin-top) + var(--growth-release,0px))}
 .growth-cascade-card,.growth-cascade-card:not(:first-child){top:calc(var(--growth-pin-top) + var(--growth-heading-height) + var(--card-index)*24px + var(--growth-release,0px))}
}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){.growth-cascade-card,.growth-cascade-card:not(:first-child){top:calc(var(--growth-pin-top) + var(--growth-heading-height) + var(--card-index)*16px + var(--growth-release,0px))}}

.unicorn-mask-stage>.unicorn-unfold-carousel.is-spread{overflow:visible}

/* Fine-line team accordion icons, independent of the selected typeface. */
.page-culture .team-row .team-plus{position:relative;display:block;flex:0 0 24px;width:24px;height:24px;font-size:0}
.page-culture .team-row .team-plus::before,.page-culture .team-row .team-plus::after{content:'';position:absolute;left:50%;top:50%;width:18px;height:1.5px;background:currentColor;transform:translate(-50%,-50%)}
.page-culture .team-row .team-plus::after{transform:translate(-50%,-50%) rotate(90deg)}

/* Culture opening rebuilt as a full-width black editorial introduction. */
.page-culture .culture-opening{background:#050505;color:#fff;display:grid;grid-template-columns:36% minmax(0,1fr);gap:0;padding:170px var(--layout-gutter) 80px;margin:0}
.culture-opening-label{margin:0;padding-top:3px;font-size:14px;font-weight:600;line-height:1.4}
.culture-opening-content h1{margin:0;font-size:clamp(28px,2.3vw,36px);line-height:1.25;font-weight:600;letter-spacing:-.035em}
.culture-opening-description{margin-top:64px;font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.025em;word-break:keep-all}
.culture-opening-description p{margin:0;font-weight:400}
.culture-opening-description p+p{margin-top:20px}
@media(max-width:767px){.page-culture .culture-opening{grid-template-columns:1fr;gap:28px;padding:130px 24px 56px}.culture-opening-content h1{font-size:27px}.culture-opening-description{margin-top:36px;font-size:15px}}
body.page-culture::before{background:#050505}

.culture-typing{background:#050505;color:#fff;height:160svh;position:relative}
.culture-typing-stage{position:sticky;top:92px;min-height:calc(75svh - 92px);display:grid;grid-template-columns:36% minmax(0,1fr);align-items:center;padding:64px var(--layout-gutter) 96px}
.culture-typing-content{grid-column:2;min-width:0}
.culture-typing-content h2{font-size:clamp(28px,2.3vw,36px);font-weight:600;line-height:1.25;letter-spacing:-.035em;margin:0 0 18px}
.culture-typing-box{background:#fff;color:#050505;border-radius:var(--radius);margin:0;padding:20px 24px;min-height:82px;font-size:clamp(20px,2vw,30px);font-weight:600;line-height:1.4;letter-spacing:-.035em;word-break:keep-all}
.culture-typing-cursor{display:inline-block;width:2px;height:1.15em;background:currentColor;vertical-align:-.16em;margin-left:3px;animation:culture-caret 1s steps(1,end) infinite}
@keyframes culture-caret{0%,49%{opacity:1}50%,100%{opacity:0}}
@media(max-width:767px){.culture-typing-stage{top:76px;grid-template-columns:1fr;padding:48px 24px 72px}.culture-typing-content{grid-column:1}.culture-typing-content h2{font-size:27px}.culture-typing-box{font-size:20px;padding:18px;min-height:80px}}
@media(prefers-reduced-motion:reduce){.culture-typing{height:auto}.culture-typing-stage{position:relative;top:auto;min-height:0}.culture-typing-cursor{animation:none}}

/* Culture editorial hierarchy follows its opening title and Company grid. */
.page-culture{--culture-heading-size:clamp(28px,2.3vw,36px)}
.page-culture main h2,.page-culture .culture-opening-content h1{font-size:var(--culture-heading-size)!important;font-weight:600!important;line-height:1.25!important;letter-spacing:-.035em;text-align:left}
.page-culture .talent-tags-description,.page-culture .culture-team-context,.page-culture .editorial-description,.page-culture .culture-opening-description,.page-culture .join-section p:not(.section-label):not(.editorial-label){font-size:16px;font-weight:400;line-height:1.5;letter-spacing:-.025em;text-align:left}
.page-culture .culture-opening,.page-culture .culture-typing-stage{grid-template-columns:30% minmax(0,1fr)}
@media(max-width:767px){.page-culture{--culture-heading-size:27px}.page-culture .culture-opening,.page-culture .culture-typing-stage{grid-template-columns:1fr}.page-culture .talent-tags-description,.page-culture .culture-team-context,.page-culture .editorial-description,.page-culture .culture-opening-description{font-size:15px}}
html body.page-culture main h2.section-title{font-weight:600!important}
.page-culture .team-section>.culture-section-heading{margin-left:var(--layout-inset);margin-right:var(--layout-inset)}
.page-culture .culture-team-context{margin-left:calc(30% + var(--layout-inset)*.4)}
@media(max-width:767px){.page-culture .team-section>.culture-section-heading{margin-left:0;margin-right:0}.page-culture .culture-team-context{margin-left:0}}

.culture-typing-box{padding:24px;min-height:0}
@media(max-width:767px){.culture-typing-box{padding:18px;min-height:0}}

/* Company section typography uses the Culture opening scale. */
html body.page-company main h2.section-title{font-size:clamp(28px,2.3vw,36px)!important;line-height:1.25!important}
.page-company .gallery-question-description,.page-company .vision-section .vision-korean,.page-company .editorial-description,.page-company .join-bottom>p{font-size:16px;line-height:1.5}
@media(max-width:767px){html body.page-company main h2.section-title{font-size:27px!important}.page-company .gallery-question-description,.page-company .vision-section .vision-korean,.page-company .editorial-description,.page-company .join-bottom>p{font-size:15px}}

.page-culture .team-list>.team-row:first-child{border-top:0}

/* Company editorial blocks share Culture's left-aligned title/body structure. */
html body.page-company main h2.section-title{font-weight:600!important;letter-spacing:-.035em;text-align:left}
.page-company .editorial-heading,.page-company .growth-tags-heading{text-align:left}
.page-company .editorial-description,.page-company .join-bottom>p,.page-company .vision-section .vision-korean{font-weight:400;letter-spacing:-.025em;text-align:left}
.page-company .vision-section{display:grid;grid-template-columns:30% minmax(0,1fr);grid-template-rows:auto auto;align-content:center;align-items:start;justify-content:normal;gap:0;padding:64px var(--layout-gutter)}
.page-company .vision-section .vision-label{grid-column:1;grid-row:1;text-align:left;font-size:14px;font-weight:600;line-height:1.4;margin:3px 24px 0 0;width:auto}
.page-company .vision-section h2{grid-column:2;grid-row:1;text-align:left;width:auto}
.page-company .vision-section .vision-korean{grid-column:2;grid-row:2;text-align:left;width:auto;margin:64px 0 0}
.page-company .join-section .editorial-heading{margin-bottom:64px}
.page-company .join-section .join-bottom{align-items:flex-start;text-align:left}
.page-company .editorial-description{margin-top:64px}
@media(max-width:767px){
 .page-company .vision-section{grid-template-columns:1fr;padding:40px var(--layout-gutter);gap:28px}
 .page-company .vision-section .vision-label,.page-company .vision-section h2,.page-company .vision-section .vision-korean{grid-column:1;grid-row:auto}
 .page-company .vision-section .vision-korean{margin-top:8px}
 .page-company .join-section .editorial-heading{margin-bottom:36px}
 .page-company .editorial-description{margin-top:36px}
}

.header-apply>b>svg{width:18px;height:18px}

/* Align editorial copy with the Company navigation label. */
@media(min-width:768px){
 body:is(.page-company,.page-culture) main :is(.editorial-heading,.growth-tags-heading,.culture-opening,.culture-typing-stage,.vision-section){grid-template-columns:var(--nav-aligned-column,30%) minmax(0,1fr)}
 body:is(.page-company,.page-culture) .join-section .join-bottom{padding-left:var(--nav-aligned-column,30%)}
 .page-culture .culture-team-context{margin-left:var(--nav-aligned-column,30%)}
}

/* Vision keeps its original centered, large statement treatment. */
.page-company .vision-section{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;gap:32px}
.page-company .vision-section .vision-label,.page-company .vision-section h2,.page-company .vision-section .vision-korean{position:static;inset:auto;transform:none;width:100%;margin:0;text-align:center}
html body.page-company main .vision-section h2.section-title{font-size:4.465cqw!important;font-weight:800!important;line-height:1.25!important;letter-spacing:-.045em;text-align:center}
.page-company .vision-section .vision-label{font-size:16px}
.page-company .vision-section .vision-korean{font-size:20px;line-height:1.5}
@media(max-width:767px){.page-company .vision-section{padding:36px 20px;gap:24px}.page-company .vision-section .vision-label{font-size:13px}.page-company .vision-section .vision-korean{font-size:15px}}

html body.page-company main h2#global-cities-heading{font-weight:700!important}

/* Rounded navigation outline for the current page and hover/focus. */
.desktop-nav a::after{inset:0 -10px;height:auto;background:transparent;border:1px solid currentColor;border-radius:999px;opacity:0;transform:scale(.9);transform-origin:center;transition:opacity .2s ease,transform .2s ease}
.desktop-nav a[aria-current=page]::after,.desktop-nav a:hover::after,.desktop-nav a:focus-visible::after{opacity:1;transform:scale(1)}
@media(prefers-reduced-motion:reduce){.desktop-nav a::after{transition:none}}

.page-company .vision-section::before{clip-path:inset(0 var(--vision-inset,var(--layout-edge)) round var(--radius));border-radius:0;will-change:auto}

/* Preserve the explicitly requested editorial line breaks. */
.page-culture .talents-section h2.section-title br,.page-culture #benefits h2.section-title br,.page-culture #teams h2.section-title br{display:initial}

html body.page-culture main .join-section h2.section-title{font-size:clamp(36px,3.5vw,52px)!important}
@media(max-width:767px){html body.page-culture main .join-section h2.section-title{font-size:34px!important}}

/* One shared corner radius for content cards and media at every breakpoint. */
.city-film{border-radius:var(--radius)}

.page-company h2#growth-heading br{display:initial}

/* Centered footer invitation, matching the supplied brand composition. */
html body main .join-section.join-banner{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(64px,8vw,128px) 32px clamp(56px,5vw,80px);border-radius:var(--radius)}
.join-banner-heading{display:flex;align-items:center;justify-content:center;gap:18px;max-width:100%}
html body main .join-banner .join-banner-heading h2{font-family:var(--body)!important;font-size:clamp(32px,5.1vw,82px)!important;font-weight:800!important;line-height:1.08!important;letter-spacing:-.045em!important;text-align:center!important;margin:0;white-space:nowrap}
.join-unicorn{width:clamp(90px,13vw,205px);height:auto;flex:none;filter:brightness(0) invert(1)}
html body main .join-banner p.join-banner-description{font-size:clamp(16px,1.5vw,24px);font-weight:400;line-height:1.5;text-align:center;margin:36px 0 24px;letter-spacing:-.025em}
.join-banner>.work-cta{align-self:center}
@media(max-width:767px){html body main .join-section.join-banner{padding:56px 20px 44px}.join-banner-heading{gap:8px}html body main .join-banner .join-banner-heading h2{font-size:clamp(20px,5.4vw,40px)!important}.join-unicorn{width:15vw;max-width:100px}html body main .join-banner p.join-banner-description{font-size:15px;margin:28px 0 20px}}
html body main .join-section.join-banner{background:#e60012;color:#fff}

.page-recruit .positions-section .job-row,.page-recruit .positions-section .job-row:hover,.page-recruit .positions-section .job-row:focus-visible{padding:18px 24px;min-height:0}
@media(max-width:767px){.page-recruit .positions-section .job-row,.page-recruit .positions-section .job-row:hover,.page-recruit .positions-section .job-row:focus-visible{padding:16px;min-height:0}}

/* Broader nav pills; compensate centering to retain Company's start line. */
.desktop-nav{gap:37px;transform:translateX(calc(-50% + 18px))}
.desktop-nav a::after{left:-16px;right:-16px}

/* Black principles follow the typing prompt, on the shared editorial axis. */
.culture-principles{background:#050505;color:#fff;padding:0 var(--layout-gutter) 120px}
.culture-principle-row{display:grid;grid-template-columns:var(--nav-aligned-column,30%) minmax(0,1fr);align-items:start;padding:64px 0}
.culture-principle-label,.culture-principle-copy h3{font-size:18px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin:0}
.culture-principle-label{padding-right:24px}
.culture-principle-reveal{font-size:18px;font-weight:500;line-height:1.55;letter-spacing:-.025em;word-break:keep-all;margin:10px 0 0;max-width:720px}
.culture-principle-reveal span{opacity:.18}
@media(max-width:767px){.culture-principles{padding:0 24px 64px}.culture-principle-row{grid-template-columns:1fr;gap:24px;padding:40px 0}.culture-principle-label,.culture-principle-copy h3,.culture-principle-reveal{font-size:16px}}
@media(prefers-reduced-motion:reduce){.culture-principle-reveal span{opacity:1!important}}

.page-culture .culture-principle-copy h3,.page-culture .culture-principle-reveal{font-size:var(--culture-heading-size)}

/* Slightly more compact benefit cards. */
.page-culture .benefit-card{padding:28px}
.page-culture .benefit-visual{margin-bottom:28px}
.page-culture .benefit-visual strong{font-size:60px}
.page-culture .benefit-card h3{font-size:21px;margin-bottom:14px}
.page-culture .benefit-card p{font-size:15px;line-height:1.6}
@media(max-width:767px){.page-culture .benefit-card{padding:22px}.page-culture .benefit-visual{margin-bottom:22px}.page-culture .benefit-card h3{margin-bottom:12px}}

.page-culture .culture-opening-description{font-size:var(--culture-heading-size);color:#a6a6a6}

/* Give each working principle its own viewport and generous breathing room. */
.page-culture .culture-principles{padding-top:0;padding-bottom:0}
.page-culture .culture-principle-row{box-sizing:border-box;min-height:100svh;align-content:center;padding:140px 0}
@media(max-width:767px){.page-culture .culture-principle-row{min-height:100svh;padding:100px 0;gap:28px}}

.page-culture .culture-opening-description{line-height:1.35}
.page-culture .culture-opening-description p+p{margin-top:16px}

/* Reference spacing: two-line headings, separated reading copy, generous row gap. */
.page-culture .culture-principle-row{min-height:0;align-content:start;padding:64px 0 120px}
.page-culture .culture-principle-reveal{margin-top:48px;max-width:720px;line-height:1.5}
.page-culture .culture-principle-row:last-child{padding-bottom:96px}
@media(max-width:767px){.page-culture .culture-principle-row{padding:48px 0 72px}.page-culture .culture-principle-reveal{margin-top:32px}.page-culture .culture-principle-row:last-child{padding-bottom:72px}}

@media(max-width:767px){.culture-principle-reveal br{display:none}}

.page-culture .culture-opening-description,.page-culture .culture-opening-description p{line-height:1.25}

/* Match principle copy leading to its heading; a bare typing caret follows each title. */
.page-culture .culture-principle-reveal{line-height:1.3}
.page-culture .culture-principle-copy h3::after{content:"";display:inline-block;width:2px;height:1.05em;margin-left:6px;background:currentColor;vertical-align:-.12em;animation:culture-caret 1s steps(1,end) infinite}
@media(prefers-reduced-motion:reduce){.page-culture .culture-principle-copy h3::after{animation:none}}

/* Shared size for left-column editorial labels, matching the work principles. */
html body main .editorial-heading .editorial-label,
html body main .growth-tags-heading>p,
html body main .culture-opening-label,
html body main .culture-principle-label{font-size:18px}
@media(max-width:767px){
 html body main .editorial-heading .editorial-label,
 html body main .growth-tags-heading>p,
 html body main .culture-opening-label,
 html body main .culture-principle-label{font-size:16px}
}

/* Present each work principle as one full-screen reading section. */
.page-culture .culture-principle-row,
.page-culture .culture-principle-row:last-child{min-height:100svh;align-content:center;padding:120px 0}
@media(max-width:767px){
 .page-culture .culture-principle-row,
 .page-culture .culture-principle-row:last-child{min-height:100svh;padding:96px 0}
}

.page-culture .culture-principle-copy h3.principle-typing-title{min-height:2.6em;white-space:pre-wrap}

@media(min-width:768px){.page-culture #benefits>.benefit-tabs,.page-culture #benefits>.benefit-panel{margin-left:var(--benefit-left,var(--layout-inset));margin-right:var(--benefit-right,0px)}}

.page-culture .talents-section .growth-tags-controls{justify-content:flex-start}
@media(min-width:768px){.page-culture .talents-section .growth-tags-controls{padding-left:var(--talent-controls-inset,30%)}}

/* One step smaller for the culture introduction and principle reading copy. */
.page-culture .culture-opening-description,
.page-culture .culture-opening-description p,
.page-culture .culture-principle-reveal{font-size:calc(var(--culture-heading-size) - 4px)}

/* Apply the same reading size and leading to all enlarged culture body copy. */
.page-culture .culture-opening-description,
.page-culture .culture-opening-description p,
.page-culture .culture-principle-reveal{font-size:calc(var(--culture-heading-size) - 5px);line-height:1.5}

/* Keep the opening and work-principle body typography identical. */
.page-culture .culture-opening-description p,
.page-culture .culture-principle-reveal{font-size:calc(var(--culture-heading-size) - 5px);font-weight:500;line-height:1.5;letter-spacing:-.025em}

/* Larger talent tags give the reverse-side copy more room to read. */
@media(min-width:1024px){.page-culture .talent-tags .talent-tag{flex-basis:calc((100% - 96px)/2.6)}}
.page-culture .talent-tag-back h4{font-size:21px;line-height:1.35;margin-bottom:16px}
.page-culture .talent-tag-back p{font-size:16px;line-height:1.55}
@media(max-width:767px){.page-culture .talent-tag-back h4{font-size:19px}.page-culture .talent-tag-back p{font-size:15px}}

@media(min-width:768px){.page-culture .team-list{margin-left:var(--team-left,var(--layout-inset));margin-right:var(--team-right,0px)}}

/* Compact benefit category chips with a clear selected state. */
.page-culture #benefits>.benefit-tabs{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin-bottom:24px}
.page-culture #benefits .benefit-tabs button{flex:0 0 auto;min-height:44px;height:auto;padding:12px 18px;gap:8px;border:1px solid #dedede;border-radius:999px;background:#fff;color:#555;font-size:15px;font-weight:600;line-height:1.2;justify-content:center;transition:background .18s,color .18s,border-color .18s}
.page-culture #benefits .benefit-tabs button:hover{border-color:#999;background:#f5f5f5;color:#141412}
.page-culture #benefits .benefit-tabs button[aria-selected=true]{background:#e60012;border-color:#e60012;color:#fff}
.page-culture #benefits .benefit-tabs button[aria-selected=true]::before{content:"";width:10px;height:6px;border-left:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(-45deg)}
.page-culture #benefits .benefit-tabs button:focus-visible{outline:2px solid #141412;outline-offset:4px}
@media(prefers-reduced-motion:reduce){.page-culture #benefits .benefit-tabs button{transition:none}}

.page-culture #benefits .benefit-tabs button[aria-selected=true]::before{content:none}
@media(min-width:768px){.page-culture #benefits>.benefit-tabs{margin-left:var(--benefit-tabs-left,30%)}}

@media(min-width:768px){.site-header .logo-link{position:relative;left:-10px}}

/* Fixed brand statement above all page layers, blending with the backdrop. */
.culture-fixed-statement{position:fixed;right:var(--layout-gutter);bottom:24px;z-index:2147483647;pointer-events:none;mix-blend-mode:difference;color:#e60012;font-family:var(--body);font-size:clamp(28px,5.2vw,100px);font-weight:800;line-height:1;letter-spacing:-.04em;text-align:left;white-space:nowrap}
@media(max-width:767px){.culture-fixed-statement{right:20px;bottom:20px;font-size:6vw}}
.culture-fixed-statement{left:36%;right:var(--layout-edge)}
.culture-fixed-statement{color:#510000}

.page-culture .culture-opening-description p{font-size:calc(var(--culture-heading-size) - 7px)}

/* A subtle weight increase across Culture section headings. */
html body.page-culture main h2.section-title,
.page-culture .culture-opening-content h1,
.page-culture .culture-typing-content h2,
.page-culture .culture-principle-copy h3{font-weight:650!important}

/* Benefit cards share the category chips' left edge. */
@media(min-width:768px){
 .page-culture #benefits>.benefit-panel{margin-left:var(--benefit-tabs-left,30%);grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
 .page-culture #benefits .benefit-visual strong{font-size:clamp(40px,4.2vw,60px)}
}

/* Reduce Korean typography throughout the black Culture introduction. */
.page-culture .culture-opening-content h1,
.page-culture .culture-typing-content h2,
.page-culture .culture-principle-copy h3{font-size:calc(var(--culture-heading-size) * .9)!important}
.page-culture .culture-opening-description p{font-size:calc((var(--culture-heading-size) - 7px) * .9)}
.page-culture .culture-principle-reveal{font-size:calc((var(--culture-heading-size) - 5px) * .9)}
.page-culture .culture-typing-box{font-size:clamp(18px,1.8vw,27px)}
@media(max-width:767px){.page-culture .culture-typing-box{font-size:18px}}
body.page-culture.culture-light-section::before{background:#fff}

/* Avoid a visible fill animation when the Culture header backdrop changes. */
body.page-culture::before{transition:none}

/* Keep header backdrop changes immediate on every page. */
body::before{transition:none}

/* The completed typing prompt introduces a full-width white statement. */
.culture-fixed-statement{color:#fff;bottom:32px;opacity:0;text-align:center}
body.culture-typing-complete .culture-fixed-statement{opacity:var(--statement-visibility,1)}
.culture-fixed-statement{transform:translateY(var(--statement-exit-y,0px));transition:opacity .25s ease-out,transform .25s ease-out}
@media(prefers-reduced-motion:reduce){.culture-fixed-statement{transition:none;transform:none}}

/* Stagger the fixed statement into view once the Korean typing completes. */
.culture-fixed-statement{overflow:hidden}
.culture-fixed-statement>span{display:inline-block;opacity:0;transform:translateY(110%);filter:blur(5px);transition:transform .65s cubic-bezier(.22,1,.36,1),opacity .45s ease,filter .65s ease;transition-delay:0s}
body.culture-typing-complete .culture-fixed-statement>span{opacity:1;transform:translateY(0);filter:blur(0);transition-delay:calc(var(--word)*.08s)}
@media(prefers-reduced-motion:reduce){.culture-fixed-statement>span{transition:none;transform:none;filter:none}}
.page-culture #culture-real-question{font-size:calc(var(--culture-heading-size) * .9);font-weight:650;line-height:1.3;letter-spacing:-.035em;margin:0}

/* Consistent compact labels for Company growth and global sections. */
html body.page-company main .growth-cascade .growth-tags-heading>p,
html body.page-company main .global-cities-intro .editorial-label{font-size:14px;line-height:1.45}

body.culture-typing-complete .culture-fixed-statement.statement-entering>span{opacity:0;transform:translateY(110%);filter:blur(5px);transition:none;transition-delay:0s}

/* Halve the second chapter introduction's vertical space. */
.page-culture .culture-principles:has(#culture-real-question) .culture-principle-row{min-height:25svh;padding-top:30px;padding-bottom:30px}

/* Extend the final black breathing space by 70% of the marked ~280px area. */
.page-culture .culture-principles:has(+ .talents-section){padding-bottom:196px}

/* Responsive finishing: keep narrow manifesto columns and touch content readable. */
@media(max-width:767px){
 .reimagine-flow-stage{--sequence-title-size:clamp(16px,4.6vw,28px)}
 .reimagine-flow-right{font-size:clamp(14px,3.8vw,24px);overflow-wrap:normal}
 .reimagine-question{column-gap:10px}
 .page-culture .culture-principle-reveal{font-size:17px;line-height:1.65}
 .page-culture .culture-principle-row{padding:64px 0 88px}
 .page-culture .culture-principles:has(+ .talents-section){padding-bottom:100px}
 .page-culture #benefits .benefit-tabs button{padding:11px 14px;font-size:14px}
 .page-culture .team-row summary h3{font-size:clamp(25px,7.5vw,34px);white-space:nowrap}
 .culture-fixed-statement{bottom:calc(22px + env(safe-area-inset-bottom))}
 .menu-open .mobile-menu{max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain}
}
@media(min-width:768px) and (max-width:991px){
 .page-culture .talent-tag-back h4{font-size:18px;margin-bottom:12px}
 .page-culture .talent-tag-back p{font-size:14px;line-height:1.5}
 .page-culture #benefits>.benefit-panel{margin-left:0}
}

@media(max-width:767px){
 .page-culture .culture-opening-content h1,.page-culture .culture-typing-content h2,.page-culture .culture-principle-copy h3{word-break:keep-all;overflow-wrap:break-word}
 .page-culture .culture-opening-description p{font-size:16px;line-height:1.65;word-break:keep-all}
}

/* Shared UI icon geometry; illustrations and brand artwork retain their sizes. */
:root{--ui-icon-size:20px}
.ui-arrow{display:inline-flex;align-items:center;justify-content:center;width:var(--ui-icon-size);height:var(--ui-icon-size);flex:0 0 var(--ui-icon-size);vertical-align:middle}
.ui-arrow svg,.header-apply>b>svg,.lang-switch summary svg,.work-cta svg,.growth-tags-controls button svg,.page-recruit .recruit-end>.button svg{width:var(--ui-icon-size);height:var(--ui-icon-size);flex-shrink:0}
.ui-arrow svg path,.header-apply>b>svg path,.work-cta svg path,.growth-tags-controls button svg path,.page-recruit .recruit-end>.button svg path{stroke-width:2}
.desktop-nav a,.mobile-menu>div a,.bonus-open{align-items:center;gap:6px}
.desktop-nav a{display:inline-flex}
.team-plus,.page-culture .team-row .team-plus,.page-recruit .faq-row .team-plus{position:relative;display:inline-block;flex:0 0 var(--ui-icon-size);width:var(--ui-icon-size);height:var(--ui-icon-size);font-size:0;background:transparent;border-radius:0}
.team-plus::before,.team-plus::after,.page-culture .team-row .team-plus::before,.page-culture .team-row .team-plus::after{content:'';position:absolute;left:50%;top:50%;width:16px;height:2px;background:currentColor;transform:translate(-50%,-50%)}
.team-plus::after,.page-culture .team-row .team-plus::after{transform:translate(-50%,-50%) rotate(90deg)}
.page-recruit .faq-row[open] .team-plus{background:transparent;color:inherit}

.page-company #growth-heading{font-weight:700!important}

/* Compact growth metrics: 80% type and slightly shorter cards. */
.growth-cascade-card .cascade-number{font-size:clamp(72px,11.52vw,165.6px)}
.growth-cascade-card{height:clamp(270px,39.6vw,calc(90svh - var(--growth-pin-top) - var(--growth-heading-height) - 79px))}
@media(max-width:767px){.growth-cascade-card{height:342px}.growth-cascade-card .cascade-number{font-size:17.28vw}}

/* Interactive outlined unicorn banner. */
html body main .join-section.join-banner{min-height:clamp(400px,38vw,720px);padding:60px 4%;display:flex;align-items:flex-start;justify-content:center;text-align:left;isolation:isolate}
.join-banner .join-banner-heading{display:block;width:44%;position:relative;z-index:2;pointer-events:none}
html body main .join-banner .join-banner-heading h2{font-size:clamp(28px,3.4vw,64px)!important;line-height:1.4!important;text-align:left!important;white-space:normal;max-width:none}
html body main .join-banner p.join-banner-description{text-align:left;margin:0 0 16px;font-size:clamp(16px,1.5vw,25px)}
.join-unicorn-play{position:absolute;right:3%;top:8%;width:54%;padding:0;border:0;background:none;color:white;z-index:1;aspect-ratio:238/199;cursor:inherit}
.join-unicorn-play svg{width:100%;height:100%;display:block;overflow:visible}
.unicorn-fill{clip-path:inset(var(--unicorn-empty,100%) 0 0);transition:clip-path .65s cubic-bezier(.22,1,.36,1)}
.join-unicorn-play:focus,.join-unicorn-play:focus-visible{outline:none}
.join-banner>.work-cta{position:absolute;right:3%;bottom:6%;z-index:3;margin:0;border-radius:999px}
.unicorn-fill-status{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(hover:hover) and (pointer:fine){.join-banner,.join-banner .join-unicorn-play{cursor:url('/assets/brand-symbols/unicorn-cursor.svg') 16 14, pointer}}
@media(max-width:767px){
 html body main .join-section.join-banner{min-height:600px;padding:36px 24px;justify-content:flex-start}
 .join-banner .join-banner-heading{width:100%}
 html body main .join-banner .join-banner-heading h2{font-size:clamp(25px,6.8vw,40px)!important;line-height:1.2!important}
 html body main .join-banner p.join-banner-description{font-size:15px;margin:0 0 16px}
 .join-unicorn-play{top:auto;bottom:-40px;right:2%;width:94%}
 .join-banner>.work-cta{right:20px;bottom:24px;font-size:14px;padding:16px 20px}
}
@media(prefers-reduced-motion:reduce){.unicorn-fill{transition:none}}

/* Recruit hero: a single oversized mascot, gently rocking in its frame. */
.recruit-join-art{position:relative;overflow:hidden;background:#050100}
.recruit-rocking-unicorn{position:absolute;left:16%;top:10%;width:160%;height:86%;max-width:none;overflow:visible;transform-origin:38% 72%;animation:recruit-unicorn-rock 5.6s cubic-bezier(.68,0,.22,1) infinite}
@keyframes recruit-unicorn-rock{0%,100%{transform:translateX(0) rotate(-2deg)}50%{transform:translateX(3%) rotate(9deg)}}
@media(prefers-reduced-motion:reduce){.recruit-rocking-unicorn{animation:none;transform:rotate(-3deg)}}

/* Stamped silhouettes accumulate before the final white fill. */
.join-unicorn-play .unicorn-fill{clip-path:none;opacity:0;transition:opacity 2.8s ease-in-out}
.join-unicorn-play.is-completing .unicorn-fill{opacity:1;transition-delay:.5s}
.unicorn-stamp{animation:unicorn-stamp-in .4s ease-out both}
@keyframes unicorn-stamp-in{from{opacity:0;filter:blur(2px)}to{opacity:1;filter:blur(0)}}
@media(prefers-reduced-motion:reduce){.unicorn-stamp{animation:none}.join-unicorn-play .unicorn-fill{transition:none}}

.join-banner{user-select:none;-webkit-user-select:none}
.join-unicorn-play{touch-action:none}

/* Keep the desktop banner at the approved wide ratio and two-line headline. */
@media(min-width:768px){
 html body main .join-section.join-banner{height:auto;min-height:0;aspect-ratio:2.52/1;padding:0 4%;container-type:inline-size}
 .join-banner .join-banner-heading{width:40%}
 html body main .join-banner .join-banner-heading h2{font-size:3.15cqw!important;line-height:1.5!important;white-space:nowrap;letter-spacing:-.045em!important}
 html body main .join-banner p.join-banner-description{font-size:1.4cqw;white-space:nowrap;margin-bottom:18px}
 .join-unicorn-play{width:54%;top:8%;right:3%}
}

/* Slightly reduce the interactive banner mascot. */
.join-unicorn-play{width:43.605%}
@media(max-width:767px){.join-unicorn-play{width:75.905%}}

@media(hover:hover) and (pointer:fine){.join-banner .work-cta,.join-banner .work-cta *{cursor:url('/assets/brand-symbols/banner-button-cursor.svg') 16 14,pointer}}

/* Crop the mascot's lower legs at the banner edge. */
@media(min-width:768px){.join-banner .join-unicorn-play{top:auto;bottom:-12%}}
@media(max-width:767px){.join-banner .join-unicorn-play{bottom:-65px}}

/* Photo-ready retail stories sit directly above the partner strip. */
.page-company .growth-cascade-stack{padding-bottom:0}
.retail-highlights{display:grid;grid-template-columns:1fr 2.2fr;gap:24px;margin:28px var(--layout-edge) 0;padding:0}
.retail-highlight{min-width:0;background:#ededed;border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:22px}
html body.page-company main .retail-highlight h2{font-size:clamp(22px,2.3vw,40px);line-height:1.2;font-weight:700;margin:0}
.retail-photos{display:grid;grid-template-columns:2fr 1fr;gap:18px;flex:1;min-height:0}
.retail-photo{height:clamp(210px,22vw,390px);min-width:0;border-radius:18px;background:#dcdcdc;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;color:#777;font-size:14px}
.retail-photo>span:first-child{display:grid;place-items:center;width:44px;height:44px;border:1px dashed #aaa;border-radius:12px;font-size:26px;font-weight:400}
.retail-highlight p{font-size:clamp(14px,1.2vw,20px);line-height:1.5;font-weight:600;margin:0;color:#292929}
.page-company .retail-highlights+.channel-section{margin-top:0;padding-top:0;padding-bottom:0}
@media(max-width:767px){.retail-highlights{grid-template-columns:1fr;gap:16px;margin-top:20px}.retail-highlight{padding:22px;gap:18px}.retail-photo{height:240px}.retail-photos{grid-template-columns:1.6fr 1fr;gap:12px}.retail-photos .retail-photo{height:200px}}

/* Consistent optical logo height and reserved story actions. */
.channel-marquee .channel-mark{height:26px;width:calc(26px * var(--mark-ratio));aspect-ratio:var(--mark-ratio)}
.retail-highlight{position:relative}
.retail-highlight>p{padding-right:54px}
.retail-arrow{position:absolute;right:24px;bottom:24px;width:44px;height:44px;border:0;border-radius:50%;display:grid;place-items:center;background:#000;color:#fff;opacity:1}
@media(min-width:768px){.reimagine-flow-right{font-size:clamp(26px,3.4vw,58px)}}
@media(max-width:767px){.channel-marquee .channel-mark{height:22px;width:calc(22px * var(--mark-ratio))}.retail-arrow{right:20px;bottom:20px}}

.page-company .retail-highlights+.channel-section{margin:0;padding:48px 0}
.page-company .retail-highlights+.channel-section .channel-marquee{margin:0;padding:0}
@media(max-width:767px){.page-company .retail-highlights+.channel-section{padding:32px 0}}

/* Leave room for Viga's glyph extents at every responsive width. */
.talent-tag-front h3{line-height:1.22}
.recruit-join-hero .culture-work-title h1{line-height:1.22}

.channel-marquee .channel-mark-shinsegae{height:18px;width:calc(18px * var(--mark-ratio))}
@media(max-width:767px){.channel-marquee .channel-mark-shinsegae{height:15px;width:calc(15px * var(--mark-ratio))}}

/* One interaction treatment for actionable buttons across all pages. */
:where(.button,.work-cta,.text-link,button,.header-apply){transition:transform .22s cubic-bezier(.22,1,.36,1),filter .22s ease,box-shadow .22s ease,background-color .22s ease,color .22s ease}
@media(hover:hover) and (pointer:fine){
 :where(.button,.work-cta,.text-link,button,.header-apply):not(:disabled):not([aria-disabled=true]):not(.join-unicorn-play):hover{translate:0 -2px;filter:brightness(.94);box-shadow:0 5px 14px #00000014}
}
:where(.button,.work-cta,.text-link,button,.header-apply):not(:disabled):not(.join-unicorn-play):focus-visible{outline:2px solid currentColor;outline-offset:4px;translate:0 -2px}
:where(.button,.work-cta,.text-link,button,.header-apply):not(:disabled):not(.join-unicorn-play):active{translate:0 0;scale:.98;box-shadow:none}
:where(.button,.work-cta,.text-link,button,.header-apply){transition-property:translate,scale,transform,filter,box-shadow,background-color,color}
@media(prefers-reduced-motion:reduce){:where(.button,.work-cta,.text-link,button,.header-apply){transition:none;translate:none!important;scale:none!important}}

/* Accommodate wider alternate display fonts without clipping words. */
html[data-latin-font=lexend] .unicorn-stack-description h3,html[data-latin-font=heavitas] .unicorn-stack-description h3{font-size:clamp(14px,1.8vw,30px)}
html[data-latin-font=lexend] .product-face-back h3,html[data-latin-font=heavitas] .product-face-back h3{overflow-wrap:anywhere}
html[data-latin-font=lexend] .reimagine-flow-right,html[data-latin-font=heavitas] .reimagine-flow-right{font-size:clamp(12px,2.8vw,48px)}
html[data-latin-font=heavitas] .page-recruit #recruit-join-title,html[data-latin-font=lexend] .page-recruit #recruit-join-title{font-size:clamp(20px,5vw,72px);overflow-wrap:normal}
.page-recruit .faq-row summary{min-width:0}
.page-recruit .faq-row summary h3{min-width:0;overflow-wrap:anywhere}
@media(max-width:767px){html[data-latin-font=lexend] .reimagine-question{font-size:clamp(12px,3.7vw,24px)}}
@media(max-width:767px){
 html[data-latin-font=heavitas] .unicorn-stack-description h3{font-size:12px;overflow-wrap:anywhere}
 html[data-latin-font=heavitas] .page-recruit #recruit-join-title{font-size:clamp(16px,4.5vw,34px)}
 .page-recruit .faq-row>p{min-width:0;overflow-wrap:anywhere}
}

/* Retail titles stay on one line in every font choice. */
html body.page-company main .retail-highlight h2{white-space:nowrap}
/* Keep the three photo slots aligned and story captions within two lines. */
.retail-highlights{--retail-photo-height:clamp(210px,22vw,390px)}
.retail-highlight>p{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;height:3em;flex-shrink:0}
.retail-photo,.retail-photos .retail-photo{height:var(--retail-photo-height);flex-shrink:0}
.retail-photos{flex:none;height:var(--retail-photo-height)}
@media(max-width:767px){.retail-highlights{--retail-photo-height:240px}}