/* Revision 2: deep lacquer, restrained brass, and generous editorial spacing. */
:root{--gold:#b5a071;--paper:#eae7dd;--surface:#f3f0e8;--muted:#626b5b}
body{background:#0a0e0b}
.site-header{padding:34px 5%;align-items:center}
.brand-name{font-size:39px;letter-spacing:.27em;color:#e3d2a6}
.brand-category{color:#c2b598}
.brand-en{font-size:8px;letter-spacing:.3em;color:#b6a681;margin-left:15px}
.site-header nav{gap:40px;font-size:10px;letter-spacing:.2em;color:#ddd6c7}
.demo-tag{border:0;border-left:1px solid #b5a07150;padding:2px 0 2px 20px;color:#b2ad9d;font-size:8px}
.hero{max-height:880px;height:850px;background:#080b08}
.hero:after{content:'';position:absolute;pointer-events:none;inset:111px 36px 23px;border:1px solid #b5a07130;z-index:-1}
.hero-image{object-position:center 54%}
.hero-shade{background:linear-gradient(90deg,#050805b0,transparent 57%),linear-gradient(0deg,#080b08 1%,#080b0830 24%,transparent 55%)}
.hero-copy{top:176px;left:12%}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.3em;color:#c7b58b;margin-bottom:38px}
.hero h1{font-size:53px;letter-spacing:.19em;line-height:1.9;gap:17px;color:#eee8db}
.hero h1 span+span{padding-top:1.4em}
.hero-side{right:6.7%;top:177px;font-size:11px;letter-spacing:.25em;color:#bcb49f}
.hero-bottom{left:7%;right:7%;bottom:46px}
.hero-bottom>p:first-child>span{font-size:25px;margin-left:22px}
.hero-hours{font-size:9px;color:#b9b7a7;letter-spacing:.08em}
.hero-bottom>p:first-child{font-size:10px;color:#d5cebb}
.section-pad{padding-block:136px}
.content-width{width:min(1080px,calc(100% - 128px))}
.section-label{letter-spacing:.27em;font-size:10px;margin-bottom:33px}
.section-label span{font-size:8px;letter-spacing:.23em;margin-left:18px}
.philosophy{background:#142019;background-image:radial-gradient(ellipse at 18% 20%,#34433235,transparent 65%);color:#e5dfd1}
.philosophy-grid{grid-template-columns:.87fr 1fr;gap:15%}
.entrance-figure{padding-right:0}
.entrance-figure:before{content:'';position:absolute;inset:17px 17px -17px -17px;border:1px solid #b5a07150;pointer-events:none}
.entrance-figure img{position:relative;aspect-ratio:3/4;object-fit:cover}
.entrance-figure figcaption{right:-28px;top:4px;color:#b8b29c;font-size:9px;letter-spacing:.23em}
.philosophy .section-label,.philosophy .section-label span{color:#b5a071}
.philosophy-copy h2{font-size:37px;letter-spacing:.13em;line-height:1.9;margin-bottom:37px;color:#eee6d5}
.body-copy{font-size:13px;line-height:2.45;color:#cacdbf}
.body-copy p+p{margin-top:25px}
.signature{font-size:19px;letter-spacing:.2em;color:#d8c59c;margin-top:35px}
.signature span{font-size:9px;color:#aeb49e}
.three-notes{margin-top:105px;padding-top:43px;border-color:#b5a07140;gap:44px}
.three-notes h3{font-size:20px;letter-spacing:.1em;color:#e6decb}
.three-notes p{font-size:11px;line-height:2.3;color:#bcc2ad}
.note-number{font-size:11px;color:#b5a071}
.courses{background:#0b100d;color:#eee7d8}
.section-heading{margin-bottom:69px}
.section-heading h2{font-size:35px;letter-spacing:.13em;line-height:1.9}
.section-heading>p{font-size:11px;line-height:2.5;letter-spacing:.06em}
.dark .section-label,.dark .section-label span{color:#b5a071}
.course-card{grid-template-columns:.76fr 1.24fr;gap:72px;padding-block:61px;border-color:#b5a07145}
.course-index{color:#baa77c;font-size:9px;letter-spacing:.25em}
.course-copy h3{font-size:29px;letter-spacing:.17em;margin-top:18px}
.price{font-size:35px;letter-spacing:.08em;margin-block:24px;color:#e3d4b2}
.price>span{font-size:14px}
.price small{font-size:9px;color:#b4b3a3;margin-top:5px}
.course-copy>p:not(.course-index):not(.price){color:#c3c9b9;font-size:12px;line-height:2.4}
.course-card figure{padding:9px;border:1px solid #b5a07138;position:relative}
.course-card figcaption{margin-top:10px;margin-bottom:1px;font-size:8px;letter-spacing:.12em;color:#b8b39f}
.course-count{color:#b0b7a4;font-size:9px}
.menu-line{color:#c5c6b6;font-size:10px;line-height:2.2}
.course-footnote{font-size:10px;line-height:2.25;border-color:#b5a07145;color:#b9baa9;padding-top:31px}
.space{background:#eae7dd;background-image:none;padding-bottom:108px;color:#25372d}
.space .section-label,.space .section-label span{color:#726947}
.space-gallery{width:min(1280px,calc(100% - 80px));margin:62px auto 0;gap:36px;align-items:center;grid-template-columns:1.5fr 1fr}
.space-gallery .counter-photo img{height:425px}
.space-gallery .ceramics-photo{margin-top:120px}
.space-gallery .ceramics-photo img{height:310px}
.space-gallery figcaption{position:static;background:none;text-shadow:none;color:#666c5a;letter-spacing:.16em;font-size:9px;margin-top:12px;padding:0}
.space-description{font-size:12px;line-height:2.4;gap:80px;margin-top:56px}
.reservation{background:#142019;background-image:radial-gradient(ellipse at 80% 60%,#29382a40,transparent 70%);color:#e8e0ce;padding-top:112px;padding-bottom:75px}
.reservation-grid{border-top:0;padding-top:0;gap:13%;align-items:center}
.reservation-title .section-label,.reservation-title .section-label span{color:#b5a071}
.reservation-title h2{font-size:36px;letter-spacing:.13em;line-height:1.95;margin-bottom:32px}
.reservation-title>p:last-child{color:#c4c9b7;font-size:12px;line-height:2.5}
.restaurant-name{color:#e4d5b3;font-size:36px;letter-spacing:.2em}
.restaurant-name>span{font-size:12px}
.restaurant-name>small{font-size:9px;color:#bbbba6}
.reservation-details dl>div{border-color:#b5a07130;padding-block:14px}
.reservation-details dt{color:#b8bba7;font-size:10px}
.reservation-details dd{font-size:11px;letter-spacing:.03em}
.reservation-button{background:#0c110d;color:#ddc695;border:1px solid #b5a0719c;box-shadow:inset 0 0 0 5px #0c110d,inset 0 0 0 6px #b5a07135;min-height:70px;font-size:18px;letter-spacing:.2em;transition:background .25s,color .25s,border-color .25s}
.reservation-button:hover{background:#283728;border-color:#d0b87f;color:#f0e6cf}
.reservation .microcopy{color:#d0ccba;font-size:10px;margin-top:15px}
.reservation .demo-disclaimer{color:#aeb59f;font-size:9px;margin-top:8px}
.guest-note{border-color:#b5a07130;margin-top:64px;color:#c1c5b3;font-size:10px}
.guest-note p{color:#b7bea8}
footer{padding:44px 6%;background:#0a0e0b;border-top:1px solid #b5a07128;color:#aeb6a0;font-size:9px}
.footer-brand{color:#d9c59b}
.text-button{color:inherit}
dialog .reservation-button{font-size:16px}
dialog .eyebrow{color:#736546}
@media(min-width:1600px){.hero-copy{left:16%}.hero{height:880px}}
@media(min-width:701px) and (max-width:1000px){
  .content-width{width:calc(100% - 84px)}
  .section-pad{padding-block:95px}
  .hero{height:760px;min-height:0}
  .hero-copy{top:161px;left:10%}
  .hero h1{font-size:46px;gap:12px}
  .hero-side{right:7%;font-size:10px}
  .philosophy-grid{gap:12%}
  .philosophy-copy h2{font-size:30px}
  .body-copy{font-size:12px}
  .section-label span{display:block;margin-left:0}
  .three-notes{gap:25px}
  .three-notes h3{font-size:17px}
  .course-card{gap:36px;grid-template-columns:.9fr 1.1fr}
  .section-heading h2{font-size:30px}
  .space-gallery{width:calc(100% - 48px);gap:24px}
  .space-gallery .counter-photo img{height:320px}
  .space-gallery .ceramics-photo img{height:250px}
  .reservation-grid{gap:9%}
  .reservation-title h2{font-size:29px}
}
@media(max-width:700px){
  .content-width{width:calc(100% - 52px)}
  .section-pad{padding-block:76px}
  .site-header{padding:23px 26px}
  .brand-name{font-size:30px;letter-spacing:.22em}
  .brand-category{font-size:8px}
  .demo-tag{font-size:8px;padding-left:12px}
  .hero{height:640px;min-height:0;max-height:none}
  .hero:after{inset:84px 13px 17px;border-color:#b5a07130}
  .hero-copy{top:112px;left:30px}
  .hero-copy .eyebrow{font-size:8px;letter-spacing:.16em;margin-bottom:26px}
  .hero h1{font-size:33px;line-height:1.75;letter-spacing:.14em;gap:4px}
  .hero h1 span+span{padding-top:1.25em}
  .hero-image{top:240px;left:0;width:100%;height:auto}
  .hero-shade{background:linear-gradient(0deg,#080b08 0%,transparent 24%,transparent 75%,#080b0840 100%)}
  .hero-side{right:29px;top:116px;font-size:9px;letter-spacing:.16em}
  .hero-bottom{left:30px;right:30px;bottom:36px}
  .hero-bottom>p:first-child{font-size:9px}
  .hero-bottom>p:first-child>span{font-size:24px;margin-left:11px}
  .hero-bottom small{font-size:8px}
  .hero-hours{font-size:8px;letter-spacing:.03em;line-height:2}
  .scroll-cue{font-size:7px}
  .philosophy-grid{gap:58px;grid-template-columns:1fr}
  .entrance-figure{width:82%;margin-left:10px}
  .entrance-figure:before{inset:12px 12px -12px -12px}
  .entrance-figure figcaption{right:-25px;font-size:9px;letter-spacing:.14em}
  .philosophy-copy{padding-left:0}
  .section-label{font-size:9px;margin-bottom:26px;letter-spacing:.16em}
  .section-label span{font-size:7px;letter-spacing:.16em;margin-left:12px}
  .philosophy-copy h2{font-size:29px;letter-spacing:.1em;line-height:1.95;margin-bottom:30px}
  .body-copy{font-size:14px;line-height:2.25}
  .body-copy p+p{margin-top:24px}
  .signature{font-size:19px;margin-top:30px}
  .three-notes{margin-top:54px;padding-top:34px;gap:31px}
  .three-notes h3{font-size:20px;margin-bottom:10px}
  .three-notes p{font-size:12px;line-height:2.1}
  .note-number{font-size:10px}
  .section-heading{margin-bottom:38px}
  .section-heading h2{font-size:28px;letter-spacing:.08em;line-height:1.9}
  .section-heading>p{font-size:12px;line-height:2.2;margin-top:23px;letter-spacing:.02em}
  .course-card{gap:32px;padding-block:34px 43px}
  .course-card figure{padding:6px}
  .course-card figcaption{font-size:8px;letter-spacing:.04em;margin-top:8px}
  .course-copy h3{font-size:28px;margin-top:15px;letter-spacing:.13em}
  .course-index{font-size:9px}
  .price{font-size:34px;margin-block:19px 23px;letter-spacing:.06em}
  .price small{font-size:9px;margin-left:12px}
  .course-copy>p:not(.course-index):not(.price){font-size:14px;line-height:2.2}
  .menu-line{font-size:11px}
  .course-count{font-size:10px}
  .course-footnote{font-size:10px;line-height:2.1}
  .space{padding-bottom:72px}
  .space-gallery{width:calc(100% - 32px);grid-template-columns:1fr;margin-top:36px;gap:29px}
  .space-gallery .counter-photo img{height:auto;aspect-ratio:1.5}
  .space-gallery .ceramics-photo{width:78%;margin-top:0;margin-left:auto}
  .space-gallery .ceramics-photo img{height:auto;aspect-ratio:1.3}
  .space-gallery figcaption{font-size:8px;margin-top:9px;letter-spacing:.08em}
  .space-description{font-size:13px;line-height:2.2;gap:23px;margin-top:35px}
  .reservation{padding-top:70px;padding-bottom:45px}
  .reservation-grid{grid-template-columns:1fr;gap:43px;padding-top:0}
  .reservation-title h2{font-size:30px;letter-spacing:.1em;line-height:1.9;margin-bottom:25px}
  .restaurant-name{font-size:34px}
  .reservation-details dt{font-size:10px}
  .reservation-details dd{font-size:12px}
  .reservation-details dl>div{grid-template-columns:76px 1fr}
  .reservation-button{min-height:66px;font-size:17px}
  .guest-note{margin-top:44px}
  .reservation .microcopy{font-size:10px}
  .reservation .demo-disclaimer{font-size:9px}
  .sticky-cta{background:#0c120ef7;border-top:1px solid #b5a07170;padding-inline:18px;box-shadow:none}
  .sticky-cta>p{color:#dfcda5;font-size:17px;letter-spacing:.12em}
  .sticky-cta button{background:#101a13;border-color:#b5a0719c;color:#e4cfa2;min-height:46px;font-size:14px;letter-spacing:.08em}
  .sticky-cta>p>small{color:#bbc0ab}
  .sticky-cta>div>small{color:#c6c9b5}
  footer{padding:36px 26px;font-size:9px}
  dialog .reservation-button{font-size:14px}
}
@media(max-width:350px){
  .hero{height:608px}
  .hero-copy{left:28px;top:109px}
  .hero-copy .eyebrow{font-size:7px}
  .hero h1{font-size:29px;gap:3px}
  .hero-image{top:237px}
  .hero-side{right:27px;font-size:8px}
  .hero-bottom{left:28px;right:28px;bottom:32px}
  .hero-bottom>p:first-child>span{font-size:22px;margin-left:9px}
  .hero-hours{font-size:8px}
  .scroll-cue span{display:none}
  .section-heading h2,.philosophy-copy h2{font-size:26px}
  .section-label span{font-size:7px;margin-left:7px;letter-spacing:.06em}
  .reservation-title h2{font-size:28px}
  .price small{font-size:8px;margin-left:8px}
  .sticky-cta{padding-inline:14px;gap:10px}
  .sticky-cta>p{font-size:15px}
  .sticky-cta button{font-size:13px}
}