/* The people, kitchen and colours of RICKSHA. */
.about-page main{background:#fffaf0;color:#17251f}
.about-page main h1,.about-page main h2,.about-page main h3{font-family:'Barlow Condensed',Arial,sans-serif;font-weight:800;letter-spacing:-.01em}
.about-hero{display:grid;grid-template-columns:1fr 1fr;background:#101722;color:#fff1d7;min-height:600px}
.about-hero-copy{padding:70px max(48px,calc((100vw - 1280px)/2));padding-right:45px;align-self:center;min-width:0}
.about-hero .eyebrow{color:#ffcb69;font-size:.75rem;letter-spacing:.14em;margin-bottom:30px}
.about-hero h1{font-size:clamp(3.8rem,6.2vw,6.2rem);line-height:.98}
.about-hero h1 span{color:#ffcb69}
.about-hero-copy>p:not(.eyebrow){color:#e3dccc;max-width:380px;font-size:1.1rem;line-height:1.8;margin-top:30px}
.about-hero .text-link{color:#ffcb69;margin-top:24px;padding-bottom:10px;border-color:#ffcb6960;gap:32px;min-height:44px}
.about-hero .text-link:hover{color:#fff}
.about-hero-photo{position:relative;overflow:hidden;min-height:600px;isolation:isolate}
.about-hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.about-hero-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:40px 30px 25px;background:linear-gradient(transparent,#071013cc);font-size:.875rem;color:#fff2d6}
.about-greeting{padding:90px 0;background:#fff1d7;scroll-margin-top:calc(var(--header) + 15px)}
.about-greeting>.wrap{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}
.about-greeting-art img{width:100%;max-width:400px;margin:auto}
.about-greeting-art>p{text-align:center;font-size:.8rem;font-weight:700;letter-spacing:.16em;color:#a92a19;margin-top:24px}
.about-greeting-copy h2,.about-section-heading h2,.about-kitchen h2,.about-visit h2{font-size:clamp(2.8rem,4.5vw,4.5rem);line-height:1.01}
.about-greeting-copy h2 span,.about-section-heading h2 span{color:#b93122}
.about-greeting-copy>p:not(.eyebrow){font-size:1.05rem;line-height:1.85;color:#4e584c;margin-top:22px}
.about-flavours{padding-block:85px}
.about-section-heading{margin-bottom:40px}
.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #d6cdbb;border-bottom:1px solid #d6cdbb}
.about-principles article{padding:32px 30px 36px 0}
.about-principles article+article{border-left:1px solid #d6cdbb;padding-left:30px}
.about-number{display:block;font:800 2.8rem/1 'Barlow Condensed',Arial,sans-serif;color:#b93122;margin-bottom:25px}
.about-principles h3{font-size:1.8rem;line-height:1.05;margin-bottom:18px}
.about-principles p{font-size:1rem;line-height:1.85;color:#566052}
.about-kitchen{display:grid;grid-template-columns:1fr 1fr;background:#701a32;color:#fff2df}
.about-kitchen-photo{position:relative;min-height:620px;overflow:hidden}
.about-kitchen-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:43% 50%}
.about-kitchen-photo figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#1d0c10dd);padding:50px 32px 25px;color:#fff2df;font-size:.875rem}
.about-kitchen-copy{padding:65px max(48px,calc((100vw - 1280px)/2)) 65px clamp(36px,5vw,80px);align-self:center;min-width:0}
.about-kitchen .eyebrow{color:#ffd58b}
.about-kitchen h2{font-size:clamp(2.5rem,3.7vw,3.8rem)}
.about-kitchen h2 span{color:#ffc94c}
.about-kitchen-copy>p:not(.eyebrow){font-size:1.02rem;line-height:1.85;color:#f4dadd;margin-top:25px}
.about-kitchen-notes{margin-top:28px}
.about-kitchen-notes>div{border-top:1px solid #f4dadd40;padding-top:20px;margin-top:20px}
.about-kitchen-notes h3{font-size:1.5rem;line-height:1.1;margin-bottom:9px}
.about-kitchen-notes p{font-size:1rem;line-height:1.8;color:#f4dadd}
.about-kitchen .text-link{color:#ffcf70;border-color:#ffcf7070;line-height:1.6;min-height:44px}
.about-kitchen .text-link:hover{color:#fff}
.about-visit{padding:85px 0;background:#101722;color:#fff2df}
.about-visit>.wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.about-visit .eyebrow{color:#ffc94c}
.about-visit h2 span{color:#ffc94c}
.about-visit p:not(.eyebrow){color:#dadcd9;font-size:1.05rem;line-height:1.8;margin-top:23px;max-width:440px}
.about-visit .button{margin-top:28px}
.about-visit figure img{aspect-ratio:1.25;object-fit:cover;width:100%}
.about-visit figcaption{font-size:.875rem;color:#d9d6c9;margin-top:15px}
@media(max-width:1100px){.about-hero-copy{padding:55px 32px}.about-hero h1{font-size:clamp(3.5rem,6.4vw,4.6rem)}.about-hero,.about-hero-photo{min-height:550px}.about-greeting>.wrap{gap:45px}.about-greeting-copy h2{font-size:3.3rem}.about-principles article{padding-right:24px}.about-principles article+article{padding-left:24px}.about-kitchen-copy{padding:48px 32px}.about-visit>.wrap{gap:45px}}
@media(max-width:700px){
 .about-hero{grid-template-columns:1fr;min-height:0}.about-hero-copy{padding:46px 20px 42px}.about-hero .eyebrow{margin-bottom:23px}.about-hero h1{font-size:clamp(3.2rem,13.4vw,5rem)}.about-hero-copy>p:not(.eyebrow){font-size:1.05rem;margin-top:24px;max-width:400px}.about-hero .text-link{margin-top:18px}.about-hero-photo{min-height:0;height:310px}.about-hero-photo img{object-position:50% 46%}.about-hero-photo figcaption{padding:40px 20px 20px;font-size:.875rem}
 .about-greeting{padding:50px 0}.about-greeting>.wrap{grid-template-columns:1fr;gap:35px}.about-greeting-art img{max-width:280px}.about-greeting-art>p{font-size:.75rem;letter-spacing:.12em;margin-top:20px}.about-greeting-copy h2{font-size:clamp(2.7rem,11vw,4rem)}.about-greeting-copy>p:not(.eyebrow){font-size:1rem;margin-top:20px}
 .about-flavours{padding-block:55px}.about-section-heading{margin-bottom:30px}.about-section-heading h2{font-size:clamp(2.45rem,10vw,3.8rem)}.about-principles{grid-template-columns:1fr}.about-principles article,.about-principles article+article{padding:25px 0;border-left:0}.about-principles article+article{border-top:1px solid #d6cdbb}.about-number{font-size:2.5rem;margin-bottom:18px}.about-principles h3{font-size:1.9rem;margin-bottom:13px}
 .about-kitchen{grid-template-columns:1fr}.about-kitchen-photo{min-height:0;height:310px}.about-kitchen-photo figcaption{padding:40px 20px 20px}.about-kitchen-copy{padding:45px 20px 48px}.about-kitchen h2{font-size:clamp(2.7rem,11vw,4rem)}.about-kitchen-copy>p:not(.eyebrow){font-size:1rem}
 .about-visit{padding:50px 0}.about-visit>.wrap{grid-template-columns:1fr;gap:35px}.about-visit h2{font-size:clamp(2.8rem,11.5vw,4rem)}.about-visit p:not(.eyebrow){font-size:1rem}.about-visit figure img{aspect-ratio:1.45}
}

/* The box film occupies the former glass-logo photograph. */
.about-hero-photo--video{background:#101722}
.about-hero-photo--video video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:40% 50%}
.about-hero-photo--video video:focus-visible{outline:3px solid #ffcb69;outline-offset:-4px}
@media(max-width:1000px){.about-hero{grid-template-columns:1fr;min-height:0}.about-hero-photo--video{height:auto;min-height:0;aspect-ratio:4/3}}