@import url('https://cdn.jsdelivr.net/gh/sun-typeface/SUIT@2/fonts/variable/woff2/SUIT-Variable.css');
:root{--paper:#f7f6f2;--ink:#242824;--muted:#686c64;--line:#dcded4;--yellow:#eee38c}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:28px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'SUIT Variable',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{display:block;max-width:100%}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #52745b;outline-offset:5px}button{color:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:'SUIT Variable',sans-serif}h1,h2{font-weight:500;letter-spacing:-.055em}p{line-height:1.65}.wrap{width:min(1320px,calc(100% - 96px));margin-inline:auto}.header{height:116px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:20px}.brand-mark{font-size:44px;letter-spacing:-4px;font-weight:800;line-height:1}.brand-mark span{font-size:12px;letter-spacing:0;vertical-align:top;margin-left:5px}.brand-name{font-size:12px;line-height:1.25;border-left:1px solid var(--line);padding-left:18px}.header nav{display:flex;align-items:center;gap:36px;font-size:13px}.contact-link{border:1px solid var(--line);padding:12px 20px;border-radius:50px}.contact-link span{margin-left:16px}.hero{padding-top:82px;padding-bottom:94px}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:700;display:flex;align-items:center;gap:8px}.dot{width:6px;height:6px;background:#66806a;border-radius:50%}.hero h1{font-size:clamp(56px,6.9vw,102px);line-height:1.08;margin-top:25px}.hero h1 em{font-family:'SUIT Variable',sans-serif;font-weight:400}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:28px 0 48px}.hero-bottom p{font-size:15px;color:var(--muted)}.button{display:inline-flex;justify-content:center;align-items:center;gap:28px;border-radius:40px;background:var(--ink);color:white;padding:17px 26px;font-size:13px;font-weight:500;min-height:48px;transition:background .2s}.button:hover{background:#475448}.featured{display:block;overflow:hidden;background:var(--yellow);border-radius:8px;padding:28px 40px 0;position:relative}.featured-top,.featured-bottom{display:flex;justify-content:space-between;font-size:10px;letter-spacing:1.3px}.featured-title{display:flex;justify-content:space-between;align-items:center;margin-top:32px;position:relative;z-index:1}.featured-title h2{font-size:clamp(36px,4.5vw,66px);line-height:1.06}.round-arrow{font-size:30px;width:58px;height:58px;border:1px solid #777842;border-radius:50%;display:grid;place-items:center}.featured-image{width:70%;margin:-86px 0 0 auto;transform:rotate(-3deg) translateY(20px);border-radius:10px;overflow:hidden;box-shadow:0 20px 50px #56502020;transition:transform .35s}.featured:hover .featured-image{transform:rotate(-1deg) translateY(12px)}.featured-image img{width:100%}.featured-bottom{position:relative;margin-top:40px;padding:24px 0;border-top:1px solid #42492230;letter-spacing:0;font-size:12px}.featured-bottom span:first-child{font-weight:700}.collection{padding-bottom:90px;scroll-margin-top:35px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:35px}.section-heading h2{font-size:40px;margin-top:10px}.filters{display:flex;padding:4px;background:#eaece4;border-radius:28px;gap:3px}.filters:empty{display:none}.filters button{border:0;background:transparent;border-radius:24px;padding:11px 18px;font-size:12px;white-space:nowrap;min-height:42px}.filters button[aria-pressed=true]{background:var(--ink);color:white}.filters span{font-size:9px;opacity:.7;margin-left:7px}.app-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:52px 26px}.app-card[hidden]{display:none}.card-art{background:var(--tint);border-radius:6px;height:280px;display:block;overflow:hidden;position:relative;padding:48px 25px 0}.art-label{position:absolute;top:20px;left:22px;font-size:10px;letter-spacing:.8px}.card-art img{width:100%;border-radius:7px;transition:transform .35s;box-shadow:0 8px 30px #28322020}.card-art.mobile img{width:145px;margin:0 auto;transform:rotate(-7deg)}.card-art.mac img{width:118%;max-width:none;margin:30px 0 0 5px;transform:rotate(-7deg)}.card-art:hover img{transform:rotate(0) translateY(-5px)}.art-arrow{position:absolute;right:15px;bottom:15px;width:34px;height:34px;background:#ffffffb5;border-radius:50%;display:grid;place-items:center}.card-title{display:flex;gap:12px;align-items:center;margin-top:23px}.app-icon{width:44px;height:44px;object-fit:cover;border-radius:10px}.banana-icon{display:grid;place-items:center;background:#ead154;font-size:28px}.card-title h3{font-size:19px;font-weight:700;letter-spacing:-.6px}.card-title span{font-size:11px;color:var(--muted)}.app-card>p{margin-top:14px;font-size:13px;color:var(--muted)}.card-links{border-top:1px solid var(--line);margin-top:20px;padding-top:15px;display:flex;justify-content:space-between;font-size:11px}.card-links a:last-child{color:var(--muted)}.banana-series{position:relative;background:#eee9cf;border-radius:6px;padding:46px;display:grid;grid-template-columns:1fr 1fr;gap:30px;overflow:hidden}.banana-series h2{font-size:46px;line-height:1.15;margin-top:22px}.banana-series>div:nth-child(2){padding-top:40px;position:relative;z-index:1}.banana-series p:not(.eyebrow){color:#5f6151;font-size:15px}.series-links{display:flex;gap:25px;margin-top:24px;font-size:13px}.series-decoration{position:absolute;right:30px;bottom:-36px;font-family:'SUIT Variable',sans-serif;font-style:italic;font-size:210px;color:#aaa36d20;pointer-events:none}.studio{padding-block:100px;display:grid;grid-template-columns:1fr 1fr;gap:30px}.studio h2{font-size:46px;line-height:1.15;margin-bottom:24px}.studio p:not(.eyebrow){max-width:490px;font-size:15px;color:var(--muted);margin-bottom:14px}.text-link{display:inline-block;margin-top:16px;border-bottom:1px solid var(--ink);padding-bottom:6px;font-size:13px}.footer{padding-block:30px;border-top:1px solid var(--line);display:flex;gap:24px;align-items:center;font-size:10px;color:var(--muted)}.footer .brand-mark{color:var(--ink);font-size:32px}.footer p{margin-right:auto}.footer a:last-child{color:var(--ink)}.back{display:inline-block;font-size:12px;color:var(--muted);margin:36px 0 50px}.detail-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;align-items:center}.detail-intro .eyebrow{margin-top:24px}.detail-intro h1{font-size:clamp(40px,4.5vw,64px);line-height:1.1;margin-top:15px}.detail-intro h2{font-size:23px;letter-spacing:-.6px;margin-top:20px}.detail-intro p:not(.eyebrow){color:var(--muted);font-size:15px;margin:20px 0 28px;max-width:420px}.detail-art{background:var(--tint);padding:45px 30px;border-radius:8px;min-width:0;overflow:hidden}.detail-art img{border-radius:8px;width:100%;box-shadow:0 15px 35px #27301b20}.detail-art.mobile{height:510px;padding-top:40px}.detail-art.mobile img{width:225px;margin:auto;transform:rotate(-5deg)}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-block:70px;padding-block:30px;border-block:1px solid var(--line)}.features span{font-size:11px;color:var(--muted)}.features h3{font-size:17px;line-height:1.5;margin-top:15px;font-weight:500;max-width:250px}.screenshot-section h2{font-size:38px}.gallery-hint{font-size:12px;color:var(--muted);margin-bottom:20px}.screenshots{display:flex;overflow:auto;gap:20px;padding:5px 0 20px;scroll-snap-type:x mandatory;scrollbar-color:#aaa99f transparent}.screenshots[hidden]{display:none}.screenshot{background:transparent;padding:0;border:0;flex:0 0 auto;scroll-snap-align:start;border-radius:10px;overflow:hidden;cursor:zoom-in}.screenshot img{height:400px;width:auto}.screenshots.mac .screenshot{width:75%}.screenshots.mac img{height:auto;width:100%}.support-links{display:flex;gap:32px;margin-block:55px;font-size:12px;flex-wrap:wrap}.lightbox{position:fixed;max-width:none;max-height:none;width:100%;height:100%;border:0;background:#171b17ed;color:white;padding:60px 65px}.lightbox::backdrop{background:#171b17}.lightbox[open]{display:flex;align-items:center;justify-content:center}.lightbox img{max-height:82vh;max-width:100%;object-fit:contain}.lightbox button{position:absolute;border:1px solid #ffffff50;border-radius:50%;width:44px;height:44px;background:#252c25;color:white;font-size:22px}.close{top:15px;right:20px}.previous{left:12px}.next{right:12px}.image-count{position:absolute;bottom:16px;font-size:12px}.skip{position:fixed;top:-100px;left:15px;padding:14px;background:var(--ink);color:white;z-index:10}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
@media(min-width:1500px){.card-art{height:320px}}@media(max-width:1000px){.wrap{width:calc(100% - 56px)}.app-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.hero{padding-top:60px}.featured-image{width:65%;margin-top:-45px}.section-heading{align-items:flex-start;flex-direction:column}.detail-intro{gap:32px}.detail-art.mobile{height:420px}.footer{flex-wrap:wrap}.card-art{height:300px}}
@media(max-width:600px){.wrap{width:calc(100% - 36px)}.header{height:88px}.brand-name{display:none}.brand-mark{font-size:36px}.header nav{gap:17px;font-size:11px}.contact-link{padding:9px 12px}.contact-link span{display:none}.hero{padding-top:46px;padding-bottom:58px}.eyebrow{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:55px}.hero-bottom{align-items:flex-start;flex-direction:column;margin-bottom:32px}.hero-bottom p{font-size:13px}.hero-bottom p br{display:none}.button{font-size:12px;padding:15px 23px}.featured{padding:22px 20px 0}.featured-top{font-size:8px;letter-spacing:.7px;gap:12px}.featured-title{margin-top:25px}.featured-title h2{font-size:38px}.round-arrow{width:42px;height:42px;font-size:23px}.featured-image{width:96%;margin:16px -8px 0 auto;transform:rotate(-3deg) translateY(12px)}.featured-bottom{margin-top:25px;font-size:10px;padding-block:18px;gap:10px}.section-heading h2{font-size:34px}.section-heading{gap:22px;margin-bottom:25px}.app-grid{grid-template-columns:1fr;gap:35px}.card-art{height:290px}.card-art.mobile img{width:165px}.card-art.mac img{margin-top:10px}.collection{padding-bottom:55px}.banana-series{grid-template-columns:1fr;padding:28px;gap:5px}.banana-series h2{font-size:38px;margin-top:17px}.banana-series>div:nth-child(2){padding-top:15px}.studio{grid-template-columns:1fr;padding-block:60px;gap:25px}.studio h2{font-size:37px}.footer{gap:18px;padding-block:25px}.footer p{width:calc(100% - 65px);margin:0}.footer>span{margin-right:auto}.detail-intro{grid-template-columns:1fr;gap:30px}.back{margin:28px 0 32px}.detail-intro h1{font-size:45px}.detail-intro h2{font-size:22px}.detail-art{padding:30px 20px}.features{margin-block:40px;gap:20px;grid-template-columns:1fr}.features>div{display:flex;align-items:baseline;gap:22px}.features h3{margin:0;font-size:16px;max-width:none}.screenshots.mac .screenshot{width:95%}.screenshot img{height:350px}.support-links{gap:20px;margin-block:35px}.lightbox{padding:60px 15px}.lightbox .previous,.lightbox .next{bottom:14px}.image-count{bottom:25px}.screenshot-section h2{font-size:32px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Language selection and Korean typography */
.language-switch{display:inline-flex;align-items:center;gap:8px;font-size:11px;white-space:nowrap}.language-switch>a{min-height:44px;display:inline-flex;align-items:center;color:var(--muted)}.language-switch>[aria-current=page]{color:var(--ink);font-weight:700;text-decoration:underline;text-underline-offset:5px}.language-switch>span{color:var(--line)}
:lang(ko){word-break:keep-all;overflow-wrap:break-word}html:lang(ko) body{font-family:'SUIT Variable','Apple SD Gothic Neo','Malgun Gothic',sans-serif}html:lang(ko) h1,html:lang(ko) h2,html:lang(ko) h3{font-family:inherit;letter-spacing:-.045em}html:lang(ko) .hero h1{font-size:clamp(44px,6vw,86px);line-height:1.24}html:lang(ko) .hero h1 em{font-family:inherit;font-style:normal;color:#58705c}html:lang(ko) .section-heading h2{font-size:34px}html:lang(ko) .featured-title h2{font-size:clamp(34px,4.5vw,60px)}
@media(max-width:600px){.header{height:auto;min-height:92px;gap:12px;flex-wrap:wrap;padding-block:18px}.header nav{gap:15px;flex-wrap:wrap}.header .contact-link{display:none}.language-switch{gap:6px}.header .brand-mark{font-size:32px}html:lang(ko) .hero h1{font-size:clamp(34px,9.5vw,54px)}html:lang(ko) .section-heading h2{font-size:29px}html:lang(ko) .studio h2{font-size:32px}html:lang(ko) .banana-series h2{font-size:32px}}

.coming-soon{color:var(--muted)}.button.unavailable{background:#555950;cursor:default}.button.unavailable:hover{background:#555950}