@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Italiana&display=swap');
:root{--pine:#12382c;--pine-2:#0b281f;--beige:#f2ebdd;--ink:#171814;--cream:#f5f1e8;--paper:#fbfaf6;--chestnut:#78452f;--gold:#d6b27c;--line:rgba(23,24,20,.15);--serif:'Italiana',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,textarea{font:inherit}.shell{width:min(1180px,calc(100% - 48px));margin:auto}.eyebrow{font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase}.display{font:400 clamp(3rem,7vw,6.4rem)/.96 var(--serif);letter-spacing:-.02em;margin:0}.headline{font:400 clamp(2.3rem,5vw,4.3rem)/1.05 var(--serif);margin:0}.subhead{max-width:620px;font-size:clamp(1rem,1.6vw,1.18rem);color:#62615c}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border:1px solid transparent;border-radius:999px;font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:.25s}.btn-dark{background:var(--pine);color:white}.btn-dark:hover,.btn-accent:hover{background:var(--chestnut);transform:translateY(-2px)}.btn-light{border-color:rgba(255,255,255,.55);color:white}.btn-light:hover,.btn-light.solid{background:white;color:var(--pine)}.btn-accent{background:white;color:var(--pine)}.text-link,.card-link{display:inline-block;border-bottom:1px solid currentColor;font-size:.78rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.card-link{margin-top:22px;color:var(--chestnut)}
.site-header{position:absolute;z-index:20;top:0;left:0;width:100%;color:white}.nav{height:92px;display:flex;align-items:center;gap:34px}.logo{width:104px;height:66px;margin-right:auto;display:flex;align-items:center;justify-content:center}.logo img{width:100%;height:100%;object-fit:contain}.nav-links{display:flex;gap:26px;font-size:.82rem}.nav-cta{padding:11px 20px;border:1px solid rgba(255,255,255,.48);border-radius:999px;font-size:.8rem}.menu-btn{display:none;background:none;border:0;color:inherit;font-size:1.4rem}
.hero{min-height:92vh;position:relative;color:white;background:var(--pine-2);overflow:hidden;display:flex;align-items:center}.hero-bg{position:absolute;inset:-3%;background:url('assets/iced-coffee-hero.webp') center/cover no-repeat;animation:heroDrift 12s cubic-bezier(.45,.05,.55,.95) infinite alternate;will-change:transform,background-position}.hero-bg:before{content:'';position:absolute;inset:0;z-index:1;background:radial-gradient(ellipse at 66% 28%,rgba(255,255,255,.20) 0 2%,transparent 10%),radial-gradient(ellipse at 78% 54%,rgba(214,178,124,.18) 0 3%,transparent 13%),radial-gradient(ellipse at 57% 72%,rgba(255,255,255,.13) 0 2%,transparent 11%);mix-blend-mode:screen;filter:blur(5px);animation:iceGlint 7s ease-in-out infinite alternate;will-change:transform,opacity}.hero-bg:after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(5,20,15,.86) 0%,rgba(5,20,15,.62) 43%,rgba(5,20,15,.08) 78%)}@keyframes heroDrift{0%{transform:scale(1.03) translate3d(0,0,0);background-position:50% 50%}45%{transform:scale(1.075) translate3d(-.8%,.55%,0);background-position:53% 48%}100%{transform:scale(1.11) translate3d(-1.6%,1%,0);background-position:56% 52%}}@keyframes iceGlint{0%{transform:translate3d(-2%,-1%,0) scale(.96) rotate(-1deg);opacity:.35}50%{opacity:.72}100%{transform:translate3d(3%,2%,0) scale(1.08) rotate(1deg);opacity:.5}}.hero-content{position:relative;z-index:3;padding-top:90px;text-align:left}.hero-copy-wrap{max-width:760px}.hero .eyebrow{margin-bottom:22px}.hero-copy{max-width:560px;margin:27px 0 34px;font-size:1.13rem;color:rgba(255,255,255,.86)}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.quick-proof{background:var(--pine);color:white}.proof-row{display:grid;grid-template-columns:repeat(3,1fr);text-align:center}.proof-row span{padding:20px;border-right:1px solid rgba(255,255,255,.15);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.proof-row span:last-child{border:0}
.intro{padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.intro p{font-size:1.25rem;color:#51504b;margin:0 0 28px}.services{padding:100px 0;background:var(--cream)}.section-top{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:50px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.service-card{padding:30px 28px 38px 0;border-bottom:1px solid var(--line)}.service-card:not(:nth-child(3n)){border-right:1px solid var(--line);padding-right:28px;margin-right:28px}.service-card .num{font:2.2rem var(--serif);color:var(--chestnut)}.service-card h3{font:1.8rem var(--serif);margin:42px 0 12px}.service-card p{color:#66645d;margin:0}
.real-gallery{position:relative;overflow:hidden;padding:14px;background:var(--pine-2)}.gallery-track{display:flex;gap:14px;width:100%;transition:transform .7s cubic-bezier(.22,.7,.2,1);will-change:transform}.real-gallery figure{flex:0 0 calc((100% - 28px)/3);margin:0;position:relative;overflow:hidden;height:min(42vw,500px);min-height:360px;display:flex;align-items:center;justify-content:center;background:var(--pine-2)}.real-gallery img{width:100%;max-width:100%;height:100%;object-fit:cover;transition:transform .7s ease}.real-gallery figure:hover img{transform:scale(1.025)}.real-gallery figcaption{position:absolute;left:22px;right:16px;bottom:22px;color:white;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;text-shadow:0 1px 10px #000}.carousel-controls{position:absolute;right:clamp(24px,5vw,68px);bottom:clamp(18px,3.5vw,42px);display:flex;align-items:center;gap:16px}.carousel-arrow{width:42px;height:42px;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(7,27,21,.32);color:white;font-size:1.7rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .2s,transform .2s}.carousel-arrow:hover{background:rgba(7,27,21,.75);transform:scale(1.05)}.carousel-dots{display:flex;align-items:center;gap:8px}.carousel-dot{width:8px;height:8px;padding:0;border:0;border-radius:50%;background:rgba(255,255,255,.55);cursor:pointer;transition:width .25s,background .25s}.carousel-dot.is-active{width:24px;border-radius:99px;background:white}.carousel-arrow:focus-visible,.carousel-dot:focus-visible{outline:2px solid white;outline-offset:4px}
.real-gallery .purple-drink-photo{object-position:center 68%}
.brands{padding:95px 0;text-align:center}.brand-row{display:grid;grid-template-columns:repeat(6,1fr);align-items:stretch;margin-top:44px;border:1px solid var(--line);background:white}.brand-row>div{height:118px;padding:25px 22px;border-right:1px solid var(--line);display:flex;align-items:center;justify-content:center}.brand-row>div:last-child{border:0}.brand-row img{max-width:145px;max-height:60px;object-fit:contain;filter:grayscale(1);opacity:.78}.brand-row>div:first-child img{max-width:58px}.brand-cta{margin-top:32px}
.menu-showcase{padding:105px 0;background:var(--pine-2);color:white}.menu-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px}.menu-cta{margin-top:30px}.menu-list{border-top:1px solid rgba(255,255,255,.18)}.drink{display:grid;grid-template-columns:1fr auto;gap:20px;padding:26px 0;border-bottom:1px solid rgba(255,255,255,.18)}.drink h3{font:1.55rem var(--serif);margin:0}.drink span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold)}.cta-band{padding:95px 0;background:#e8d5b8;color:var(--pine);text-align:center}.cta-band p{max-width:580px;margin:20px auto 30px;color:rgba(18,56,44,.78)}.cta-band .btn-light.solid{background:var(--pine);border-color:var(--pine);color:white}.cta-band .btn-light.solid:hover{background:var(--chestnut);border-color:var(--chestnut);color:white}
.footer{padding:68px 0 30px;background:#101713;color:white}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:60px}.footer-logo{width:132px;margin-bottom:18px}.footer-logo img{width:100%;height:auto}.footer h4{font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.45);margin:0 0 18px}.footer a,.footer p{display:block;color:rgba(255,255,255,.72);margin:0 0 9px}.fineprint{margin-top:55px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);display:flex;justify-content:space-between;color:rgba(255,255,255,.38);font-size:.75rem}
.inner-header{position:relative;background:var(--pine-2)}.page-hero{color:white;padding:135px 0 115px;background:var(--pine-2)}.corporate-hero{background:linear-gradient(90deg,rgba(7,27,21,.88),rgba(7,27,21,.2)),url('assets/sip-cups.webp') center 47%/cover}.page-hero-copy{max-width:760px}.page-hero .subhead{color:rgba(255,255,255,.8);margin:25px 0 32px}.activation-options{padding:105px 0}.feature-list{display:grid;grid-template-columns:1fr 1fr;gap:12px}.feature-list.four{grid-template-columns:repeat(4,1fr)}.feature{padding:25px;border:1px solid var(--line);background:white}.feature strong{font:1.35rem var(--serif);display:block;margin-bottom:8px}.feature span{color:#68665f;font-size:.9rem}.case-strip{padding:90px 0;background:var(--chestnut);color:white}.case-strip .subhead{color:rgba(255,255,255,.75);margin-top:0}.split{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.corporate-photo{height:680px;position:relative;overflow:hidden}.corporate-photo img{height:100%;object-fit:cover;object-position:center 60%}.corporate-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,20,15,.8),transparent 65%)}.photo-callout{position:absolute;z-index:2;left:max(24px,calc((100vw - 1180px)/2));top:50%;transform:translateY(-50%);color:white;max-width:560px}.photo-callout .headline{margin:10px 0 28px}
.contact-hero{padding:120px 0 90px;background:var(--pine-2);color:white}.contact-hero .shell{text-align:left}.contact-hero p{font-size:1.1rem;color:rgba(255,255,255,.72);margin:22px 0 0}.quote-panel{background:var(--cream);padding:95px 0}.contact-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.contact-aside{position:sticky;top:30px}.contact-aside .headline{margin:12px 0 28px}.contact-aside a{display:block;margin:8px 0;font-weight:600}.contact-aside p{color:#68665f;margin-top:25px}.contact-card{background:white;padding:44px;border:1px solid var(--line)}.contact-card label,.name-fields legend{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;margin:20px 0 8px}.contact-card label span{font-weight:400;color:#777}.contact-card input,.contact-card textarea{width:100%;border:0;border-bottom:1px solid var(--line);padding:11px 0;background:transparent;outline:none}.contact-card input:focus,.contact-card textarea:focus{border-color:var(--pine)}.contact-card textarea{min-height:95px;resize:vertical}.contact-card fieldset{border:0;padding:0;margin:0}.name-fields{display:grid;grid-template-columns:1fr 1fr;gap:0 18px}.name-fields legend{grid-column:1/-1}.date-time{display:grid;grid-template-columns:1fr 1fr;gap:18px}.date-time small{display:block;margin-top:6px;color:#777}.contact-card button{margin-top:28px;border:0}.form-note{font-size:.78rem;color:#777;margin:14px 0 0}
.page-loader{position:fixed;inset:0;z-index:9999;background:var(--pine-2);color:white;display:flex;flex-direction:column;align-items:center;justify-content:center;opacity:1;visibility:visible;transition:opacity .42s ease,visibility .42s ease}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.page-loader p{margin:24px 0 0;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.72)}.pour-stream{width:7px;height:72px;border-radius:999px;background:linear-gradient(var(--gold),#8a5638);transform-origin:top;animation:coffeePour .85s ease-in-out infinite}.loader-cup{position:relative;width:86px;height:54px;margin-top:-2px;border:5px solid white;border-top:0;border-radius:0 0 26px 26px;overflow:hidden}.loader-cup:after{content:'';position:absolute;right:-27px;top:7px;width:28px;height:27px;border:5px solid white;border-left:0;border-radius:0 18px 18px 0}.loader-cup span{position:absolute;left:0;right:0;bottom:0;height:0;background:#8a5638;animation:cupFill 1.7s ease-in-out infinite}@keyframes coffeePour{0%,100%{transform:scaleY(.3);opacity:.45}45%{transform:scaleY(1);opacity:1}}@keyframes cupFill{0%{height:0}65%,100%{height:34px}}
@media(max-width:850px){.shell{width:min(100% - 32px,1180px)}.nav{height:76px}.nav-links,.nav-cta{display:none}.menu-btn{display:block}.hero{min-height:760px}.hero-content{padding-top:70px}.display{font-size:clamp(3rem,14vw,5rem)}.proof-row{grid-template-columns:1fr}.proof-row span{border-right:0;border-bottom:1px solid rgba(255,255,255,.15)}.intro-grid,.menu-layout,.split,.contact-layout{grid-template-columns:1fr;gap:45px}.intro,.services,.menu-showcase,.activation-options{padding:76px 0}.service-grid{grid-template-columns:1fr}.service-card:not(:nth-child(3n)){border-right:0;margin-right:0}.real-gallery figure{height:clamp(400px,72vw,560px);min-height:0}.brand-row{grid-template-columns:1fr 1fr}.brand-row>div{border-bottom:1px solid var(--line)}.feature-list.four{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr}.section-top{align-items:start;flex-direction:column}.corporate-photo{height:600px}.contact-aside{position:static}.quote-panel{padding:70px 0}.contact-card{padding:28px}.name-fields,.date-time{grid-template-columns:1fr}.fineprint{gap:20px;flex-direction:column}.page-hero{padding:95px 0 80px}}
@media(max-width:520px){.brand-row{grid-template-columns:1fr}.feature-list.four{grid-template-columns:1fr}.hero-actions .btn{width:100%}.corporate-photo{height:540px}.photo-callout{right:20px}}

/* Quote form fields mirrored from the original SIP. Square inquiry form. */
.contact-card select{width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;color:var(--ink);outline:none}.contact-card select:focus{border-color:var(--pine)}.choice-group{margin:24px 0 0!important}.choice-group legend{margin-bottom:12px}.choice-group label{display:flex!important;align-items:center;gap:11px;margin:9px 0!important;font-size:.92rem!important;font-weight:400!important;letter-spacing:0!important;text-transform:none!important}.choice-group input{width:18px!important;height:18px;accent-color:var(--pine)}.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}

/* Ceramic cup loader with a visible handle, coffee stream and filling coffee. */
.page-loader{background:linear-gradient(145deg,#0c2c22,#12382c)}.pour-stream{width:8px;height:82px;border-radius:0 0 999px 999px;background:linear-gradient(90deg,#6d4028,#b8794d 45%,#5a321f);box-shadow:0 0 14px rgba(214,178,124,.2);animation:coffeePour 1.35s ease-in-out infinite}.loader-cup{position:relative;width:104px;height:67px;margin-top:-3px;border:6px solid #f7f1e7;border-top:5px solid #f7f1e7;border-radius:8px 8px 34px 34px;overflow:visible;background:rgba(255,255,255,.05);box-shadow:0 12px 0 -8px rgba(247,241,231,.78)}.loader-cup:before{content:'';position:absolute;left:5px;right:5px;top:3px;height:9px;border-radius:50%;background:#6b3d27;opacity:.9}.loader-cup:after{content:'';position:absolute;right:-35px;top:11px;width:34px;height:34px;border:6px solid #f7f1e7;border-left:0;border-radius:0 22px 22px 0}.loader-cup span{position:absolute;z-index:-1;left:3px;right:3px;bottom:3px;height:0;border-radius:0 0 25px 25px;background:linear-gradient(#8a5638,#5f351f);animation:cupFill 2.1s ease-in-out infinite}.page-loader p{margin-top:32px}
@keyframes coffeePour{0%,12%,100%{transform:scaleY(.12);opacity:.25}28%,76%{transform:scaleY(1);opacity:1}88%{transform:scaleY(.3);opacity:.45}}
@keyframes cupFill{0%,15%{height:5px}72%,100%{height:49px}}
.choice-group legend{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em}
.loader-cup span{z-index:0}

/* Refined divider between the SIP. introduction and client proof. */
.intro+.brands{position:relative}.intro+.brands:before{content:'';position:absolute;top:0;left:50%;width:min(1180px,calc(100% - 48px));height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,var(--line) 14%,var(--line) 86%,transparent)}.intro+.brands:after{content:'';position:absolute;top:-4px;left:50%;width:9px;height:9px;transform:translateX(-50%) rotate(45deg);background:var(--chestnut);box-shadow:0 0 0 9px var(--paper)}
@media(max-width:850px){.intro+.brands:before{width:calc(100% - 32px)}}
.pour-includes{padding:92px 0;background:var(--cream)}.pour-includes-heading{max-width:670px;margin:0 auto 48px;text-align:center}.pour-includes-heading .headline{margin:12px 0 17px}.pour-includes-heading>p{margin:0;color:#66645d;font-size:1.05rem}.pour-includes-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.pour-includes-grid article{padding:28px 28px 30px 0;border-bottom:1px solid var(--line)}.pour-includes-grid article:not(:nth-child(3n)){border-right:1px solid var(--line);margin-right:28px}.pour-includes-grid article>span{font:1.8rem var(--serif);color:var(--chestnut)}.pour-includes-grid h3{font:1.45rem var(--serif);margin:18px 0 8px}.pour-includes-grid article p{max-width:340px;margin:0;color:#66645d}.pour-includes-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:24px}.pour-includes-bottom p{margin:0;color:#66645d}.pour-includes-bottom .text-link{color:var(--pine)}
@media(max-width:850px){.pour-includes{padding:76px 0}.pour-includes-grid{grid-template-columns:1fr 1fr}.pour-includes-grid article:not(:nth-child(3n)){border-right:0;margin-right:0}.pour-includes-grid article:nth-child(odd){border-right:1px solid var(--line);margin-right:24px}.pour-includes-bottom{align-items:flex-start;flex-direction:column}}
@media(max-width:520px){.pour-includes-grid{grid-template-columns:1fr}.pour-includes-grid article,.pour-includes-grid article:nth-child(odd){border-right:0;margin-right:0}}
.corporate-hero{background-image:linear-gradient(90deg,rgba(7,27,21,.88),rgba(7,27,21,.2)),url('assets/sip-cups.png')}

/* Founder story */
.founder-hero{padding:105px 0;background:var(--paper)}.founder-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.founder-copy{max-width:650px}.founder-copy .display{font-size:clamp(3.2rem,6vw,5.7rem);margin:14px 0 30px}.founder-copy p{color:#5f5d56;font-size:1.06rem;margin:0 0 18px}.founder-copy .founder-lead{font:400 1.55rem/1.45 var(--serif);color:var(--chestnut);margin-bottom:25px}.founder-copy .btn{margin-top:16px}.founder-portrait{margin:0;position:relative}.founder-portrait img{height:760px;object-fit:cover;object-position:center top}.founder-portrait figcaption{position:absolute;left:24px;right:24px;bottom:24px;padding:18px 20px;background:rgba(247,241,231,.94);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:space-between;gap:20px}.founder-portrait strong{font:1.35rem var(--serif)}.founder-portrait span{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:#68665f}.founder-quote{padding:95px 0;background:var(--pine-2);color:white;text-align:center}.founder-quote blockquote{max-width:920px;margin:20px auto 0;font:400 clamp(2rem,4vw,3.7rem)/1.16 var(--serif)}

/* Drink and event gallery */
.gallery-hero{background:linear-gradient(90deg,rgba(7,27,21,.92),rgba(7,27,21,.35)),url('assets/biscoff-drink.png') center 52%/cover}.gallery-section{padding:105px 0}.gallery-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end;margin-bottom:50px}.gallery-intro p{max-width:520px;margin:0;color:#66645d;font-size:1.1rem}.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.gallery-item{position:relative;overflow:hidden;margin:0;min-height:360px;background:var(--cream)}.gallery-item.gallery-tall{grid-row:span 2;min-height:736px}.gallery-item.gallery-wide{grid-column:1/-1;min-height:500px}.gallery-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .75s ease}.gallery-item.gallery-wide img{object-position:center 55%}.gallery-item:after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(transparent,rgba(5,20,15,.82))}.gallery-item:hover img{transform:scale(1.025)}.gallery-item figcaption{position:absolute;z-index:2;left:26px;right:26px;bottom:24px;color:white;display:flex;align-items:end;justify-content:space-between;gap:20px}.gallery-item figcaption span{font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7)}.gallery-item figcaption strong{font:1.5rem var(--serif);text-align:right}

@media(max-width:850px){.founder-grid,.gallery-intro{grid-template-columns:1fr;gap:42px}.founder-hero,.gallery-section{padding:76px 0}.founder-portrait img{height:650px}.gallery-grid{grid-template-columns:1fr}.gallery-item,.gallery-item.gallery-tall,.gallery-item.gallery-wide{grid-column:auto;grid-row:auto;min-height:520px}.gallery-item figcaption{flex-direction:column;align-items:start}.gallery-item figcaption strong{text-align:left}}
@media(max-width:520px){.founder-portrait img{height:560px}.founder-portrait figcaption{left:14px;right:14px;bottom:14px;align-items:start;flex-direction:column;gap:3px}.gallery-item,.gallery-item.gallery-tall,.gallery-item.gallery-wide{min-height:460px}}
.hero-bg{inset:0;animation:none;background-position:center}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}

/* Corporate activation feature photography */
.feature{display:flex;flex-direction:column}.feature-image{width:100%;height:190px;object-fit:cover;margin-top:20px;background:var(--cream)}.feature-image-cart{object-position:center 78%}.feature-image-equipment{object-position:center 60%}
@media(max-width:520px){.feature-image{height:220px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}}
.gallery-video{background:#071b15}.gallery-video video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#071b15}.gallery-video:after{pointer-events:none}.gallery-video figcaption{pointer-events:none}
.gallery-hero{background-position:78% 52%;background-image:linear-gradient(90deg,rgba(7,27,21,.95) 0%,rgba(7,27,21,.78) 42%,rgba(7,27,21,.18) 76%),url('assets/biscoff-drink.png')}

/* Smooth coffee pour loading animation */
.page-loader{background:radial-gradient(ellipse at center,#174634 0%,#0b281f 72%);transition:opacity .65s cubic-bezier(.22,1,.36,1),visibility .65s}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}.pour-stream{width:5px;height:74px;margin:0 auto;background:linear-gradient(180deg,#d6b27c 0%,#a36b42 34%,#67402c 100%);border-radius:0 0 8px 8px;transform-origin:top center;opacity:.7;box-shadow:0 0 12px rgba(214,178,124,.2);animation:sipPour 1.9s cubic-bezier(.45,0,.55,1) infinite}.loader-cup{width:96px;height:62px;margin-top:-1px;border:5px solid #f7f1e7;border-top:5px solid #f7f1e7;border-radius:7px 7px 29px 29px;overflow:visible;background:rgba(255,255,255,.045);box-shadow:0 9px 0 -6px rgba(247,241,231,.55)}.loader-cup:before{left:5px;right:5px;top:2px;height:8px;background:#68402c;opacity:.8}.loader-cup:after{right:-31px;top:10px;width:29px;height:31px;border:5px solid #f7f1e7;border-left:0;border-radius:0 20px 20px 0}.loader-cup span{z-index:0;left:3px;right:3px;bottom:3px;height:18%;border-radius:0 0 21px 21px;background:linear-gradient(180deg,#a56c45,#613a28 75%);animation:sipFill 2.5s cubic-bezier(.45,0,.55,1) infinite}.loader-cup span:before{content:'';position:absolute;top:-4px;left:-5%;width:110%;height:8px;border-radius:50%;background:rgba(214,178,124,.48);animation:sipRipple 2.5s ease-in-out infinite}.page-loader p{margin-top:30px;letter-spacing:.16em;color:rgba(255,255,255,.78)}
@keyframes sipPour{0%,12%,100%{transform:scaleY(.12);opacity:.3}28%,76%{transform:scaleY(1);opacity:1}90%{transform:scaleY(.28);opacity:.5}}
@keyframes sipFill{0%,12%{height:18%}72%{height:64%}88%,100%{height:18%}}
@keyframes sipRipple{0%,100%{transform:translateX(-2px);opacity:.55}50%{transform:translateX(2px);opacity:.9}}
@media(prefers-reduced-motion:reduce){.page-loader,.pour-stream,.loader-cup span,.loader-cup span:before{animation:none!important}.page-loader{transition:opacity .2s ease,visibility .2s ease}}

/* Frequently asked questions */
.faq-hero{background:linear-gradient(90deg,rgba(7,27,21,.9),rgba(7,27,21,.25)),url('assets/iced-coffee-hero.webp') center 54%/cover}.faq-section{padding:105px 0;background:var(--paper)}.faq-layout{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px;align-items:start}.faq-intro{position:sticky;top:40px}.faq-intro .headline{margin:15px 0 22px}.faq-intro p{max-width:390px;color:#66645d;margin:0 0 24px}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{position:relative;list-style:none;cursor:pointer;padding:23px 44px 23px 0;font:1.35rem/1.35 var(--serif);color:var(--ink)}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:'+';position:absolute;right:5px;top:50%;transform:translateY(-50%);font:1.3rem var(--sans);color:var(--chestnut);transition:transform .25s ease}.faq-item[open] summary:after{transform:translateY(-50%) rotate(45deg)}.faq-item summary:focus-visible{outline:2px solid var(--gold);outline-offset:4px}.faq-item p{max-width:650px;margin:-4px 42px 24px 0;color:#66645d}.faq-item[open] p{animation:faqReveal .28s ease both}@keyframes faqReveal{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:850px){.faq-layout{grid-template-columns:1fr;gap:42px}.faq-intro{position:static}.faq-section{padding:76px 0}}
@media(prefers-reduced-motion:reduce){.faq-item summary:after{transition:none}.faq-item[open] p{animation:none}}

/* Live Google reviews */
.reviews{padding:56px 0;background:var(--cream);text-align:center}.reviews-panel{max-width:960px;padding:0 24px;border:0;background:transparent}.reviews .eyebrow{color:var(--chestnut);margin-bottom:14px}.reviews .headline{font-size:clamp(2.3rem,5vw,3.6rem)}.reviews-widget{width:100%;max-width:900px;margin:24px auto 0;min-height:160px}.reviews-widget .sk-ww-google-reviews,.reviews-widget iframe{display:block;width:100%!important;max-width:100%!important}
@media(max-width:520px){.reviews{padding:40px 0}.reviews-widget{margin-top:18px}}

/* Takeaway coffee cup page transition */
.loader-cup{position:relative;width:104px;height:88px;margin-top:-6px;border:0;border-radius:0;overflow:visible;background:none;box-shadow:none;animation:takeawayBob 2.3s ease-in-out infinite}
.loader-cup .cup-body{position:absolute;left:10px;right:10px;top:14px;height:68px;display:block;clip-path:polygon(0 0,100% 0,86% 100%,14% 100%);background:linear-gradient(90deg,rgba(92,65,43,.13),transparent 16%,transparent 84%,rgba(92,65,43,.12)),linear-gradient(180deg,transparent 0 46%,#b18a68 46% 72%,transparent 72%),#f7f1e7;filter:drop-shadow(0 8px 7px rgba(0,0,0,.18))}
.loader-cup span{position:absolute;z-index:2;left:18px;right:18px;bottom:7px;height:12px;display:block;clip-path:polygon(0 0,100% 0,83% 100%,17% 100%);border-radius:0 0 12px 12px;background:linear-gradient(180deg,#b57b50,#69412d 82%);animation:takeawayFill 2.4s cubic-bezier(.45,0,.55,1) infinite}
.loader-cup span:before{content:'';position:absolute;top:-3px;left:-4%;width:108%;height:7px;border-radius:50%;background:rgba(223,184,139,.75);animation:takeawayRipple 2.4s ease-in-out infinite}
.loader-cup .cup-lid{position:absolute;z-index:4;left:2px;top:9px;width:100px;height:12px;display:block;border-radius:4px 4px 3px 3px;background:linear-gradient(180deg,#fffdf7,#e6ddcf);box-shadow:0 2px 0 rgba(213,202,187,.7)}
.loader-cup .cup-lid:after{content:'';position:absolute;left:43px;top:3px;width:18px;height:4px;border-radius:5px;background:#817563}
.pour-stream{position:relative;z-index:5;width:5px;height:59px;margin:0 auto -6px;background:linear-gradient(180deg,#d6b27c,#a36b42 38%,#67402c);border-radius:0 0 8px 8px;transform-origin:top center;animation:takeawayPour 1.9s cubic-bezier(.45,0,.55,1) infinite}
.page-loader p{margin-top:28px}
@keyframes takeawayPour{0%,12%,100%{transform:scaleY(.12);opacity:.25}28%,76%{transform:scaleY(1);opacity:1}90%{transform:scaleY(.3);opacity:.45}}
@keyframes takeawayFill{0%,12%{height:12px}72%{height:43px}88%,100%{height:12px}}
@keyframes takeawayRipple{0%,100%{transform:translateX(-2px);opacity:.5}50%{transform:translateX(2px);opacity:.9}}
@keyframes takeawayBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(2px) rotate(-1deg)}}
@media(prefers-reduced-motion:reduce){.loader-cup,.loader-cup span,.loader-cup span:before,.pour-stream{animation:none!important}}

/* Refined takeaway cup */
.loader-cup:before,.loader-cup:after{content:none!important;display:none!important}
.loader-cup{width:100px;height:86px;margin-top:-5px;animation:takeawayBob 2.7s ease-in-out infinite}
.loader-cup .cup-body{left:11px;right:11px;top:14px;height:67px;background:linear-gradient(90deg,rgba(73,52,37,.1),transparent 18%,transparent 82%,rgba(73,52,37,.08)),linear-gradient(180deg,transparent 0 49%,#174333 49% 78%,transparent 78%),#f8f4ec;filter:drop-shadow(0 7px 5px rgba(0,0,0,.16))}
.loader-cup span{left:19px;right:19px;bottom:7px;height:10px;background:linear-gradient(180deg,#c18b5e,#70452d 80%);animation:takeawayFill 2.7s cubic-bezier(.42,0,.58,1) infinite}
.loader-cup .cup-lid{left:2px;top:9px;width:96px;height:10px;border-radius:4px 4px 3px 3px;background:linear-gradient(180deg,#fffdf8,#e9e1d5);box-shadow:0 1px 0 rgba(213,202,187,.75)}
.loader-cup .cup-lid:after{left:41px;top:3px;width:14px;height:3px;background:#8a7762}
.pour-stream{width:4px;height:57px;margin-bottom:-5px;border-radius:0 0 5px 5px}
@keyframes takeawayFill{0%,12%{height:10px}72%{height:28px}88%,100%{height:10px}}
@keyframes takeawayBob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(1px) rotate(-.4deg)}}

/* Natural proportions for a regular takeaway cup */
.loader-cup{width:78px;height:90px;margin-top:-5px}
.loader-cup .cup-body{left:8px;right:8px;top:14px;height:70px}
.loader-cup span{left:14px;right:14px;bottom:7px}
.loader-cup .cup-lid{left:2px;top:9px;width:74px;height:10px}
.loader-cup .cup-lid:after{left:31px;top:3px;width:12px;height:3px}

/* Mobile layout refinements */
@media(max-width:850px){
  .hero{min-height:760px;min-height:clamp(680px,92svh,820px)}
  .hero-video{display:none!important;pointer-events:none}
  .hero-bg{background-image:url('assets/iced-coffee-hero.webp');background-size:cover;background-position:center center;transform:none;will-change:auto}
  .hero-bg:before{animation:none;filter:blur(3px)}
  .hero .display{font-size:clamp(2.65rem,10.4vw,3.3rem);line-height:1}
  .hero .eyebrow{font-size:.64rem;letter-spacing:.15em;margin-bottom:17px}
  .hero-copy{font-size:1rem;line-height:1.65;margin:20px 0 26px}
  .hero-actions{gap:12px}
  .menu-btn{min-width:44px;min-height:44px;display:grid;place-items:center}
  .nav-links[style*="position: absolute"]{z-index:21;gap:8px;box-shadow:0 18px 40px rgba(0,0,0,.22);animation:mobileMenuIn .18s ease-out both}
  .nav-links[style*="position: absolute"] a{padding:10px 4px}
}
@keyframes mobileMenuIn{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:520px){
  .hero{min-height:760px;min-height:clamp(680px,90svh,780px)}
  .hero-actions .btn{min-height:54px;padding:0 18px;font-size:.72rem}
  .real-gallery{padding:8px}
  .real-gallery figure{flex-basis:100%;height:clamp(320px,105vw,440px);min-height:0}
  .real-gallery img{max-width:100%;height:100%;object-fit:cover}
  .carousel-controls{right:16px;bottom:14px;gap:12px}
  .carousel-arrow{width:36px;height:36px;font-size:1.45rem}
  .carousel-dots{gap:6px}
  .feature{padding:21px}
  .feature-image{height:190px}
  .corporate-photo{height:clamp(360px,112vw,460px)}
  .founder-portrait img{height:clamp(400px,125vw,520px)}
  .contact-card{padding:22px}
  .faq-item summary{font-size:1.15rem;padding:20px 42px 20px 0}
  .reviews-widget{overflow:hidden}
}

/* SIP. beige brand finish for every logo and primary action */
.btn,.nav-cta,.menu-btn,.carousel-arrow{background:var(--beige);border-color:var(--beige);color:var(--pine)}
.btn:hover,.nav-cta:hover,.menu-btn:hover,.carousel-arrow:hover{background:#e2d7c4;border-color:#e2d7c4;color:var(--pine);transform:translateY(-1px)}
.cta-band .btn-light.solid{background:var(--beige);border-color:var(--beige);color:var(--pine)}
.cta-band .btn-light.solid:hover{background:#e2d7c4;border-color:#e2d7c4;color:var(--pine)}
.menu-btn{width:44px;height:44px;border-radius:50%;line-height:1}
.carousel-dot,.carousel-dot.is-active{background:var(--beige)}
.carousel-dot:focus-visible,.carousel-arrow:focus-visible{outline-color:var(--beige)}

/* Keep the takeaway cup body and sleeve solid and fully opaque */
.loader-cup .cup-body{background:#f8f4ec!important;opacity:1!important}
.loader-cup .cup-body:before{content:'';position:absolute;top:49%;left:0;right:0;height:29%;display:block;background:#174333!important;opacity:1!important}


/* Solid vector cup illustration for the loading animation */
.loader-cup{width:78px;height:90px;margin-top:-5px;background:none!important;opacity:1!important}
.loader-cup .cup-art{display:block;width:78px;height:92px;overflow:visible;opacity:1!important;filter:drop-shadow(0 7px 5px rgba(0,0,0,.16))}
.loader-cup .cup-art path{opacity:1!important}


/* Corporate quote form */
.corporate-quote{scroll-margin-top:24px}.corporate-quote .contact-aside p{max-width:390px;margin:22px 0;color:#68665f}.corporate-card .corporate-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 20px}.corporate-card .corporate-form-grid>div{min-width:0}.corporate-card select{width:100%;border:0;border-bottom:1px solid var(--line);padding:12px 0;background:transparent;color:var(--ink);outline:none}.corporate-card .corporate-options{display:flex;flex-wrap:wrap;gap:4px 18px}.corporate-card .corporate-options legend{width:100%}.corporate-card .corporate-options label{white-space:nowrap}.corporate-card .corporate-options input{flex:none}
@media(max-width:850px){.corporate-card .corporate-form-grid{grid-template-columns:1fr}}

.contact-card button:disabled{opacity:.65;cursor:wait}