/* Photography extension; original typography and palette preserved. */
@view-transition { navigation: auto; }
@keyframes krug-page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@keyframes krug-page-out{to{opacity:0;transform:translateY(-6px)}}
::view-transition-old(root){animation:180ms ease-in both krug-page-out}
::view-transition-new(root){animation:420ms cubic-bezier(.2,.7,.2,1) both krug-page-in}
.site-header{view-transition-name:krug-header}
::view-transition-group(krug-header){animation-duration:420ms}
.visual-menu__item{overflow:hidden}
.visual-menu__item img,.page-hero__photo img{transition:transform 650ms cubic-bezier(.2,.7,.2,1)}
.visual-menu__item b{transition:transform 240ms ease-out}
@media(hover:hover){.visual-menu__item:hover img{transform:scale(1.025)}.visual-menu__item:hover b{transform:translate(3px,-3px)}}
.page-hero__photo{overflow:hidden}
@media(prefers-reduced-motion:reduce){
 @view-transition{navigation:none}
 ::view-transition-old(root),::view-transition-new(root),::view-transition-group(krug-header){animation:none}
 .visual-menu__item img,.visual-menu__item b,.page-hero__photo img{transition:none;transform:none!important}
 .rv,.fade-in,.rv-line{opacity:1!important;transform:none!important;transition:none!important}
 html{scroll-behavior:auto}
}
.visual-menu{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;padding-block:48px 12px}
.visual-menu__item{min-width:0;display:block;color:var(--ink)}
.visual-menu__item img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:3px}
.visual-menu__item>span{display:flex;justify-content:space-between;align-items:center;padding-top:14px;font:500 clamp(25px,2.5vw,38px)/1.15 var(--display)}
.visual-menu__item b{font:400 23px var(--sans);color:var(--green)}
.visual-menu__item:hover>span{color:var(--green)}
.page-hero--photo{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:0;align-items:stretch;min-height:540px}
.page-hero--photo:before,.page-hero--emblem:before{display:none}
.page-hero--photo .container{width:100%;padding:76px var(--gutter);align-content:center;gap:22px}
.page-hero--photo h1{font-size:clamp(48px,5.7vw,82px);max-width:12ch}
.page-hero__photo{margin:0;min-width:0;position:relative}
.page-hero__photo img{height:100%;width:100%;min-height:540px;object-fit:cover;object-position:center}
.page-hero--emblem{grid-template-columns:minmax(0,1fr) minmax(220px,30%);padding-inline:var(--gutter);gap:4vw;align-items:center}
.page-hero--emblem .container{width:100%;padding:0}
.page-hero--emblem h1{font-size:clamp(48px,5.8vw,82px);max-width:15ch}
.menu-emblem{width:min(100%,360px);height:auto;justify-self:center;border-radius:50%;border:1px solid #123a2c55;background:var(--green-soft);box-shadow:0 14px 45px #123a2c14;opacity:1}
.menu-editorial{margin:24px 0 32px;position:relative;border-radius:3px;overflow:hidden}
.menu-editorial img{width:100%;height:auto;max-height:410px;object-fit:cover;object-position:center 54%}
.menu-editorial figcaption{position:absolute;bottom:0;left:0;right:0;padding:45px 24px 20px;background:linear-gradient(transparent,#051f17d9);color:var(--paper-light);font:500 24px/1.2 var(--display)}
.concept-note{font-size:10px;opacity:.7;margin-top:8px}
:root{--paper:#ffffff;--paper-light:#ffffff;--paper-deep:#edf5ef;--ink:#102b20;--ink-soft:#50635a;--green:#164c37;--green-deep:#082b1d;--green-soft:#c4d9ca;--wine:#164c37;--wine-deep:#082b1d;--brass:#b6ddbd;--line:#174c3729;--line-light:#ffffff38}
body{background:#fff}
.site-header,.site-header.is-scrolled,.anchor-rail{background:#fffffff5}
.first-table,.page-hero--emblem{background:#fff}
.home-hero .micro-label,.home-hero__rail small,.supra-intro .micro-label,.supra-principles span,.dark-panel strong,.section.clay .eyebrow,.section.clay .tag,.section.dark .eyebrow,.section.dark .tag,body[data-page=wine] .page-hero .kicker,body[data-page=cocktails] .page-hero .kicker{color:#b6ddbd}
.site-footer{background:var(--green-deep)}
.menu-group{row-gap:26px;column-gap:clamp(32px,5vw,72px)}
.menu-group:has(.menu-editorial)>header{grid-column:1;grid-row:1 / span 2}
.menu-group>.menu-editorial{grid-column:2;grid-row:1;margin:0}
.menu-group:has(.menu-editorial)>.menu-list{grid-column:2;grid-row:2}
.menu-list{column-gap:40px;row-gap:8px}
.menu-item{padding:26px 0;gap:13px;align-content:start}
.menu-line{grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:start}
.menu-line:after{display:none}
.menu-line h3{grid-column:1;grid-row:1;line-height:1.2;font-size:clamp(23px,2vw,28px)}
.menu-line .price{grid-column:2;grid-row:1;padding:6px 10px;background:#edf5ef;border:1px solid #174c3720;border-radius:5px;color:#145137;font-size:14px;font-variant-numeric:tabular-nums;line-height:1.3}
.menu-item p{font-size:14px;line-height:1.65;padding-right:8px}
.menu-group h2{color:var(--green);line-height:1.12}
.drink-row{padding-block:23px;gap:18px}
.drink-row>span{font-size:14px;font-variant-numeric:tabular-nums}
.section.dark .drink-row>span,.section.clay .drink-row>span{color:#c2e9ca}
.anchor-rail a{padding-block:14px;color:var(--green);font-weight:600}
@media(max-width:1120px){
 .menu-group:has(.menu-editorial)>header,.menu-group>.menu-editorial,.menu-group:has(.menu-editorial)>.menu-list{grid-column:1;grid-row:auto}
}
@media(max-width:760px){
 .menu-group:has(.menu-editorial)>header,.menu-group>.menu-editorial,.menu-group:has(.menu-editorial)>.menu-list{grid-column:1;grid-row:auto}
 .menu-list{row-gap:6px}
 .menu-line{gap:20px}
 .menu-item{padding-block:25px}
 .visual-menu{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 14px;padding-block:28px 0}
 .visual-menu__item>span{font-size:27px;padding-top:10px}
 .page-hero--photo{grid-template-columns:1fr}
 .page-hero--photo .container{padding:52px var(--gutter) 40px}
 .page-hero--photo h1{font-size:clamp(42px,11vw,64px);max-width:16ch}
 .page-hero__photo img{min-height:0;height:auto;aspect-ratio:3/2;object-fit:cover}
 .page-hero--emblem{grid-template-columns:1fr;gap:30px;padding-block:48px}
 .page-hero--emblem h1{font-size:clamp(42px,11vw,64px)}
 .menu-emblem{width:140px;justify-self:start}
 .menu-editorial img{aspect-ratio:3/2;max-height:none}
 .menu-editorial figcaption{font-size:21px;padding:36px 16px 16px}
}