@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=DM+Serif+Display:ital@0;1&family=Noto+Sans+TC:wght@400;500;600;700;800&display=swap');

:root { --ink:#287563; --deep:#236957; --cream:#fffaf0; --white:#fffef9; --pink:#ef7658; --orange:#e7a184; --gold:#f4cb48; --mint:#b9dfb0; --tiffany:#77d4ca; --turquoise:#d6eee0; --violet:#ba8b72; --line:rgba(40,117,99,.25); --mono:'DM Mono',monospace; --serif:'DM Serif Display','Noto Serif TC',serif; --sans:'Noto Sans TC','PingFang TC','Microsoft JhengHei',sans-serif; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); -webkit-font-smoothing:antialiased; } a { color:inherit; text-decoration:none; } img { display:block; max-width:100%; }.shell { width:min(1180px,calc(100% - 64px)); margin-inline:auto; }

.site-header { height:87px; padding:0 max(4.2vw,30px); display:flex; justify-content:space-between; align-items:center; position:sticky; z-index:10; top:0; background:rgba(246,243,235,.91); backdrop-filter:blur(12px); border-bottom:1px solid transparent; transition:.25s; }.site-header.scrolled { border-color:var(--line); box-shadow:0 4px 22px rgba(20,61,56,.05); }
.brand { display:inline-flex; align-items:center; gap:10px; }.brand b { display:block; font-size:18px; line-height:1.1; font-weight:800; letter-spacing:.035em; }.brand small { display:block; margin-top:3px; font:8px var(--mono); letter-spacing:.08em; opacity:.65; }.logo-badge { display:grid; flex:0 0 auto; place-items:center; width:46px; height:46px; border-radius:50%; background:var(--ink); }.company-logo { display:block; width:36px; height:36px; object-fit:contain; filter:brightness(0) invert(1); }.brand-mark { display:inline-flex; align-items:end; gap:2px; width:31px; height:32px; padding-bottom:2px; border-bottom:2px solid var(--pink); position:relative; }.brand-mark::after { content:''; position:absolute; width:16px; height:6px; bottom:7px; left:7px; border:1.5px solid var(--ink); border-radius:50%; }.brand-mark i { display:block; width:5px; border:1.5px solid var(--ink); border-bottom:0; border-radius:5px 5px 0 0; }.brand-mark i:nth-child(1){height:19px}.brand-mark i:nth-child(2){height:25px}.brand-mark i:nth-child(3){height:15px}
.main-nav { display:flex; align-items:center; gap:clamp(18px,2.5vw,36px); font-size:12px; font-weight:600; }.main-nav a:not(.nav-contact) { opacity:.76; }.main-nav a:not(.nav-contact):hover { opacity:1; }.nav-contact { color:var(--white); background:var(--ink); border-radius:99px; padding:11px 15px; }.nav-contact span { padding-left:3px; color:var(--gold); }.menu-toggle { display:none; border:0; padding:5px; background:none; }.menu-toggle span { display:block; width:24px; height:2px; margin:5px; background:var(--ink); }

.hero { display:grid; grid-template-columns:.9fr 1.1fr; align-items:center; gap:80px; min-height:600px; padding-block:75px; }.eyebrow { margin:0 0 18px; color:var(--pink); font:10px var(--mono); letter-spacing:.14em; }.eyebrow span { display:inline-block; width:22px; height:1px; margin:0 8px 3px 0; background:currentColor; }.hero h1,.intro h2,.section-heading h2,.partner h2,.contact h2 { margin:0; letter-spacing:-.055em; line-height:1.3; }.hero h1 { font-size:clamp(45px,5.25vw,71px); font-weight:800; }.hero-lead { max-width:465px; margin:25px 0 29px; color:#66817b; font-size:14px; line-height:2; }.button { display:inline-flex; align-items:center; gap:24px; padding:14px 18px; color:var(--white); background:var(--ink); border-radius:99px; font-size:12px; font-weight:700; transition:transform .2s; }.button:hover { transform:translateY(-2px); }.button span { color:var(--gold); font-size:16px; }.hero-meta { display:flex; align-items:center; gap:13px; margin-top:49px; color:#728985; }.hero-meta span { color:var(--pink); font:10px var(--mono); }.hero-meta i { width:1px; height:25px; background:#b8c7c1; }.hero-meta p { margin:0; font-size:10px; line-height:1.65; }.hero-image { height:446px; position:relative; }.hero-image img { height:100%; width:88%; margin-left:auto; object-fit:cover; object-position:center 62%; border-radius:220px 220px 12px 12px; }.hero-image::before { content:''; position:absolute; z-index:-1; width:150px; height:150px; top:0; left:2%; border-radius:50%; background:#efd08d; }.image-chip { position:absolute; left:0; bottom:37px; padding:15px 18px; color:#fff; background:var(--ink); box-shadow:0 11px 25px rgba(15,45,41,.17); }.image-chip span { display:block; color:#eecf9a; margin-bottom:6px; font:9px var(--mono); }.image-chip b { font:17px/1.25 var(--serif); font-weight:400; }.hero-sun { display:grid; place-items:center; position:absolute; right:1%; bottom:33px; width:49px; height:49px; border:1px solid #d5b67c; border-radius:50%; color:#d18d54; font-size:20px; background:var(--cream); }

.intro { padding:105px 0 112px; color:#edf1e9; background:var(--ink); }.intro-grid { display:grid; grid-template-columns:.65fr 1.35fr; gap:25px; }.intro .eyebrow { color:#e9bd7c; }.intro h2,.section-heading h2,.partner h2,.contact h2 { font-size:clamp(30px,3.35vw,47px); }.intro h2 em,.section-heading h2 em,.contact h2 em { color:#f1c785; font-family:var(--serif); font-weight:400; letter-spacing:-.02em; }.intro-copy > p { max-width:580px; margin:25px 0 0; color:#b9cbc5; font-size:14px; line-height:2; }

.brands { padding:115px 0 124px; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:30px; margin-bottom:45px; }.section-heading h2 { max-width:750px; }.section-heading > p { margin:0 0 6px; color:#738b86; font-size:12px; line-height:1.85; }.brand-grid { display:grid; grid-template-columns:1fr 1fr; gap:22px; }.brand-card { overflow:hidden; border:1px solid var(--line); background:var(--white); }.brand-card-visual,.butler-visual { height:314px; position:relative; overflow:hidden; }.brand-card-visual img { width:100%; height:100%; object-fit:cover; object-position:center; }.visual-overlay { position:absolute; inset:0; background:linear-gradient(0deg,rgba(8,41,37,.66),transparent 63%); }.bartruck-logo { position:absolute; left:31px; bottom:27px; color:white; text-shadow:0 2px 10px rgba(0,0,0,.24); }.martini-icon { display:block; width:25px; height:25px; margin-bottom:5px; color:#f1d497; fill:none; stroke:currentColor; stroke-width:2.4; stroke-linecap:round; stroke-linejoin:round; }.bartruck-logo b { display:block; font-size:31px; letter-spacing:.06em; }.bartruck-logo small { display:block; margin-top:2px; font:10px var(--mono); letter-spacing:.04em; }.brand-card-content { min-height:242px; padding:27px 30px 29px; }.card-kicker { margin:0 0 10px; color:var(--pink); font:9px var(--mono); letter-spacing:.12em; }.brand-card h3 { margin:0 0 10px; font-size:24px; letter-spacing:-.04em; }.brand-card-content > p:not(.card-kicker) { max-width:430px; min-height:54px; margin:0 0 22px; color:#69817c; font-size:12px; line-height:1.85; }.brand-link { display:inline-flex; padding-bottom:5px; border-bottom:1px solid var(--ink); font-size:12px; font-weight:700; }.brand-link span { padding-left:10px; color:var(--pink); font-size:16px; line-height:.7; }.butler-visual { display:grid; place-items:center; background:radial-gradient(circle at 50% 47%,#273d71 0, #101b38 40%,#090f22 77%); }.butler-visual::before { content:''; position:absolute; inset:0; background-image:linear-gradient(rgba(142,176,255,.10) 1px,transparent 1px),linear-gradient(90deg,rgba(142,176,255,.10) 1px,transparent 1px); background-size:26px 26px; mask-image:radial-gradient(circle, black, transparent 70%); }.coming-soon { position:absolute; top:19px; right:20px; z-index:1; padding:6px 8px; color:#b8ddff; border:1px solid rgba(164,216,255,.42); border-radius:99px; font:8px var(--mono); letter-spacing:.07em; }.butler-logo { position:relative; z-index:1; width:163px; height:163px; filter:drop-shadow(0 0 17px rgba(71,187,255,.3)); }.butler-name { position:absolute; z-index:1; bottom:26px; text-align:center; color:#ecf6ff; }.butler-name b { display:block; font-size:24px; letter-spacing:.02em; }.butler-name em { color:#b990ff; font-style:normal; font-weight:500; }.butler-name span { display:block; margin-top:4px; color:#9fc9ff; font:8px var(--mono); letter-spacing:.12em; }.disabled { cursor:default; color:#7f969e; border-color:#b5c1bc; }.disabled span { color:#98abb3; }

.partner { padding-bottom:112px; }.partner-panel { display:grid; grid-template-columns:.94fr 1fr auto; gap:46px; align-items:center; padding:43px 49px; background:#edc988; }.partner .eyebrow { color:#8f5e41; }.partner h2 { font-size:32px; }.partner-panel > p { margin:0; color:#536961; font-size:12px; line-height:1.85; }.partner-link { white-space:nowrap; padding-bottom:5px; border-bottom:1px solid var(--ink); font-size:12px; font-weight:700; }.partner-link span { padding-left:10px; font-size:15px; }

.contact { padding:107px 0 93px; background:#e6e1d6; }.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:40px; }.contact h2 em { color:var(--pink); }.contact-info { padding-top:30px; }.contact-phone { display:block; width:max-content; max-width:100%; padding-bottom:7px; border-bottom:1px solid var(--ink); font:clamp(26px,3vw,42px) var(--serif); }.contact-phone span { color:var(--pink); font:20px var(--sans); }.contact-email { display:inline-block; margin-top:13px; padding-bottom:2px; border-bottom:1px solid #9aa9a3; color:#5f7873; font:11px var(--mono); }.social-title { margin:39px 0 0; color:#718984; font-size:10px; }.socials { display:flex; gap:10px; margin-top:10px; }.socials > span { display:flex; align-items:center; gap:9px; min-width:118px; padding:10px; border:1px dashed #9eaaa3; color:#77908a; }.socials b { color:var(--ink); font:14px var(--mono); }.socials small { font-size:8px; line-height:1.45; }
footer { min-height:105px; padding:25px max(4.2vw,30px); display:flex; justify-content:space-between; align-items:center; color:#eef0e9; background:var(--deep); }.footer-brand .brand-mark { filter:brightness(0) invert(1); }.footer-brand b { font-size:17px; }.footer-brand small { color:#cad7d2; }.copyright, footer p { margin:0; color:#98afa7; font:9px var(--mono); letter-spacing:.07em; }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .65s ease,transform .65s ease; }.reveal.in-view { opacity:1; transform:translateY(0); }.delay-1 { transition-delay:.1s; }

/* Retro-modern colour refresh */
.site-header { background:rgba(255,240,213,.94); border-bottom-width:2px; }
.site-header.scrolled { border-color:var(--ink); box-shadow:0 4px 0 rgba(29,54,84,.13); }
.eyebrow span { height:2px; }
.hero-lead { color:#526d83; }
.button { background:var(--pink); border:2px solid var(--ink); box-shadow:3px 3px 0 var(--ink); transition:transform .2s,box-shadow .2s; }
.button:hover { transform:translate(2px,2px); box-shadow:0 0 0 var(--ink); }
.hero-meta { color:#526d83; }.hero-meta i { width:2px; background:var(--gold); }
.hero-image img { border:3px solid var(--ink); }.hero-image::before { background:var(--gold); }
.image-chip { border:2px solid var(--ink); background:var(--pink); box-shadow:5px 5px 0 var(--ink); }.image-chip span { color:#fff3c8; }
.hero-sun { border:2px solid var(--ink); color:var(--ink); background:var(--mint); }
.intro { color:#f8f0df; background:var(--deep); border-block:3px solid var(--ink); }.intro .eyebrow,.intro h2 em { color:var(--gold); }.intro-copy > p { color:#d8d6e8; }
.brands { position:relative; overflow:hidden; background:#ffd36d; border-bottom:3px solid var(--ink); }.brands::after { content:''; position:absolute; z-index:0; width:250px; height:250px; right:-115px; top:55px; border:3px solid var(--ink); border-radius:50%; background:var(--mint); }.brands .shell { position:relative; z-index:1; }
.section-heading > p { color:#526d83; }.brand-card { border:3px solid var(--ink); box-shadow:7px 7px 0 var(--ink); }.visual-overlay { background:linear-gradient(0deg,rgba(29,54,84,.72),transparent 63%); }.mini-bottles { color:var(--gold); }
.bartruck .brand-card-content { background:#ff9e83; }.butler .brand-card-content { background:var(--mint); }.card-kicker { color:var(--deep); }.brand-card-content > p:not(.card-kicker) { color:#39546a; }.brand-link { border-bottom:2px solid var(--ink); }
.butler-visual { background:radial-gradient(circle at 50% 47%,#465eaa 0,#27345c 40%,#211d43 77%); }.butler-visual::before { background-image:linear-gradient(rgba(255,213,106,.13) 1px,transparent 1px),linear-gradient(90deg,rgba(255,213,106,.13) 1px,transparent 1px); }.butler-logo { position:absolute; top:43%; left:50%; width:163px; height:163px; display:block; overflow:visible; transform:translate(-50%,-50%); filter:drop-shadow(0 0 17px rgba(255,194,71,.35)); }.butler-name em { color:#ffd36d; }.butler-name span { color:#9ff3de; }
.partner { padding-block:112px; background:var(--cream); }.partner-panel { background:var(--pink); border:3px solid var(--ink); box-shadow:8px 8px 0 var(--ink); }.partner .eyebrow { color:#fff4d7; }.partner h2,.partner-panel > p,.partner-link { color:#fff8ec; }.partner-link { border-bottom:2px solid #fff8ec; }.partner-link span { color:var(--gold); }
footer { color:#fff4dc; background:var(--deep); border-top:3px solid var(--ink); }.footer-brand small { color:#f2d87e; }.copyright,footer p { color:#b8d7d0; }

/* Pop-Moroccan digital line system */
body { background-color:var(--cream); background-image:radial-gradient(rgba(25,56,88,.08) 1.5px,transparent 1.5px); background-size:18px 18px; }
.site-header { border-bottom:5px solid var(--ink); background:#ffe9bf; }.site-header.scrolled { box-shadow:0 5px 0 var(--pink); }
.brand-mark { border-bottom-width:4px; }.brand-mark::after,.brand-mark i { border-width:2px; }
.main-nav a { position:relative; }.main-nav a:not(.nav-contact)::after { content:''; position:absolute; left:0; right:0; bottom:-7px; height:4px; border-radius:99px; background:var(--tiffany); transform:scaleX(0); transform-origin:left; transition:transform .2s; }.main-nav a:not(.nav-contact):hover::after { transform:scaleX(1); }
.hero { overflow:hidden; }.hero::after { content:''; position:absolute; z-index:-1; width:230px; height:230px; right:35%; bottom:-148px; border:6px solid var(--tiffany); border-radius:50%; box-shadow:0 0 0 14px rgba(117,246,217,.34); }
.eyebrow span { width:29px; height:5px; border-radius:99px; }.button { border-width:4px; box-shadow:5px 5px 0 var(--ink); }.button:hover { transform:translate(4px,4px); }
.hero-image img { border-width:5px; border-radius:150px 150px 26px 26px; }.hero-image::before { border:5px solid var(--ink); }.image-chip { border-width:4px; border-radius:18px 18px 18px 3px; box-shadow:6px 6px 0 var(--ink); }.hero-sun { border-width:4px; box-shadow:4px 4px 0 var(--ink); }
.intro { border-block-width:5px; position:relative; overflow:hidden; }.intro::after { content:''; position:absolute; width:190px; height:190px; right:7%; bottom:-128px; border:6px solid var(--gold); border-radius:50%; opacity:.72; }.intro .shell { position:relative; z-index:1; }
.brands { border-bottom-width:5px; }.brands::after { width:260px; height:260px; border-width:5px; border-radius:45% 55% 51% 49% / 45% 45% 55% 55%; box-shadow:10px 10px 0 var(--pink); }.brand-card { border-width:5px; border-radius:30px 30px 22px 22px; box-shadow:8px 8px 0 var(--ink); }.brand-card-visual,.butler-visual { border-radius:24px 24px 0 0; }.brand-card-content { border-radius:0 0 18px 18px; }.brand-link { border-bottom-width:3px; }.bartruck .brand-card-content { background:linear-gradient(135deg,#ffad91,#ff977c); }.butler .brand-card-content { background:linear-gradient(135deg,#7ce0cd,#a2efcf); }
.butler-visual { background:radial-gradient(circle at 50% 38%,#405c9f 0,#253968 42%,#201d44 78%); }.butler-visual::before { background-image:linear-gradient(rgba(117,246,217,.22) 2px,transparent 2px),linear-gradient(90deg,rgba(117,246,217,.22) 2px,transparent 2px); background-size:28px 28px; }.butler-visual::after { content:''; position:absolute; z-index:0; inset:22px 76px 64px; border:5px solid var(--tiffany); border-bottom:0; border-radius:110px 110px 0 0; box-shadow:0 0 12px rgba(24,201,207,.8),inset 0 0 12px rgba(117,246,217,.24); opacity:.8; }
.butler-logo { z-index:2; filter:drop-shadow(0 0 7px rgba(24,201,207,.95)) drop-shadow(0 0 17px rgba(117,246,217,.55)); }.butler-logo-image { position:absolute; z-index:4; top:50%; left:50%; width:220px; max-width:66%; aspect-ratio:1; object-fit:contain; transform:translate(-50%,-50%); border:4px solid var(--tiffany); border-radius:22px; box-shadow:0 0 0 4px var(--ink),0 0 20px rgba(24,201,207,.7); }.butler-name { z-index:3; }.butler-name em { color:var(--turquoise); text-shadow:0 0 10px rgba(117,246,217,.65); }.butler-name span { color:#b5fff0; }
.tech-mosaic-icons { position:absolute; z-index:3; top:24px; left:25px; display:flex; gap:8px; }.mosaic-icon { display:grid; place-items:center; width:34px; height:34px; color:var(--turquoise); border:3px solid var(--tiffany); border-radius:12px 12px 6px 6px; background:rgba(20,42,86,.75); box-shadow:0 0 9px rgba(24,201,207,.72); transform:rotate(45deg); }.mosaic-icon:nth-child(2) { transform:translateY(11px) rotate(45deg); }.mosaic-icon:nth-child(3) { transform:rotate(45deg); }.mosaic-icon svg { width:22px; height:22px; transform:rotate(-45deg); fill:none; stroke:currentColor; stroke-width:2.5; stroke-linecap:round; stroke-linejoin:round; }
.partner-panel { border-width:5px; border-radius:28px 28px 28px 5px; box-shadow:9px 9px 0 var(--ink); position:relative; overflow:hidden; }.partner-panel::after { content:''; position:absolute; width:170px; height:170px; right:-70px; top:-105px; border:6px solid var(--gold); border-radius:50%; opacity:.75; }.partner-panel > * { position:relative; z-index:1; }
footer { border-top-width:5px; }

/* Urban Sip reference palette: mustard, terracotta, deep green and warm ivory */
body { background-color:var(--cream); background-image:radial-gradient(rgba(48,102,84,.09) 1.5px,transparent 1.5px); }
.site-header { background:var(--gold); border-bottom-color:var(--ink); }.site-header.scrolled { box-shadow:0 5px 0 var(--pink); }
.brand-mark { border-bottom-color:var(--pink); }.main-nav a:not(.nav-contact)::after { background:var(--pink); }
.hero { margin-top:34px; padding-inline:clamp(28px,4.8vw,70px); background:radial-gradient(62% 47% at 105% 2%,var(--pink) 0 66%,transparent 67%),radial-gradient(45% 35% at 98% 18%,var(--ink) 0 66%,transparent 67%),var(--gold); border:5px solid var(--ink); border-radius:0 0 44px 44px; }.hero::after { border-color:var(--pink); box-shadow:0 0 0 14px rgba(208,150,132,.36); }.hero-lead,.hero-meta { color:#3e6658; }.eyebrow { color:var(--pink); }.button { color:var(--white); background:var(--ink); border-color:var(--ink); box-shadow:5px 5px 0 var(--pink); }.button span { color:var(--gold); }.hero-meta i { background:var(--pink); }.hero-image::before { background:var(--cream); border-color:var(--ink); }.image-chip { background:var(--ink); border-color:var(--ink); box-shadow:6px 6px 0 var(--pink); }.image-chip span { color:var(--gold); }.hero-sun { background:var(--cream); color:var(--pink); border-color:var(--ink); box-shadow:4px 4px 0 var(--pink); }
.intro { background:#4a9d87; border-color:var(--ink); }.intro .eyebrow,.intro h2 em { color:#fff1a1; }.intro-copy > p { color:#f3fff7; }
.brands { background:var(--cream); border-color:var(--ink); }.brands::after { background:var(--gold); border-color:var(--ink); box-shadow:10px 10px 0 var(--pink); }.section-heading > p { color:#537364; }.brand-card { border-color:var(--ink); box-shadow:8px 8px 0 var(--ink); }.bartruck .brand-card-content { background:linear-gradient(135deg,#ff9a77,#ffb68f); }.butler .brand-card-content { background:linear-gradient(135deg,#dbe6d0,#b7ccaf); }.card-kicker { color:var(--pink); }.brand-card-content > p:not(.card-kicker) { color:#46675a; }.brand-link { border-color:var(--ink); }.brand-link span { color:var(--pink); }
.butler-visual { background:radial-gradient(circle at 50% 38%,#a3dcc1 0,#72c7a8 46%,#4a9d87 85%); }.butler-visual::before { background-image:linear-gradient(rgba(255,244,154,.36) 2px,transparent 2px),linear-gradient(90deg,rgba(255,244,154,.36) 2px,transparent 2px); }.butler-visual::after { border-color:#fff1a1; box-shadow:0 0 11px rgba(255,241,161,.58),inset 0 0 12px rgba(255,255,255,.3); }.butler-logo-image { border-color:#fff1a1; box-shadow:0 0 0 4px var(--ink),0 0 18px rgba(255,241,161,.6); }.coming-soon { z-index:5; color:var(--cream); border-color:rgba(255,255,255,.82); background:rgba(40,117,99,.38); }
.partner { background:var(--cream); }.partner-panel { background:var(--pink); border-color:var(--ink); box-shadow:9px 9px 0 var(--ink); }.partner-panel::after { border-color:var(--gold); }.partner h2,.partner-panel > p,.partner-link { color:var(--white); }.partner-link { border-color:var(--white); }.partner-link span { color:var(--gold); }
footer { background:#3c8b76; border-color:var(--ink); }.footer-brand small { color:#fff1a1; }.copyright,footer p { color:#effff6; }

@media(max-width:800px){.site-header{height:75px}.main-nav{display:none; position:absolute; top:74px; left:0; right:0; padding:22px 7vw; flex-direction:column; align-items:start; background:var(--cream); border-top:1px solid var(--line);}.main-nav.open{display:flex}.menu-toggle{display:block}.hero{grid-template-columns:1fr;gap:46px;min-height:0;padding-block:58px 70px}.hero-image{width:min(100%,530px);height:400px;margin-left:auto}.intro{padding-block:80px}.intro-grid{grid-template-columns:1fr;gap:20px}.brands{padding-block:85px}.section-heading{display:block}.section-heading>p{margin-top:17px}.brand-grid{grid-template-columns:1fr}.partner{padding-bottom:84px}.partner-panel{grid-template-columns:1fr;gap:22px}.contact{padding-block:85px}.contact-grid{grid-template-columns:1fr;gap:16px}.contact-info{padding-top:0}}
@media(max-width:520px){.shell{width:calc(100% - 36px)}.hero h1{font-size:43px}.hero-lead{font-size:13px}.hero-image{height:347px}.hero-image img{width:91%}.image-chip{left:-2px;bottom:23px}.hero-sun{right:-3px;bottom:20px}.intro h2,.section-heading h2,.contact h2{font-size:32px}.brand-card-visual,.butler-visual{height:270px}.bartruck-logo{left:21px;bottom:22px}.bartruck-logo b{font-size:27px}.brand-card-content{min-height:228px;padding:24px 22px}.partner-panel{padding:31px 25px}.partner h2{font-size:29px}.contact-phone{font-size:31px}.socials{flex-direction:column;gap:7px}.socials>span{min-width:0;width:190px}footer{min-height:95px;align-items:flex-start;flex-direction:column;gap:17px}.reveal{transform:translateY(12px)}}