/*
Theme Name: DYDY Janhwa
Theme URI: https://www.dydy.co.kr/
Author: DYDY
Description: Korean, English and Japanese Janhwa landing pages, generated from shared website sources.
Version: 0.3.0
Requires at least: 6.4
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: dydy-janhwa
Tags: full-site-editing, custom-colors, custom-logo
*/
:root{--ink:#17222b;--muted:#626a71;--line:#e3e6e7;--accent:#22795c;--paper:#f5f7f6;--max:1280px;color:var(--ink);background:#fff;font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans JP","Malgun Gothic",sans-serif;font-synthesis:none;line-height:1.65;font-size:16px;scroll-behavior:smooth;scroll-padding-top:100px}*{box-sizing:border-box}body{margin:0}body.modal-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button{border:0}img,video{display:block;max-width:100%}img{height:auto}p,h1,h2,h3,figure{margin:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.3;word-break:keep-all;overflow-wrap:break-word}p{word-break:keep-all;overflow-wrap:break-word}html:lang(ja-JP) p,html:lang(ja-JP) h1,html:lang(ja-JP) h2,html:lang(ja-JP) h3{word-break:normal;line-break:strict}h2{font-size:clamp(32px,3.1vw,48px);font-weight:720}h3{font-weight:700}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid #d3771f;outline-offset:5px}button:disabled{cursor:default}[hidden]{display:none!important}.wrap{width:min(var(--max),calc(100% - 96px));margin-inline:auto}.section-space{padding-top:112px;padding-bottom:112px}.eyebrow{font-size:12px;font-weight:750;letter-spacing:.16em;line-height:1.5;text-transform:uppercase;color:var(--accent)}.text-link{display:inline-flex;align-items:center;gap:26px;font-size:14px;font-weight:700;min-height:44px;white-space:normal;line-height:1.5}.text-link span{font-size:23px;transition:transform .2s}.text-link:hover span{transform:translate(3px,-3px)}.section-top{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:24px;margin-bottom:44px}.section-number{color:#7b8387;font-size:12px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-heading>p{max-width:430px;color:var(--muted);font-size:15px}.section-heading .eyebrow{margin-bottom:22px}.skip-link{position:fixed;top:-100px;left:20px;z-index:100;background:#fff;padding:14px 20px;border:2px solid var(--ink)}.skip-link:focus{top:10px}.site-header{height:86px;position:sticky;top:0;z-index:40;background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}.header-inner{width:min(1440px,calc(100% - 80px));margin:auto;height:100%;display:flex;align-items:center;justify-content:space-between;gap:40px}.brand{display:block;flex-shrink:0}.brand img{width:130px;height:auto}.main-nav{display:flex;gap:44px;align-items:center;margin-left:auto;margin-right:auto}.main-nav a{font-size:15px;font-weight:650;min-height:44px;display:flex;align-items:center;border-bottom:2px solid transparent;transition:color .2s}.main-nav a:hover{color:var(--accent)}.header-tools{display:flex;align-items:center;gap:20px}.language-nav{display:flex;align-items:center;gap:17px}.language-nav a{color:#747b80;font-size:11px;font-weight:700;min-height:44px;display:flex;align-items:center;position:relative;letter-spacing:.02em}.language-nav a[aria-current]{color:var(--ink)}.language-nav a[aria-current]:after{content:"";position:absolute;bottom:7px;left:0;right:0;height:2px;background:var(--ink)}.menu-toggle{display:none;width:36px;height:44px;background:transparent;align-items:center;justify-content:center;flex-direction:column;gap:6px}.menu-toggle span{width:21px;height:2px;background:var(--ink);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{position:absolute;top:100%;left:0;right:0;background:#fff;padding:16px 24px 24px;box-shadow:0 16px 22px #17222b14}.mobile-menu a{display:block;font-weight:600;padding:15px 6px;border-top:1px solid var(--line)}.hero{height:clamp(460px,65vh,700px);position:relative;color:#fff;isolation:isolate;overflow:hidden}.hero-media{position:absolute;inset:0;background:#2b5863}.hero-media video{height:100%;width:100%;object-fit:cover;object-position:center 58%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,27,27,.72) 0%,rgba(8,27,27,.38) 39%,rgba(8,27,27,.03) 75%),linear-gradient(0deg,rgba(7,25,27,.33),transparent 45%)}.hero-copy{position:relative;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding-bottom:10px;pointer-events:none}.hero-copy a{pointer-events:auto}.hero-kicker{display:flex;gap:18px;align-items:center;font-size:11px;font-weight:650;letter-spacing:.18em;margin-bottom:24px}.hero-kicker span{font-size:16px;letter-spacing:.28em;padding-left:18px;border-left:1px solid #ffffff80}.hero h1{font-size:clamp(42px,4.4vw,68px);font-weight:720;line-height:1.23;letter-spacing:-.05em;max-width:900px;text-wrap:balance}.hero-description{margin-top:24px;font-size:16px;color:#ffffffec;max-width:560px}.button-row{display:flex;flex-wrap:wrap;align-items:center;gap:34px;margin-top:36px}.button{min-height:52px;padding:13px 25px;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;font-size:14px;font-weight:700;line-height:1.5}.button-white{background:#fff;color:var(--ink)}.button-white:hover{background:#eaf1ed}.hero-video-link{display:inline-flex;gap:11px;align-items:center;font-size:14px;min-height:48px;font-weight:600}.play-icon{display:grid;place-items:center;width:30px;height:30px;border:1px solid #ffffffaa;border-radius:50%;font-size:10px}.hero-tools{position:absolute;right:40px;bottom:24px;z-index:3;display:flex;gap:18px;align-items:center}.hero-tools>span{font-size:10px;letter-spacing:.04em;text-shadow:0 1px 8px #000}.hero-toggle{width:40px;height:40px;border:1px solid #ffffff99;border-radius:50%;background:#0d293b44;color:#fff;display:grid;place-items:center;font-size:12px}.intro{display:grid;grid-template-columns:1fr 3fr;gap:60px;padding-top:82px;padding-bottom:88px}.intro>.eyebrow{padding-top:13px}.intro h2{font-size:clamp(34px,3.3vw,48px)}.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:48px;margin-top:26px}.intro-bottom p{max-width:620px;color:var(--muted);font-size:16px}.intro-bottom .text-link{flex-shrink:0}.games{padding-top:0}.game-feature{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:50px;min-height:420px;margin-bottom:88px}.game-name{font-size:20px;font-weight:600;letter-spacing:.02em;margin-bottom:20px}.game-tagline{font-size:clamp(30px,2.8vw,42px);line-height:1.35;font-weight:750;letter-spacing:-.045em}.body-copy{font-size:15px;color:var(--muted);margin-top:24px;line-height:1.85}.game-facts{display:flex;flex-wrap:wrap;list-style:none;margin:24px 0 20px;padding:0;gap:10px}.game-facts li{border:1px solid var(--line);padding:5px 12px;font-size:11px;letter-spacing:.03em}.game-feature-art{position:relative;align-self:stretch;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse at 60% 54%,#e6f4f5,transparent 66%)}.key-art{width:100%;height:auto;object-fit:contain}.art-logo{position:absolute;bottom:0;right:0;width:20%;max-height:140px;object-fit:contain}.subheading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;margin-bottom:28px}.subheading h3{font-size:25px}.subheading p{font-size:14px;color:var(--muted)}.phase-tabs{display:flex;border-bottom:1px solid var(--line);margin-bottom:30px;gap:8px}.phase-tabs button{background:#fff;padding:15px 32px;color:#6c7378;font-size:14px;border-bottom:3px solid transparent;display:flex;align-items:center;gap:12px;min-height:54px}.phase-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent);font-weight:750}.phase-tabs button:hover{background:#f4f7f5}.phase-tabs button span{font-size:21px;line-height:1}.phase-panel{display:grid;grid-template-columns:1.35fr 1fr;background:var(--paper);align-items:stretch}.phase-panel figure{position:relative;display:flex;flex-direction:column;background:#233e48}.phase-panel figure>img{height:100%;width:100%;object-fit:cover;min-height:310px}.phase-panel figcaption{position:absolute;bottom:14px;left:18px;font-size:10px;background:#0b202bbf;color:white;padding:4px 8px;letter-spacing:.04em}.phase-copy{padding:38px 40px}.phase-copy .eyebrow{font-size:10px;margin-bottom:20px}.phase-copy h3{font-size:27px;line-height:1.45;margin-bottom:18px}.phase-copy>p:not(.eyebrow){font-size:14px;color:var(--muted)}.phase-copy ol{padding-left:20px;font-size:12px;margin:22px 0 0;line-height:2}.phase-copy li{padding-left:6px}.phase-copy li::marker{color:var(--accent);font-weight:700}.media-section{padding-top:80px;background:#f6f8f7}.demo-player video{width:100%;aspect-ratio:16/9;background:#17222b}.demo-player figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:15px;color:#667278;font-size:11px;letter-spacing:.06em}.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:44px;scroll-margin-top:120px}.gallery-open{display:block;position:relative;background:#e3ebe8;overflow:hidden}.gallery-open img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}.gallery-open:hover img{transform:scale(1.025)}.expand-mark{position:absolute;bottom:10px;right:10px;width:30px;height:30px;display:grid;place-items:center;background:#ffffffed;font-size:20px}.gallery-item figcaption{display:flex;align-items:baseline;gap:12px;margin-top:12px;font-size:12px;line-height:1.5}.gallery-item figcaption>span:first-child{font-size:10px;color:var(--accent)}.media-note{text-align:right;font-size:11px;color:#727c7f;margin-top:22px}.company-intro{display:grid;grid-template-columns:1.25fr 1fr;gap:100px;padding-top:15px;padding-bottom:90px}.company-intro h2{font-size:clamp(30px,2.9vw,44px)}.company-wordmark{width:190px;margin-top:50px;opacity:.12}.company-story .eyebrow{margin-bottom:22px}.company-story>p:not(.eyebrow){font-size:15px;color:var(--muted);line-height:1.9;margin-bottom:18px}.company-story .text-link{margin-top:8px}.values{border-top:1px solid var(--line);padding-top:70px;display:grid;grid-template-columns:1fr 1.25fr;gap:90px;scroll-margin-top:120px}.values-heading .eyebrow{margin-bottom:26px}.values-heading>p:last-child{font-size:15px;color:var(--muted);line-height:1.85;max-width:390px;margin-top:26px}.principles article{display:grid;grid-template-columns:40px 1fr;gap:24px;padding:30px 0;border-bottom:1px solid var(--line)}.principles article:first-child{padding-top:0}.principle-number{font-size:12px;color:var(--accent);padding-top:5px}.principles h3{font-size:20px;margin-bottom:10px}.principles p{font-size:14px;color:var(--muted);line-height:1.85}.capabilities{margin-top:100px}.capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.capability-grid article{border-top:2px solid var(--ink);padding-top:24px}.capability-code{font-size:10px;letter-spacing:.1em;color:var(--accent)}.capability-grid h3{font-size:22px;margin-top:22px;margin-bottom:14px;min-height:58px}.capability-grid p{font-size:14px;color:var(--muted);line-height:1.85}.contact-section{background:#edf3f0}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.contact-grid .eyebrow{margin-bottom:24px}.contact-grid>div>p:not(.eyebrow){font-size:15px;color:var(--muted);max-width:460px;margin-top:24px}.contact-email{display:inline-flex;align-items:center;gap:34px;font-size:clamp(20px,2.2vw,30px);letter-spacing:-.035em;font-weight:600;margin-top:32px;min-height:44px;border-bottom:1px solid #819990}.contact-email span{font-size:30px}.faq{padding-top:12px}.faq h3{font-size:17px;margin-bottom:24px}.faq details{border-top:1px solid #ccd8d2;padding:22px 0}.faq details:last-child{border-bottom:1px solid #ccd8d2}.faq summary{cursor:pointer;list-style:none;font-size:14px;font-weight:650;display:flex;gap:20px;justify-content:space-between}.faq summary::-webkit-details-marker{display:none}.faq summary span{font-size:22px;line-height:1.2;font-weight:400;flex-shrink:0}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{font-size:13px;color:var(--muted);line-height:1.9;margin-top:18px}.site-footer{background:#fff;padding:56px 0 24px}.footer-top{display:flex;align-items:center;gap:44px;padding-bottom:44px}.footer-top .brand img{width:110px}.footer-top>p{font-size:13px;color:var(--muted)}.back-top{font-size:11px;margin-left:auto;white-space:nowrap;min-height:44px;display:flex;align-items:center}.footer-bottom{border-top:1px solid var(--line);padding-top:18px;display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-bottom>p{font-size:10px;color:#737b81}.gallery-dialog{width:min(1220px,92vw);max-height:94vh;border:0;padding:20px;background:#fff;color:var(--ink);box-shadow:0 20px 100px #0004}.gallery-dialog::backdrop{background:#0d1d29dc}.lightbox-toolbar,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px}.lightbox-toolbar{margin-bottom:16px}.lightbox-toolbar p{font-size:13px}.gallery-dialog button{background:#f1f4f2;padding:10px 14px;min-height:44px;font-size:12px}.lightbox-close span{font-size:22px;margin-left:10px}.gallery-dialog>img{width:100%;max-height:72vh;object-fit:contain;background:#142c37}.lightbox-bottom{margin-top:14px}.lightbox-count{font-size:12px}.document-body{max-width:1120px;margin:auto;padding:90px 24px}
@media(min-width:1800px){.hero{height:700px}.hero-copy{width:min(1440px,calc(100% - 160px))}}
@media(max-width:1150px){.main-nav{gap:22px}.header-inner{gap:22px}.wrap{width:calc(100% - 64px)}.company-intro,.values,.contact-grid{gap:50px}.phase-copy{padding:28px}.game-feature{gap:32px}.intro{gap:40px;grid-template-columns:1fr 3.5fr}.intro-bottom{align-items:start;flex-direction:column;gap:18px}.hero h1{font-size:54px}.capability-grid{gap:24px}.section-heading{gap:30px}}
@media(max-width:900px){.main-nav{display:none}.menu-toggle{display:flex}.header-inner{width:calc(100% - 48px)}.header-tools{gap:24px}.section-space{padding-top:76px;padding-bottom:76px}.games{padding-top:0}.hero h1{font-size:46px}.game-feature{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:60px}.game-tagline{font-size:30px}.game-feature .body-copy{font-size:14px}.phase-panel{grid-template-columns:1fr 1fr}.phase-copy{padding:24px}.phase-copy h3{font-size:23px}.company-intro,.values{gap:36px}.company-intro h2{font-size:31px}.company-wordmark{width:150px}.values h2{font-size:34px}.contact-grid{gap:40px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 20px}.capability-grid h3{font-size:19px}.section-heading{align-items:start;flex-direction:column;gap:20px}.section-heading>p{max-width:600px}.subheading{align-items:start;flex-direction:column;gap:12px}.intro{grid-template-columns:1fr;gap:22px}.intro>.eyebrow{padding-top:0}.intro h2{font-size:40px}.intro-bottom{flex-direction:row;align-items:end}.hero-tools{right:25px}.footer-top{gap:28px}}
@media(max-width:640px){:root{scroll-padding-top:82px}.wrap{width:calc(100% - 40px)}.site-header{height:66px}.header-inner{width:calc(100% - 36px);gap:12px}.brand img{width:100px}.header-tools{gap:12px}.language-nav{gap:12px}.language-nav a{font-size:10px}.menu-toggle{width:28px}.hero{height:auto;overflow:visible;color:var(--ink)}.hero-media{position:relative;aspect-ratio:16/10;width:100%;inset:auto}.hero-media video{object-fit:cover;object-position:center}.hero-shade{background:linear-gradient(0deg,#062c3b55,transparent 30%)}.hero-copy{padding-top:32px;padding-bottom:42px;height:auto;background:white}.hero-kicker{font-size:9px;color:var(--accent);margin-bottom:18px;gap:12px}.hero-kicker span{font-size:12px;border-left-color:#b9cac3;letter-spacing:.22em;padding-left:12px}.hero h1{font-size:37px;line-height:1.28;max-width:100%}.hero-description{font-size:14px;color:var(--muted);margin-top:18px;max-width:100%}.button-row{gap:14px 24px;margin-top:24px}.button{min-height:48px;padding:12px 18px;font-size:12px;gap:22px}.button-white{background:var(--ink);color:#fff}.button-white:hover{background:#2a4e44}.hero-video-link{font-size:12px}.play-icon{border-color:#a7b5af;font-size:9px;width:26px;height:26px}.hero-tools{bottom:10px;right:14px;gap:12px;color:#fff}.hero-tools>span{font-size:9px}.hero-toggle{width:36px;height:36px;background:#10323b88}.section-space{padding-top:60px;padding-bottom:60px}.intro{border-top:1px solid var(--line);gap:20px;padding-top:42px;padding-bottom:52px}.intro h2{font-size:30px}.intro-bottom{flex-direction:column;align-items:start;gap:15px;margin-top:20px}.intro-bottom p{font-size:14px}.eyebrow{font-size:10px}.text-link{font-size:12px;gap:22px}.games{padding-top:0}.section-top{margin-bottom:30px;padding-top:18px}.game-feature{display:flex;flex-direction:column-reverse;align-items:stretch;gap:25px;margin-bottom:56px}.game-feature-art{min-height:220px;margin-inline:-12px}.key-art{width:100%}.art-logo{max-height:100px;right:12px;bottom:0}.game-name{font-size:17px;margin-bottom:15px}.game-tagline{font-size:30px}.body-copy{margin-top:18px}.game-facts{margin-top:18px}.subheading h3{font-size:22px}.subheading p{font-size:13px}.phase-tabs{margin-bottom:20px;gap:0}.phase-tabs button{padding:13px 10px;font-size:12px;gap:9px;flex:1;justify-content:center}.phase-panel{grid-template-columns:1fr}.phase-panel figure>img{min-height:0;aspect-ratio:16/10;object-fit:cover}.phase-copy{padding:28px 24px}.phase-copy h3{font-size:25px}.phase-copy .eyebrow{margin-bottom:15px}.phase-copy ol{margin-top:16px}.media-section{padding-top:55px}.section-heading h2{font-size:29px}.section-heading{margin-bottom:28px}.section-heading>p{font-size:14px}.demo-player{margin-inline:-20px}.demo-player figcaption{margin-inline:20px;flex-direction:column;gap:3px;font-size:9px}.gallery-grid{gap:22px 12px;margin-top:30px}.gallery-item figcaption{gap:7px;font-size:10px;margin-top:9px}.gallery-item figcaption>span:first-child{font-size:9px}.expand-mark{width:24px;height:24px;bottom:8px;right:8px;font-size:17px}.media-note{font-size:10px;text-align:left;margin-top:24px}.company-intro{grid-template-columns:1fr;gap:26px;padding-top:0;padding-bottom:50px}.company-intro h2{font-size:30px}.company-wordmark{display:none}.company-story>p:not(.eyebrow){font-size:14px;margin-bottom:15px}.company-story .eyebrow{margin-bottom:15px}.values{grid-template-columns:1fr;gap:32px;padding-top:50px}.values-heading h2{font-size:32px}.values-heading .eyebrow{margin-bottom:20px}.values-heading>p:last-child{font-size:14px;margin-top:20px;max-width:100%}.principles article{gap:18px;grid-template-columns:25px 1fr;padding:25px 0}.principles h3{font-size:18px}.principles p{font-size:13px}.capabilities{margin-top:60px}.capability-grid{grid-template-columns:1fr;gap:27px}.capability-grid article{padding-top:18px}.capability-grid h3{min-height:0;font-size:20px;margin-top:16px;margin-bottom:10px}.capability-grid p{font-size:13px}.contact-grid{grid-template-columns:1fr;gap:48px}.contact-grid h2{font-size:32px}.contact-grid>div>p:not(.eyebrow){font-size:14px;margin-top:20px}.contact-email{font-size:25px;gap:20px;margin-top:24px}.faq{padding-top:0}.faq h3{font-size:16px}.faq summary{font-size:13px}.site-footer{padding-top:36px}.footer-top{flex-wrap:wrap;gap:18px;padding-bottom:28px}.footer-top .brand img{width:96px}.footer-top>p{font-size:11px;width:100%;order:3}.back-top{font-size:10px}.footer-bottom{gap:18px;align-items:start}.footer-bottom .language-nav{gap:10px}.footer-bottom>p{font-size:9px;margin-top:14px}.gallery-dialog{padding:12px;width:96vw}.lightbox-toolbar p{font-size:10px}.lightbox-toolbar{gap:10px}.lightbox-toolbar button{flex-shrink:0}.gallery-dialog button{font-size:10px;padding:8px 10px}.gallery-dialog>img{max-height:64vh}.lightbox-count{font-size:10px}}
@media(max-width:360px){.header-inner{width:calc(100% - 28px)}.brand img{width:82px}.header-tools{gap:10px}.language-nav{gap:10px}.hero h1{font-size:32px}.hero-copy .button-row{gap:10px 17px}.button{padding:11px 14px;gap:14px}.hero-video-link{font-size:11px}.contact-email{font-size:22px}.game-tagline{font-size:28px}.wrap{width:calc(100% - 36px)}.demo-player{margin-inline:-18px}.demo-player figcaption{margin-inline:18px}}
html:lang(ja-JP){font-family:"Yu Gothic",Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;font-weight:500}
body.dydy-landing{font-family:inherit;line-height:1.65;color:var(--ink);background:#fff}
@media(max-width:640px){.hero-media{aspect-ratio:16/9}}
@media(max-width:640px){html:lang(ja-JP) .hero h1{font-size:32px}}
@media(max-width:360px){html:lang(ja-JP) .hero h1{font-size:26px;line-height:1.5}}
@media(max-width:360px){html:lang(ja-JP) .company-intro h2{font-size:25px;line-height:1.5}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}