@font-face{font-family:Pretendard;src:url('assets/Pretendard-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Pretendard;src:url('assets/Pretendard-SemiBold.woff2') format('woff2');font-weight:600 800;font-display:swap}
:root{--paper:#f7f5f1;--ink:#242a25;--muted:#5b625b;--green:#314a36;--rule:#d5d6ce;--gutter:clamp(24px,7.1vw,120px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Pretendard,sans-serif;line-height:1.6}body.photo-open{overflow:hidden}h1,h2,p,figure{margin:0}h1,h2{font-weight:600;line-height:1.25;letter-spacing:-.025em;text-wrap:balance}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}img{display:block;max-width:100%;height:auto}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:3px solid #b1cf95;outline-offset:6px}::selection{background:#314a36;color:#fff}::-webkit-scrollbar{width:9px}::-webkit-scrollbar-track{background:var(--paper)}::-webkit-scrollbar-thumb{background:#8a9588}.svg-library{position:absolute;width:0;height:0;overflow:hidden}.icon, .icon-button svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}.icon-button{display:grid;place-items:center;border:0;background:none;width:48px;height:48px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;left:16px;top:12px;padding:10px 16px;background:#fff;color:var(--ink);z-index:20;transform:translateY(-160%)}.skip-link:focus{transform:none}
.hero{height:77.2svh;min-height:510px;position:relative;isolation:isolate;background:#26392b;color:#fff;overflow:hidden}.hero-video,.hero-shade{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;object-position:center 54%;z-index:-2}.hero-shade{background:rgba(9,17,12,.36);z-index:-1}.header{position:absolute;top:0;left:0;width:100%;padding:26px 32px}.header nav{display:flex;justify-content:flex-end;gap:clamp(24px,3vw,48px);font-size:clamp(14px,1.25vw,20px)}.header a{position:relative;padding:4px 0}.header a:after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .25s ease}.header a:hover:after{transform:scaleX(1)}.hero-brand{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:90%;text-align:center}.brand-mark{width:clamp(180px,15.6vw,260px);height:auto;margin:0 auto 17px}.hero h1{font-weight:400;font-size:clamp(27px,2.7vw,44px);line-height:1.4;letter-spacing:.025em;white-space:nowrap}.brand-english{font-size:clamp(13px,1.26vw,20px);letter-spacing:.54em;text-indent:.54em;margin-top:10px}.scroll-cue{position:absolute;left:calc(50% - 24px);bottom:18px}.scroll-cue svg{width:34px;height:34px;stroke-width:1.4}.video-toggle{position:absolute;right:24px;bottom:18px}.video-toggle svg{stroke-width:3}.play-icon{display:none;stroke-width:1.6;fill:currentColor}.video-toggle[data-paused=true] .pause-icon{display:none}.video-toggle[data-paused=true] .play-icon{display:block}
.brand-links{min-height:22.8svh;display:grid;grid-template-columns:1fr 1fr;padding:36px var(--gutter);align-items:center;background:var(--paper);scroll-margin-top:0}.brand-link{display:flex;align-items:center;gap:clamp(24px,2.6vw,42px);min-width:0;padding:0 0 0 0}.brand-link:first-child{padding-right:clamp(24px,4vw,64px);border-right:1px solid var(--rule)}.brand-link:last-child{padding-left:clamp(24px,5.9vw,94px)}.brand-link>img,.brand-link figure{width:clamp(135px,18.3vw,290px);flex:0 1 47%;position:relative}.brand-link img{height:clamp(100px,9.3vw,148px);width:100%;object-fit:cover}.brand-link>img{width:clamp(135px,18.3vw,290px)}.brand-link h2{font-size:clamp(20px,2.15vw,34px);white-space:nowrap}.brand-link p{font-size:clamp(14px,1.55vw,24px);color:var(--muted);margin-top:8px;display:flex;align-items:center;gap:8px;white-space:nowrap}.brand-link .icon{width:21px;height:21px;transition:transform .25s}.brand-link:hover h2{color:var(--green)}.brand-link:hover .icon{transform:translate(3px,-3px)}.brand-link:first-child:hover .icon{transform:translateY(3px)}.brand-link figcaption{font-size:11px;color:var(--muted);position:absolute;top:100%;margin-top:3px}
.section{padding:110px var(--gutter)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-heading h2,.about h2{font-size:clamp(34px,3.4vw,54px)}.section-heading p{font-size:17px;color:var(--muted)}.projects{background:#fff}.project-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:56px 38px}.project:nth-child(2){padding-top:70px}.project:nth-child(3){padding-right:14%}.project:nth-child(4){padding-top:70px;padding-left:6%}.photo-button{border:0;padding:0;display:block;width:100%;background:#e6e9e1;overflow:hidden;position:relative;text-align:left}.photo-button img{width:100%;aspect-ratio:1.45;object-fit:cover;transition:transform .55s cubic-bezier(.22,1,.36,1)}.project:nth-child(3) img,.project:nth-child(4) img{aspect-ratio:1.12}.photo-button:hover img{transform:scale(1.025)}.photo-more{position:absolute;bottom:16px;right:16px;background:rgba(20,34,23,.85);color:#fff;padding:8px 12px;font-size:13px;display:flex;gap:12px;align-items:center}.photo-more .icon{width:17px;height:17px}.project figcaption{font-size:18px;margin-top:15px}.food-section{display:grid;grid-template-columns:1.15fr 1fr;background:#ebe8df}.food-photo{position:relative;display:block;overflow:hidden}.food-photo>img{width:100%;height:100%;min-height:440px;object-fit:cover}.food-photo>span{position:absolute;bottom:14px;left:18px;font-size:11px;color:#fff;background:rgba(0,0,0,.64);padding:4px 8px;max-width:calc(100% - 36px)}.food-copy{padding:80px clamp(35px,7vw,110px);align-self:center}.food-copy h2{font-size:clamp(38px,3.7vw,58px)}.food-copy p{margin-top:28px;color:#51574f;font-size:clamp(18px,1.5vw,24px);line-height:1.8}.text-link{display:inline-flex;align-items:center;gap:22px;border-bottom:1px solid currentColor;padding-bottom:8px;margin-top:36px;font-size:17px;line-height:1.5}.text-link:hover{color:var(--green)}.about{display:grid;grid-template-columns:1fr 1fr;gap:60px}.about>div>p{font-size:clamp(20px,1.9vw,30px);line-height:1.7}.about-links{display:flex;gap:24px;flex-wrap:wrap;margin-top:30px;font-size:16px}.about-links a{display:flex;gap:8px;align-items:center;border-bottom:1px solid var(--rule);padding-bottom:8px}.contact{background:#e9ede5;padding-top:65px;padding-bottom:70px}.contact h2{font-size:28px}.contact p{color:var(--muted);margin-top:12px}.contact .text-link{margin-top:25px}footer{padding:32px var(--gutter);background:var(--green);color:#fff;display:flex;align-items:center;gap:25px;font-size:13px}footer p:nth-child(2){color:#d4dfd0}footer>a{margin-left:auto;display:flex;gap:8px;align-items:center}.up{transform:rotate(180deg)}
dialog{border:0;padding:55px 30px 24px;background:#132017;color:#fff;max-width:calc(100vw - 40px);max-height:calc(100svh - 40px);width:max-content}dialog::backdrop{background:rgba(4,10,6,.85)}dialog img{max-height:calc(100svh - 175px);max-width:calc(100vw - 100px);object-fit:contain;margin:auto}dialog figcaption{text-align:center;margin-top:14px;font-size:15px}.dialog-close{position:absolute;right:8px;top:4px}.dialog-close svg{width:26px;height:26px}
@media(min-width:1900px){.hero{min-height:650px}.brand-links{padding-top:40px;padding-bottom:40px}.brand-link img{height:170px}.brand-link>img,.brand-link figure{width:320px}.section{max-width:1920px;margin:auto}.food-section{max-width:1920px;margin:auto}}
@media(max-width:1000px){.hero{min-height:460px}.brand-links{padding:28px 32px}.brand-link{gap:20px}.brand-link:first-child{padding-right:24px}.brand-link:last-child{padding-left:24px}.brand-link>img,.brand-link figure{flex-basis:37%;width:130px}.brand-link p{font-size:14px;gap:4px}.brand-link h2{font-size:23px}.section{padding:80px 40px}.food-copy{padding:50px 35px}.food-copy p{font-size:19px}.section-heading{gap:30px}.project-grid{gap:35px 25px}.food-photo>img{min-height:380px}.about{gap:35px}}
@media(max-width:640px){html{scroll-padding-top:16px}.hero{height:70svh;min-height:430px;max-height:720px}.hero-video{object-position:48% center}.hero-shade{background:rgba(9,17,12,.38)}.header{padding:22px 24px}.header nav{font-size:14px;gap:25px;justify-content:center}.hero-brand{top:49%;width:100%;padding:0 18px}.brand-mark{width:180px;margin-bottom:19px}.hero h1{font-size:26px;letter-spacing:0;white-space:normal}.brand-english{font-size:12px;letter-spacing:.46em;margin-top:13px}.video-toggle{right:12px;bottom:13px}.scroll-cue{bottom:13px}.brand-links{display:flex;flex-direction:column;min-height:0;padding:12px 24px}.brand-link,.brand-link:first-child,.brand-link:last-child{width:100%;border:0;padding:18px 0;gap:23px;align-items:center}.brand-link:first-child{border-bottom:1px solid var(--rule)}.brand-link>img,.brand-link figure{width:116px;flex:0 0 116px}.brand-link img{height:78px}.brand-link h2{font-size:23px}.brand-link p{font-size:14px;gap:10px;margin-top:6px}.brand-link figcaption{font-size:9px;right:3px;top:auto;bottom:3px;color:#fff;background:rgba(0,0,0,.72);padding:0 4px}.section{padding:68px 24px}.section-heading{display:block;margin-bottom:30px}.section-heading h2,.about h2{font-size:34px}.section-heading p{font-size:15px;margin-top:17px}.project-grid{grid-template-columns:1fr;gap:32px}.project:nth-child(n){padding:0}.photo-button img,.project:nth-child(3) img,.project:nth-child(4) img{aspect-ratio:1.4}.project figcaption{font-size:16px;margin-top:12px}.food-section{grid-template-columns:1fr}.food-photo>img{min-height:0;aspect-ratio:1.3;object-fit:cover}.food-copy{padding:45px 24px 55px}.food-copy h2{font-size:38px}.food-copy p{font-size:19px;margin-top:20px}.text-link{font-size:16px;margin-top:27px}.about{grid-template-columns:1fr;gap:25px}.about>div>p{font-size:20px}.about-links{gap:20px;font-size:14px}.contact h2{font-size:25px}.contact p{font-size:15px}footer{padding:28px 24px;flex-wrap:wrap;gap:8px 20px}footer p:nth-child(2){width:100%;order:3}dialog{padding:52px 14px 18px;max-width:calc(100vw - 24px)}dialog img{max-width:calc(100vw - 52px)}dialog figcaption{font-size:13px}.photo-more{bottom:12px;right:12px}}
.contact{display:flex;justify-content:space-between;align-items:center;gap:32px}.contact-phone{display:inline-flex;align-items:center;gap:28px;font-size:clamp(28px,3.1vw,48px);font-weight:600;font-variant-numeric:tabular-nums;letter-spacing:-.025em}.contact-phone .icon{width:28px;height:28px}.contact-phone:hover{text-decoration:underline;text-underline-offset:10px}
@media(max-width:640px){.brand-link figcaption{font-size:11px}.contact{align-items:flex-start;flex-direction:column;gap:20px}.contact-phone{font-size:30px;gap:24px}}
.brand-link .brand-logo-title{display:flex;align-items:center;height:96px}.brand-link .brand-logo{display:block;width:auto;height:96px;max-width:100%;object-fit:contain;object-position:left center}.brand-link .brand-logo-tov{height:80px}.brand-link>div{min-width:0}
@media(max-width:1000px){.brand-link .brand-logo-title{height:80px}.brand-link .brand-logo{height:80px}.brand-link .brand-logo-tov{height:66px}}
@media(max-width:640px){.brand-link .brand-logo-title{height:70px}.brand-link .brand-logo{height:70px}.brand-link .brand-logo-tov{height:58px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
