@font-face{font-family:Bricolage;src:url('assets/bricolage-0.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage-1.ttf') format('truetype');font-weight:500;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage-2.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage-3.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Bricolage;src:url('assets/bricolage-4.ttf') format('truetype');font-weight:800;font-display:swap}
:root{--blue:#133c52;--ink:#163244;--mint:#c9ded1;--yellow:#f1d363;--white:#fafcfa;--muted:#52656b;--display:Bricolage,'Bahnschrift','Arial',sans-serif;--body:Bricolage,'Microsoft YaHei','PingFang SC','Noto Sans CJK SC','Yu Gothic','Malgun Gothic',sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:17px;line-height:1.75}body:has(dialog[open]){overflow:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button{color:inherit}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:3px solid #2b839f;outline-offset:5px}img{display:block;max-width:100%;object-fit:cover}button{cursor:pointer}p,h1,h2,h3,figure{margin:0}h1,h2,h3{font-family:var(--display);font-weight:700;line-height:1.15;letter-spacing:-.045em}h2{font-size:clamp(36px,4.3vw,64px)}p{max-width:65ch}.wrap{width:min(1200px,calc(100% - 112px));margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;left:20px;top:-80px;z-index:100;background:white;padding:10px 20px}.skip:focus{top:8px}
.header{height:88px;background:var(--mint);display:flex;align-items:center;padding:0 4%;gap:40px;position:relative;z-index:10}.brand{display:flex;align-items:center;gap:12px;line-height:.96;flex-shrink:0}.brand img{width:52px;height:44px;mix-blend-mode:multiply;object-fit:contain}.brand span{font:750 25px/.94 var(--display);letter-spacing:-.065em}.header nav{display:flex;gap:32px;margin-left:auto;font-size:15px}.header nav a{padding:10px 0}.header nav a:hover{box-shadow:0 2px var(--ink)}.header-tools{display:flex;gap:20px;align-items:center}.header select{background:transparent;border:0;font-size:14px;max-width:98px;cursor:pointer;color:var(--ink)}.nav-book{background:var(--blue);color:white;padding:11px 22px;border-radius:3px;font-size:14px;white-space:nowrap}.nav-toggle{display:none}.button{display:inline-flex;justify-content:center;align-items:center;min-height:52px;padding:14px 26px;border:0;border-radius:3px;font-size:16px;font-weight:650;line-height:1.45;transition:background .18s,transform .18s}.yellow{background:var(--yellow);color:var(--blue)}.button:hover{background:#fae497;transform:translateY(-2px)}
.hero{height:calc(100svh - 88px);min-height:650px;max-height:950px;position:relative;color:white;overflow:hidden}.hero-img{position:absolute;inset:0;width:100%;height:100%;object-position:70% 42%}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,36,45,.89) 0%,rgba(12,36,45,.74) 27%,rgba(12,36,45,.11) 65%,rgba(12,36,45,.03) 100%),linear-gradient(0deg,rgba(8,28,37,.65),transparent 25%)}.hero-copy{position:absolute;left:7%;top:16%;max-width:640px}.hero-place{font-size:15px;margin-bottom:25px}.hero h1{font-size:clamp(48px,5.6vw,86px);line-height:1.12;letter-spacing:-.05em;text-wrap:balance}.hero-description{font-size:17px;line-height:1.85;margin-top:26px;max-width:420px;color:#f3f7f4}.hero-actions{display:flex;gap:28px;align-items:center;margin-top:34px}.hero-menu{font-size:15px;padding-bottom:3px;border-bottom:1px solid #ffffff87}.sea-stamp{position:absolute;right:6%;top:7%;width:126px;height:126px;background:var(--mint);border-radius:50%;color:var(--blue);display:flex;flex-direction:column;justify-content:center;align-items:center;transform:rotate(10deg);font-size:10px;line-height:1.4;text-align:center;padding:8px}.sea-stamp b{font-size:38px;line-height:1.5;font-weight:400}.sea-stamp span:first-child{font-size:12px;font-weight:700}.hero-bottom{position:absolute;left:7%;right:6%;bottom:56px;display:flex;justify-content:space-between;font-size:13px;gap:20px}.hero-bottom a{border-bottom:1px solid #ffffff85}.coast{position:absolute;bottom:-1px;left:0;width:100%;height:38px;fill:var(--white)}
.intro{padding:120px 0 140px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:110px}.photo{padding:0;border:0;background:transparent;display:block;width:100%;position:relative;overflow:hidden}.photo img{width:100%;height:100%;transition:transform .65s ease}.photo:hover img{transform:scale(1.025)}.photo:after{content:'+';position:absolute;bottom:15px;right:15px;background:#fafcfad9;color:var(--blue);width:32px;height:32px;border-radius:50%;line-height:30px;opacity:0;transition:opacity .2s}.photo:hover:after,.photo:focus-visible:after{opacity:1}figcaption{font-size:13px;color:var(--muted);margin-top:14px}.sharing .photo{height:560px;border-radius:46% 46% 3px 3px}.sharing img{object-position:center 43%}.intro-copy h2{margin:25px 0 30px}.intro-copy>p{font-size:17px}.place-line{font-size:14px}.text-link{display:inline-block;border-bottom:1px solid currentColor;padding:3px 0;font-size:15px;font-weight:600}.intro-copy .text-link{margin-top:24px}.intro-note{display:flex;gap:20px;align-items:center;margin-top:38px;padding-top:24px;border-top:1px solid #16324425}.intro-note p{font-size:14px;color:var(--muted)}.small-crab{font-size:50px;line-height:1;color:#256b84}
.menu-section{padding-bottom:130px;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px}.section-heading>div{max-width:370px}.section-heading p{font-size:17px;margin-bottom:20px}.food-gallery{display:grid;grid-template-columns:1fr 1.22fr .88fr;gap:32px;margin:60px 0}.food-gallery figure:first-child{padding-top:55px}.food-gallery figure:last-child{padding-top:100px}.food-gallery .photo{height:380px;border-radius:3px}.food-gallery figure:nth-child(2) .photo{height:490px;border-radius:42% 42% 3px 3px}.food-gallery figure:last-child .photo{height:340px}.food-gallery img{object-position:center 58%}.menu-controls{display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid #16324430;padding-bottom:18px}.menu-controls [role=tablist]{display:flex;gap:28px;flex-shrink:0}.menu-controls button{background:none;border:0;padding:9px 0;position:relative;font-size:20px;color:var(--muted)}.menu-controls button[aria-selected=true]{font-weight:700;color:var(--blue)}.menu-controls button[aria-selected=true]:after{content:'';position:absolute;bottom:-19px;height:3px;left:0;right:0;background:var(--blue)}.menu-controls p{font-size:13px;color:var(--muted);max-width:290px;text-align:right}#menu-panel{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;margin-top:24px;min-height:276px}.menu-item{padding:20px 0;border-bottom:1px solid #16324418}.menu-item-heading{display:flex;justify-content:space-between;gap:25px;align-items:start}.menu-item h3{font:600 19px/1.5 var(--body);letter-spacing:-.02em}.price{font-weight:700;white-space:nowrap;font-size:19px;line-height:1.5}.menu-item p{font-size:14px;color:var(--muted);margin-top:8px;max-width:42ch}.menu-fine{font-size:12px;color:var(--muted);max-width:100%;margin-top:26px}
.atmosphere{background:var(--mint);padding:96px 0 90px}.space-heading{display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:52px}.space-heading p{font-size:17px;max-width:330px}.bar-photo{margin:0 4%}.bar-photo .photo{height:590px;border-radius:3px}.bar-photo img{object-position:center 53%}.bar-photo figcaption{display:flex;justify-content:space-between;color:var(--blue);margin:14px 2%;gap:20px}.bar-photo figcaption a{border-bottom:1px solid}.space-gallery{display:grid;grid-template-columns:1fr 1.2fr .8fr;gap:35px;align-items:start;margin-top:66px}.space-gallery .photo{height:360px;border-radius:3px}.space-gallery .sunset-photo{padding-top:65px}.space-gallery .sunset-photo .photo{height:450px;border-radius:45% 45% 3px 3px}.space-gallery .cocktail-photo{padding-top:130px}.space-gallery .cocktail-photo .photo{height:340px}.space-gallery figcaption{color:#365546}
.news{padding:120px 0;display:grid;grid-template-columns:.75fr 1fr;gap:120px;align-items:center}.news figure{max-width:400px}.news .photo{height:435px;border-radius:3px}.news h2{font-size:clamp(34px,3.5vw,54px);margin:20px 0 26px}.news-hours{font-size:15px;margin-top:22px}.news-small{font-size:13px;margin-top:18px;color:var(--muted)}.news .text-link{margin-top:24px}
.booking{background:var(--blue);color:var(--white);padding:110px 0}.booking-grid{display:grid;grid-template-columns:1fr 1fr;gap:95px;align-items:start}.booking h2{font-size:clamp(45px,5vw,76px);margin:22px 0 32px}.booking-grid>div>p{max-width:430px;color:#deebe4}.booking-contact{margin-top:35px;max-width:370px}.booking-contact>a{font-size:25px;line-height:1.5}.booking-contact p{font-size:13px;color:#c7dcd5;margin-top:10px}.book-panel{background:var(--white);color:var(--ink);padding:34px 36px;border-radius:6px}.book-panel-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:30px;gap:20px}.book-panel-heading h3{font:650 24px/1.3 var(--body);letter-spacing:-.03em}.book-panel-heading>span{font-size:13px;color:#637579}#booking-form{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-field label{display:block;font-size:13px;margin-bottom:7px}.form-field select,.form-field input{width:100%;border:1px solid #c2cec8;border-radius:3px;background:white;min-height:49px;padding:9px 12px;color:var(--ink);font-size:16px;min-width:0}.form-field:first-child{grid-column:1/-1}#booking-form .button{grid-column:1/-1;width:100%;margin-top:8px;font-size:16px}.book-disclosure{grid-column:1/-1;font-size:12px;color:var(--muted);line-height:1.7}#booking-status{grid-column:1/-1;font-size:13px;color:var(--blue)}#booking-status:empty{display:none}.booking-fallback{font-size:12px;border-bottom:1px solid;margin-top:18px;display:inline-block}
.visit{display:grid;grid-template-columns:.9fr 1fr;gap:110px;padding:120px 0}.visit .photo{height:660px;border-radius:3px}.visit h2{margin-bottom:30px}.visit address{font-style:normal;font-size:18px;line-height:1.7}.visit .text-link{margin-top:20px}.visit-info{margin:30px 0 15px;font-size:14px}.visit-info>div{display:grid;grid-template-columns:105px 1fr;padding:13px 0;border-top:1px solid #16324420;gap:18px}.visit dt{font-weight:650}.visit dd{margin:0}.visit dd a{overflow-wrap:anywhere}.visit-small{font-size:12px;color:var(--muted)}.social{display:flex;gap:25px;margin-top:22px;font-size:15px}.social a{border-bottom:1px solid}.footer-top{display:flex;justify-content:space-between;align-items:center;padding-top:52px;gap:25px}.footer-brand{font:750 clamp(32px,6.2vw,88px)/1.1 var(--display);letter-spacing:-.06em}.footer-top a{border-bottom:1px solid;font-size:16px}footer{background:var(--mint)}.footer-bottom{display:flex;gap:60px;justify-content:space-between;align-items:start;padding:35px 0 40px}.footer-bottom p{font-size:11px;max-width:85ch;color:#39584c}.footer-bottom a{font-size:12px;white-space:nowrap;border-bottom:1px solid}.mobile-book{display:none}
dialog{padding:15px;max-width:min(92vw,1000px);max-height:94svh;border:0;border-radius:5px;background:var(--white);color:var(--ink)}dialog::backdrop{background:#071c2bec;backdrop-filter:blur(6px)}dialog img{max-height:76svh;max-width:85vw;width:auto;margin:auto;object-fit:contain}dialog p{font-size:13px;margin:13px 5px 0}.dialog-close{display:block;margin:0 0 12px auto;border:0;background:var(--mint);border-radius:2px;padding:5px 18px;font-size:13px}
html[lang=en] .hero h1{font-size:clamp(68px,7.1vw,112px);line-height:.99;max-width:600px}html[lang=en] .hero-copy{max-width:630px}html[lang=ko] h1,html[lang=ja] h1{font-size:clamp(46px,5vw,74px);line-height:1.2;max-width:650px}html[lang=en] .section-heading h2{max-width:530px}html[lang=ja] h2,html[lang=ko] h2{line-height:1.22;font-size:clamp(34px,3.8vw,57px)}
@media(min-width:1600px){.hero-copy{left:calc((100vw - 1200px)/2)}.hero-bottom{left:calc((100vw - 1200px)/2)}}
@media(max-width:1100px){.wrap{width:calc(100% - 72px)}.header{gap:20px}.header nav{gap:20px}.header-tools{gap:12px}.nav-book{padding:11px 15px}.intro{gap:60px}.booking-grid{gap:55px}.news{gap:70px}.visit{gap:65px}.food-gallery .photo{height:330px}.food-gallery figure:nth-child(2) .photo{height:420px}.food-gallery figure:last-child .photo{height:300px}.hero-copy{left:6%;top:16%}.hero-actions{gap:20px}.bar-photo .photo{height:500px}.space-gallery{gap:25px}.space-gallery .photo{height:300px}.space-gallery .sunset-photo .photo{height:375px}.space-gallery .cocktail-photo .photo{height:300px}.menu-controls{align-items:start}.menu-controls [role=tablist]{gap:22px}.menu-controls button{font-size:18px}}
@media(max-width:780px){body{font-size:16px}.header{height:78px;padding:0 22px;gap:16px}.brand span{font-size:23px}.brand img{width:44px;height:38px}.nav-toggle{display:block;border:0;background:transparent;padding:10px 0;font-size:14px;margin-left:auto}.header nav{display:none;position:absolute;top:78px;left:0;right:0;margin:0;background:var(--mint);padding:20px 24px 28px;flex-direction:column;gap:5px;border-top:1px solid #133c5220}.header nav.open{display:flex}.header-tools{gap:0}.header-tools select{font-size:12px;max-width:85px}.nav-book{display:none}.wrap{width:calc(100% - 48px)}.hero{height:720px;min-height:0;max-height:none}.hero-img{object-position:68% 40%}.hero-copy{left:7%;top:160px;max-width:86%;right:7%}.hero-shade{background:linear-gradient(90deg,#123342b0 0%,#12334255 100%),linear-gradient(0deg,#0b2936df 0%,#0b293650 68%,transparent 100%)}.hero h1{font-size:clamp(44px,7vw,62px);line-height:1.18}.hero-description{font-size:15px;max-width:380px;margin-top:24px}.hero-place{font-size:12px;margin-bottom:24px}.hero-actions{align-items:start;flex-direction:column;gap:18px;margin-top:26px}.hero-actions .button{font-size:14px;padding:13px 20px;min-height:48px}.hero-menu{font-size:13px}.sea-stamp{width:91px;height:91px;right:7%;top:26px;font-size:8px}.sea-stamp b{font-size:27px}.sea-stamp span:first-child{font-size:9px}.hero-bottom{bottom:45px;left:7%;right:7%;font-size:11px}.hero-bottom>span{max-width:175px}.hero-bottom>a{max-width:120px;text-align:right;align-self:end}.coast{height:27px}.intro{padding:70px 0 80px;gap:45px;grid-template-columns:1fr 1fr}.sharing .photo{height:420px}.intro-copy h2{font-size:37px;margin:18px 0 23px}.intro-copy>p{font-size:14px}.intro-note{gap:14px;margin-top:24px}.intro-note p{font-size:12px}.section-heading{gap:35px}.section-heading h2{font-size:42px}.section-heading p{font-size:14px}.food-gallery{gap:20px;margin:40px 0}.food-gallery .photo{height:270px}.food-gallery figure:nth-child(2) .photo{height:350px}.food-gallery figure:last-child .photo{height:230px}.food-gallery figure:first-child{padding-top:30px}.food-gallery figure:last-child{padding-top:60px}.food-gallery figcaption{font-size:11px}.menu-controls{flex-direction:column;gap:13px}.menu-controls p{text-align:left;max-width:none}.menu-controls button[aria-selected=true]:after{bottom:-4px}.menu-controls [role=tablist]{gap:28px}#menu-panel{column-gap:40px;min-height:330px}.menu-item h3,.price{font-size:16px}.menu-item p{font-size:13px}.menu-section{padding-bottom:75px}.atmosphere{padding:70px 0 60px}.space-heading h2{font-size:40px}.space-heading p{font-size:14px}.bar-photo .photo{height:460px}.bar-photo{margin:0 24px}.space-gallery{gap:20px;margin-top:45px;grid-template-columns:1fr 1fr}.space-gallery .photo{height:330px}.space-gallery .sunset-photo{padding-top:50px}.space-gallery .sunset-photo .photo{height:380px}.space-gallery .cocktail-photo{padding:0;width:60%;margin-top:-10px}.space-gallery .cocktail-photo .photo{height:290px}.news{padding:75px 0;gap:45px;grid-template-columns:.7fr 1fr}.news .photo{height:360px}.news h2{font-size:35px}.news>div>p{font-size:14px}.news>div .news-small{font-size:12px}.booking{padding:75px 0}.booking-grid{gap:45px;grid-template-columns:1fr}.booking-grid>div>p{max-width:100%}.booking-contact{max-width:100%}.booking h2{font-size:60px}.book-panel{padding:30px}.visit{padding:75px 0;gap:40px;grid-template-columns:.85fr 1fr}.visit h2{font-size:36px}.visit .photo{height:580px}.visit-info>div{grid-template-columns:1fr;gap:7px;padding:12px 0}.visit-info{font-size:13px}.footer-top{padding-top:35px}.footer-bottom{gap:30px;padding-bottom:90px}.mobile-book{display:block;position:fixed;bottom:14px;right:16px;background:var(--yellow);color:var(--blue);padding:12px 22px;font-size:13px;font-weight:700;border-radius:4px;box-shadow:0 5px 25px #133c5233;z-index:9}html[lang=en] .hero h1{font-size:clamp(64px,10vw,82px);max-width:570px}html[lang=ja] h1,html[lang=ko] h1{font-size:clamp(38px,6vw,52px)}html[lang=en] .section-heading h2{font-size:42px}html[lang=ja] h2,html[lang=ko] h2{font-size:36px}}
@media(max-width:560px){.wrap{width:calc(100% - 40px)}.header{height:74px;padding:0 18px;gap:12px}.brand{gap:7px}.brand span{font-size:21px}.brand img{width:39px;height:34px}.header nav{top:74px}.hero{height:calc(100svh - 74px);min-height:680px;max-height:820px}.hero-img{object-position:66% 39%}.hero-copy{top:29%;left:25px;right:22px;max-width:none}.hero h1{font-size:43px}.hero-description{font-size:14px;line-height:1.8;max-width:310px}.hero-place{margin-bottom:17px}.hero-actions{margin-top:25px;gap:17px}.hero-bottom{left:25px;right:25px;bottom:42px}.hero-bottom>span{max-width:150px}.hero-bottom>a{max-width:130px}.sea-stamp{top:22px;right:24px}.intro{padding:65px 0 70px;grid-template-columns:1fr;gap:36px}.sharing{width:86%;margin:auto}.sharing .photo{height:440px;border-radius:45% 45% 3px 3px}.intro-copy h2{font-size:42px;margin:18px 0 22px}.intro-copy>p{font-size:15px}.intro-note{margin-top:27px}.intro-note p{font-size:13px}.intro-copy .text-link{margin-top:20px}.section-heading{display:block}.section-heading h2{font-size:42px}.section-heading>div{margin-top:23px;max-width:none}.section-heading p{font-size:15px}.food-gallery{display:grid;grid-template-columns:1fr 1fr;gap:25px 16px;margin:35px 0}.food-gallery figure:first-child{padding-top:45px}.food-gallery figure:nth-child(2) .photo{height:280px;border-radius:43% 43% 3px 3px}.food-gallery figure:first-child .photo{height:220px}.food-gallery figure:last-child{padding:0;width:70%;margin-top:-10px;grid-column:1/-1}.food-gallery figure:last-child .photo{height:280px}.food-gallery figcaption{font-size:11px;line-height:1.5;margin-top:9px}.menu-controls [role=tablist]{gap:22px;max-width:100%;flex-wrap:wrap}.menu-controls button{font-size:17px;white-space:nowrap}.menu-controls p{font-size:12px}#menu-panel{grid-template-columns:1fr;min-height:unset;margin-top:10px}.menu-item{padding:19px 0}.menu-item h3,.price{font-size:17px}.menu-item p{font-size:13px}.menu-fine{font-size:11px;line-height:1.8}.menu-section{padding-bottom:65px}.space-heading{display:block;margin-bottom:30px}.space-heading h2{font-size:42px}.space-heading p{margin-top:22px;font-size:15px}.bar-photo{margin:0 20px}.bar-photo .photo{height:460px}.bar-photo img{object-position:49% 53%}.bar-photo figcaption{font-size:11px;line-height:1.5;margin-inline:0}.space-gallery{gap:17px;margin-top:32px}.space-gallery .photo{height:230px}.space-gallery .sunset-photo{padding-top:35px}.space-gallery .sunset-photo .photo{height:280px}.space-gallery .cocktail-photo{width:85%;margin-top:-15px}.space-gallery .cocktail-photo .photo{height:240px}.space-gallery figcaption{font-size:11px;line-height:1.5}.news{padding:65px 0;grid-template-columns:1fr;gap:30px}.news figure{width:72%;margin-left:auto}.news .photo{height:330px}.news h2{font-size:38px;margin:17px 0 20px}.news>div>p{font-size:15px}.news .news-hours{font-size:13px}.news>div .news-small{font-size:12px}.booking{padding:65px 0}.booking h2{font-size:54px;margin:18px 0 25px}.booking-grid{gap:32px}.booking-grid>div>p{font-size:15px}.booking-contact{margin-top:23px}.booking-contact>a{font-size:22px}.book-panel{padding:26px 21px}.book-panel-heading h3{font-size:22px}.book-panel-heading{gap:10px;margin-bottom:22px}.book-panel-heading span{font-size:11px}#booking-form{gap:17px 13px}.form-field input,.form-field select{font-size:14px;padding:9px}.book-panel .button{font-size:14px}.book-disclosure{font-size:11px}.visit{grid-template-columns:1fr;gap:35px;padding:65px 0}.visit figure{width:85%}.visit .photo{height:450px}.visit h2{font-size:40px}.visit address{font-size:16px}.visit-info>div{grid-template-columns:86px 1fr;gap:14px}.visit-info{font-size:13px}.footer-top{align-items:start}.footer-brand{font-size:34px}.footer-top a{font-size:12px;white-space:nowrap}.footer-bottom{display:block;padding:25px 0 90px}.footer-bottom p{font-size:10px}.footer-bottom>a{display:inline-block;margin-top:15px;font-size:11px}html[lang=en] .hero h1{font-size:60px;line-height:1;max-width:360px}html[lang=en] .hero-copy{top:26%}html[lang=ko] .hero h1,html[lang=ja] .hero h1{font-size:38px;line-height:1.2}html[lang=ja] .hero-description,html[lang=ko] .hero-description{font-size:13px}html[lang=ja] .hero-copy,html[lang=ko] .hero-copy{top:26%}html[lang=ja] h2,html[lang=ko] h2{font-size:35px}html[lang=en] .menu-controls [role=tablist]{gap:20px}html[lang=en] .menu-controls button{font-size:16px}}
@media(max-width:350px){.header{padding-inline:13px;gap:8px}.brand span{font-size:19px}.brand img{width:32px}.hero-copy{left:20px;right:18px}.hero h1{font-size:38px}.hero-description{font-size:13px}.hero .button{font-size:12px;padding-inline:17px}.hero-bottom{left:20px;right:20px;font-size:10px}.menu-controls [role=tablist]{gap:16px}.booking .wrap{width:calc(100% - 30px)}.book-panel{padding:23px 16px}.footer-brand{font-size:28px}html[lang=en] .hero h1{font-size:53px}html[lang=ja] .hero h1,html[lang=ko] .hero h1{font-size:34px}}
.hero-copy{animation:arrive .65s cubic-bezier(.22,.61,.36,1) both}.header nav.open{animation:arrive .2s ease-out both}@keyframes arrive{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}
.blue-button{background:var(--blue);color:white}.blue-button:hover{background:#256b84}.home-food{padding-bottom:100px}.page-portals{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:65px 0 100px;border-top:1px solid #16324425}.page-portals>a>span:first-child{font-size:13px}.page-portals h2{font-size:48px;margin:22px 0}.page-portals p{font-size:16px;max-width:32ch;margin-bottom:20px}.breadcrumb{display:flex;gap:15px;padding:26px 0;font-size:12px;color:var(--muted)}.breadcrumb a{border-bottom:1px solid}.header nav a[aria-current=page]{box-shadow:0 2px var(--ink)}body[data-page="menu.html"] .menu-section{padding:35px 0 65px}.section-heading h1,.space-heading h1{font-size:clamp(36px,4.3vw,64px)}body[data-page="menu.html"] .menu-controls{margin-top:65px}.menu-story{padding-bottom:100px}.additional-food{display:grid;grid-template-columns:1fr 1fr 1fr;gap:32px;margin-top:50px}.additional-food .photo{height:410px;border-radius:3px}.additional-food figure:nth-child(2){padding-top:70px}.additional-food figure:nth-child(3){padding-top:35px}.harbour-moment{padding:100px 0;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.harbour-moment .photo{height:530px;border-radius:45% 45% 3px 3px}.harbour-moment h2{margin-bottom:26px}.harbour-moment p{font-size:16px}.harbour-moment .text-link{margin-top:24px}body[data-page="visit.html"] .booking h1{font-size:clamp(45px,5vw,76px);margin:22px 0 32px}
@media(max-width:780px){.page-portals{gap:40px}.page-portals h2{font-size:36px}.additional-food{gap:20px}.additional-food .photo{height:320px}.harbour-moment{gap:50px}.harbour-moment .photo{height:430px}.section-heading h1,.space-heading h1{font-size:42px}}
@media(max-width:560px){.home-food{padding-bottom:60px}.page-portals{grid-template-columns:1fr;gap:45px;padding:45px 0 60px}.page-portals h2{font-size:38px}.page-portals p{font-size:15px}.breadcrumb{padding:20px 0}.section-heading h1,.space-heading h1{font-size:40px}body[data-page="menu.html"] .menu-section{padding-top:20px}body[data-page="menu.html"] .menu-controls{margin-top:35px}.menu-story{padding-bottom:65px}.additional-food{display:flex;overflow:auto;scroll-snap-type:x mandatory;gap:18px;margin-top:30px;padding-bottom:15px}.additional-food figure{flex:0 0 82%;padding-top:0!important;scroll-snap-align:start}.additional-food .photo{height:360px}.harbour-moment{padding:65px 0;grid-template-columns:1fr;gap:30px}.harbour-moment figure{width:84%}.harbour-moment .photo{height:420px}body[data-page="visit.html"] .booking h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}

body[data-page="menu.html"] .additional-food{margin-top:50px}body[data-page="menu.html"] .menu-controls{margin-top:55px}
@media(max-width:560px){body[data-page="menu.html"] .additional-food{margin-top:30px}body[data-page="menu.html"] .menu-controls{margin-top:32px}}

.gallery-hint{display:none}@media(max-width:560px){.gallery-hint{display:block;font-size:12px;color:var(--muted);margin-top:25px}body[data-page="menu.html"] .additional-food{margin-top:12px}}
