[data-sig=tate-pit]{padding:0 var(--edge) var(--space);}
[data-sig=tate-pit] .pit-heading{margin-bottom:40px}
[data-sig=tate-pit] .pit-heading p{margin-top:20px}
[data-sig=tate-pit] .pit-layout{display:grid;grid-template-columns:1.6fr 1fr;gap:64px;align-items:start}
[data-sig=tate-pit] .pit-photo{position:sticky;top:40px;overflow:hidden}
[data-sig=tate-pit] .pit-photo img{height:600px}
[data-sig=tate-pit] .pit-notes article{min-height:400px;padding:64px 0;border-top:1px solid var(--line)}
[data-sig=tate-pit] .pit-notes p{margin-top:20px;color:var(--muted)}
[data-sig=tate-pit] .pit-mark{position:absolute;top:65%;left:78%;width:32px;height:32px;border:2px solid var(--ink);border-radius:50%;box-shadow:0 0 0 8px #191b1c77}
[data-sig=tate-pit] .pit-count{position:absolute;left:20px;bottom:20px;background:var(--surface);padding:8px 14px;font-variant-numeric:tabular-nums}
@media(max-width:700px){[data-sig=tate-pit]{}[data-sig=tate-pit] h2{margin-bottom:24px}[data-sig=tate-pit] [data-list]{grid-template-columns:1fr}[data-sig=tate-pit] .menu-item{grid-template-columns:86px minmax(0,1fr);gap:16px}[data-sig=tate-pit] .menu-item img{height:100px}[data-sig=tate-pit] .menu-price{grid-column:2;text-align:left}[data-sig=tate-pit] .menu-item h3{font-size:24px}[data-sig=tate-pit] .calculator{margin-top:40px}[data-sig=tate-pit] .board-row h3{font-size:20px}[data-sig=tate-pit] .pit-layout{display:block}[data-sig=tate-pit] .pit-photo{position:relative;top:auto}[data-sig=tate-pit] .pit-photo img{height:340px}[data-sig=tate-pit] .pit-notes{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:24px;margin-top:24px}[data-sig=tate-pit] .pit-notes article{flex:0 0 100%;min-height:240px;padding:24px 0;scroll-snap-align:start}[data-sig=tate-pit] [data-list=steps]{display:block}[data-sig=tate-pit] [data-list=steps] article{margin-top:24px}[data-sig=tate-pit] [data-list=reviews] figure{display:block}[data-sig=tate-pit] [data-list=reviews] figcaption{margin-top:24px}[data-sig=tate-pit] [data-list=gallery] figure{grid-column:auto}[data-sig=tate-pit] [data-list=gallery] img{aspect-ratio:1.3}[data-sig=tate-pit] form{margin-top:40px;padding:24px}[data-sig=tate-pit] >div:not(.pit-layout):not([data-list]){min-width:0}}
@media(prefers-reduced-motion:reduce){[data-sig=tate-pit] .pit-photo{position:relative;top:auto}[data-sig=tate-pit] .pit-notes article{min-height:0;padding:32px 0}}
[data-sig=tate-pit] .pit-label{position:absolute;right:20px;bottom:20px;background:var(--surface);padding:8px 14px;font-size:16px}
[data-sig=tate-pit] .pit-photo img{height:auto;aspect-ratio:1.5}
