/* About Us only: all selectors are isolated from the current Lovable website. */
.tt-about{--tt-ink:#153857;--tt-body:#3b556a;--tt-blue:#456f90;--tt-about-sky-top:var(--tt-site-header-bg,#e1f1fa);position:relative;isolation:isolate;overflow:hidden;background:#eef4f6;color:var(--tt-ink);font-family:Arial,Helvetica,sans-serif}
.tt-about *,.tt-about *::before,.tt-about *::after{box-sizing:border-box}
.tt-about h1,.tt-about h2,.tt-about h3,.tt-about p{margin:0}
.tt-about h1,.tt-about h2,.tt-about h3{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.055em;text-wrap:balance}
.tt-about h1{font-size:clamp(66px,6.3vw,120px);line-height:1.06}
.tt-about h2{font-size:clamp(44px,3.85vw,70px);line-height:1.1}
.tt-about h3{font-size:clamp(40px,3.4vw,61px);line-height:1.07}
.tt-about em{font-weight:400;color:var(--tt-blue)}
.tt-about p{font-size:19px;line-height:1.75;color:var(--tt-body)}
.tt-about a{color:inherit;text-decoration:none}
.tt-about :focus-visible{outline:3px solid #99633c;outline-offset:6px;border-radius:4px}
.tt-about [id]{scroll-margin-top:100px}
.tt-about-container{width:84%;max-width:1390px;margin:0 auto;position:relative}
.tt-about p.tt-about-eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.18em;font-weight:700;color:#41617a;margin-bottom:25px}
.tt-about-hero{position:relative;text-align:center;padding:110px 0 105px;background:linear-gradient(180deg,var(--tt-about-sky-top) 0%,var(--tt-about-sky-top) 10%,rgba(216,238,251,.98) 30%,rgba(203,234,250,.96) 56%,rgba(221,239,247,.98) 78%,#eef4f6 100%),url('/taste-trail-about/open-sky.webp') center 30%/cover no-repeat}
.tt-about-hero h1{max-width:1080px;margin:auto}
.tt-about-hero p.tt-about-eyebrow{margin-bottom:30px}
.tt-about p.tt-about-hero-intro{max-width:665px;margin:30px auto 21px;font-size:21px;line-height:1.7}
.tt-about-text-link{display:inline-flex;align-items:center;gap:21px;min-height:44px;font-size:14px;font-weight:700;transition:color .2s}


.tt-about a:hover{color:#946140}

.tt-about-story{display:grid;grid-template-columns:.9fr 1.1fr;gap:12%;padding:65px 0 88px}
.tt-about-story-heading{padding-top:6px}
.tt-about-story-copy p+p{margin-top:18px}
.tt-about p.tt-about-opening{font-size:23px;line-height:1.55;letter-spacing:-.02em;color:#23425e}
.tt-about-facts{background:linear-gradient(100deg,#e0edf5 0%,#e7eff5 55%,#edf0ee 100%);padding:44px 0 43px}
.tt-about-fact-grid{display:grid;grid-template-columns:.9fr 1.1fr 1fr;align-items:center;gap:50px}
.tt-about-fact{display:flex;align-items:center;gap:26px;min-width:0}
.tt-about-fact strong{font:400 82px/1 Georgia,serif;letter-spacing:-.06em;color:#3d6280}
.tt-about-fact p{font-size:15px;line-height:1.65;color:#284960;white-space:nowrap}
.tt-about-fact p span{font-size:13px;color:#567186}
.tt-about-stat{position:relative}
.tt-about-stat>span{position:absolute;top:-17px;left:5px;font-size:9px;text-transform:uppercase;letter-spacing:.12em;color:#597587}


.tt-about-approach{padding:112px 0 50px;background:radial-gradient(ellipse at 0 18%,#e1eff6 0%,transparent 35%),radial-gradient(ellipse at 100% 57%,#e8eaf2 0%,transparent 39%),linear-gradient(#eef4f6,#e5eff5 80%,#e8f1f6)}
.tt-about-approach-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:12%;align-items:end}
.tt-about-approach-heading>p{max-width:440px;padding-bottom:4px;font-size:20px}




.tt-about-steps{list-style:none;margin:38px 0 0;padding:0}
.tt-about-step{display:grid;grid-template-columns:180px 1fr 1.1fr;gap:55px;align-items:start;padding:48px 0 54px;position:relative;isolation:isolate}
.tt-about-step::before{content:'';position:absolute;z-index:-1;inset:-2% -10%;background:radial-gradient(ellipse at 14% 45%,#dce9f27d,transparent 68%);pointer-events:none}
.tt-about-step:nth-child(even)::before{background:radial-gradient(ellipse at 18% 45%,#f8f1e8a3,transparent 70%)}
.tt-about-number{font:400 140px/.87 Georgia,'Times New Roman',serif;letter-spacing:-.09em;color:#a5bfd3;margin-left:-9px;user-select:none}
.tt-about-step:nth-child(2) .tt-about-number{color:#b4babd}
.tt-about-step:nth-child(3) .tt-about-number{color:#a7b3cc}
.tt-about-step:nth-child(4) .tt-about-number{color:#91b7ca}
.tt-about-step-title{padding-top:5px}
.tt-about-step-title p.tt-about-eyebrow{margin-bottom:17px;font-size:10px;letter-spacing:.17em}
.tt-about-step-copy p{font-size:18px;line-height:1.75}
.tt-about-step-copy p+p{margin-top:17px;color:#50687a;font-size:16px}
.tt-about-vision{padding:105px 0 120px;text-align:center;background:radial-gradient(ellipse at 50% 85%,#fcf4e6a3,transparent 61%),linear-gradient(#e8f1f6,#d5e8f4)}
.tt-about-vision-inner>p:not(.tt-about-eyebrow){max-width:735px;margin:27px auto 0;font-size:20px;line-height:1.75}
.tt-about-actions{display:flex;gap:32px;align-items:center;justify-content:center;flex-wrap:wrap;margin-top:33px}
.tt-about-button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:16px 27px;background:#234862;border:1px solid #234862;border-radius:30px;color:#f3f6f1!important;font-size:14px;font-weight:700;transition:background .2s,transform .2s}
.tt-about-button:hover{background:#375e78;transform:translateY(-2px)}
@media(max-width:1200px){.tt-about-container{width:87%}.tt-about-hero{padding:92px 0 85px}.tt-about h1{font-size:clamp(64px,7.3vw,86px)}.tt-about-story{gap:7%;padding:55px 0 72px}.tt-about h2{font-size:51px}.tt-about-story-copy p{font-size:18px}.tt-about p.tt-about-opening{font-size:21px}.tt-about-fact-grid{gap:24px;grid-template-columns:1fr 1fr 1fr}.tt-about-fact{display:block;text-align:center}.tt-about-fact strong{font-size:73px;display:block;margin-bottom:11px}.tt-about-stat>span{left:50%;transform:translateX(-50%);top:-14px}.tt-about-fact p{font-size:14px;white-space:normal}.tt-about-fact p span{font-size:12px}.tt-about-approach{padding-top:82px}.tt-about-approach-heading{gap:8%}.tt-about-approach-heading>p{font-size:18px}.tt-about-step{grid-template-columns:128px .9fr 1.1fr;gap:30px;padding:38px 0 47px}.tt-about-number{font-size:112px;margin-left:-6px}.tt-about h3{font-size:43px}.tt-about-step-copy p{font-size:17px}.tt-about-step-copy p+p{font-size:15px}.tt-about-vision{padding:80px 0 95px}}
@media(max-width:900px){.tt-about-step{grid-template-columns:100px .9fr 1.1fr;gap:23px}.tt-about-number{font-size:91px}.tt-about h3{font-size:36px}.tt-about-story{grid-template-columns:.9fr 1.1fr;gap:6%}.tt-about-story h2{font-size:43px}.tt-about-step-copy p{font-size:16px}.tt-about-step-copy p+p{font-size:15px}}
@media(max-width:680px){.tt-about-container{width:86%}.tt-about-hero{padding:58px 0 55px}.tt-about h1{font-size:clamp(42px,10.8vw,67px);line-height:1.1;letter-spacing:-.055em}.tt-about-hero p.tt-about-eyebrow{font-size:10px;margin-bottom:23px}.tt-about p.tt-about-hero-intro{font-size:17px;line-height:1.7;margin:24px auto 17px;max-width:420px}.tt-about-story{display:block;padding:41px 0 50px}.tt-about p.tt-about-eyebrow{font-size:10px;letter-spacing:.14em;margin-bottom:19px}.tt-about h2,.tt-about-story h2{font-size:clamp(35px,9vw,47px)}.tt-about-story h2{margin-bottom:26px}.tt-about-story-copy p{font-size:16px;line-height:1.75}.tt-about p.tt-about-opening{font-size:20px;line-height:1.55}.tt-about-story-copy p+p{margin-top:17px}.tt-about-facts{padding:36px 0 31px}.tt-about-fact-grid{grid-template-columns:1fr 1fr;gap:27px 18px}.tt-about-fact strong{font-size:66px;margin-bottom:10px}.tt-about-fact-range{grid-column:1/-1}.tt-about-fact p{font-size:12px;line-height:1.7}.tt-about-fact p span{font-size:10px}.tt-about-stat>span{font-size:8px;top:-12px}.tt-about-approach{padding:55px 0 24px}.tt-about-approach-heading{display:block}.tt-about-approach-heading>p{font-size:17px;line-height:1.7;margin-top:24px;max-width:450px}.tt-about-steps{margin-top:26px}.tt-about-step{grid-template-columns:77px 1fr;gap:0 20px;padding:30px 0 32px}.tt-about-number{font-size:75px;line-height:.94;margin-left:-4px;grid-column:1;grid-row:1}.tt-about-step-title{grid-column:2;grid-row:1;padding-top:2px;align-self:center}.tt-about-step-title p.tt-about-eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:10px}.tt-about h3{font-size:35px;letter-spacing:-.045em}.tt-about h3 br{display:none}.tt-about-step-copy{grid-column:1/-1;margin-top:22px}.tt-about-step-copy p{font-size:16px;line-height:1.75}.tt-about-step-copy p+p{font-size:15px;line-height:1.75;margin-top:14px}.tt-about-vision{padding:53px 0 68px}.tt-about-vision h2{font-size:clamp(34px,8.8vw,46px)}.tt-about-vision-inner>p:not(.tt-about-eyebrow){font-size:17px;line-height:1.75;margin-top:25px}.tt-about-actions{gap:26px;margin-top:26px}.tt-about-button{font-size:13px;min-height:49px;padding:15px 23px}.tt-about-text-link{font-size:13px}}
@media(prefers-reduced-motion:reduce){.tt-about a,.tt-about a span{transition:none!important}}