/*
Theme Name: AUYOOSTORE
Description: AUYOOSTORE multilingual company website. Korean, English and Chinese.
Version: 1.2.5
Author: AUYOOSTORE
Text Domain: auyoostore
*/
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--navy:#101f2a;--ink:#17262f;--muted:#596770;--aqua:#b8f0db;--line:#dce2e4;--page:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--ink);background:var(--page);font-family:'Noto Sans KR','Noto Sans SC',Arial,sans-serif;font-size:16px;line-height:1.7}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #219975;outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{word-break:keep-all;overflow-wrap:break-word}.header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 5%;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:5}.wordmark{font-size:24px;letter-spacing:-1.3px;font-weight:800;white-space:nowrap;display:flex;align-items:center}.wordmark span{font-weight:400}.wordmark i{width:7px;height:7px;display:inline-block;background:#169b79;margin-left:6px;align-self:flex-start;margin-top:13px}nav{display:flex;gap:34px;margin-left:auto;margin-right:32px;font-size:14px;font-weight:500}.languages{display:flex;gap:4px}.languages button{background:none;border:0;padding:7px;color:#69777c;font-size:13px}.languages button[aria-pressed=true]{color:var(--ink);border-bottom:2px solid var(--ink);font-weight:700}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:660px;background:var(--navy);color:white}.hero-copy{padding:75px 9% 28px 10%;display:flex;flex-direction:column}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.6px;color:var(--aqua);margin-bottom:26px}.eyebrow.dark{color:#417064}.hero h1{font-size:clamp(38px,3.7vw,62px);line-height:1.27;letter-spacing:-2.8px;font-weight:600;white-space:pre-line}.hero h1 em{font-style:normal;color:var(--aqua)}.hero-desc{color:#becbd3;max-width:490px;margin-top:28px;font-size:16px;line-height:1.9}.button{margin-top:35px;padding:13px 20px;display:inline-flex;gap:48px;align-items:center;align-self:flex-start;background:var(--aqua);color:var(--navy);font-size:14px;font-weight:600}.button:hover{background:white}.button span:last-child{font-size:22px}.hero-bottom{margin-top:auto;padding-top:45px;display:flex;gap:26px;font-size:11px;letter-spacing:1.2px;color:#93a9b5}.hero-visual{position:relative;min-width:0;overflow:hidden;background:#1b3e4c}.hero-visual img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#06161b22 20%,#06161bbb)}.visual-top,.visual-caption{position:absolute;z-index:1;left:7%;right:7%;display:flex;justify-content:space-between}.visual-top{top:30px;gap:20px;font-size:10px;letter-spacing:1.5px;color:#fff}.visual-caption{bottom:40px;align-items:flex-end;gap:18px}.visual-caption>span{font-size:36px;line-height:1.15;letter-spacing:-.8px;font-weight:500}.visual-caption small{font-size:10px;color:#d2dfe3;max-width:130px}.channel-strip{padding:31px 5%;display:flex;align-items:center;gap:8%;border-bottom:1px solid var(--line)}.channel-strip p{font-size:12px;color:var(--muted);width:125px;flex-shrink:0;line-height:1.5}.channel-strip>div{display:flex;flex:1;justify-content:space-between;align-items:center;gap:28px;color:#485b65}.channel-strip span{font-size:27px;font-weight:700;letter-spacing:-1px}.channel-strip .naver{font-size:19px;letter-spacing:-.8px}.naver b{font-size:14px;font-weight:500;display:block}.section{padding:90px 5%;max-width:1600px;margin:0 auto}.about{display:grid;grid-template-columns:1fr 1fr;gap:8%;padding-top:100px;padding-bottom:100px}h2{font-size:38px;font-weight:600;line-height:1.4;letter-spacing:-1.6px;white-space:pre-line}.lead{font-size:19px;line-height:1.9}.facts{display:grid;grid-template-columns:1fr 1fr 1fr;gap:25px;border-top:1px solid var(--line);margin-top:35px;padding-top:26px}.facts span{display:block;font-size:12px;color:var(--muted);margin-bottom:9px}.facts strong{font-size:16px;font-weight:500;line-height:1.5;display:block}.business{background:#f4f7f8;max-width:none}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:42px}.section-heading>p{max-width:420px;color:var(--muted);line-height:1.8}.business-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.business-grid article{border-top:1px solid #b9c8ce;padding:25px 0 0}.number{font-size:12px;color:#72848e}.line-icon{float:right;font-size:35px;line-height:1;color:#466d70}.business h3{font-size:25px;font-weight:600;letter-spacing:-1px;margin:30px 0 16px}.business article p{color:var(--muted);max-width:360px;min-height:90px;font-size:16px}.tags{border-top:1px solid var(--line);padding-top:20px;margin-top:30px;font-size:11px;letter-spacing:1px;color:#526d75}.brand-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.brand{padding:30px 35px;min-height:350px;display:flex;flex-direction:column}.cookie{background:#edf3ec}.home{background:#eaf0f4}.brand-label{display:flex;justify-content:space-between;gap:15px;font-size:11px;letter-spacing:.7px;color:#537064}.brand h3{font-size:44px;letter-spacing:-2px;line-height:1.2;margin:48px 0 35px;font-weight:500}.home h3{font-size:34px}.brand h3 span{display:block;font-size:15px;letter-spacing:2px;margin-top:13px;font-weight:400}.brand p{font-size:16px;margin-bottom:12px}.brand small{font-size:12px;color:#52656c;display:block}.brand-note{font-size:12px;color:var(--muted);margin-top:22px}.partners{background:var(--navy);color:#fff}.partners .section-heading>p{color:#a8bcc7}.partner-tabs{display:flex;gap:35px;border-bottom:1px solid #39505e}.partner-tabs button{color:#adbdc6;border:0;background:none;padding:17px 0;border-bottom:3px solid transparent;font-size:16px}.partner-tabs button[aria-selected=true]{color:var(--aqua);border-bottom-color:var(--aqua)}.partner-content{display:grid;grid-template-columns:1fr 1fr;gap:12%;padding-top:45px;min-height:310px}.partner-content h3{font-size:28px;font-weight:500;line-height:1.5;margin-bottom:16px}.partner-content p:not(.eyebrow){font-size:16px;color:#b3c4ce;max-width:490px}.partner-content .eyebrow{margin-bottom:14px;font-size:11px}.agenda ol{padding:0;margin:0;list-style:none;counter-reset:agenda}.agenda li{counter-increment:agenda;border-bottom:1px solid #344a57;padding:13px 0;font-size:16px}.agenda li:before{content:'0' counter(agenda);color:#8caaac;font-size:12px;margin-right:23px}.company-profile{display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.company-profile>div>p:last-child{margin-top:24px;color:var(--muted);max-width:340px}.company-profile dl{margin:0}.company-profile dl>div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:16px 0;border-bottom:1px solid var(--line);font-size:14px}.company-profile dt{color:var(--muted)}.company-profile dd{margin:0;word-break:keep-all;overflow-wrap:break-word}footer{border-top:1px solid var(--line);padding:35px 5%;display:flex;align-items:center;gap:40px}footer p{font-size:12px;color:var(--muted)}footer>span{font-size:11px;color:var(--muted);margin-left:auto}.skip{position:absolute;left:15px;top:-100px;background:white;padding:10px;z-index:10}.skip:focus{top:10px}html[lang=en] .hero h1{font-size:clamp(38px,3.6vw,60px);letter-spacing:-2px}html[lang=zh] body{font-family:'Noto Sans SC','Noto Sans KR',sans-serif}html[lang=zh] h1{letter-spacing:-1px}@media(min-width:1600px){.hero-copy{padding-left:max(80px,calc((100vw - 1440px)/2))}.business{padding-left:max(5%,calc((100vw - 1440px)/2));padding-right:max(5%,calc((100vw - 1440px)/2))}}@media(max-width:1050px){nav{gap:18px;margin-right:12px}.header{gap:20px}.hero{min-height:610px}.hero-copy{padding-top:55px}.hero h1{font-size:43px}.hero-desc{font-size:15px}.visual-caption>span{font-size:28px}.visual-caption small{max-width:90px}.channel-strip span{font-size:23px}.section{padding-top:70px;padding-bottom:70px}h2{font-size:32px}.business h3{font-size:22px}.brand h3{font-size:38px}.home h3{font-size:27px}.section-heading>p{max-width:350px}.business article p{min-height:120px}.company-profile{gap:6%}}@media(max-width:760px){html{scroll-padding-top:25px}.header{height:auto;min-height:78px;flex-wrap:wrap;padding-top:18px;padding-bottom:16px;gap:12px}.wordmark{font-size:22px}nav{order:3;width:100%;margin:0;padding-top:10px;justify-content:space-between;gap:10px;font-size:13px}.languages{margin-left:auto}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6% 28px;min-height:510px}.hero h1,html[lang=en] .hero h1{font-size:44px;letter-spacing:-1.8px}.hero-desc{max-width:530px;font-size:16px}.eyebrow{font-size:10px;letter-spacing:1.3px;margin-bottom:23px}.hero-visual{height:360px}.visual-caption{bottom:28px}.visual-caption>span{font-size:30px}.visual-caption small{max-width:130px}.channel-strip{display:block;padding:24px 6%}.channel-strip p{width:auto;margin-bottom:20px}.channel-strip>div{flex-wrap:wrap;justify-content:space-between;gap:20px 30px}.channel-strip span{font-size:22px}.channel-strip .naver{font-size:16px}.naver b{font-size:11px}.section{padding:58px 6%}.about,.company-profile{grid-template-columns:1fr;gap:30px}h2{font-size:30px;letter-spacing:-1px}.lead{font-size:17px}.facts{gap:15px}.facts strong{font-size:14px}.facts span{font-size:11px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:22px;max-width:none;font-size:16px}.business-grid{grid-template-columns:1fr;gap:35px}.business h3{margin:22px 0 13px;font-size:24px}.business article p{min-height:0;max-width:none}.tags{margin-top:22px}.brand-grid{grid-template-columns:1fr;gap:18px}.brand{padding:25px;min-height:320px}.brand h3{margin:37px 0 28px;font-size:39px}.home h3{font-size:29px}.brand-label{font-size:10px}.partner-tabs{gap:22px}.partner-tabs button{font-size:14px;text-align:left}.partner-content{grid-template-columns:1fr;gap:30px;padding-top:32px}.partner-content h3{font-size:25px}.agenda li{font-size:15px}.company-profile dl>div{grid-template-columns:100px 1fr;gap:15px}.company-profile>div>p:last-child{margin-top:20px}footer{padding:30px 6%;flex-wrap:wrap;gap:15px 25px}footer>span{margin:0;width:100%}footer p{max-width:200px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.contact{background:#f4f7f8;max-width:none}.contact>div>p:last-child{color:var(--muted);margin-top:20px}.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:38px}.contact-grid article{border-top:1px solid #b9c8ce;padding-top:22px}.contact-grid article>span{font-size:14px;color:var(--muted);display:block;margin-bottom:14px}.contact-grid article>a,.contact-grid strong{font-size:22px;font-weight:600;overflow-wrap:anywhere;display:block}.contact-grid a:hover{text-decoration:underline}.contact-grid article>p{font-size:14px;color:var(--muted);margin-top:12px;line-height:1.8}@media(max-width:760px){.contact-grid{grid-template-columns:1fr;gap:28px}.contact-grid article>a,.contact-grid strong{font-size:22px}}
.representative{display:none;border-top:1px solid var(--line)}html[lang=zh] .representative{display:grid;grid-template-columns:minmax(220px,350px) 1fr;gap:8%;align-items:center}.representative img{width:100%;height:auto;display:block}.representative h3{font-size:24px;margin:25px 0 8px;line-height:1.5}.representative h3 span{display:block;font-size:16px;font-weight:400}.representative-role{font-size:14px;color:var(--muted);margin-bottom:24px}.representative p:not(.eyebrow){max-width:600px}.representative a{display:inline-block;margin-top:26px;border-bottom:1px solid #527e70;padding-bottom:6px;font-size:16px}@media(max-width:760px){html[lang=zh] .representative{grid-template-columns:1fr;gap:32px}.representative img{max-width:320px}.representative h3{font-size:22px}}

.representative h4{font-size:16px;font-weight:600;margin:28px 0 10px}.bio-list{padding:0;margin:0;list-style:none}.bio-list li{font-size:16px;padding:9px 0;border-bottom:1px solid var(--line);overflow-wrap:anywhere}

@media(min-width:761px){.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* Editorial section illustrations */
.network-art{display:block;width:100%;max-width:480px;margin-top:30px}.service-art{display:block;width:100%;height:auto;background:#eaf1ed;margin-top:20px;border-radius:3px}.business h3{margin-top:22px}.brand-art{width:100%;height:210px;display:block;margin-top:22px}.brand h3{margin:18px 0 28px}.cooperation-flow{display:flex;align-items:center;gap:20px;border:1px solid #39505e;padding:25px 28px;margin-bottom:40px;background:#142a35}.cooperation-flow>div{flex:1}.cooperation-flow span{display:block;color:#8cb3a8;font-size:11px;letter-spacing:2px;margin-bottom:8px}.cooperation-flow strong{font-size:16px;font-weight:500}.cooperation-flow i{color:#b8f0db;font-style:normal;font-size:22px}.location-art{display:block;width:100%;max-width:370px;margin-top:25px}.contact-art{width:64px;height:64px;color:#169b79;margin-bottom:12px}.contact-grid article{position:relative}.contact-grid article>a{font-size:clamp(18px,2vw,27px)}
@media(max-width:760px){.network-art{margin-top:20px}.service-art{max-height:225px}.brand-art{height:180px}.cooperation-flow{gap:12px;padding:20px;flex-wrap:wrap}.cooperation-flow>div{flex:0 0 calc(50% - 25px)}.cooperation-flow>i:nth-of-type(2){display:none}.cooperation-flow strong{font-size:14px}.location-art{max-width:300px}.contact-art{width:50px;height:50px}}

.site-footer{display:block;background:#eaf0f4;padding:45px 5% 24px}.footer-top{display:flex;justify-content:space-between;gap:30px;align-items:start}.footer-top p{margin-top:12px}.footer-top nav{margin:0;display:flex;gap:28px;width:auto;padding:0;font-size:14px}.footer-details{margin-top:28px;max-width:1000px}.footer-details p{max-width:none;font-size:13px;line-height:1.9;margin:8px 0;color:#52636d}.footer-details p>span,.footer-details p>a{display:inline-block;margin-right:24px}.footer-details strong{margin-right:24px;color:#17262f;font-weight:600}.footer-details b{font-weight:500}.footer-details a:hover,.footer-top nav a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid #ced9df;margin-top:26px;padding-top:18px;font-size:11px;color:#667881}@media(max-width:760px){.site-footer{padding:35px 6% 24px}.footer-top{flex-direction:column;gap:22px}.footer-top nav{order:0;justify-content:flex-start}.footer-details p>span{display:block}.footer-details p>a{margin-bottom:5px}.footer-details strong{display:block}}

.about{row-gap:35px}.about-illustration{grid-column:1/-1;margin:0 auto;width:100%;max-width:1080px}.about-image{display:block;width:100%;height:auto}.service-art,.brand-art{height:auto;max-height:none;width:100%;object-fit:contain;display:block}.brand-art{margin-top:24px}.brand{overflow:hidden}@media(max-width:760px){.about-illustration{width:100%;margin:0}.service-art,.brand-art{height:auto;max-height:none}.brand{padding:20px}.about{row-gap:25px}}

.company-concept{margin:28px 0 0}.company-concept img{display:block;width:100%;height:auto}.company-concept figcaption{margin-top:10px;font-size:11px;color:#6b7880;line-height:1.6}

/* Blend white studio backdrops into the section without regenerating artwork. */
.about,.company-profile{background:#eaf0f4;isolation:isolate}.about-image,.company-concept img{mix-blend-mode:multiply}.about-illustration,.company-concept{background:transparent}
.about-illustration{overflow:hidden}.about-image{margin-block:-6%}.company-concept{overflow:hidden}.company-concept img{margin-block:-3%}

/* Give both brand cards equally visible outer frames. */
.brand-grid>.brand{border:1px solid #d1ddd9}.brand-grid>.brand.home{background:#dfe9ef;border-color:#c7d5df}