:root{--bg:#07080d;--bg2:#0d1018;--text:#f5f1e9;--muted:#a9abb2;--gold:#d8b66a;--line:rgba(255,255,255,.12);--cyan:#67d9ff;--pink:#ff6fb3;--max:1320px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,sans-serif;line-height:1.55}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.55'/%3E%3C/svg%3E");z-index:20}.header{position:fixed;z-index:30;top:0;left:0;right:0;height:78px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,rgba(5,6,10,.92),rgba(5,6,10,.18));backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none;letter-spacing:.12em;font-weight:600}.brand img{width:35px;height:35px;object-fit:contain}.brand em{font-family:"Playfair Display",serif;color:var(--gold);font-style:normal;font-size:.72em;margin-left:4px}.header nav{display:flex;gap:28px}.header nav a,.header-cta{color:#e7e5df;text-decoration:none;font-size:11px;letter-spacing:.18em}.header nav a:hover,.header-cta:hover{color:var(--gold)}.header-cta{border:1px solid var(--line);padding:10px 14px}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:22px}.hero{min-height:100svh;position:relative;overflow:hidden}.hero-main-image{width:100%;height:100%;object-fit:cover;display:block}.hero-panel{position:absolute;inset:0}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,5,9,.82) 0%,rgba(4,5,9,.36) 48%,rgba(4,5,9,.3) 100%),linear-gradient(0deg,rgba(4,5,9,.72),transparent 40%)}.hero-content{position:absolute;left:max(7vw,32px);top:50%;transform:translateY(-43%);max-width:720px}.eyebrow,.section-top{font-size:10px;letter-spacing:.22em;color:#aaaeb8}.hero h1{font:500 clamp(62px,10vw,145px)/.82 "Playfair Display",serif;margin:22px 0 28px;letter-spacing:-.045em}.hero h1 i,.section h2 i{color:var(--gold);font-style:italic}.hero-copy{font-size:16px;color:#ddd9d1;max-width:430px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;padding:13px 19px;text-decoration:none;font-size:10px;letter-spacing:.18em}.btn.primary{background:var(--gold);color:#090a0e}.btn.ghost{border:1px solid rgba(255,255,255,.3);color:#fff}.hero-meta{position:absolute;bottom:28px;left:34px;right:34px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:.18em;color:#b8bac1}.section{max-width:var(--max);margin:auto;padding:110px 6vw}.section-top{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:15px}.story{min-height:70vh}.story-head{display:grid;grid-template-columns:1.2fr .8fr;gap:8vw;margin-top:65px}.section h2{font:500 clamp(44px,6vw,84px)/.94 "Playfair Display",serif;letter-spacing:-.035em;margin:0}.story-copy{color:#bfc0c6;max-width:510px;font-size:15px}.story-copy p{margin:0 0 25px}.shisha{background:linear-gradient(180deg,#090b11,#0b0e15)}.shisha-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin:55px 0}.shisha-head p{max-width:430px;color:var(--muted);font-size:14px}.bowl-showcase{display:grid;grid-template-columns:1.35fr .65fr;min-height:600px}.bowl-visual{position:relative;min-height:540px;overflow:hidden}.bowl-visual img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.86)}.visual-label{position:absolute;left:22px;bottom:20px;background:rgba(5,6,10,.7);padding:10px 13px;font-size:9px;letter-spacing:.18em}.bowl-info{padding:10px 0 10px 45px;display:flex;flex-direction:column}.bowl-info article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:30px 0;border-bottom:1px solid var(--line)}.bowl-info .num{color:var(--gold);font-size:10px}.bowl-info small{font-size:9px;letter-spacing:.18em;color:#a9abb2}.bowl-info h3{font:500 33px "Playfair Display",serif;margin:4px 0}.bowl-info p{margin:0;color:#9699a3;font-size:12px}.bowl-info .note{border:0}.coffee{display:grid;grid-template-columns:1fr 1fr;background:#0a0b10}.coffee-image-wrap{position:relative;min-height:720px;overflow:hidden}.coffee-image-wrap img{width:100%;height:100%;object-fit:cover;display:block}.coffee-image-wrap:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,6,9,.05),#0a0b10)}.degree{position:absolute;z-index:2;right:7%;top:7%;font:500 clamp(52px,8vw,110px) "Playfair Display",serif;color:#fff}.degree span{font-size:.45em;color:var(--cyan)}.coffee-copy{margin:0;padding-top:110px}.coffee-copy p{max-width:430px;color:var(--muted);margin:30px 0}.coffee-list{display:flex;flex-wrap:wrap;gap:8px}.coffee-list span{border:1px solid var(--line);padding:9px 12px;font-size:9px;letter-spacing:.14em;color:#d8d8dc}.manifesto{min-height:65vh;position:relative;display:grid;place-items:center;text-align:center;overflow:hidden}.manifesto-bg{position:absolute;inset:0;background:linear-gradient(rgba(5,6,10,.35),rgba(5,6,10,.85)),url("images/hero-smoke.jpeg") center/cover;filter:saturate(.6)}.manifesto-content{position:relative;z-index:1}.manifesto-content p{font:500 clamp(42px,6vw,82px)/.94 "Playfair Display",serif;margin:0}.manifesto-content i{color:var(--gold)}.manifesto-content span{display:block;margin-top:28px;font-size:10px;letter-spacing:.3em;color:#aaa}.locations{padding-bottom:120px}.locations h2{margin:55px 0 45px}.location-list{border-top:1px solid var(--line)}.location-row{display:grid;grid-template-columns:1.05fr 1fr .8fr 50px;align-items:center;padding:22px 10px;border-bottom:1px solid var(--line);transition:.25s}.location-row:hover{background:#11151e}.location-main{display:contents;color:#fff;text-decoration:none}.location-row .location-main span{font:500 30px "Playfair Display",serif}.location-list small{font-size:9px;letter-spacing:.13em;color:#92959e}.location-ig{font-style:normal;font-size:9px;letter-spacing:.13em;text-align:right;color:var(--gold);text-decoration:none}.location-ig.empty{color:#555}.location-row b{font-size:9px;color:#777;text-align:right}.location-row.new{background:linear-gradient(90deg,rgba(216,182,106,.13),transparent)}.location-row.new .location-main span{color:var(--gold)}.reviews{background:#0c0f16}.review-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-top:55px}.review-score{font:500 clamp(58px,8vw,100px) "Playfair Display",serif}.stars{letter-spacing:.2em;color:var(--gold);font-size:17px}.review-copy{color:var(--muted);max-width:440px}.review-links{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.review-link{border:1px solid var(--line);padding:12px 15px;color:#eee;text-decoration:none;font-size:9px;letter-spacing:.15em}.cocktails{background:#090b10}.cocktail-grid{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center;margin-top:55px}.cocktail-image{min-height:600px;overflow:hidden}.cocktail-image img{width:100%;height:100%;object-fit:cover}.cocktail-copy p{color:var(--muted);max-width:420px;margin:25px 0}.cocktail-tags{display:flex;flex-wrap:wrap;gap:9px}.cocktail-tags span{font-size:9px;letter-spacing:.15em;border-bottom:1px solid var(--gold);padding-bottom:7px}.instagram{padding:110px 6vw;text-align:center;background:#07080d}.instagram .section-top{max-width:var(--max);margin:auto}.gallery-slideshow{max-width:980px;margin:50px auto 25px;position:relative}.gallery-stage{aspect-ratio:16/10;overflow:hidden;background:#0d1018}.gallery-slide{width:100%;height:100%;object-fit:cover;display:none}.gallery-slide.active{display:block;animation:fade .7s ease}.gallery-arrow{position:absolute;z-index:2;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;border:1px solid rgba(255,255,255,.25);background:rgba(0,0,0,.45);color:#fff;font-size:27px}.gallery-prev{left:15px}.gallery-next{right:15px}.gallery-dots{position:absolute;left:0;right:0;bottom:15px;display:flex;justify-content:center;gap:6px}.dot{width:5px;height:5px;background:#777;border-radius:50%}.dot.active{background:#fff}.insta-link{display:inline-block;color:var(--gold);text-decoration:none;font-size:10px;letter-spacing:.18em}.instagram:before{content:""}.footer{border-top:1px solid var(--line)}footer{padding:35px 34px;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);background:#05060a}.footer-brand{display:flex;align-items:center;gap:10px;letter-spacing:.15em}.footer-brand img{width:30px;height:30px;object-fit:contain}.footer-right{display:flex;gap:35px;font-size:8px;letter-spacing:.14em;color:#777a83}.footer-legal{margin-top:10px;font-size:8px;color:#666}.mobile-cta{display:none}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:800px){.header{height:65px;padding:0 18px}.brand span{font-size:13px}.header nav,.header-cta{display:none}.menu-btn{display:block}.hero-content{left:22px;right:22px}.hero h1{font-size:72px}.hero-main-image{object-position:56% center}.hero-meta{left:18px;right:18px}.section{padding:78px 22px}.story-head,.review-grid,.cocktail-grid,.bowl-showcase,.coffee{grid-template-columns:1fr}.story-head{gap:38px;margin-top:45px}.shisha-head{display:block;margin:45px 0 30px}.bowl-showcase{min-height:0;padding-bottom:105px}.bowl-visual{min-height:430px}.bowl-info{padding:5px 0}.bowl-info article{padding:22px 0}.coffee-image-wrap{min-height:520px}.coffee-copy{padding-top:70px}.degree{font-size:70px}.location-row{grid-template-columns:1fr 34px;gap:7px}.location-row .location-main{display:grid;grid-template-columns:1fr}.location-row .location-ig{grid-column:1;grid-row:3;text-align:left;margin-top:3px}.location-row b{grid-column:2;grid-row:1}.location-list a small{grid-column:1}.location-list a span{font-size:25px}.location-list b{grid-column:2;grid-row:1}.review-grid{gap:30px}.cocktail-image{min-height:480px}.gallery-stage{aspect-ratio:4/5}.gallery-arrow{width:36px;height:36px}.gallery-prev{left:8px}.gallery-next{right:8px}footer{display:block;padding:28px 22px}.footer-right{display:block;margin-top:18px}.footer-right span{display:block;margin-top:7px}.mobile-cta{position:fixed;display:flex;z-index:25;bottom:0;left:0;right:0;background:rgba(5,6,10,.94);border-top:1px solid var(--line);padding:9px 12px calc(9px + env(safe-area-inset-bottom));gap:8px}.mobile-cta a{flex:1;text-align:center;padding:12px 8px;text-decoration:none;font-size:9px;letter-spacing:.15em}.mobile-cta .find{background:var(--gold);color:#05060a}.mobile-cta .ig{border:1px solid var(--line);color:#fff}body{padding-bottom:78px}.shisha{padding-bottom:175px}.bowl-info{padding-bottom:90px}.manifesto{min-height:70vh}.coffee-copy{padding-bottom:70px}.locations{padding-bottom:150px}.reviews{padding-bottom:150px}.cocktails{padding-bottom:150px}.instagram{padding-bottom:150px}}

/* Website bowl showcase: use the same Cosmo / Oblako photos as the order page. */
.website-bowls{display:block;min-height:0}
.website-bowl-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.website-bowl-card{position:relative;min-height:620px;overflow:hidden;background:#0a0c12;border:1px solid var(--line)}
.website-bowl-card img{width:100%;height:100%;min-height:620px;object-fit:cover;display:block;filter:saturate(.9)}
.website-bowl-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,6,10,.05) 35%,rgba(5,6,10,.78) 100%);pointer-events:none}
.website-bowl-overlay{position:absolute;z-index:1;left:28px;right:28px;bottom:28px}
.website-bowl-overlay span{display:block;color:#c5c7cf;font-size:9px;letter-spacing:.25em}
.website-bowl-overlay strong{display:block;font:500 clamp(38px,5vw,64px)/1 "Playfair Display",serif;margin:7px 0 10px}
.website-bowl-overlay em{display:block;color:#d8b66a;font-style:normal;font-size:10px;letter-spacing:.16em}
.website-bowls .bowl-info{padding:18px 0 10px;display:grid;grid-template-columns:1fr 1fr;column-gap:45px}
.website-bowls .bowl-info .note{grid-column:1 / -1}
@media(max-width:800px){.website-bowl-grid{grid-template-columns:1fr;gap:14px}.website-bowl-card,.website-bowl-card img{min-height:520px;height:520px}.website-bowl-overlay{left:22px;right:22px;bottom:22px}.website-bowls .bowl-info{display:flex;padding:5px 0 90px}.website-bowls .bowl-info .note{grid-column:auto}}

/* v5.6.15 — clean duplicate bowl info and elevate HANSUM OMAKASE */
.website-omakase-copy{display:block;padding:28px 0 80px}
.website-omakase-copy .note{padding:0;border:0}
.website-omakase-copy .note small{display:block;color:#d8b66a;letter-spacing:.28em;font-size:10px;margin-bottom:10px}
.website-omakase-copy .note h3{font-size:clamp(42px,6vw,72px);margin:0 0 14px;line-height:1}
.website-omakase-copy .note p{max-width:650px;font-size:14px;line-height:1.7}
@media(max-width:800px){.website-omakase-copy{padding:22px 0 95px}.website-omakase-copy .note h3{font-size:42px}.website-omakase-copy .note p{font-size:13px;max-width:100%}}

/* v5.7 preview — unified 01–07 section hierarchy */
.section-top span:first-child{
  font-size:clamp(18px,1.5vw,22px);
  letter-spacing:.22em;
}
.section-top span:last-child{
  font-size:clamp(15px,1.2vw,18px);
  letter-spacing:.20em;
}
.section-top{margin-bottom:48px}
.omakase-section .eyebrow{font-size:15px;letter-spacing:.28em;margin-bottom:18px}
.omakase-section h2{font-size:clamp(48px,6vw,82px);line-height:.96}
.omakase-section .story-copy{font-size:clamp(18px,1.5vw,21px);line-height:1.65}
@media(max-width:800px){
  .section-top{margin-bottom:34px}
  .section-top span:first-child{font-size:17px;letter-spacing:.18em}
  .section-top span:last-child{font-size:13px}
  .omakase-section h2{font-size:52px}
  .omakase-section .story-copy{font-size:18px}
  .coffee-image-wrap img{width:100%;height:auto;object-fit:contain}
}

/* v5.8.3 — editorial image placement: title first, image immediately below */
.coffee{display:block}
.coffee-copy{max-width:var(--max);margin:auto}
.coffee-image-below-title{margin-top:42px;min-height:560px}
.coffee-image-below-title img{width:100%;height:100%;object-fit:cover;display:block}
.cocktail-title-block{max-width:var(--max);margin:55px auto 0}
.cocktail-title-block h2{margin:0 0 42px}
.cocktail-image-below-title{min-height:620px;margin:0 0 38px;overflow:hidden}
.cocktail-image-below-title img{width:100%;height:100%;object-fit:cover;display:block}
.cocktail-title-block p{max-width:520px}
@media(max-width:800px){
  .coffee-copy{padding-top:78px;padding-bottom:100px}
  .coffee-image-below-title{min-height:520px;margin-top:32px}
  .cocktail-title-block{margin-top:42px}
  .cocktail-title-block h2{margin-bottom:32px}
  .cocktail-image-below-title{min-height:480px;margin-bottom:30px}
}