:root{--cream:#F3E7D3;--ink:#123C91;--accent:#123C91}
body{background:#F3E7D3;color:#123C91}header,footer{background:#F3E7D3;color:#123C91}a{color:inherit}.brand strong{font-size:clamp(14px,1.5vw,20px)}.brand small{font-size:9px;letter-spacing:.12em}.mark,.button{background:#123C91;color:#F3E7D3;border-color:#123C91}.button.outline{background:transparent;color:#123C91}h1,h2,h3{font-weight:400;word-break:keep-all}h2{font-size:clamp(26px,3vw,42px)}p{max-width:40em}.ot-hero{min-height:82svh;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:6vw;padding-top:70px;padding-bottom:80px}.ot-hero h1{font-size:clamp(40px,5.3vw,78px);line-height:1.2;letter-spacing:-.055em}.intro{line-height:1.9;margin:30px 0}.hero-art{background:#123C91;color:#F3E7D3;aspect-ratio:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:35px;border-radius:50% 50% 4px 4px}.gift-outline{border:1px solid #F3E7D3;width:76%;aspect-ratio:1.15;transform:rotate(-7deg);display:flex;flex-direction:column;justify-content:center;align-items:center;position:relative}.gift-outline:after{content:"";position:absolute;inset:-12px 42%;border-left:1px solid;border-right:1px solid;opacity:.4}.gift-outline span{font-size:clamp(36px,5vw,76px);line-height:1;letter-spacing:.05em}.gift-outline small{font-size:7px;margin-top:15px;letter-spacing:.12em}.hero-art p{margin:25px 0 0}.art-label{font-size:10px;opacity:.65;margin-top:8px}.ot-strip{border-block:1px solid #123C91;padding:20px;text-align:center;letter-spacing:.15em;font-size:13px}.ot-strip span{margin:0 30px}.offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.offer{border-top:1px solid #123C91;padding:22px 0}.number{font-size:11px;letter-spacing:.13em}.offer h3{font-size:30px;margin:24px 0 10px}.detail{font-size:13px;opacity:.75}.box-art{height:240px;margin-top:25px;background:#123C91;display:flex;align-items:center;justify-content:center;gap:12px;overflow:hidden}.sandwich span{width:23%;height:95px;background:#F3E7D3;clip-path:polygon(0 100%,50% 0,100% 100%);position:relative;transform:rotate(-8deg)}.sandwich span:after{content:"";position:absolute;bottom:12px;left:8%;width:85%;border-block:5px solid #123C91;height:10px}.gift span{width:155px;height:125px;border:1px solid #F3E7D3;position:relative;transform:rotate(-8deg)}.gift span:before{content:"";position:absolute;inset:-12px 42%;border:1px solid #F3E7D3}.gift span:after{content:"";position:absolute;inset:42% -12px;border:1px solid #F3E7D3}.ot-note{background:#123C91;color:#F3E7D3}.section{margin-top:0;padding-top:15vh;padding-bottom:15vh}.inquiry-list{padding-left:20px;line-height:2.4}.contact-box{background:transparent;border:1px solid #123C91}.page-top{padding-top:90px}.page-top h1{font-size:clamp(36px,5vw,68px)}nav a[aria-current]{color:inherit;border-color:currentColor}.post-body,.post-content{max-width:680px}footer{border-top:1px solid #123C91}
@media(max-width:760px){header{padding:16px}.brand{gap:8px}.brand strong{font-size:14px}.brand small{font-size:7px}.mark{width:32px;height:32px}.menu-toggle{color:#123C91;border-color:#123C91}nav{background:#F3E7D3}.ot-hero{grid-template-columns:1fr;padding-top:45px;gap:40px}.ot-hero h1{font-size:42px}.hero-art{max-width:440px;width:100%;margin:auto}.offer-grid{grid-template-columns:1fr}.ot-strip{font-size:10px;letter-spacing:.04em}.ot-strip span{margin:0 10px}.section-heading{display:block}.page-top h1{font-size:36px}.gift-outline span{font-size:55px}footer{gap:25px}.box-art{height:220px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

.campaign-hero{background:#F3E7D3;text-align:center;padding-top:65px}.campaign-copy{position:relative;z-index:1;padding:0 20px 35px}.campaign-copy .eyebrow{font-size:11px;letter-spacing:.25em}.campaign-copy h1{font-family:Arial,"Noto Sans KR",sans-serif;font-size:clamp(58px,8.5vw,126px);font-weight:800;line-height:.95;letter-spacing:-.045em;margin:22px 0}.campaign-copy p{margin:18px auto}.campaign-copy .campaign-subtitle{font-size:clamp(19px,2.3vw,30px);font-weight:700}.campaign-copy .button{margin-top:10px}.campaign-photo{margin:0;position:relative}.campaign-photo img{width:100%;height:auto;max-height:850px;object-fit:cover;display:block}.campaign-photo figcaption{font-size:11px;padding:12px 18px;color:#123C91;background:#F3E7D3}.brand strong{font-size:clamp(13px,1.35vw,19px)}.brand small{font-size:8px}.ot-note{background:#123C91}.offer .box-art{background:#123C91}
@media(max-width:760px){.campaign-hero{padding-top:42px}.campaign-copy h1{font-size:58px}.campaign-copy{padding-bottom:20px}.campaign-copy .eyebrow{font-size:9px;letter-spacing:.08em}.campaign-copy>p:not(.eyebrow):not(.campaign-subtitle){font-size:13px}.campaign-photo img{height:390px;object-fit:cover;object-position:50% 60%}.brand strong{font-size:12px;letter-spacing:-.06em}.brand small{font-size:6px}.brand{gap:6px}header{gap:8px;padding:14px 12px}.mark{width:26px;height:30px;font-size:18px}.menu-toggle{padding:8px;font-size:12px}.campaign-photo figcaption{font-size:10px}}

.catalog-tabs{position:static!important;display:flex!important;visibility:visible!important;gap:12px;flex-wrap:wrap;margin:32px 0;background:none!important;padding:0!important;border:0!important}.catalog-tabs a{padding:12px 22px;border:1px solid #123C91;border-radius:30px;font-size:14px}.quote-note{font-size:13px;line-height:1.9;border-left:3px solid #123C91;padding-left:16px}.catalog-group{scroll-margin-top:120px;padding-top:65px}.catalog-group h2{font-size:30px;margin:10px 0 30px}.catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.box-card{border:1px solid #123c9125;background:#fff9ed;display:flex;flex-direction:column}.box-card>img{width:100%;height:220px;object-fit:contain;background:#fff}.box-card-body{padding:22px;display:flex;flex-direction:column;flex:1}.box-card h3{font-size:21px;margin:12px 0}.box-card small{font-size:11px}.ingredients{font-size:13px;line-height:1.8;flex:1}.box-price{font-size:25px;margin:18px 0 2px}.box-card .button{margin-top:20px;font-size:13px;text-align:center}.photo-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.photo-gallery figure{margin:0}.photo-gallery img{width:100%;height:330px;object-fit:contain;background:#eee8dd}.photo-gallery figcaption{padding:15px 0;font-size:14px}.campaign-photo img{max-height:700px;object-fit:contain;background:#eee8dd}.catalog-section{padding-top:10vh}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.catalog-grid{grid-template-columns:1fr}.box-card>img{height:260px}.photo-gallery{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.photo-gallery img{height:210px}.catalog-tabs a{padding:10px 12px;font-size:12px}.catalog-tabs{gap:6px}.campaign-photo img{height:430px}.box-card h3{font-size:23px}}

.brand .vision-logo{width:110px;height:auto;object-fit:contain;flex-shrink:0}.brand{gap:14px}@media(max-width:760px){.brand .vision-logo{width:70px;height:auto}.brand{gap:8px}.brand strong{font-size:12px}.brand small{font-size:6px}}

/* Match the official logo silhouette to the site cobalt palette. */
.brand .vision-logo{background-color:#123C91;object-position:-9999px 0;-webkit-mask:url("assets/visionretail-logo-color.png") center/contain no-repeat;mask:url("assets/visionretail-logo-color.png") center/contain no-repeat;aspect-ratio:165/52;}


.history-grid{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0}.history-grid li{border-top:1px solid #123C91;padding-top:20px}.history-grid strong{display:block;font-size:28px;margin-bottom:15px}.history-grid span{font-size:14px}.blog-wrap article{max-width:680px;margin:auto}.post-head{padding:35px 0}.post-head h1{font-size:clamp(28px,4vw,44px);line-height:1.4}.body p{line-height:1.95}.sources a{overflow-wrap:anywhere}@media(max-width:760px){.history-grid{grid-template-columns:1fr 1fr}.history-grid strong{font-size:24px}}

/* Consistent product photography stage; preserve full product proportions. */
.box-media{width:100%;aspect-ratio:4/3;background:#fff;display:flex;align-items:center;justify-content:center;padding:14px;box-sizing:border-box;overflow:hidden}
.box-media img{display:block;width:100%;height:100%;object-fit:contain;min-width:0;min-height:0}
.box-media.source-small img{width:auto;height:auto;max-width:100%;max-height:100%;max-width:min(100%,250px);max-height:220px}
.box-card-body{border-top:1px solid #123c9115}
.photo-gallery img{aspect-ratio:4/3;height:auto;object-fit:contain;background:#fff;padding:8px;box-sizing:border-box}