html{scroll-behavior:smooth;scroll-padding-top:20px}
.header-nav{display:flex;gap:32px;font-size:11px;letter-spacing:1.7px;color:#a8ad9e}
.header-nav a:hover{color:var(--yellow)}
.header-nav span{color:var(--yellow);margin-left:5px}
.home{position:relative;width:100%;background:#2998d6;overflow:hidden;line-height:0}
.home-image{display:block;width:100%;height:auto;aspect-ratio:1672/941;object-fit:contain}
.home-cta{position:absolute;left:50%;bottom:6%;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;gap:24px;min-width:170px;min-height:52px;padding:15px 23px;background:var(--yellow);border:2px solid #153e73;border-radius:6px;box-shadow:0 5px 0 #153e73;font-size:16px;font-weight:800;color:#153e73;line-height:1.3;transition:background .2s,box-shadow .2s}
.home-cta:hover{background:#ffe982;box-shadow:0 3px 0 #153e73}
.home-cta span{font-size:22px}
.collection{border-top:1px solid #ffffff12}
.collection .intro{padding-top:55px}
@media(max-width:700px){.header-nav{gap:15px;font-size:9px;letter-spacing:.8px}.home{padding-bottom:76px}.home-image{width:100%;height:auto}.home-cta{bottom:17px;min-height:43px;min-width:145px;padding:9px 18px;font-size:14px;gap:22px;box-shadow:0 4px 0 #153e73}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Match the main artwork's sky while keeping navigation readable. */
.header{background:#2998d6;color:#123e70;border-bottom:0}
.header .logo{color:#123e70}
.header-nav{color:#123e70;font-weight:700}
.header-nav span{color:#123e70}
.header-nav a:hover{color:#fff8ce}
.sound-button,.sound-button span{color:#123e70}
.header .ball{border-color:#123e70;background:linear-gradient(to bottom,#f5d64e 0 44%,#123e70 44% 56%,transparent 56%)}
.header .ball:after{border-color:#123e70;background:#f5d64e}
.header button:focus-visible,.header a:focus-visible{outline-color:#123e70}
/* Supplied blue artwork spans the whole card collection. */
.collection{background-color:#1979fa;background-image:url('assets/card-background.webp');background-size:cover;background-position:center;background-repeat:no-repeat;border-top:0}
.collection .intro h1{color:#fff;margin:0;text-shadow:0 2px 3px #0748ae33}
.collection .filters{margin-top:24px}
.collection .filter{color:#fff;border-color:#ffffff65;background:#0950bc28}
.collection .filter.active{color:#173a73;background:var(--yellow);border-color:var(--yellow)}
.collection .selection-tag{color:#fff4a3}
.collection .selection p{color:#edf5ff}
.collection .detail-link{border-bottom-color:#ffffffb3}
.collection .scroll-hint,.collection .rare-label,.collection .total-count{color:#e0eeff}
.collection .mouse{border-color:#e0eeff}
.collection .dot{background:#ffffff80}
.collection .dot.active{background:var(--yellow)}
.collection .orbital{display:none}

.home{min-height:520px;aspect-ratio:16/9;background:#20bdeb url('assets/card-background.webp') center/cover;display:flex;align-items:center;justify-content:center;line-height:1.3}.home-heading{text-align:center;padding:50px 20px 100px}.home-heading p{font-size:clamp(10px,1.2vw,18px);letter-spacing:.25em;color:#124b87;font-weight:800}.home-heading h1{font-size:clamp(36px,7.5vw,112px);letter-spacing:-.05em;color:#ffe24d;-webkit-text-stroke:2px #163f79;text-shadow:3px 5px 0 #163f79,6px 9px 0 #102d59;white-space:nowrap;transform:none}.work-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:22px}.work-thumbnails img{width:100%;height:auto;display:block;border-radius:4px}.work-thumbnails a{display:block}.project-card .card-name{white-space:normal;font-size:12px}.art:has(img){background:#0e59d8}.art img{object-fit:contain}.work-card-preview:has(img[src*="singapore"]){align-self:start}.work-card-preview img[src*="singapore"]{object-fit:contain;aspect-ratio:16/9;height:auto}.deck-work-image[src*="singapore"]{object-fit:contain;background:#0e59d8}@media(max-width:700px){.home{min-height:280px}.home-heading{padding-bottom:60px}.home-heading h1{-webkit-text-stroke:1px #163f79;text-shadow:2px 3px #163f79,3px 5px #102d59}.work-thumbnails{gap:8px}}

.work-thumbnails{align-items:start}.work-card-preview img[src*="namhae"]{object-fit:contain;height:auto;aspect-ratio:2180/1211}.deck-work-image[src*="namhae"]{object-fit:contain;background:#349dea}.project-card:has(img[src*="namhae"]) .card-name{font-size:9px}

.work-thumbnails a:has(img[src="assets/namhae-1.webp"]){grid-column:1/-1}

.project-card:has(img[src*="atlas"]) .card-name{font-size:9px}.deck-work-image[src*="atlas"]{object-fit:contain;background:#0875be}

.project-card:has(img[src*="landing"]) .card-name{font-size:11px}.deck-work-image[src*="landing"]{object-fit:contain;background:#201b15}

.work-continuous{gap:12px;align-items:start}.work-image-column{display:flex;flex-direction:column;gap:0;min-width:0}.work-image-column a{line-height:0}.work-image-column img{display:block;width:100%;height:auto;border-radius:0}

.header{height:122px}.logo-pokejjeong{display:block;line-height:0}.logo-pokejjeong img{display:block;width:220px;height:95px;object-fit:contain}@media(max-width:700px){.header{height:98px}.logo-pokejjeong img{width:180px;height:78px}}

.project-image-card{padding:0;background:#132f53;border:5px solid #eedb88}.collection-work-image{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.collection-work-title{position:absolute;bottom:0;left:0;right:0;padding:22px 10px 10px;background:linear-gradient(transparent,#000c);color:white;font-size:12px;font-weight:700;line-height:1.4}.deck-front .deck-work-image{height:calc(100% - 27px);object-fit:cover!important;object-position:center}.art img{object-fit:cover}

.home{display:block;aspect-ratio:16/9;min-height:0;isolation:isolate;background:#49b2f3;perspective:1200px}.adventure-world{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:cover;z-index:-2;transform:scale(1.04) translate(var(--hero-x,0px),var(--hero-y,0px));animation:world-arrive 1.4s ease-out both;transition:transform .35s ease-out}.adventure-brand{position:absolute;top:3%;left:-1%;width:102%;font-family:'Arial Black',Arial,sans-serif;font-size:clamp(46px,13.8vw,260px);font-weight:1000;letter-spacing:-.075em;line-height:1;color:#1c58b3;transform:rotate(-8deg) skew(-5deg);white-space:nowrap;opacity:.92;animation:brand-arrive 1.1s cubic-bezier(.2,.8,.2,1) both;pointer-events:none;z-index:-1}.adventure-copy{position:absolute;right:4%;top:29%;transform:rotate(-7deg);animation:copy-arrive 1s .3s cubic-bezier(.16,1,.3,1) both}.adventure-copy p{display:inline-block;background:#ffe34f;color:#173621;padding:7px 13px;font-size:clamp(10px,1.2vw,20px);font-weight:900;margin:0 0 10px;line-height:1.4;box-shadow:4px 4px 0 #173621}.adventure-copy h1{font-family:'Noto Sans KR',Arial,sans-serif;font-size:clamp(24px,4.8vw,86px);line-height:1.45;letter-spacing:-.07em;font-weight:1000;margin:0;color:#fffbee;text-align:left;text-shadow:5px 7px 0 #192a19}.adventure-copy h1 span{color:#fffbee;-webkit-text-stroke:8px #192a19;paint-order:stroke fill;filter:drop-shadow(3px 5px 0 #192a19)}.home .home-cta{bottom:4%;animation:copy-arrive 1s .65s both}.home:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 -30px 40px #0c713e18}@keyframes brand-arrive{from{opacity:0;transform:translateY(-100px) rotate(-8deg) skew(-5deg)}to{opacity:.92;transform:translateY(0) rotate(-8deg) skew(-5deg)}}@keyframes copy-arrive{from{opacity:0;translate:0 45px;scale:.8}to{opacity:1;translate:0 0;scale:1}}@keyframes world-arrive{from{opacity:.2;scale:1.08}to{opacity:1;scale:1}}@media(max-width:700px){.home{aspect-ratio:4/3}.adventure-world{object-position:52% center}.adventure-brand{top:5%;font-size:14vw}.adventure-copy{top:28%;right:4%}.adventure-copy h1{font-size:6vw}.adventure-copy h1 span{-webkit-text-stroke:5px #192a19}.adventure-copy p{font-size:10px;padding:4px 7px;margin-bottom:6px}}@media(prefers-reduced-motion:reduce){.adventure-world,.adventure-brand,.adventure-copy,.home .home-cta{animation:none;transition:none}}

.adventure-copy h1{font-size:clamp(30px,6vw,108px)}@media(max-width:700px){.adventure-copy h1{font-size:7.4vw}}

/* Full viewport hero with the logo directly over its sky. */
body>.header{position:absolute;inset:0 0 auto;height:110px;z-index:30;background:transparent;border:0;padding:10px 4%}.home{height:100svh;min-height:620px;aspect-ratio:auto;margin:0;padding:0}.adventure-world{object-fit:cover;object-position:center;transform:none;animation:none;transition:none}.adventure-brand{top:12%;left:4%;width:92%;font-size:clamp(56px,11.6vw,220px);opacity:.8}.adventure-copy{top:33%;right:4%;max-width:47%}.adventure-copy h1{font-size:clamp(30px,4.7vw,88px)}.home .home-cta{bottom:28px}.booster{margin-top:0;padding-top:90px;padding-bottom:95px;background:#ec302b}.booster:before{inset:0}.booster .deck-wave{display:none}:root{--deck-seam:0px}@media(max-width:700px){body>.header{height:94px;padding:8px 5%}.home{height:100svh;min-height:600px}.adventure-world{object-position:50% center}.adventure-brand{top:17%;left:3%;font-size:13vw;width:94%}.adventure-copy{top:27%;right:5%;max-width:90%}.adventure-copy h1{font-size:7.4vw}.home .home-cta{bottom:24px}.booster{padding-top:65px;padding-bottom:65px}}

.adventure-brand{top:23%;z-index:-1}.hero-ball-foreground{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:0;pointer-events:none;clip-path:ellipse(19% 36% at 50% 56%)}.adventure-copy{z-index:2}@media(max-aspect-ratio:16/9){.hero-ball-foreground{clip-path:ellipse(39% 36% at 50% 56%)}}@media(max-width:700px){.adventure-brand{top:24%}.hero-ball-foreground{clip-path:ellipse(64% 36% at 50% 56%)}}

/* Restore title height; mask only its overlap with the ball. */
.adventure-brand{top:12%}@media(max-width:700px){.adventure-brand{top:17%}}
/* Only the lower central edge of the heading crosses the ball. */
.adventure-brand{top:13%;font-size:clamp(56px,11.6vw,220px)}
@media(max-width:700px){.adventure-brand{top:17%;font-size:13vw}}

.work-thumbnails a:has(img[src="assets/sales-hackers-6.webp"]){grid-column:1/-1}.flow-image img[src="assets/sales-hackers-1.webp"],.collection-work-image[src="assets/sales-hackers-1.webp"]{object-fit:cover;object-position:center top}

/* Bigger, more expressive hero headline. */
.adventure-copy{top:35%;right:4%;max-width:68%;animation:hero-title-pop 1.45s .25s cubic-bezier(.16,1,.3,1) both;}
.adventure-copy h1{font-size:clamp(44px,6.5vw,128px);line-height:1.4;animation:hero-title-float 3.6s 1.7s ease-in-out infinite;}
@keyframes hero-title-pop{0%{opacity:0;translate:0 180px;scale:.45;}55%{opacity:1;translate:0 -32px;scale:1.14;}78%{translate:0 12px;scale:.97;}100%{opacity:1;translate:0 0;scale:1;}}
@keyframes hero-title-float{0%,100%{translate:0 0;rotate:0deg;}50%{translate:0 -18px;rotate:1.5deg;}}
@media(max-width:700px){.adventure-copy{top:32%;right:5%;max-width:90%;}.adventure-copy h1{font-size:9.5vw;line-height:1.5;}.adventure-copy h1 span{-webkit-text-stroke:6px #192a19;}}
@media(prefers-reduced-motion:reduce){.adventure-copy,.adventure-copy h1{animation:none;}}

/* Shorter hero callout, sized for a stronger two-line headline. */
.adventure-copy h1{font-size:clamp(64px,9vw,180px);line-height:1.18;}
@media(max-width:700px){.adventure-copy h1{font-size:14vw;line-height:1.25;}}