:root{--coal:#211c19;--ivory:#f2eddf;--orange:#347c82;--muted:#a9a091;--line:#f2eddf25;--ease:cubic-bezier(.2,.75,.2,1)}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--coal);color:var(--ivory);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer;background:none;border:0}button,a{touch-action:manipulation;-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid var(--orange);outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,p,figure{margin:0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}.micro{font-size:9px;letter-spacing:1.8px;line-height:1.7}.skip{position:fixed;top:-100px;padding:15px;background:var(--ivory);color:var(--coal);z-index:110}.skip:focus{top:0}header{height:92px;padding:10px 4.5vw;display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:#211c19ed;backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.brand img{width:80px;height:67px;object-fit:contain}header nav{display:flex;gap:36px;font-size:11px}header nav a{padding:10px 0;position:relative}header nav a:after{content:'';position:absolute;bottom:2px;left:0;right:0;height:1px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform .3s}header nav a:hover:after{transform:scaleX(1)}.lang{font-size:10px;border:1px solid #f2eddf45;border-radius:25px;padding:11px 16px;display:flex;gap:15px}.lang:hover{background:#ffffff0d}.hero{padding:30px 4.5vw 0;overflow:hidden;position:relative;background:radial-gradient(ellipse at 83% 35%,#6041302b,transparent 55%),var(--coal)}.hero-top{display:flex;justify-content:space-between;align-items:center;color:var(--muted)}.hero-note{display:flex;gap:10px;align-items:center}.hero-note i{width:5px;height:5px;border-radius:50%;background:var(--orange);box-shadow:0 0 10px #347c8255}.hero-stage{display:grid;grid-template-columns:55% 45%;align-items:center;min-height:560px;padding:55px 0 35px}.hero-title{z-index:3;pointer-events:none}.hero-title>.micro{margin-bottom:28px;color:var(--muted)}h1{font-weight:600;line-height:.95;letter-spacing:-.075em;font-size:clamp(72px,8.1vw,140px)}h1>span{display:block}h1>span:nth-child(2){color:var(--orange)}h1 .outline{font-size:.66em;font-family:Georgia,serif;letter-spacing:-.065em;font-style:italic;font-weight:400;margin-top:17px;white-space:nowrap}.photo-world{height:460px;position:relative;perspective:1100px;transform-style:preserve-3d;--rx:0deg;--ry:0deg}.photo-card{position:absolute;box-shadow:0 35px 55px #0008,0 3px 3px #0006;overflow:hidden;transform-style:preserve-3d;transition:transform .7s var(--ease);border-radius:6px}.card-front{width:87%;height:400px;left:9%;top:12px;background:#eee7d9;transform:rotateY(calc(-14deg + var(--rx))) rotateX(calc(7deg + var(--ry))) rotateZ(5deg);border:9px solid #ded8ca;color:var(--coal);z-index:2}.card-front img{width:100%;height:calc(100% - 36px);object-fit:cover;object-position:50% 45%}.card-front figcaption{height:36px;display:flex;align-items:center;justify-content:space-between;font-size:7px;letter-spacing:1.5px;padding:4px 5px 0}.card-back{width:56%;height:300px;top:0;left:-15%;transform:rotateY(16deg) rotateZ(-13deg) translateZ(-60px);border:7px solid #6a655b;background:#6a655b}.card-back img{width:100%;height:calc(100% - 28px);object-fit:cover}.card-back figcaption{font-size:7px;letter-spacing:2px;padding:10px;color:#eee7d9}.photo-shadow{position:absolute;bottom:0;left:10%;width:90%;height:40px;border-radius:50%;background:#0009;filter:blur(25px)}.metal-stamp{position:absolute;right:-12px;bottom:0;width:124px;height:124px;z-index:4;border-radius:50%;background:conic-gradient(from 30deg,#e8e2d7,#8c8a83,#f4eee4,#a39e94,#fdf8ef,#7b7a74,#e8e2d7);color:#3b3832;border:1px solid #fff6;box-shadow:inset 0 0 0 5px #d4cfc5,inset 0 0 0 6px #7b776b,0 15px 30px #0007;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(15deg)}.metal-stamp span{font:italic 55px/.85 Georgia,serif;text-shadow:0 1px 0 white,0 -1px 0 #696256}.metal-stamp small{font-size:5px;letter-spacing:1.6px;text-align:center;line-height:1.6;margin-top:8px}.photo-coordinate{position:absolute;right:4%;bottom:-30px;color:var(--muted);font-size:7px}.hero-bottom{display:flex;justify-content:space-between;align-items:center;padding:35px 0 45px;gap:30px}.hero-bottom>p{color:#c2b9ac;font-size:12px;line-height:1.9}.tactile{position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:30px;border-radius:50px;padding:12px 13px 12px 27px;min-height:58px;font-size:12px;transform:translateY(0);transition:transform .22s var(--ease),box-shadow .22s var(--ease),filter .2s;box-shadow:inset 0 2px 1px #ffffff7a,inset 0 -2px 2px #0003,0 5px 0 #163e43,0 8px 13px #0005;will-change:auto}.tactile.orange{background:linear-gradient(165deg,#4d9298 0%,#438d93 40%,#20585f 100%);color:#2a1c14;border:1px solid #5a9da2}.tactile b{width:35px;height:35px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#72aaad,#397f87);box-shadow:inset 0 1px 2px #c0dedd,inset 0 -2px 2px #153b4044;font-size:23px;font-weight:400}.tactile:hover{transform:translateY(-5px);box-shadow:inset 0 2px 1px #fff8,inset 0 -2px 2px #0003,0 10px 0 #163e43,0 17px 25px #0005;filter:brightness(1.07)}.tactile:active{transform:translateY(4px);box-shadow:inset 0 3px 7px #153b404d,0 1px 0 #163e43,0 2px 3px #0004;transition-duration:.08s}.scroll-link{display:flex;align-items:center;gap:30px;font-size:8px}.scroll-link span{font-size:25px}.hero-rule{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:22px 0;font-size:8px;letter-spacing:2px;color:#958b7e}
.menu{background:var(--ivory);color:var(--coal);padding:100px 5vw 55px;position:relative;overflow:hidden;border-radius:28px 28px 0 0}.menu-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;position:relative;padding-bottom:50px}.menu-heading .micro{margin-bottom:24px;color:#7a6c5e}.menu-heading h2{font-size:clamp(43px,5vw,76px);line-height:1.05;letter-spacing:-4px;font-weight:500}.menu-heading>p{font-size:12px;line-height:1.9;margin:0 10% 6px 0;color:#796a5c;z-index:1}.menu-watermark{position:absolute;right:-10px;bottom:5px;font:italic 180px Georgia,serif;color:#cfc6b63d;pointer-events:none}.menu-toolbar{border-top:1px solid #30231930;border-bottom:1px solid #30231930;padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.groups{display:flex;gap:10px;flex-wrap:wrap}.groups button{border:1px solid #cbc0ae;border-radius:30px;padding:11px 17px;font-size:10px;color:#756755;box-shadow:inset 0 1px 0 #fff,0 2px 0 #d5caba;transition:all .2s}.groups button:hover{transform:translateY(-2px);box-shadow:inset 0 1px 0 #fff,0 4px 0 #d5caba}.groups button.active{background:var(--coal);color:var(--ivory);border-color:var(--coal);box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #0d0b08}.search{display:flex;align-items:center;gap:9px;min-width:230px;border-bottom:1px solid #9d8b74;padding:5px 0}.search>span{font-size:28px}.search input{background:none;border:0;min-width:0;width:100%;color:var(--coal);padding:8px 0;font-size:11px}.search input::placeholder{color:#847361}.search button{font-size:20px;color:var(--coal)}.status{height:20px;margin-top:20px;color:#796b59;font-size:8px}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:18px 0 38px;perspective:1400px}.category{position:relative;isolation:isolate;min-height:230px;border:1px solid #fefbf5;border-radius:19px;background:linear-gradient(135deg,#fbf7ed 0%,#ede5d6 63%,#ded4c2 100%);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 5px 0 #c4b69e,0 9px 11px #6f4e2620;display:flex;flex-direction:column;align-items:flex-start;text-align:left;padding:23px 23px 19px;color:#3b2d23;transform:translateY(0);transition:transform .25s var(--ease),box-shadow .25s var(--ease);overflow:hidden}.category:hover{transform:translateY(-7px) rotateX(4deg);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 11px 0 #c4b69e,0 23px 25px #6f4e2630;z-index:2}.category:active{transform:translateY(4px) rotateX(-2deg);box-shadow:inset 0 4px 12px #70523422,0 1px 0 #c4b69e,0 2px 3px #6f4e261a;transition-duration:.08s}.category .category-number{font-size:9px;letter-spacing:1px;color:#97846d}.category h3{font-size:clamp(18px,1.8vw,28px);font-weight:500;letter-spacing:-1px;margin:22px 0 8px;position:relative;z-index:1}.category .preview{font-size:10px;line-height:1.7;color:#8a755f;max-width:85%;position:relative;z-index:1}.category-bottom{display:flex;align-items:center;justify-content:space-between;width:100%;margin-top:auto;padding-top:20px}.category-bottom>span{font-size:8px;letter-spacing:.5px;color:#8c7c68}.category-bottom>b{width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font-size:23px;font-weight:400;background:linear-gradient(145deg,#fdfbf5,#dcd0bb);box-shadow:inset 1px 2px 1px #fff,inset -1px -2px 3px #b8a88b88,0 2px 3px #8f79551c}.category:nth-child(5n+1){background:linear-gradient(140deg,#3c3832,#28251f);color:var(--ivory);border-color:#544d41;box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 5px 0 #17130d,0 9px 11px #6f4e2620}.category:nth-child(5n+1):hover{box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 11px 0 #17130d,0 23px 25px #6f4e2630}.category:nth-child(5n+1) .preview,.category:nth-child(5n+1) .category-bottom>span{color:#b0a591}.category:nth-child(5n+1) .category-bottom>b{color:var(--coal)}.category:last-child{background:linear-gradient(140deg,#6da7aa,#438d93 45%,#20585f);border-color:#93bdbe;box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 5px 0 #163e43,0 9px 11px #6f4e2620}.category:last-child .preview,.category:last-child .category-bottom>span,.category:last-child .category-number{color:#e2f0ed}.category:last-child:hover{box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 11px 0 #163e43,0 23px 25px #6f4e2630}.menu-foot{border-top:1px solid #30231930;padding-top:35px;display:flex;align-items:center;justify-content:space-between;gap:35px}.menu-foot p{font:italic 23px/1.25 Georgia,serif;color:#88735e}.menu-foot a{font-size:10px;border-bottom:1px solid #a88c6e;padding-bottom:8px}.asterisk{font-size:70px;line-height:1;color:var(--orange);display:inline-block}.search-results{padding:20px 0}.result{display:flex;align-items:center;justify-content:space-between;padding:20px 0;gap:25px;border-bottom:1px solid #30231925;cursor:pointer;width:100%;text-align:left;color:var(--coal)}.result:hover{background:#fff4}.result strong{font-size:14px;font-weight:500}.result small{display:block;font-size:10px;color:#8e7962;margin-top:7px}.result>span{white-space:nowrap;font-size:12px}
.space{height:190svh;position:relative}.space-pin{position:sticky;top:92px;height:calc(100svh - 92px);min-height:580px;overflow:hidden}.space-image,.space-image img,.space-shade{position:absolute;inset:0;width:100%;height:100%}.space-image img{object-fit:cover;object-position:50% 40%;transition:opacity .35s,transform .8s var(--ease);transform:scale(1.04)}.space-image img.changing{opacity:.35;transform:scale(1.08)}.space-shade{background:linear-gradient(90deg,#110c09c9,#110c0940 70%),linear-gradient(0deg,#110c0999,transparent 50%)}.space-top{position:absolute;left:5vw;right:5vw;top:35px;display:flex;justify-content:space-between;color:#e0d4c1}.space-copy{position:absolute;left:8vw;top:50%;transform:translateY(-40%)}.space-copy h2{font-size:clamp(60px,8vw,120px);line-height:1;letter-spacing:-5px;font-weight:500}.space-copy h2 em{color:#a7cece}.space-copy p{font-size:12px;line-height:1.9;margin-top:25px;color:#d2c3ae}.space-controls{position:absolute;right:5vw;bottom:95px;display:flex;flex-direction:column;align-items:center;gap:35px}.space-dots{display:flex;gap:14px}.space-dots button{padding:0;width:6px;height:6px;border-radius:50%;background:#ffffff50}.space-dots button.active{background:var(--orange);outline:1px solid #347c8299;outline-offset:5px}.round.tactile{padding:0;display:grid;place-items:center;width:49px;height:49px;min-height:0;border-radius:50%;color:var(--coal);background:linear-gradient(145deg,#fffaf0,#aba294);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #41382f50,0 4px 0 #736a5f,0 8px 15px #0004;font-size:25px}.round.tactile:hover{transform:translateY(-4px);box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #41382f50,0 8px 0 #736a5f,0 15px 25px #0005}.round.tactile:active{transform:translateY(3px);box-shadow:inset 0 3px 6px #41382f50,0 1px 0 #736a5f}.space-caption{position:absolute;bottom:28px;left:5vw;right:5vw;border-top:1px solid #ffffff40;padding-top:22px;display:flex;justify-content:space-between;font-size:8px;color:#dacbb6}
.visit{padding:85px 5vw 0;background:#28221d;overflow:hidden}.visit>.micro{color:var(--orange);margin-bottom:45px}.visit-body{display:grid;grid-template-columns:1.35fr 1fr;gap:11vw;align-items:center}.visit h2{font-size:clamp(50px,6vw,100px);font-weight:500;letter-spacing:-4px;line-height:1.05}.visit h2 em{color:#c6b9a5}.visit-details{position:relative}.location-mark{font-size:40px;color:var(--orange);position:absolute;right:0;top:-10px}.visit-details p{font-size:11px;color:#b6a995;line-height:1.9;margin-bottom:20px}.contact-line{display:flex;justify-content:space-between;padding:18px 0;border-bottom:1px solid #f2eddf25;font-size:13px}.contact-line span{color:var(--orange)}.map{display:flex;margin-top:28px}.closing-word{font:italic clamp(80px,16vw,270px)/1 Georgia,serif;letter-spacing:-.075em;white-space:nowrap;color:#f2eddf0a;margin:65px 0 -25px;user-select:none}footer{padding:30px 5vw;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--line)}footer img{width:69px;height:60px;object-fit:contain}footer>.micro{font-size:7px;color:#8d8172}footer>div{display:flex;gap:20px}footer button{font-size:9px;color:#b4a692;padding:8px 0}
#sheet{border:0;border-radius:24px 0 0 24px;background:var(--ivory);color:var(--coal);padding:0;position:fixed;inset:0 0 0 auto;height:100svh;max-height:100svh;width:min(690px,92vw);max-width:100%;margin:0;box-shadow:-20px 0 80px #0006;overscroll-behavior:contain}#sheet[open]{animation:sheet-in .4s var(--ease)}#sheet::backdrop{background:#160f09a6;backdrop-filter:blur(7px)}.sheet-bar{position:sticky;top:0;z-index:2;padding:25px 35px;background:#f2eddfed;backdrop-filter:blur(15px);border-bottom:1px solid #30231925;display:flex;align-items:center;justify-content:space-between}.sheet-bar>div{display:flex;align-items:center;gap:20px}.sheet-bar .micro{font-size:8px}#sheet-lang{font-size:11px;color:var(--coal);border-bottom:1px solid #b49e81;padding:8px}#close{width:40px;height:40px;font-size:26px}#sheet-body{padding:38px 40px 55px}#sheet-body>.micro{color:#8d775f;margin-bottom:18px}#sheet-body h2{font:italic 47px/1.1 Georgia,serif;letter-spacing:-2px;margin-bottom:30px}#sheet-body article{display:flex;justify-content:space-between;align-items:baseline;gap:25px;padding:20px 0;border-bottom:1px solid #30231925}#sheet-body h3{font-size:14px;font-weight:500}#sheet-body article p{font-size:11px;color:#88735e;line-height:1.7;margin-top:8px}#sheet-body strong{font-size:13px;font-weight:400;white-space:nowrap}#sheet-body>p{font-size:12px;line-height:1.9;color:#786652;margin:20px 0}#sheet-body .allergen{font-size:10px;margin-top:35px}#sheet-body img{max-height:78svh;width:auto;object-fit:contain;border-radius:6px;margin:auto}.intro{position:fixed;inset:0;z-index:100;background:#171310;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden}.intro-light{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 47%,#d5a77938,transparent 55%);opacity:0;animation:light-on 1.3s .1s both}.intro-brand{width:245px;position:relative;filter:brightness(0);opacity:0;transform:scale(.88);animation:brand-light 1.5s .15s var(--ease) forwards}.intro-brand:after{content:'';position:absolute;inset:-40px;background:linear-gradient(110deg,transparent 30%,#fff6 48%,transparent 65%);mix-blend-mode:screen;clip-path:inset(0);transform:translateX(-170%);animation:light-sweep 1.8s .2s forwards}.intro-brand img{width:100%;height:auto}.intro>p{position:absolute;top:calc(50% + min(134px, 26.34vw) + 24px);font-size:7px;letter-spacing:2.5px;color:#b9a58d;animation:intro-text 1s .7s both}.intro>button{position:absolute;right:30px;bottom:30px;font-size:10px;color:#baa78e;padding:12px 0;border-bottom:1px solid #baa78e40}.intro.departing{background:transparent;pointer-events:none}.intro.departing .intro-light,.intro.departing>p,.intro.departing>button{opacity:0;transition:opacity .35s;animation:none}.intro.departing .intro-brand:after{display:none}.intro.departing .intro-brand{animation:none;opacity:1;filter:brightness(1);position:fixed;z-index:101;margin:0}.intro.departing:before{content:'';position:absolute;inset:0;background:#171310;animation:curtain .85s var(--ease) forwards}.intro.hidden{display:none}@keyframes light-on{from{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}@keyframes brand-light{0%{opacity:0;filter:brightness(0);transform:scale(.88)}40%{opacity:.9;filter:brightness(.35)}75%{filter:brightness(1.35)}100%{opacity:1;filter:brightness(1);transform:scale(1)}}@keyframes light-sweep{to{transform:translateX(170%)}}@keyframes intro-text{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes curtain{to{opacity:0;transform:translateY(-8%)}}@keyframes sheet-in{from{transform:translateX(100%)}to{transform:translateX(0)}}
@media(min-width:1600px){.hero-stage{min-height:650px}.photo-world{height:520px}.card-front{height:450px}.card-back{height:350px}.hero-bottom{padding-top:25px;padding-bottom:55px}.category{min-height:270px}}@media(max-width:1000px){.hero-stage{min-height:500px}.photo-world{height:390px}.card-front{height:340px}.card-back{height:250px}.metal-stamp{width:95px;height:95px;right:-5px}.metal-stamp span{font-size:45px}.metal-stamp small{font-size:4px}.hero-bottom{gap:20px}.scroll-link{display:none}.category-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.menu-heading>p{margin-right:0}.visit-body{gap:6vw}.visit h2{font-size:59px}}@media(max-width:650px){html{scroll-padding-top:80px}header{height:78px;padding:7px 22px}.brand img{width:66px;height:60px}header nav{gap:19px;font-size:9px}header nav a:last-child{display:none}.lang{padding:9px 12px;font-size:9px;gap:9px}.hero{padding:22px 23px 0}.hero-top>.micro{font-size:7px;letter-spacing:1.2px}.hero-note{display:none}.hero-stage{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:40px 0 5px}.hero-title>.micro{font-size:7px;letter-spacing:1.4px;margin-bottom:22px}h1{font-size:clamp(53px,13.7vw,84px);letter-spacing:-.075em;line-height:.97}h1 .outline{font-size:.7em;margin-top:12px}.photo-world{height:340px;width:90%;margin:48px 0 0 8%;perspective:900px}.card-front{width:88%;left:9%;height:280px;top:8px;border-width:7px;transform:rotateY(-14deg) rotateX(6deg) rotateZ(5deg)}.card-back{height:230px;width:60%;left:-8%;top:-5px}.card-front figcaption{font-size:5px;letter-spacing:1px;height:30px}.card-front img{height:calc(100% - 30px)}.card-back figcaption{font-size:5px;letter-spacing:1px}.metal-stamp{width:90px;height:90px;right:-3px;bottom:20px}.metal-stamp span{font-size:41px}.metal-stamp small{font-size:4px;letter-spacing:1px}.photo-coordinate{font-size:6px;bottom:0;right:2%}.hero-bottom{flex-direction:column;align-items:flex-start;padding:22px 0 37px;gap:24px}.hero-bottom>p{font-size:11px}.hero-bottom .tactile{width:100%;min-height:56px;font-size:12px}.hero-rule{padding:20px 0;font-size:6px;letter-spacing:1px}.menu{padding:60px 22px 35px;border-radius:22px 22px 0 0}.menu-heading{display:block;padding-bottom:30px}.menu-heading .micro{font-size:8px;letter-spacing:1.5px;margin-bottom:20px}.menu-heading h2{font-size:43px;letter-spacing:-2.6px}.menu-heading>p{font-size:11px;margin-top:20px}.menu-watermark{font-size:130px;bottom:0;right:-15px}.menu-toolbar{flex-direction:column;align-items:stretch;gap:20px;padding:20px 0}.groups{gap:7px}.groups button{font-size:9px;padding:10px 13px}.search{min-width:0;width:100%}.status{font-size:7px;margin-top:17px}.category-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;margin:14px 0 35px}.category{padding:19px 16px 15px;min-height:215px;border-radius:15px}.category h3{font-size:21px;letter-spacing:-.8px;line-height:1.1;margin:22px 0 10px}.category .preview{font-size:9px;max-width:100%;line-height:1.6}.category .category-number{font-size:8px}.category-bottom{padding-top:16px}.category-bottom>span{font-size:7px}.category-bottom>b{width:29px;height:29px;font-size:21px}.menu-foot{gap:20px;flex-wrap:wrap;position:relative;padding:25px 55px 0 0}.menu-foot p{font-size:21px}.menu-foot a{font-size:9px}.asterisk{position:absolute;right:0;top:22px;font-size:53px}.space{height:170svh}.space-pin{top:78px;height:calc(100svh - 78px);min-height:570px}.space-top{top:28px;left:23px;right:23px;font-size:7px;letter-spacing:1.3px}.space-copy{left:25px;top:48%}.space-copy h2{font-size:64px;letter-spacing:-3px}.space-copy p{font-size:11px;line-height:1.9;margin-top:22px}.space-controls{right:25px;bottom:90px;gap:25px}.space-caption{left:23px;right:23px;bottom:23px;font-size:6px;letter-spacing:1.2px;padding-top:20px;gap:15px}.space-image img{object-position:55% center}.visit{padding:60px 24px 0}.visit>.micro{font-size:7px;letter-spacing:1.4px;margin-bottom:30px}.visit-body{grid-template-columns:1fr;gap:40px}.visit h2{font-size:52px;letter-spacing:-3px}.visit-details p{font-size:11px}.location-mark{font-size:35px}.contact-line{font-size:12px}.map{font-size:12px}.closing-word{font-size:22vw;letter-spacing:-.085em;margin:55px 0 -7px}footer{padding:25px 23px;flex-wrap:wrap;justify-content:flex-start;gap:15px 35px}footer img{width:64px;height:52px}footer>.micro{font-size:6px;letter-spacing:1.3px}footer>div{width:100%;gap:25px}footer button{font-size:9px}#sheet{width:100%;border-radius:22px 22px 0 0;top:18px;height:calc(100svh - 18px)}.sheet-bar{padding:19px 24px}.sheet-bar .micro{font-size:7px}#sheet-body{padding:30px 25px 45px}#sheet-body h2{font-size:39px}#sheet-body article{gap:20px}#sheet-body h3{font-size:13px}#sheet-body article p{font-size:10px}#sheet-body strong{font-size:12px}.intro-brand{width:200px}.intro>p{font-size:6px;letter-spacing:1.5px;top:calc(50% + 26.34vw + 24px)}}
@media(hover:none){.category:hover{transform:none}.photo-world{--rx:0deg!important;--ry:0deg!important}.tactile:hover{transform:none;filter:none}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.intro{display:none}.space{height:auto}.space-pin{position:relative;top:0}.photo-card{transform:none}.card-back{transform:rotate(-8deg)}.card-front{transform:rotate(4deg)}}@media print{header,.hero,.space,.visit,footer,.intro,.menu-toolbar,.category-grid,.menu-foot{display:none}.menu{padding:0}body{background:white;color:black}}
/* Refined brand material and touch interaction. */
.tactile.orange{color:#fff4e9}.tactile.orange b{color:#fff4e9;background:linear-gradient(145deg,#75aeb1,#20555c);box-shadow:inset 0 1px 2px #c0dedd88,inset 0 -2px 2px #14383eaa}.category:last-child{color:#fff0e8}.category:last-child .preview,.category:last-child .category-bottom>span,.category:last-child .category-number{color:#d9ebea}.category:last-child .category-bottom>b{color:#347c82}.category:last-child:active{box-shadow:inset 0 4px 9px #14383e66,0 1px 0 #163e43}.category h3{margin-top:15px}.groups button:active{transform:translateY(2px);box-shadow:inset 0 2px 5px #35211733}.tactile:active{filter:brightness(.92)}
#close{display:grid;place-items:center;padding:0;line-height:1}#close svg{width:17px;height:17px;display:block;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round}
h1{font-family:'Arial Rounded MT Bold','Trebuchet MS',Arial,sans-serif;font-weight:900;letter-spacing:-.065em;line-height:1.03}h1>span{width:fit-content;color:transparent;background:linear-gradient(172deg,#fffdf5 5%,#e9e0d1 28%,#fffdf8 33%,#b6aa9a 54%,#f1e7d6 82%);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 1px 0 #fff8) drop-shadow(1px 3px 0 #776655) drop-shadow(0 7px 5px #0008);transform:rotate(-2deg);transform-origin:left center}h1>span:nth-child(2){color:transparent;background-image:linear-gradient(173deg,#bfdedd,#64a0a6 28%,#a4cccd 33%,#347c82 58%,#43858e);filter:drop-shadow(0 1px 0 #c6e1df) drop-shadow(1px 3px 0 #17444a) drop-shadow(0 7px 6px #0008);transform:rotate(1deg) translateX(5px)}h1 .outline{font-family:inherit;font-style:normal;font-weight:900;letter-spacing:-.065em;font-size:.52em;margin-top:24px;transform:rotate(-3deg) translateX(3px)}
.photo-world{transform-style:flat}.photo-card{transition:transform .85s var(--ease),width .85s var(--ease),height .85s var(--ease),left .85s var(--ease),top .85s var(--ease),border-color .85s;backface-visibility:hidden}.card-back{z-index:1}.card-front{z-index:2}.photo-world.swapped .card-back{z-index:3;width:87%;height:400px;left:9%;top:12px;border-color:#ded8ca;background:#ded8ca;color:var(--coal);transform:rotateY(-10deg) rotateX(6deg) rotateZ(-4deg)}.photo-world.swapped .card-back figcaption{color:var(--coal)}.photo-world.swapped .card-back img{object-position:center}.photo-world.swapped .card-front{z-index:1;width:56%;height:300px;left:-15%;top:0;border-color:#6a655b;background:#6a655b;transform:rotateY(16deg) rotateZ(12deg) translateZ(-60px)}.photo-world.swapped .card-front figcaption{font-size:5px;color:#eee7d9}.photo-world.swapped .card-front figcaption span:last-child{display:none}
.intro{background:radial-gradient(ellipse at center,#263d3e,#171310 70%)}.intro-light{display:none}.intro-brand{aspect-ratio:710/580;opacity:1;filter:none;transform:none;animation:none;perspective:900px}.intro-brand:after{display:none}.intro-brand .logo-piece{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;animation:assemble-logo 1.1s var(--delay) cubic-bezier(.2,.75,.2,1) both;filter:drop-shadow(0 3px 10px #0006)}.piece-0{clip-path:inset(0 80% 0 0);--delay:.1s;--slide:-70px;--twist:-25deg}.piece-1{clip-path:inset(0 60% 0 20%);--delay:.2s;--slide:55px;--twist:20deg}.piece-2{clip-path:inset(0 40% 0 40%);--delay:0s;--slide:-90px;--twist:-15deg}.piece-3{clip-path:inset(0 20% 0 60%);--delay:.28s;--slide:60px;--twist:20deg}.piece-4{clip-path:inset(0 0 0 80%);--delay:.15s;--slide:-65px;--twist:30deg}.intro.departing .logo-piece{animation:none;opacity:1;transform:none;filter:none}@keyframes assemble-logo{from{opacity:0;transform:translateY(var(--slide)) rotateX(var(--twist));filter:blur(8px) brightness(1.8)}60%{opacity:1}to{opacity:1;transform:translateY(0) rotateX(0);filter:blur(0) brightness(1)}}
@media(min-width:1600px){.photo-world.swapped .card-back{height:450px}.photo-world.swapped .card-front{height:350px}}@media(min-width:651px) and (max-width:1000px){.photo-world.swapped .card-back{height:340px}.photo-world.swapped .card-front{height:250px}}
@media(max-width:650px){h1{font-size:clamp(48px,12.8vw,77px);line-height:1.09}.hero-title h1 .outline{font-size:.57em;margin-top:20px}.photo-world.swapped .card-back{width:88%;height:280px;left:9%;top:8px;transform:rotateY(-10deg) rotateX(5deg) rotateZ(-4deg)}.photo-world.swapped .card-front{width:60%;height:230px;left:-8%;top:-5px}.photo-world.swapped .card-front img{height:calc(100% - 28px)}.category h3{margin-top:10px}.category{min-height:200px}.category:active,.category:last-child:active{transform:translateY(-8px) rotateX(4deg)}.tactile:active{transform:translateY(3px)}}
@media(prefers-reduced-motion:reduce){.intro{display:none}.intro-brand .logo-piece{opacity:1;transform:none;filter:none}.photo-card{transition:none}}
#close{display:flex;align-items:center;justify-content:center;gap:0;flex-shrink:0}#close svg{flex-shrink:0}
/* Whole-word bounds include slant, overhang, descenders and raised shadows. */
.hero-title{overflow:visible;min-width:0}h1{overflow:visible;line-height:1.18}h1>span{width:max-content;max-width:none;padding:.10em .19em .23em .09em;margin-left:-.09em;margin-bottom:-.17em;line-height:1.18;overflow:visible}h1 .outline{padding-bottom:.29em;line-height:1.25;margin-top:18px}h1>span:nth-child(2){padding-right:.23em}.hero{overflow:clip}.hero-title h1{font-size:clamp(65px,7.3vw,126px)}
header .brand{position:absolute;left:4.5vw;top:10px;width:240px;height:auto;z-index:2}header .brand img{width:240px;height:auto;transform-origin:top left;will-change:transform}header nav{margin-left:auto;margin-right:auto}header .lang{position:absolute;right:4.5vw;top:27px}.hero-top{display:none}.hero-stage{padding-top:105px}.hero-location{display:block;margin-bottom:12px;color:var(--muted);font-size:8px;letter-spacing:1.6px}.hero-title>.micro:not(.hero-location){margin-bottom:20px}.category{animation:none}
.intro{background:#171310}.intro-brand{aspect-ratio:710/580;perspective:none;opacity:1;filter:none;animation:whole-mark 1.35s .1s cubic-bezier(.2,.75,.2,1) both}.intro-brand .intro-mark{position:relative;width:100%;height:100%;object-fit:contain}.intro-brand:before{content:'';position:absolute;inset:-20%;border:1px solid #d2bba52b;border-radius:50%;transform:scale(.6);opacity:0;animation:mark-ring 1.5s .1s both;pointer-events:none}.intro.departing .intro-brand{animation:none;clip-path:none;filter:none}.intro.departing .intro-brand:before{display:none}.intro>p{animation-delay:.5s}.intro.departing:before{animation-duration:.7s}@keyframes whole-mark{from{opacity:0;clip-path:inset(50% 0 50% 0 round 90px);transform:translateY(20px) scale(.8);filter:blur(8px)}55%{opacity:1}to{opacity:1;clip-path:inset(-15% -15% -15% -15% round 0);transform:translateY(0) scale(1);filter:blur(0)}}@keyframes mark-ring{0%{opacity:0;transform:scale(.6)}35%{opacity:1}100%{opacity:0;transform:scale(1.3)}}
@media(max-width:1000px) and (min-width:651px){header nav{margin-left:200px;margin-right:100px;gap:24px}}
@media(max-width:650px){header .brand{left:22px;top:7px;width:230px}header .brand img{width:230px;height:auto}header nav{margin-left:108px;margin-right:65px;gap:18px}header .lang{right:22px;top:21px}.hero-stage{padding-top:110px}.hero-location{font-size:7px;letter-spacing:1.2px;margin-bottom:12px}.hero-title h1{font-size:clamp(45px,11.8vw,72px)}.hero-title h1 .outline{font-size:.57em;line-height:1.25;margin-top:18px;padding-bottom:.32em}.hero-title>.micro:not(.hero-location){margin-bottom:18px}}
@media(prefers-reduced-motion:reduce){header .brand img{will-change:auto}.intro-brand{animation:none}}
@media(max-width:650px){header nav{margin-left:auto;margin-right:70px;opacity:0;pointer-events:none;transition:opacity .2s}header.compact nav{opacity:1;pointer-events:auto}}
/* The header boundary follows the logo's full height while it contracts. */
html{overflow-anchor:none;--header-height:222px}header{height:var(--header-height);overflow-anchor:none}.hero-stage{padding-top:0}.space-pin{top:var(--header-height);height:calc(100svh - var(--header-height))}
.category[data-category]{color:#3b2d23;background:linear-gradient(135deg,#fbf7ed 0%,#ede5d6 63%,#ded4c2 100%);border-color:#fefbf5;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 5px 0 #c4b69e,0 9px 11px #6f4e2620}.category[data-category] .preview,.category[data-category] .category-bottom>span{color:#8a755f}.category[data-category] .category-bottom>b{color:#3b2d23}.category[data-category]:hover{box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 11px 0 #c4b69e,0 23px 25px #6f4e2630}
.category:is([data-category="wine"],[data-category="burgers"],[data-category="ethnic"]){background:linear-gradient(140deg,#6da7aa,#438d93 45%,#20585f);color:#fff0e8;border-color:#93bdbe;box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 5px 0 #163e43,0 9px 11px #6f4e2620}.category:is([data-category="wine"],[data-category="burgers"],[data-category="ethnic"]) .preview,.category:is([data-category="wine"],[data-category="burgers"],[data-category="ethnic"]) .category-bottom>span{color:#d9ebea}.category:is([data-category="wine"],[data-category="burgers"],[data-category="ethnic"]):hover{box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 11px 0 #163e43,0 23px 25px #6f4e2630}
.category:is([data-category="coffee"],[data-category="starters"],[data-category="desserts"],[data-category="beers"]){background:linear-gradient(140deg,#3c3832,#28251f);color:var(--ivory);border-color:#544d41;box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 5px 0 #17130d,0 9px 11px #6f4e2620}.category:is([data-category="coffee"],[data-category="starters"],[data-category="desserts"],[data-category="beers"]) .preview,.category:is([data-category="coffee"],[data-category="starters"],[data-category="desserts"],[data-category="beers"]) .category-bottom>span{color:#b0a591}.category:is([data-category="coffee"],[data-category="starters"],[data-category="desserts"],[data-category="beers"]):hover{box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 11px 0 #17130d,0 23px 25px #6f4e2630}
@media(max-width:650px){html{--header-height:210px}.hero-stage{padding-top:0}}@media(prefers-reduced-motion:reduce){.space-pin{top:0;height:calc(100svh - 78px)}}
/* Balanced color rhythm in the retained category order. */
.category[data-category]{color:#3b2d23;background:linear-gradient(135deg,#fbf7ed 0%,#ede5d6 63%,#ded4c2 100%);border-color:#fefbf5;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 5px 0 #c4b69e,0 9px 11px #6f4e2620}.category[data-category] .preview,.category[data-category] .category-bottom>span{color:#8a755f}.category[data-category]:hover{box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 11px 0 #c4b69e,0 23px 25px #6f4e2630}
.category:is([data-category="coffee"],[data-category="ethnic"],[data-category="casual"],[data-category="snacks"]){background:linear-gradient(140deg,#3c3832,#28251f);color:var(--ivory);border-color:#544d41;box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 5px 0 #17130d,0 9px 11px #6f4e2620}.category:is([data-category="coffee"],[data-category="ethnic"],[data-category="casual"],[data-category="snacks"]) .preview,.category:is([data-category="coffee"],[data-category="ethnic"],[data-category="casual"],[data-category="snacks"]) .category-bottom>span{color:#b0a591}.category:is([data-category="coffee"],[data-category="ethnic"],[data-category="casual"],[data-category="snacks"]):hover{box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 11px 0 #17130d,0 23px 25px #6f4e2630}
.category:is([data-category="burgers"],[data-category="starters"],[data-category="wine"]){background:linear-gradient(140deg,#6da7aa,#438d93 45%,#20585f);color:#fff0e8;border-color:#93bdbe;box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 5px 0 #163e43,0 9px 11px #6f4e2620}.category:is([data-category="burgers"],[data-category="starters"],[data-category="wine"]) .preview,.category:is([data-category="burgers"],[data-category="starters"],[data-category="wine"]) .category-bottom>span{color:#d9ebea}.category:is([data-category="burgers"],[data-category="starters"],[data-category="wine"]):hover{box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 11px 0 #163e43,0 23px 25px #6f4e2630}
/* Uniform burgundy material for every menu category. */
#categories .category{background:linear-gradient(140deg,#6da7aa,#438d93 45%,#20585f);color:#fff0e8;border-color:#93bdbe;box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 5px 0 #163e43,0 9px 11px #6f4e2620}
#categories .category .preview,#categories .category .category-bottom>span{color:#d9ebea}
#categories .category .category-bottom>b{color:#347c82}
#categories .category:hover{box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 11px 0 #163e43,0 23px 25px #6f4e2630}
#categories .category:active{box-shadow:inset 0 4px 9px #153b4066,0 1px 0 #163e43,0 2px 3px #0003}

/* Natural scroll runway: the opening content stays still during header contraction. */
main{margin-top:var(--intro-scroll-space,0px)}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)){background:linear-gradient(140deg,#6da7aa,#438d93 45%,#20585f);color:#fff0e8;border-color:#93bdbe;box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 5px 0 #163e43,0 9px 11px #6f4e2620}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)) .preview,#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)) .category-bottom>span{color:#d9ebea}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)):hover{box-shadow:inset 0 2px 1px #ffffff6b,inset 0 -2px 2px #153b4066,0 11px 0 #163e43,0 23px 25px #6f4e2630}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)):active{box-shadow:inset 0 4px 9px #153b4066,0 1px 0 #163e43,0 2px 3px #0003}
#categories .category:is(:nth-child(6n+3),:nth-child(6n+4)){background:linear-gradient(140deg,#3c3832,#28251f);color:#f2eddf;border-color:#544d41;box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 5px 0 #17130d,0 9px 11px #6f4e2620}
#categories .category:is(:nth-child(6n+3),:nth-child(6n+4)) .preview,#categories .category:is(:nth-child(6n+3),:nth-child(6n+4)) .category-bottom>span{color:#b0a591}
#categories .category:is(:nth-child(6n+3),:nth-child(6n+4)):hover{box-shadow:inset 0 2px 1px #ffffff2b,inset 0 -2px 2px #080604,0 11px 0 #17130d,0 23px 25px #6f4e2630}
#categories .category:is(:nth-child(6n+3),:nth-child(6n+4)):active{box-shadow:inset 0 4px 9px #080604,0 1px 0 #17130d,0 2px 3px #0003}
#categories .category:is(:nth-child(6n+5),:nth-child(6n+6)){background:linear-gradient(135deg,#fbf7ed,#ede5d6 63%,#ded4c2);color:#3b2d23;border-color:#fefbf5;box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 5px 0 #c4b69e,0 9px 11px #6f4e2620}
#categories .category:is(:nth-child(6n+5),:nth-child(6n+6)) .preview,#categories .category:is(:nth-child(6n+5),:nth-child(6n+6)) .category-bottom>span{color:#8a755f}
#categories .category:is(:nth-child(6n+5),:nth-child(6n+6)):hover{box-shadow:inset 0 2px 1px #fff,inset 0 -2px 2px #b3a28a99,0 11px 0 #c4b69e,0 23px 25px #6f4e2630}
#categories .category:is(:nth-child(6n+5),:nth-child(6n+6)):active{box-shadow:inset 0 4px 9px #b3a28a99,0 1px 0 #c4b69e,0 2px 3px #0003}

/* Fixed header, as in the first demo. Header and page advance 1:1 until compact. */
header{position:fixed;left:0;right:0;top:0;height:var(--header-height)}main{margin-top:0;padding-top:222px}header .brand img{will-change:transform}
@media(max-width:650px){main{padding-top:210px}}
@media print{main{padding-top:0}}

/* Keep the established logo geometry; only the visible image receives pointer clicks. */
header .brand{pointer-events:none}header .brand img{pointer-events:auto}

/* Isolated scroll-logo trial. */
header .brand{width:auto;height:calc(var(--header-height,360px) - 20px);pointer-events:auto;display:block}
header .brand .scroll-mark{display:block;height:100%;width:auto;max-width:none;overflow:visible;transform:none!important}
header nav{margin-left:155px}main{padding-top:360px}
.intro-brand{aspect-ratio:331/887;width:110px;height:295px}.intro-brand .intro-mark{object-fit:contain}
footer img{width:55px;height:148px;object-fit:contain}
@media(max-width:650px){main{padding-top:310px}header .brand{height:calc(var(--header-height,310px) - 16px)}header nav{margin-left:125px}.intro-brand{width:95px;height:255px}}

/* Approved petrol diamond identity, 2026-10-31. */
header .brand{width:auto;height:auto;pointer-events:none}header .brand img{display:block;width:220px;height:auto;max-width:none;transform:none!important;pointer-events:auto}
header nav{margin-left:auto;margin-right:auto}main{padding-top:240px}
.intro-brand{width:min(330px,65vw);height:auto;aspect-ratio:1265/1025}.intro-brand .intro-mark{width:100%;height:100%;object-fit:contain}
footer img{width:145px;height:auto;object-fit:contain}
@media(max-width:650px){main{padding-top:210px}header nav{margin-left:108px;margin-right:65px}header .brand img{width:190px}.intro-brand{width:65vw;height:auto}footer img{width:120px;height:auto}}

/* Warm light-grey stone accents — approved palette, 2026-10-31. */
:root{--stone-grey:#dad8d2;--stone-grey-light:#e5e3de;--stone-grey-line:#b8b7b0;--petrol:#347c82}
#sheet{background:var(--stone-grey);color:#252b2b}
.sheet-bar{background:#dad8d2f5;border-bottom-color:var(--stone-grey-line);color:#294b4e}
#sheet-lang{color:#235b61;border-bottom-color:#347c8270}
#sheet-body h2,#sheet-body strong{color:#235b61}
#sheet-body h3{color:#252b2b}
#sheet-body article p,#sheet-body>p{color:#515957}
#sheet-body>.micro{color:#316c72}
#sheet-body article{border-bottom-color:var(--stone-grey-line)}
.groups button{background:var(--stone-grey);color:#394441;border-color:#c2c1ba;box-shadow:inset 0 1px 0 #ffffffa0,0 2px 0 #bab9b2}
.groups button:hover{background:var(--stone-grey-light);box-shadow:inset 0 1px 0 #fff,0 4px 0 #bab9b2}
.groups button.active,.groups button[aria-pressed=true]{background:var(--petrol);color:#fff8e8;border-color:#286970;box-shadow:inset 0 1px 0 #ffffff40,0 2px 0 #20555c}
.search{background:var(--stone-grey);border:1px solid #c2c1ba;border-radius:14px;padding:5px 12px;box-shadow:inset 0 1px 3px #858b8220}
.search>span{color:#347c82}.search input,.search button{color:#293735}.search input::placeholder{color:#59625e}
.photo-card{border-color:var(--stone-grey)!important;outline:1px solid #dad8d260;outline-offset:1px}
.photo-card figcaption{border-top-color:var(--stone-grey-line)}
.menu-toolbar,.menu-heading,.menu-foot,.hero-rule,.contact-line{border-color:var(--stone-grey-line)}

/* Wi-Fi visual placeholder: independent positioning leaves existing layout intact. */
header .wifi-preview{position:absolute;right:4.5vw;top:72px;width:44px;height:36px;display:grid;place-items:center;padding:0;border:1px solid #dad8d24d;border-radius:18px;color:#dad8d2;background:#ffffff05;cursor:default;box-shadow:inset 0 1px 0 #ffffff0d}
header .wifi-preview:focus-visible{outline:2px solid #6da7aa;outline-offset:3px}
@media(max-width:650px){header .wifi-preview{right:22px;top:62px;height:30px;width:42px}}

/* Raise the fixed language/Wi-Fi pair to fit inside the compact header. */
header .lang{top:17px}
header .wifi-preview{top:57px}
@media(max-width:650px){header .lang{top:11px}header .wifi-preview{top:48px}}

/* Equal-size adjacent fixed header controls. */
header .lang,header .wifi-preview{position:absolute;top:17px;width:58px;height:36px;min-width:58px;min-height:36px;padding:0;border:1px solid #dad8d24d;border-radius:18px;box-sizing:border-box;display:flex;align-items:center;justify-content:center;gap:7px;background:#ffffff05;color:#dad8d2;box-shadow:inset 0 1px 0 #ffffff0d}
header .lang{right:4.5vw}header .wifi-preview{right:calc(4.5vw + 66px)}
@media(max-width:650px){header .lang,header .wifi-preview{top:11px;width:52px;min-width:52px;height:34px;min-height:34px}header .lang{right:22px}header .wifi-preview{right:82px}}

/* Smaller matching controls, vertically centred on the navigation row. */
header .lang,header .wifi-preview{top:50%;transform:translateY(-50%);width:48px;min-width:48px;height:30px;min-height:30px;border-radius:15px;font-size:10px;gap:5px}
header .lang{right:4.5vw}header .wifi-preview{right:calc(4.5vw + 55px)}
header .wifi-preview svg{width:18px;height:18px}
@media(max-width:650px){header .lang,header .wifi-preview{top:50%;width:44px;min-width:44px;height:28px;min-height:28px;font-size:9px}header .lang{right:22px}header .wifi-preview{right:72px}}

/* Pearl graphite palette — 2026-11-02. Large petrol surfaces become restrained pearl grey.
   Small petrol accents (nav lines, status, active filters, icons) keep the brand connection. */
:root{--pearl:#969794;--pearl-edge:#b4b6b1;--pearl-depth:#515652;--pearl-material:linear-gradient(155deg,#a8aaa5 0%,#989b97 28%,#b2b4af 35%,#969995 46%,#7f8581 76%,#737b77 100%)}
.intro{background:#292b2c}
.intro.departing{background:transparent}
.intro.departing:before{background:#292b2c}
.intro>p,.intro>button{color:#cfcdc5}
.intro-brand:before{border-color:#c9cbc62b}
.tactile.orange{background:var(--pearl-material);color:#202523;border-color:var(--pearl-edge);box-shadow:inset 0 1px 1px #ffffff75,inset 0 -2px 2px #343b3a60,0 5px 0 #515652,0 8px 13px #0005}
.tactile.orange:hover{box-shadow:inset 0 1px 1px #ffffff80,inset 0 -2px 2px #343b3a60,0 10px 0 #515652,0 17px 25px #0005}
.tactile.orange:active{box-shadow:inset 0 3px 7px #343b3a4d,0 1px 0 #515652,0 2px 3px #0004}
.tactile.orange b{background:linear-gradient(145deg,#bec1ba,#868d87);color:#285d62;box-shadow:inset 0 1px 2px #ffffff85,inset 0 -2px 2px #454e4666}
h1>span:nth-child(2){background-image:linear-gradient(173deg,#d0d1c9 5%,#a2a69e 28%,#c1c3bb 33%,#858e86 58%,#959d94);filter:drop-shadow(0 1px 0 #d6d8cf) drop-shadow(1px 3px 0 #4f5851) drop-shadow(0 7px 6px #0008)}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)){background:var(--pearl-material);color:#202523;border-color:var(--pearl-edge);box-shadow:inset 0 1px 1px #ffffff75,inset 0 -2px 2px #343b3a60,0 5px 0 #515652,0 9px 11px #0002}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)) .preview,#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)) .category-bottom>span{color:#2e3833}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)):hover{box-shadow:inset 0 1px 1px #ffffff80,inset 0 -2px 2px #343b3a60,0 11px 0 #515652,0 23px 25px #0003}
#categories .category:is(:nth-child(6n+1),:nth-child(6n+2)):active{box-shadow:inset 0 4px 9px #343b3a60,0 1px 0 #515652,0 2px 3px #0003}
#categories .category .category-bottom>b{color:#285d62}

/* Remove the unused strip below the expanded logo header. */
html{--header-height:206px}
main{padding-top:206px}
@media(max-width:650px){html{--header-height:176px}main{padding-top:176px}}

header .wifi-preview { cursor: pointer; }
#wifi-dialog {
  width: min(360px, calc(100vw - 32px));
  box-sizing: border-box;
  padding: 24px;
  border: 1px solid #8e9291;
  border-radius: 20px;
  background: #e7e6e1;
  color: #222625;
}
#wifi-dialog::backdrop { background: #171b1acc; }
#wifi-dialog form { float: right; }
#wifi-dialog button {
  padding: 8px 12px;
  border: 1px solid #526b6b;
  border-radius: 12px;
  background: #f5f4ef;
  color: #222625;
  cursor: pointer;
}
#wifi-password { user-select: text; }

/* Keep the logo at a stable raster size while it shrinks on scroll. */
header .brand img {
  transform: scale(var(--brand-scale, 1)) !important;
  transform-origin: top left;
}
.search input {
  appearance: none;
  -webkit-appearance: none;
  font-size: 16px;
}
.search input::-webkit-search-cancel-button,
.search input::-webkit-search-decoration {
  -webkit-appearance: none;
  display: none;
}
@media (pointer: coarse) {
  .search input:focus,
  #language:focus,
  #sheet-lang:focus {
    outline: none;
  }
}