header{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding-inline:5%}header .actual-logo{justify-self:start}header nav{margin:0;justify-self:center;gap:34px;white-space:nowrap}.header-socials{justify-self:end}.menu-product-stage{position:absolute;inset:0;z-index:3;pointer-events:none;opacity:0;transition:opacity .2s}.menu-product-stage.active{opacity:1}.menu-center.products-visible{opacity:0;transition:opacity .25s}.assembled-product{position:absolute;width:95px;height:180px;object-fit:contain;transform:translate(-50%,-50%);filter:drop-shadow(0 15px 14px #5e3c252b)}.assembled-caption{position:absolute;left:50%;transform:translateX(-50%);font-size:14px;font-weight:600;color:#675d49;white-space:nowrap}.node-products{position:relative;background:#fff6e6c9;display:block;overflow:hidden}.menu-node .node-products img{position:absolute;width:45%;height:82%;top:8%;left:calc(50% + (var(--i) - (var(--count) - 1)/2)*15%);transform:translateX(-50%);object-fit:contain;filter:drop-shadow(0 5px 4px #0002)}.menu-node:hover .node-products img,.menu-node:focus-visible .node-products img{transform:translateX(-50%)}.nature-diagram{height:640px}.nature-logo{top:25%}.nature-logo img{width:250px;height:250px}.nature-label{width:225px;padding:16px 18px;border-radius:18px;background:#fff6e6b8;backdrop-filter:blur(6px)}.nature-label h4{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;font-size:30px;font-weight:600;letter-spacing:-1px;margin:6px 0 10px}.nature-label p{font-size:16px;line-height:1.7;font-weight:500;color:#514b3d}.nature-label>span{font-size:12px}.nature-0{top:4%;left:56%}.nature-1{top:28%;left:76%}.nature-2{top:63%;left:68%}.nature-3{top:65%;left:7%}.nature-4{top:27%;left:4%}.nature-lines{stroke-width:1.5;opacity:.7}.company-refreshed h3,.company-refreshed h3 em{font-family:'Noto Sans KR','Malgun Gothic',sans-serif;letter-spacing:-1.3px}.journey-event{grid-template-columns:26% 1fr;gap:40px;min-height:135px;padding:30px 0}.journey-copy h4{font-size:22px}.all-records{display:grid;grid-template-columns:repeat(3,1fr);gap:45px 30px;margin:30px 0}.all-records figure{margin:0}.all-records a{display:block;height:300px;padding:25px;border-radius:24px;background:#f2e9d9}.all-records img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 10px #68503220);transition:transform .4s}.all-records a:hover img{transform:translateY(-5px)}.all-records figcaption{display:flex;gap:16px;margin-top:18px}.all-records figcaption span{color:#9b835e;font-size:17px}.all-records h4{font-size:15px;font-weight:500;line-height:1.7;margin:0}.org-replay{margin-bottom:24px;font-size:12px}.org-department h4,.org-department li{will-change:opacity,transform}.privacy-summary{width:100%;border-collapse:collapse;font-size:12px;line-height:1.8;margin:24px 0;background:#fff6e6}.privacy-summary th,.privacy-summary td{padding:12px 14px;border-bottom:1px solid #ddcfb9;text-align:left}.privacy-summary th{width:100px;font-weight:600}.privacy-policy{max-width:850px;margin:auto;line-height:2}.privacy-policy h3{font-size:24px;margin-top:35px}.route-map{background:#f4eddf;border-radius:25px;padding:18px}.route-map img{width:100%;display:block}.route-map figcaption{font-size:11px;line-height:1.8;color:#82715b}.transit-route{margin:35px 0;padding:24px;border-left:3px solid #287c59;background:#f5ecdc;line-height:1.9}.transit-route strong{font-size:23px;color:#287c59}.transit-route a{font-size:12px;text-decoration:underline}.lotus-filter-label{color:#287c59}
@media(max-width:1050px){header nav{gap:20px}.nature-label{width:185px;padding:14px}.nature-label p{font-size:14px}.nature-1{left:76%}.all-records{gap:30px 20px}.all-records a{height:250px}}
@media(max-width:700px){header{grid-template-columns:auto 1fr auto;height:80px}header nav{display:none}.header-socials{grid-column:3}.mobile-nav{justify-content:center;gap:20px}.assembled-product{width:65px;height:130px}.assembled-caption{font-size:11px}.nature-diagram{height:auto;min-height:710px}.nature-logo{top:auto}.nature-label{position:relative;left:auto;top:auto;width:auto;padding:14px 10px}.nature-label h4{font-size:25px}.nature-label p{font-size:14px}.nature-logo img{width:200px;height:200px}.journey-event{grid-template-columns:1fr;gap:14px;padding-left:35px;min-height:130px}.journey-copy h4{font-size:17px}.all-records{grid-template-columns:repeat(2,1fr);gap:30px 16px}.all-records a{height:210px;padding:17px}.all-records h4{font-size:13px}.privacy-summary th{width:85px}.transit-route{padding:18px}.route-map{padding:10px}}

/* Revised: original menu food artwork; product packs travel from each menu. */
.menu-center{transition:opacity .5s ease;transition-delay:0s}.menu-center.products-visible{transition:opacity .55s ease .3s}.nature-label{background:none;backdrop-filter:none;border-radius:0;padding:0;text-shadow:0 1px 8px #fff6e6,0 0 16px #fff6e6}.nature-label p{color:#453f32}.assembled-caption{animation:pack-caption .4s 1s both}@keyframes pack-caption{from{opacity:0}to{opacity:1}}
.care-editorial img{border-radius:0;mask-image:radial-gradient(ellipse at center,#000 65%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse at center,#000 65%,transparent 100%)}

footer .footer-channel{font:inherit;font-size:12px;border:0;background:transparent;color:inherit;padding:0;cursor:pointer}footer .footer-channel small{font-size:9px;color:#96876b;margin-left:5px}footer .footer-channel:hover,footer>a:hover{text-decoration:underline}
.header-socials a,.header-socials button{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:0;box-sizing:border-box;flex-shrink:0}.header-socials svg{display:block;width:17px;height:17px;flex:none;margin:0;vertical-align:middle}.header-socials a:focus-visible,.header-socials button:focus-visible{outline:2px solid #287c59;outline-offset:3px}@media(max-width:700px){.header-socials svg{width:15px;height:15px}}
/* Larger neighborhood map on the same cream canvas as the page. */
body[data-page="directions"] .directions{grid-template-columns:minmax(240px,.75fr) minmax(0,1.65fr);gap:4%;align-items:center}
body[data-page="directions"] .route-map{margin:0;background:transparent;border:0;border-radius:0;padding:12px;box-shadow:none}
body[data-page="directions"] .route-map img{width:100%;height:auto;background:var(--cream)}
body[data-page="directions"] .route-map figcaption{padding:8px 12px 4px}
@media(max-width:900px){body[data-page="directions"] .directions{grid-template-columns:1fr;gap:35px}body[data-page="directions"] .route-map{width:100%;padding:8px}}

/* Place mountain text over the mountain background; keep logo band meanings. */
@media(min-width:701px){.nature-diagram .nature-2{top:27%;left:4%}.nature-diagram .nature-4{top:63%;left:68%}}
.all-records .award-photo{display:block;height:300px;padding:25px;border-radius:24px;background:#f2e9d9}
.product-photo:hover img{transform:none}
@media(max-width:700px){.all-records .award-photo{height:210px;padding:17px}}
/* Keep the product flight on transform/opacity, without repainting animated shadows. */
.assembled-product{filter:none;will-change:transform,opacity;backface-visibility:hidden}
.menu-scene>img{animation:none;transform:none}
.tv-image-plane{will-change:transform}
/* Limit continuous paint work while keeping the requested organization and menu motion. */
.nature-label{backdrop-filter:none}
.all-records img,.recognition-gallery img{filter:none}
.journey-event.company-reveal{opacity:1;transform:none;transition:none}
@media(max-width:700px){.menu-node-visual{animation:none}.history-era-art{mix-blend-mode:normal}}
/* Keep the donation illustration proportional and compact. */
#contribution .care-editorial img{display:block;width:min(100%,540px);height:auto;max-height:400px;object-fit:contain;margin:24px 0 12px}
@media(max-width:700px){#contribution .care-editorial img{width:100%;height:auto;max-height:320px;margin:20px auto 10px}}
.header-socials a.kakao-channel{background:#f9e352;border:0;color:#30291c}