/* Final presentation rhythm: HaiSous warmth, clear editorial hierarchy. */
:root{--rail:204px}
body{font-size:15px;-webkit-font-smoothing:antialiased}
.rail{padding:28px 23px 20px;border-right:1px solid #ffffff18}
.rail .brand img{width:144px}
.rail nav{margin-top:24px;margin-bottom:18px;scroll-padding:12px}
.rail nav a{font-size:15px;line-height:1.4;padding:5px 0;color:#e1d9cb;transition:color .18s ease}
.rail nav a.nav-divider{border-top:1px solid #ffffff26;margin-top:9px;padding-top:13px}
.rail nav .nav-group{font-size:10px;letter-spacing:1.2px;color:#d2b47e;padding:12px 0 6px;margin-top:6px;border-color:#ffffff1c}
.rail nav a.active{color:#fff;font-weight:700;box-shadow:none}
.rail-brands{padding-top:15px;border-color:#ffffff1c}
.rail-brands .rail-haisous{width:110px;margin-bottom:12px}
.rail-sister-brands{gap:16px}
.rail-sister-brands img{height:43px}
.rail-sister-brands img:last-child{height:43px;width:67px}
main>section.slide{border:0;margin-block:0}
/* Desktop slides fill the viewport; their intrinsic content stays centered. */
@media screen and (min-width:761px){
 main>section.slide{min-height:100svh;min-height:100dvh;height:auto;max-height:none;margin-block:0;scroll-margin-top:0;box-sizing:border-box}
 main>section.slide:not(#cover){display:flex;flex-direction:column;justify-content:center;align-items:stretch}
 main>section.slide:not(#cover)>*{flex-shrink:0}
}

.padded{padding:58px 5.5% 56px}
.section-label{margin-bottom:34px;font-size:11px;letter-spacing:1.8px}
.section-label b{font-size:14px}
h2{font-size:clamp(38px,4vw,60px);letter-spacing:-.035em;line-height:1.12;text-wrap:balance}
h3{letter-spacing:-.015em;text-wrap:balance}
p{text-wrap:pretty}
.lead{font-size:21px;line-height:1.5}
.eyebrow{font-size:11px;line-height:1.55;letter-spacing:1.6px}
.photo-card p,.companion-points p,.team-bio p:not(.eyebrow),.drinks-detail p{font-size:14px;line-height:1.7}
.team-bio .eyebrow{font-size:10px;letter-spacing:1.25px}
.team-bio .team-detail{font-size:12px!important;line-height:1.6}
#chef .team-photo>img{max-height:690px;aspect-ratio:3/4;object-position:50% 32%}
.team-layout{grid-template-columns:1.05fr 1fr;gap:6%}
#concept .photo-card img,#food .photo-card img{height:280px}
#concept .photo-card p strong{display:block;margin-bottom:5px;font-size:12px;letter-spacing:.3px}
#haisous .companion-photo img{height:530px}
.companion h2{font-size:clamp(40px,4vw,60px)}
.companion-tagline{font-size:27px}
.companion-points{margin-top:26px;padding-top:22px}
#dang-good-wings .companion-photo>img{height:560px;object-position:center 43%}
/* Override the obsolete thumbnail layout completely. */
#design .split{display:grid;grid-template-columns:.8fr 1.2fr;gap:6%;align-items:center}
#design .split>div{display:block}
#design h2{font-size:clamp(38px,3.8vw,58px)}
#design .lead{display:block;margin-bottom:22px}
#design .split>figure{display:block;width:100%;min-width:0;margin:0}
#design .split>figure>img:first-child,#design .split>figure>img:last-child{display:block;width:100%;height:460px;max-height:none;object-fit:cover;object-position:54% center}
#design .swatches{display:flex;height:7px;margin:30px 0 15px;max-width:280px;gap:5px}
#design .minor{display:block;font-size:11px;letter-spacing:.4px}
.bar-layout{grid-template-columns:1fr 1.05fr;gap:6%}
.bar-layout h2{font-size:clamp(38px,3.7vw,56px)}
.bar-layout figure img{height:570px;object-position:center 52%}
.drinks-detail{padding-top:18px;margin-top:22px}
.drinks-detail h3{font-size:22px}
#recognition .number{min-height:74px;display:flex;align-items:center;font-size:58px;line-height:1;color:#d4b780;margin-bottom:16px}
#recognition .number.recognition-michelin{font-size:32px;letter-spacing:.03em}
#recognition .three{gap:32px}
#recognition .rule{padding-top:25px;margin-top:14px}
#recognition .rule p:not(.number),#operations .rule p:not(.eyebrow){font-size:14px;line-height:1.7}
#operations .three{gap:32px}
#operations .rule{padding-top:24px;margin-top:12px}
#operations .rule h3{font-size:25px}
#partnership .rule p{font-size:14px;line-height:1.7}
#partnership .split-visual{align-self:center}
#partnership .split-visual img{aspect-ratio:4/5;max-height:640px;object-position:57% center}
.social-post-grid .social-tile{height:350px}
.social-handle{font-size:12px;line-height:1.5}
.social-press{font-size:13px;padding-top:24px}
.social-tile{isolation:isolate}
.social-tile>span{z-index:1}
.social-tile:focus-visible{outline:3px solid #d9bd85;outline-offset:5px}
.tiger-editorial{padding:48px 5.5% 42px}
.tiger-story>p:not(.eyebrow){font-size:14px;line-height:1.7}
.tiger-story .eyebrow{font-size:11px}
.tiger-connection{font-size:12px;line-height:1.7;max-width:900px}
.tiger-social-row .social-tile{height:320px}
#sources{padding-top:38px;padding-bottom:38px}
#sources h2{font-size:34px;margin-bottom:22px}
#sources .appendix>summary{font-size:14px;padding:13px 0;cursor:pointer}
#sources .references{padding-top:22px}
#sources .references li{font-size:13px;line-height:1.65}
#sources .credits-content{display:grid;grid-template-columns:1fr;padding-top:24px}
#sources .credits-block h3{font-size:21px;margin:0 0 12px}
#sources .references,#sources .credit-notes{list-style:none;margin:0;padding:0}
#sources .references{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:22px}
#sources .references li,#sources .credit-notes li{padding:7px 0;border-bottom:1px solid #55493433;font-size:13px!important;line-height:1.45}
#sources .references a,#sources .credit-notes a{text-underline-offset:2px}
@media(max-width:1050px){#sources .credits-content{grid-template-columns:1fr}#sources .references{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){#sources .references{grid-template-columns:1fr}}
dialog{padding:20px 24px 24px;box-shadow:0 28px 100px #0008;overscroll-behavior:contain}
#post-embed iframe{display:block;border:0;width:100%;min-height:570px;background:#fff}
@media(min-width:761px) and (max-height:850px){.rail{padding-top:21px;padding-bottom:16px}.rail nav{margin-top:15px;margin-bottom:12px}.rail nav a{font-size:14px;padding:3px 0}.rail nav .nav-group{font-size:10px;padding-top:9px;padding-bottom:4px;margin-top:4px}.rail-brands{padding-top:10px}.rail-brands .rail-haisous{width:90px;margin-bottom:7px}.rail-sister-brands img{height:34px}.rail-sister-brands img:last-child{height:34px;width:53px}}
@media(max-width:1050px) and (min-width:761px){:root{--rail:184px}.rail{padding-inline:18px}.padded{padding-inline:5%}.companion-points{grid-template-columns:1fr;gap:6px}.companion-points p{margin-bottom:8px}.team-layout{gap:4%}.tiger-hero{gap:4%}.tiger-story h2{font-size:35px}}
@media(max-width:760px){:root{--rail:0px}.rail{height:70px;padding:12px 20px}.rail .brand img{width:120px}.rail nav{margin:0;padding:20px 24px;max-height:calc(100svh - 70px);padding-bottom:28px}.rail nav a{font-size:16px;padding:9px 0}.rail nav .nav-group{font-size:11px;padding-top:16px}.rail-brands{display:none}.padded{padding:40px 24px}.section-label{margin-bottom:27px;font-size:10px}h2{font-size:39px}.lead{font-size:19px}.team-layout,.bar-layout,#design .split{grid-template-columns:1fr;gap:28px}#chef .team-photo>img{max-height:none;aspect-ratio:3/4}.companion-points{grid-template-columns:1fr 1fr;gap:20px}#haisous .companion-photo img,#dang-good-wings .companion-photo>img{height:390px}#concept .photo-card img,#food .photo-card img{height:300px}#design .split>figure>img:first-child,#design .split>figure>img:last-child{height:320px}#design .swatches{margin-top:22px}.bar-layout figure img{height:440px}.social-post-grid .social-tile{height:390px}#partnership .split-visual img{max-height:none;aspect-ratio:1/1}#recognition .number{min-height:0;font-size:48px}#recognition .number.recognition-michelin{font-size:31px}.tiger-editorial{padding:40px 24px}.tiger-social-row .social-tile{height:390px}.tiger-social-row .social-tile:first-child img{object-fit:contain}#sources h2{font-size:30px}dialog{padding:16px;width:94vw}#post-embed iframe{min-height:500px}}
@media(prefers-reduced-motion:reduce){.rail nav a,.social-tile img{transition:none}}
@media print{.rail{display:none}main{margin-left:0}.padded{padding:30px}.slide{break-inside:avoid}#design .split>figure>img{height:300px!important}}

/* Presentation-sized type: readable supporting copy on every slide. */
main .slide p:not(.eyebrow):not(.lead):not(.cover-subtitle):not(.companion-tagline):not(.number){font-size:17px!important;line-height:1.65}
main .slide .lead{font-size:23px;line-height:1.5}
main .slide .eyebrow,main .slide .section-label{font-size:14px!important;line-height:1.5;letter-spacing:1.2px}
main .slide .section-label b{font-size:16px}
main .slide .team-bio .team-detail,main .slide .social-handle,main .slide .tiger-connection,main .slide .minor{font-size:15px!important;line-height:1.65}
main .slide .band span{font-size:16px;line-height:1.6}
main .slide .photo-card p strong{font-size:16px}
main .slide .social-tile>span{font-size:16px;line-height:1.4}
main .slide .social-press,main .slide .social-press>span,main .slide .tiger-social-heading>span,main .slide .tiger-story cite{font-size:14px;line-height:1.5;letter-spacing:.5px}
main .slide .references li,main .slide .appendix>summary{font-size:16px}
main .slide .companion-points h3,main .slide .drinks-detail h3{font-size:24px}
#chef .team-layout{align-items:center}#chef .team-photo>img{max-height:none}
#sources .minor{font-size:15px!important}
@media(max-width:760px){main .slide p:not(.eyebrow):not(.lead):not(.cover-subtitle):not(.companion-tagline):not(.number){font-size:16px!important}main .slide .lead{font-size:21px}main .slide .eyebrow,main .slide .section-label{font-size:13px!important}main .slide .team-bio .team-detail,main .slide .social-handle,main .slide .tiger-connection,main .slide .minor{font-size:15px!important}.companion-points{grid-template-columns:1fr;gap:16px}}

/* Crying Tiger: editorial food hero and in-slide video players. */
.tiger-hero{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(38px,4vw,76px);align-items:center}
.tiger-feeds{min-width:0}
.tiger-story .tiger-site-link{margin:18px 0 0}
.tiger-site-link a{display:inline-block;color:#d8bd83;text-decoration:none;border-bottom:1px solid #b79957;padding-bottom:4px;font-size:15px;font-weight:600;letter-spacing:.1px}
.tiger-site-link a:hover{color:#f2dfb2;border-color:#f2dfb2}
.tiger-site-link a:focus-visible{outline:2px solid #d8bd83;outline-offset:4px}
.tiger-feeds .tiger-social-heading{width:min(100%,max(620px,calc(100svh - 180px)),700px);margin:0 auto 16px;padding:0 0 0 12px;border-top:0}
.tiger-hero-room{width:100%;margin:26px 0 0}
.tiger-hero-room img{display:block;width:100%;height:clamp(300px,32vw,510px);object-fit:cover;object-position:55% center}
.tiger-social-row.tiger-inline-videos{width:min(100%,max(620px,calc(100svh - 180px)),700px);margin-inline:auto;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2vw,24px);align-items:start}
.tiger-video{width:100%;min-width:0;justify-self:stretch;margin:0;padding:0 12px;background:#102f25;border:1px solid #b799574d;border-radius:10px;box-shadow:0 12px 30px #04181026;overflow:hidden;transition:border-color .2s ease,box-shadow .2s ease}
.tiger-video:hover,.tiger-video:focus-within{border-color:#c9a96199;box-shadow:0 14px 32px #04181040}
.tiger-video-header{min-height:110px;padding:20px 8px 17px}
.tiger-video-kicker{display:block;font-size:10px;font-weight:500;letter-spacing:1.7px;text-transform:uppercase;color:#c4a66d;margin-bottom:9px}
.tiger-video h4{font-family:Lora,Georgia,serif;font-size:19px;font-weight:400;line-height:1.4;margin:0;color:#efe4c8}
.tiger-embed-shell{position:relative;overflow:hidden;aspect-ratio:9/16;border-radius:4px;background:#101b17;border:1px solid #b7995733}
.tiger-video video{display:block;width:100%;height:100%;object-fit:cover;background:#101b17;cursor:pointer}
.tiger-video-link{display:flex;align-items:center;justify-content:flex-end;gap:12px;padding:17px 0 18px;font-size:12px;font-weight:500;letter-spacing:.25px;color:#d8bd83;text-align:right;text-decoration:none}
.tiger-video-link:hover{color:#f2dfb2;text-decoration:underline;text-underline-offset:4px}
.tiger-video-link:focus-visible{outline:2px solid #d8bd83;outline-offset:-3px;border-radius:4px}
@media(max-width:760px){.tiger-social-row.tiger-inline-videos{width:100%;grid-template-columns:1fr;gap:22px}.tiger-video{width:min(100%,300px);justify-self:center;padding-inline:10px}.tiger-video-header{min-height:0;padding:18px 6px 15px}.tiger-video h4{font-size:18px}.tiger-video-link{padding-inline:0}}
@media(max-width:1550px){.tiger-hero{grid-template-columns:1fr;gap:32px}.tiger-story{max-width:700px;margin-inline:auto}.tiger-feeds{width:100%}.tiger-feeds .tiger-social-heading{max-width:700px;margin-inline:auto}}
@media(max-width:760px){.tiger-hero-room img{height:auto;aspect-ratio:4/3}.tiger-feeds .tiger-social-heading{padding-top:20px;border-top:1px solid #d6b57555}}
@media(min-width:761px){html{scroll-padding-top:0}}
@media(prefers-reduced-motion:reduce){.tiger-video{transition:none}}

/* Welcome: a centered composition with HaiSous leading the brand signatures. */
#cover{display:grid;grid-template-columns:49% 51%;min-height:100svh;min-height:100dvh;height:auto;max-height:none;background:#eee6d6;color:#292d25;overflow:hidden;box-sizing:border-box}
#cover .cover-image{position:absolute;inset:0 0 0 auto;width:51%;height:100%;object-position:50% 50%;object-fit:cover}
#cover .cover-copy{grid-column:1;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:0;width:100%;max-width:720px;justify-self:center;padding:clamp(36px,6vh,80px) clamp(28px,3.3vw,64px);position:relative;z-index:1;text-align:center;box-sizing:border-box}
main #cover .eyebrow{width:100%;max-width:420px;font-size:11px!important;letter-spacing:1.8px;line-height:1.8;margin:0 0 clamp(28px,4vh,48px);color:#80603d;white-space:normal;text-wrap:balance}
#cover .eyebrow::before{content:none}
#cover h1.cover-title{font-family:Lora,Georgia,serif;font-weight:400;font-size:clamp(44px,4.55vw,82px);line-height:1.08;letter-spacing:-.045em;color:#292d25;width:100%;margin:0;text-wrap:balance}
#cover .cover-title em{display:block;max-width:8.8em;margin:12px auto 0;font-weight:400;font-style:italic;color:#895833}
#cover .cover-intro{max-width:39ch;margin:24px 0 0;font-size:clamp(16px,1.15vw,19px);line-height:1.65;color:#5b574b;text-wrap:pretty}
#cover .cover-brand-trio{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,.8fr) minmax(0,1fr);align-items:center;gap:clamp(12px,1.5vw,28px);width:100%;max-width:520px;margin-top:clamp(28px,4vh,44px);padding:22px 0 0;background:transparent;border:0;border-top:1px solid #a88a5d40;box-sizing:border-box}
#cover .cover-brand{display:flex;align-items:center;justify-content:center;min-width:0;height:clamp(108px,10.4vw,156px);padding:0;border:0;box-sizing:border-box}
#cover .cover-brand+.cover-brand{border:0}
#cover .cover-brand img{display:block;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal}
#cover .cover-brand:nth-child(2) img{width:88%;height:100%}
#cover .cover-brand:nth-child(3) img{width:108%;max-width:108%;height:100%}
#cover .cover-haisous-mark{filter:brightness(0);opacity:.82}
@media(max-width:1100px) and (min-width:761px){
 #cover{grid-template-columns:52% 48%}
 #cover .cover-image{width:48%}
 #cover .cover-copy{padding-inline:28px}
 #cover h1.cover-title{font-size:clamp(40px,4.6vw,51px)}
 #cover .cover-brand-trio{gap:14px}
 #cover .cover-brand{height:110px}
}
@media(max-width:760px){
 #cover{grid-template-columns:1fr;grid-template-rows:auto minmax(160px,32dvh);min-height:calc(100svh - 70px);min-height:calc(100dvh - 70px);height:auto;max-height:none}
 #cover .cover-copy{grid-column:1;grid-row:1;width:100%;max-width:560px;order:0;padding:34px 28px;justify-content:center}
 #cover .cover-image{position:relative;inset:auto;grid-column:1;grid-row:2;order:1;width:100%;height:100%;min-height:0;object-position:50% 52%}
 main #cover .eyebrow{font-size:10px!important;letter-spacing:1.4px;margin-bottom:24px}
 #cover h1.cover-title{font-size:clamp(40px,9.3vw,62px)}
 #cover .cover-title em{margin-top:9px}
 #cover .cover-intro{font-size:16px;margin-top:20px;line-height:1.55}
 #cover .cover-brand-trio{margin-top:28px;padding-top:20px;gap:16px}
 #cover .cover-brand{height:96px}
}
@media(max-height:700px) and (min-width:761px){
 #cover .cover-copy{padding-block:28px}
 main #cover .eyebrow{margin-bottom:22px}
 #cover h1.cover-title{font-size:clamp(40px,4vw,62px)}
 #cover .cover-brand-trio{margin-top:28px;padding-top:20px}
 #cover .cover-brand{height:100px}
}
@media print{#cover{min-height:0;height:90vh}}

.chef-credentials{list-style:none;padding:0;margin:18px 0 0;display:grid;gap:8px}.chef-credentials li{font-size:15px;line-height:1.5;color:#e0d3bd}.chef-credentials strong{font-weight:600;color:#f2e8d5}.chef-credentials span{color:#d4b485}

#haisous .companion-photo{align-self:center}#haisous .companion-photo img{height:auto;aspect-ratio:3/2;object-fit:contain;width:100%}
#haisous .haisous-video-figure video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#19231c}
#haisous .haisous-video-figure figcaption{margin-top:11px;text-align:right;font-size:12px;line-height:1.4}
#haisous .haisous-video-figure figcaption span{color:#d5b77f}

/* The collection signatures introduce the sidebar above the chapter links. */
@media(min-width:761px){
 .rail nav{margin:22px 0 0;flex:1 1 auto;min-height:0}
 .rail-brands{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:10px;width:100%;padding:0;margin:0;border:0}
 .rail-brands img{display:block;object-fit:contain;flex-shrink:0;background:transparent;filter:none;mix-blend-mode:normal}
 .rail-brands .rail-haisous{width:100%;max-width:160px;height:auto;margin:0}
 .rail-brands .rail-cafe{width:72px;height:90px}
 .rail-brands .rail-wings{width:132px;height:85px}
 .rail-brand-divider{display:block;flex-shrink:0;width:58px;height:1px;background:#c7a36d40}
}
@media(min-width:761px) and (max-height:850px){
 .rail nav{margin-top:18px}
 .rail-brands{gap:7px}
 .rail-brands .rail-haisous{width:100%;max-width:160px;height:auto}
 .rail-brands .rail-cafe{width:52px;height:65px}
 .rail-brands .rail-wings{width:108px;height:69px}
 .rail-brand-divider{width:48px}
}

/* Preserve the full composition of the supplied wings photograph. */
#dang-good-wings .companion-photo{align-self:center}
#dang-good-wings .companion-photo>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;object-position:center}

/* Supporting chapters belong to the HaiSous concept in the navigation. */
.rail nav .nav-subgroup{display:flex;flex-direction:column;flex-shrink:0;margin:3px 0 7px 3px;padding-left:13px;border-left:1px solid #c7a36d40}
.rail nav .nav-subgroup a{font-size:13px;padding:4px 0;color:#bcb4a6}
.rail nav .nav-subgroup a:hover,.rail nav .nav-subgroup a.active{color:#fff}
@media(max-width:760px){.rail nav .nav-subgroup a{font-size:15px;padding:8px 0}}

/* The embedded video starts 54px below Instagram’s own header. The 4:5 crop displays the full video and excludes the redundant native footer. */
.tiger-video-kicker{text-decoration:none}
.tiger-video-kicker:hover{text-decoration:underline;text-underline-offset:3px}
.tiger-video-kicker:focus-visible{outline:2px solid #d8bd83;outline-offset:3px}

/* A quiet editorial link to the café's coffee site. */
#cafe .cafe-site-link{margin:22px 0 0}
#cafe .cafe-site-link a{display:inline-block;color:#805236;text-decoration:none;border-bottom:1px solid #a77f58;padding-bottom:4px;font-size:15px;font-weight:600;letter-spacing:.1px}
#cafe .cafe-site-link a:hover{color:#512f1d;border-color:#512f1d}
#cafe .cafe-site-link a:focus-visible{outline:2px solid #805236;outline-offset:4px}

/* Direct link to the shared Cà Phê Đá and Dang Good Wings site. */
#dang-good-wings .wings-site-link{margin:22px 0 0}
#dang-good-wings .wings-site-link a{display:inline-block;color:#d8bd83;text-decoration:none;border-bottom:1px solid #b79957;padding-bottom:4px;font-size:15px;font-weight:600;letter-spacing:.1px}
#dang-good-wings .wings-site-link a:hover{color:#f2dfb2;border-color:#f2dfb2}
#dang-good-wings .wings-site-link a:focus-visible{outline:2px solid #d8bd83;outline-offset:4px}

/* HaiSous restaurant link follows the dark concept slide treatment. */
#haisous .haisous-site-link{margin:22px 0 0}
#haisous .haisous-site-link a{display:inline-block;color:#d8bd83;text-decoration:none;border-bottom:1px solid #b79957;padding-bottom:4px;font-size:15px;font-weight:600;letter-spacing:.1px}
#haisous .haisous-site-link a:hover{color:#f2dfb2;border-color:#f2dfb2}
#haisous .haisous-site-link a:focus-visible{outline:2px solid #d8bd83;outline-offset:4px}

/* Recognition pairs the restaurant's food with concise, verified milestones. */
#recognition{display:flex;flex-direction:column;justify-content:center}
#recognition .recognition-layout{display:grid;grid-template-columns:minmax(0,.84fr) minmax(0,1.16fr);gap:clamp(32px,5vw,80px);align-items:center;width:100%}
#recognition .recognition-photo{margin:0;min-width:0;overflow:hidden}
#recognition .recognition-photo img{display:block;width:100%;height:clamp(420px,68svh,650px);object-fit:cover;object-position:center;transform:scale(1.32);transform-origin:50% 70%}
#recognition .recognition-content{min-width:0}
#recognition .recognition-content .eyebrow{margin:0 0 14px;color:#d4b780}
#recognition .recognition-content h2{font-size:clamp(37px,3.9vw,60px);margin:0 0 28px}
#recognition .recognition-awards{border-top:1px solid #a891665e}
#recognition .recognition-award{display:grid;grid-template-columns:92px minmax(0,1fr);gap:18px;align-items:center;padding:15px 0;border-bottom:1px solid #a891665e}
#recognition .recognition-year{font-family:Lora,Georgia,serif;font-size:31px;line-height:1;color:#d4b780}
#recognition .recognition-guide{font-family:Arial,sans-serif;font-size:11px;font-weight:700;letter-spacing:1.2px}
#recognition .recognition-award h3{font-size:19px;line-height:1.2;margin:0 0 4px;color:#f3e9d5}
#recognition .recognition-award p{font-size:12px;line-height:1.35;margin:0;color:#cfc3ae}
@media(max-width:760px){#recognition .recognition-layout{grid-template-columns:1fr;gap:24px}#recognition .recognition-photo img{height:240px;object-position:center 54%;transform:none}#recognition .recognition-content h2{font-size:38px;margin-bottom:23px}#recognition .recognition-award{grid-template-columns:78px minmax(0,1fr);gap:12px;padding:13px 0}#recognition .recognition-year{font-size:27px}#recognition .recognition-guide{font-size:10px}#recognition .recognition-award h3{font-size:18px}}
@media(max-height:700px) and (min-width:761px){#recognition .recognition-photo img{height:clamp(360px,62svh,520px)}#recognition .recognition-content h2{margin-bottom:18px}#recognition .recognition-award{padding:10px 0}}

/* The founders' journey is a quiet editorial bridge into the collection. */
#journey{display:flex;flex-direction:column;justify-content:center;background:#e6d6b9;color:#292b25}
#journey .journey-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(28px,4.5vw,76px);align-items:center}
#journey .journey-copy{min-width:0;max-width:700px}
#journey .journey-copy .eyebrow{color:#885b3e;margin-bottom:14px}
#journey h2{font-size:clamp(38px,4vw,62px);line-height:1.08;margin-bottom:27px}
#journey h2 em{color:#8d5637}
main #journey .journey-copy p:not(.eyebrow){font-size:clamp(15px,1.12vw,18px)!important;line-height:1.6;margin:0 0 17px;max-width:62ch}
#journey .journey-copy p:last-child{margin-bottom:0}
#journey .journey-photo{margin:0;min-width:0;overflow:hidden}
#journey .journey-photo img{display:block;width:100%;height:clamp(410px,60svh,620px);object-fit:cover;object-position:center}
#journey .journey-video{display:block;width:100%;aspect-ratio:16/9;height:auto;background:#171915;object-fit:contain}
#journey .journey-video-source{margin-top:11px;text-align:right;font-size:12px;line-height:1.4}
#journey .journey-video-source span{color:#705039}
@media(max-width:760px){#journey .journey-layout{grid-template-columns:1fr;gap:26px}#journey h2{font-size:40px;margin-bottom:22px}main #journey .journey-copy p:not(.eyebrow){font-size:16px!important;line-height:1.55;margin-bottom:16px}#journey .journey-photo img{height:auto;aspect-ratio:4/3}}
@media(max-height:720px) and (min-width:761px){#journey h2{margin-bottom:18px}main #journey .journey-copy p:not(.eyebrow){font-size:15px!important;line-height:1.5;margin-bottom:12px}#journey .journey-photo img{height:clamp(360px,55svh,500px)}}

/* Give chapter links more room while preserving the logo stack above them. */
@media(min-width:761px){
 .rail nav a{padding-top:7px;padding-bottom:7px}
 .rail nav .nav-subgroup a{padding-top:5px;padding-bottom:5px}
 .rail nav .nav-group{margin-top:9px;padding-top:15px;padding-bottom:8px}
 .rail nav a.nav-divider{margin-top:12px;padding-top:16px}
}

#social .social-reel-grid{width:min(100%,580px);margin-inline:auto;gap:16px;align-items:stretch}
#social .social-reel-card{display:flex;flex-direction:column;padding-inline:10px}
#social .social-reel-card .tiger-video-header{min-height:72px;padding:12px 5px 10px}
#social .social-reel-card h4{font-size:16px;line-height:1.3}
#social .social-reel-card .tiger-embed-shell{flex:none;aspect-ratio:720/1280}
#social .social-reel-card video{width:100%;height:100%;aspect-ratio:720/1280;object-fit:contain}
#social .social-reel-card .social-tile{display:block;width:100%;height:100%;border:0;border-radius:0}
#social .social-reel-card .social-tile img{display:block;width:100%;height:100%;object-fit:cover}
#social .social-reel-card:last-child .social-tile img{object-position:35% center}
#social .social-reel-card .tiger-video-link{margin-top:auto;padding:11px 0 12px}
@media(max-width:760px){#social .social-reel-grid{grid-template-columns:1fr;width:min(100%,300px);gap:22px}#social .social-reel-card{width:100%}}

/* Let the three portrait reels lead the social chapter. */
#social{padding-top:clamp(108px,16svh,142px)}
@media(min-width:761px){#social>.section-label{transform:translateY(clamp(70px,11svh,105px))}}
#social .social-editorial-layout{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.6fr);align-items:center;gap:clamp(30px,4.5vw,72px);width:100%;margin:auto 0}
#social .social-editorial-copy{max-width:370px}
#social .social-editorial-copy h2{margin-bottom:24px}
#social .social-editorial-copy .lead{font-family:Lora,Georgia,serif;font-size:clamp(18px,1.8vw,25px);line-height:1.4;margin-bottom:20px}
#social .social-editorial-copy p:last-child{font-size:14px;line-height:1.7;max-width:350px}
#social .social-reel-grid{width:100%;gap:clamp(12px,1.4vw,22px)}
#social .social-reel-card{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}
#social .social-reel-card:hover,#social .social-reel-card:focus-within{border:0;box-shadow:none}
#social .social-reel-card .tiger-video-header{min-height:64px;padding:0 0 12px}
#social .social-reel-card .tiger-video-kicker{color:#8d542f}
#social .social-reel-card h4{color:#292722}
#social .social-reel-card .tiger-embed-shell{border:0;border-radius:3px;box-shadow:0 10px 28px #53422c27}
#social .social-reel-card .tiger-video-link{color:#824726;padding:12px 0 0}
#social .social-reel-card .tiger-video-link:hover{color:#4d2b18}
@media(max-width:1050px) and (min-width:761px){#social .social-editorial-layout{grid-template-columns:minmax(190px,.68fr) minmax(0,1.6fr);gap:24px}#social .social-editorial-copy h2{font-size:35px}}
@media(max-width:760px){#social{padding-top:40px}#social .social-editorial-layout{display:block}#social .social-editorial-copy{max-width:550px;margin-bottom:28px}#social .social-reel-grid{width:min(100%,340px);grid-template-columns:1fr;gap:28px}#social .social-reel-card .tiger-video-header{min-height:0}}

/* The gold Crying Tiger mark distinguishes this chapter without a button fill. */
.rail nav a.crying-tiger-link{display:flex;align-items:center;gap:8px;margin-top:13px;padding:12px 0;border:0;border-top:1px solid #ffffff26;border-radius:0;background:transparent;color:#e1d9cb;box-shadow:none}
.rail nav a.crying-tiger-link img{width:42px;height:32px;flex:none;object-fit:contain}
.rail nav a.crying-tiger-link:hover,.rail nav a.crying-tiger-link:focus-visible{background:transparent;color:#fff4db}
.rail nav a.crying-tiger-link.active{background:transparent;color:#fff;box-shadow:none}

@media(max-width:760px){
 body.deck-menu-open{overflow:hidden}
 .rail{z-index:40;padding-inline:12px;gap:8px}
 .rail .rail-brands{display:flex;flex:1 1 auto;min-width:0;width:auto;flex-direction:row;align-items:center;gap:7px;padding:0;margin:0;border:0}
 .rail .rail-brands img{display:block;flex:0 1 auto;min-width:0;object-fit:contain}
 .rail .rail-brands .rail-haisous{width:clamp(86px,28vw,112px);max-width:none;height:auto;max-height:38px;margin:0}
 .rail .rail-brands .rail-wings{width:clamp(55px,18vw,72px);height:47px}
 .rail .rail-brands .rail-cafe{width:clamp(27px,9vw,36px);height:45px}
 .rail .rail-brands .rail-brand-divider{display:none}
 .rail .menu-toggle{flex:0 0 auto;min-width:66px;margin-left:0;padding:9px 7px;text-align:center;border-radius:4px}
 .rail nav{position:fixed;top:70px;right:0;bottom:0;left:0;width:100%;max-height:none;margin:0;padding:8px 24px calc(12px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;background:#23251f;border-top:1px solid #ffffff26;box-shadow:0 14px 28px #0006;grid-template-columns:none;gap:0}
 .rail.open nav{display:flex;flex-direction:column;align-items:stretch}
 .rail nav a{width:100%;padding:7px 2px;font-size:15px;line-height:1.2}
 .rail nav .nav-group{width:100%;margin-top:5px;padding:9px 0 3px;font-size:10px}
 .rail nav .nav-subgroup{margin:0 0 4px 4px;padding-left:16px}
 .rail nav .nav-subgroup a{padding:5px 0;font-size:14px;line-height:1.2}
 .rail nav a.nav-divider{margin-top:6px;padding-top:9px}
 .rail nav a.crying-tiger-link{width:100%;margin:7px 0 0;padding:7px 0}
 #chef .team-photo{order:-1}
}

/* A warm transition between Recognition's charcoal and Crying Tiger's green. */
#partnership{background-color:#514034;--line:#b99b76}
#partnership .rule{border-color:#d4b9974d}

/* Let phone and tablet readers scroll freely between chapters. */
@media(max-width:1024px), (pointer:coarse){
 html{scroll-behavior:auto!important}
 html,body,main{scroll-snap-type:none!important}
 main>section.slide{scroll-snap-align:none!important;scroll-snap-stop:normal!important}
}

/* On phones, let the photography and film break up the narrative close to each heading. */
@media(max-width:760px){
 #story .split,#design .split,#partnership .split,#journey .journey-layout,#haisous .companion-grid,#dang-good-wings .companion-grid,#cafe .companion-grid,#drinks .bar-layout{display:flex;flex-direction:column;align-items:stretch;gap:0}
 #story .copy,#design .split>div,#partnership .split>div,#journey .journey-copy,#haisous .companion-grid>div,#dang-good-wings .companion-grid>div,#cafe .companion-grid>div,#drinks .bar-layout>div{display:contents}
 #story .split h2,#design .split h2,#partnership .split .eyebrow,#journey .journey-copy .eyebrow,#haisous .companion-grid .eyebrow,#dang-good-wings .companion-grid .eyebrow,#cafe .companion-grid .eyebrow,#drinks .bar-layout .eyebrow{order:0}
 #partnership .split h2,#journey .journey-copy h2,#haisous .companion-grid h2,#dang-good-wings .companion-grid h2,#cafe .companion-grid h2,#drinks .bar-layout h2{order:1}
 #story .split .lead,#design .split .lead,#partnership .split .lead,#haisous .companion-tagline,#dang-good-wings .companion-tagline,#cafe .companion-tagline,#drinks .bar-layout .lead{order:2}
 #story .split-visual,#design .split>figure,#partnership .split-visual,#journey .journey-photo,#haisous .haisous-video-figure,#dang-good-wings .companion-photo,#cafe .companion-photo,#drinks .bar-layout>figure{order:3;margin:5px 0 25px;width:100%;height:auto;min-height:0;align-self:stretch}
 #story .split>p,#story .copy>p:not(.lead),#design .split>div>p:not(.lead),#design .split .swatches,#partnership .split>div>p:not(.eyebrow):not(.lead),#partnership .split .rule,#journey .journey-copy>p:not(.eyebrow),#haisous .companion-grid>div>p:not(.eyebrow):not(.companion-tagline),#haisous .companion-points,#dang-good-wings .companion-grid>div>p:not(.eyebrow):not(.companion-tagline),#dang-good-wings .companion-points,#cafe .companion-grid>div>p:not(.eyebrow):not(.companion-tagline),#cafe .companion-points,#drinks .bar-layout>div>p:not(.eyebrow):not(.lead),#drinks .drinks-detail{order:4}
 #story .split-visual img{position:static;width:100%;height:auto;aspect-ratio:4/3;object-fit:cover}
 #design .split>figure>img:first-child{height:auto;aspect-ratio:4/3}
 #drinks .bar-layout figure img{height:auto;aspect-ratio:4/3;object-position:center 65%}
 #journey .journey-photo video,#haisous .haisous-video-figure video{width:100%;height:auto}
}