/* Gyoza Records: photography-led direction. */
.gyoza{--paper:#111311;--ink:#f3f0e8;--accent:#d44735;--line:#f3f0e82b}
.gyoza h1,.gyoza h2,.gyoza h3{font-family:DM,Arial,sans-serif;font-weight:400;letter-spacing:-.035em}
.gyoza .site-header{height:96px;padding:0 4.5%;border:0;background:#111311}
.gyoza .brand-logo{width:215px}
.gyoza .site-header nav{gap:36px;font-size:13px;font-weight:400}
.gyoza .site-header nav .nav-cta{background:transparent;border:1px solid #f3f0e866!important;padding:11px 22px}
.gyoza .button{font-weight:400;font-size:13px;background:var(--ink);color:var(--paper);padding:15px 22px;min-height:50px}
.gr-hero{position:relative;height:calc(100svh - 96px);min-height:630px;max-height:900px;overflow:hidden}
.gr-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%}
.gr-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0003,transparent 65%);pointer-events:none}
.gr-hero-copy{position:absolute;right:6%;top:10%;z-index:1;width:430px;max-width:42%;text-shadow:0 2px 25px #0008}
.gr-hero h1{font-size:clamp(45px,4.25vw,66px);line-height:1.06;letter-spacing:-.045em;margin:18px 0 22px}
.gr-hero-copy p{font-size:15px;line-height:1.7;max-width:340px;color:#eeece5}
.gr-hero-copy .button{margin-top:25px;text-shadow:none}
.gr-hero .eyebrow{font-size:10px;font-weight:400;letter-spacing:.13em}
.gr-caption{position:absolute;z-index:1;bottom:20px;left:4.5%;font-size:10px;letter-spacing:.05em;text-shadow:0 1px 5px #000}
.gr-menu{padding:75px 4.5% 85px}
.gr-section-heading{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:30px}
.gr-section-heading h2{font-size:42px;line-height:1.1}
.gr-section-heading p{font-size:13px;color:#b5b9b0;max-width:300px;line-height:1.7}
.gr-food-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:20px}
.gr-food-grid figure{margin:0;min-width:0}
.gr-food-grid img{width:100%;height:590px;object-fit:cover}
.gr-food-grid figure:first-child img{object-position:center}
.gr-food-grid figure:last-child img{object-position:center 53%}
.gr-food-grid figcaption{padding:14px 0 17px;font-size:12px;color:#b5b9b0;border-bottom:1px solid var(--line)}



.gr-events{margin:0 4.5%;padding:75px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}
.gr-event-images{display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}
.gr-event-images img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover}
.gr-event-images img:last-child{margin-top:85px}
.gr-event-copy h2{font-size:48px;line-height:1.12;margin:23px 0 25px}
.gr-event-copy>p{max-width:430px;line-height:1.8;font-size:15px;color:#c0c4ba}
.gr-event-copy .eyebrow{color:#a7ada0;font-size:10px}
.gr-formats{display:grid;grid-template-columns:1fr 1fr;gap:15px;list-style:none;padding:30px 0;margin:0;color:#c0c4ba;font-size:12px}
.gr-formats li{padding-top:12px;border-top:1px solid var(--line)}
.gr-event-copy .text-link{margin-top:10px;font-weight:400;font-size:14px}
.gyoza .enquiry{padding:65px 4.5%;background:#111311}
.gyoza .enquiry h2{font:400 clamp(38px,3.9vw,58px)/1.12 DM,Arial,sans-serif;letter-spacing:-.04em}
.gyoza .enquiry .eyebrow{color:#a7ada0;font-size:10px}
.gyoza .enquiry-grid{margin-top:25px}
.gyoza .enquiry p{font-size:14px;line-height:1.8;max-width:390px}
.gyoza .enquiry .button{background:var(--ink);color:var(--paper)}
.gyoza .contact-email{font-size:12px}
.gyoza .site-footer{font-size:11px;color:#a7ada0}
.concept-gyoza .concept-photo>img:first-child{object-position:30% center}
.gr-hero{height:auto;min-height:0;max-height:none;overflow:visible}
.gr-hero>img{position:relative;width:100%;height:clamp(440px,66svh,790px);object-fit:cover;object-position:center 22%}
.gr-hero:after{display:none}
.gr-hero-copy{position:relative;inset:auto;width:100%;max-width:none;padding:38px 4.5% 44px;display:grid;grid-template-columns:1.35fr 1fr;gap:14px 8%;align-items:center;text-shadow:none;border-bottom:1px solid var(--line)}
.gr-hero-copy .eyebrow{display:none}
.gr-hero h1{font-size:clamp(37px,3.6vw,56px);line-height:1.08;margin:0;grid-row:1/3}
.gr-hero-copy p{max-width:none;align-self:end;font-size:14px}
.gr-hero-copy .button{margin-top:8px;justify-self:start;align-self:start}
.gr-food-grid figure:last-child img{object-position:center 72%}
.gr-event-single{display:block}
.gr-event-single img,.gr-event-single img:last-child{height:auto;aspect-ratio:4/5;margin:0;object-position:center}
@media(min-width:1700px){.gr-hero-copy{right:9%}.gr-menu{padding-left:7%;padding-right:7%}.gr-food-grid img{height:690px}.gr-events{margin-left:7%;margin-right:7%}}
@media(max-width:1000px){.gyoza .site-header nav{gap:24px}.gr-hero-copy{max-width:44%;right:5%;top:7%;width:370px}.gr-hero h1{font-size:46px}.gr-hero-copy p{font-size:14px}.gr-food-grid img{height:460px}.gr-events{gap:6%}.gr-event-copy h2{font-size:37px}.gr-event-copy p{font-size:14px}.gr-event-images{gap:8px}.gr-event-images img{aspect-ratio:1/2}.gr-event-images img:last-child{margin-top:60px}}
@media(max-width:700px){
 .gyoza .site-header{height:84px;padding:0 6%}.gyoza .brand-logo{width:180px}.gyoza .site-header nav{gap:15px}.gyoza .site-header nav .nav-cta{padding:13px 18px}
 .gr-hero{height:auto;min-height:0;max-height:none;overflow:visible;display:flex;flex-direction:column}
 .gr-hero>img{position:relative;height:460px;width:100%;object-fit:cover;object-position:24% center}
 .gr-hero:after{display:none}.gr-hero-copy{position:relative;right:auto;top:auto;width:auto;max-width:none;padding:29px 6% 35px;text-shadow:none}
 .gr-hero h1{font-size:clamp(37px,10vw,55px);line-height:1.07;margin:14px 0 18px}.gr-hero h1 br{display:none}.gr-hero-copy p{font-size:14px;max-width:350px}.gr-hero-copy .button{margin-top:22px}.gr-caption{display:none}
 .gr-menu{padding:40px 6% 45px;border-top:1px solid var(--line)}.gr-section-heading{display:block;margin-bottom:25px}.gr-section-heading h2{font-size:34px}.gr-section-heading p{margin-top:13px;font-size:12px;max-width:280px}
 .gr-food-grid{grid-template-columns:1fr;gap:22px}.gr-food-grid img{height:auto;aspect-ratio:1/1;object-fit:cover}.gr-food-grid figure:last-child img{aspect-ratio:4/5}.gr-food-grid figcaption{font-size:11px;padding:11px 0 14px}

 .gr-events{display:flex;flex-direction:column;margin:0 6%;padding:45px 0;gap:40px;align-items:stretch}.gr-event-images{gap:10px}.gr-event-images img{aspect-ratio:2/3}.gr-event-images img:last-child{margin-top:40px}.gr-event-copy h2{font-size:37px;margin:18px 0 23px}.gr-event-copy>p{font-size:14px;line-height:1.8}.gr-formats{font-size:11px;padding:24px 0;gap:13px}
 .gyoza .enquiry{padding:45px 6%}.gyoza .enquiry h2{font-size:37px;line-height:1.1;margin-bottom:25px}.gyoza .enquiry p{font-size:14px}.gyoza .site-footer{font-size:10px}
}
@media(max-width:1000px) and (min-width:701px){.gr-hero-copy{width:100%;max-width:none;inset:auto;grid-template-columns:1.15fr 1fr;gap:14px 5%;padding:30px 5%}.gr-hero h1{font-size:36px}.gr-hero-copy p{font-size:12px}}
@media(max-width:700px){.gr-hero>img{height:400px;object-position:42% center}.gr-hero-copy{display:block;padding:28px 6% 35px}.gr-hero h1{font-size:clamp(31px,8.6vw,46px);line-height:1.1;margin:0 0 21px}.gr-hero h1 br{display:initial}.gr-hero-copy p{font-size:13px}.gr-hero-copy .button{margin-top:22px}.gr-event-single img,.gr-event-single img:last-child{aspect-ratio:4/3;margin:0;object-position:center 45%}}
@media(min-width:701px) and (max-width:1000px){.gr-event-single img,.gr-event-single img:last-child{aspect-ratio:4/5;margin:0;height:auto}}
/* Frame the neon frontage above the foreground heads, excluding the BAOBAO shop.
   Crop coordinates on the 1920 x 1280 reference: x 300–1500, y 150–790. */
.gr-hero-photo{position:relative;width:100%;aspect-ratio:15/8;overflow:hidden}
.gr-hero-photo>img{position:absolute;width:160%;max-width:none;height:auto;left:-25%;top:-23.4375%;display:block}
.gr-carousel{min-width:0}
.gr-carousel-track{display:flex;gap:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;scrollbar-width:none;position:relative}
.gr-carousel-track::-webkit-scrollbar{display:none}
.gr-carousel-track:focus-visible{outline:2px solid var(--ink);outline-offset:6px}
.gr-slide{margin:0;flex:0 0 clamp(260px,42vw,600px);min-width:0;scroll-snap-align:start}
.gr-slide img{display:block;width:100%;aspect-ratio:4/5;height:auto;object-fit:cover;object-position:center;background:#191c18}
.gr-slide figcaption{padding:14px 0 17px;font-size:12px;color:#c0c4ba;border-bottom:1px solid var(--line)}
.gr-carousel-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:20px}
.gr-carousel-controls[hidden]{display:none}
.gr-carousel-count{font-size:11px;letter-spacing:.08em;font-variant-numeric:tabular-nums;color:#b5b9b0}
.gr-carousel-buttons{display:flex;gap:8px}
.gr-carousel-buttons button{display:flex;align-items:center;justify-content:center;gap:18px;min-width:46px;min-height:46px;background:transparent;border:1px solid #f3f0e84d;color:var(--ink);font-size:13px;padding:0 15px;cursor:pointer}
.gr-carousel-buttons button:hover{background:#f3f0e8;color:#111311}
.gr-carousel-buttons button[data-gr-prev],.gr-carousel-buttons button[data-gr-next]{font-size:23px;padding:0}
@media(max-width:700px){.gr-carousel-track{gap:14px}.gr-slide{flex-basis:88%}.gr-slide figcaption{font-size:11px}.gr-carousel-controls{padding:16px 0 26px;gap:10px}.gr-carousel-buttons{gap:6px}.gr-carousel-buttons button{min-width:44px;min-height:44px;padding:0 12px}.gr-carousel-count{font-size:10px}}
.gr-event-pair{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.gr-event-pair img,.gr-event-pair img:last-child{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;object-position:center;margin:0}
.gr-event-pair img.gr-event-container{grid-column:1/-1;aspect-ratio:4/3;object-fit:contain}
.gr-footer-photo{margin:0;width:100%}
.gr-footer-photo img{display:block;width:100%;height:auto}
@media(max-width:700px){.gr-event-pair{gap:10px}}
/* Original Tokyo film and a short kana-to-English headline reveal. */
.gr-intro{position:fixed;inset:0;z-index:1000;width:100%;height:100dvh;overflow:hidden;background:#151515;opacity:1;transition:opacity .9s ease;outline:none}
.gr-intro[hidden]{display:none}
.gr-intro.is-leaving{opacity:0;pointer-events:none}
#gr-website{opacity:1;transition:opacity .9s ease}
#gr-website main[tabindex="-1"]:focus{outline:none}
.gr-intro-pending #gr-website,.gr-intro-active #gr-website{opacity:0;pointer-events:none}
.gr-intro-pending body,.gr-intro-active body{overflow:hidden}
.gr-intro-poster,.gr-intro-poster img,.gr-intro-film{display:block;width:100%;height:100%;object-fit:contain}
.gr-intro-film{position:absolute;inset:0;opacity:0;transition:opacity .25s}
.gr-intro.has-played .gr-intro-film{opacity:1}
.gr-intro-controls{position:absolute;bottom:22px;right:4.5%;display:flex;gap:9px;z-index:2}
.gr-intro-controls[hidden],.gr-intro-controls button[hidden],.gr-title-replay[hidden]{display:none}
.gr-intro-controls button{border:1px solid #f3f0e845;background:#111311c9;color:#f3f0e8;min-height:42px;padding:10px 15px;cursor:pointer;font-size:11px;backdrop-filter:blur(6px)}
.gr-intro-controls button span{margin-left:14px}
.gr-intro-controls button:hover{border-color:#f3f0e8;background:#111311}
.gr-hero-copy{grid-template-columns:1.35fr 1fr;gap:16px 8%;padding-top:48px;padding-bottom:46px}
.gr-title-block{grid-row:1/3;min-width:0;position:relative;padding-bottom:22px}
.gyoza .gr-glitch-title{font:800 clamp(56px,6.6vw,104px)/.9 Barlow,Impact,sans-serif;letter-spacing:-.012em;text-transform:uppercase;margin:0;grid-row:auto}
.gr-title-line{display:block;white-space:nowrap}
.gr-letter{position:relative;display:inline-grid;vertical-align:baseline}
.gr-letter-measure{visibility:hidden;white-space:pre}
.gr-letter-glyph{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;white-space:pre}
.gr-letter.is-scrambling .gr-letter-glyph{font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif;font-size:.72em;font-weight:800;transform:scaleX(.64);color:#f3f0e8}
.gr-letter.is-shifted .gr-letter-glyph{text-shadow:2px 0 #ff243b,-2px 0 #71b6bc;translate:1px 0}
.gr-title-replay{position:absolute;left:0;bottom:0;border:0;padding:0;background:none;color:#a7ada0;font-size:10px;letter-spacing:.04em;cursor:pointer;text-transform:uppercase;min-height:20px}
.gr-title-replay span{margin-left:7px}
.gr-title-replay:disabled{opacity:.35;cursor:default}
@media(min-width:601px) and (max-width:1000px){.gr-hero-copy{grid-template-columns:1.3fr 1fr;gap:16px 5%}.gyoza .gr-glitch-title{font-size:clamp(43px,6.8vw,68px)}}
@media(max-width:600px){.gr-intro-controls{right:6%;bottom:16px}.gr-intro-controls button{font-size:10px;padding:9px 12px;min-height:40px}.gr-hero-copy{padding:34px 6% 37px}.gyoza .gr-glitch-title{font-size:clamp(44px,12.5vw,74px);line-height:.92;letter-spacing:-.012em}.gr-title-block{padding-bottom:24px;margin-bottom:23px}}
@media(prefers-reduced-motion:reduce){.gr-intro,#gr-website,.gr-intro-film{transition:none}.gr-letter-glyph{transition:none}}