@import url("assets/fonts/fonts.css");
/*
Theme Name: Ginger Studio
Author: Ginger Marketing Solutions
Description: Bespoke bilingual agency block theme. Homepage design review v0.1.
Version: 0.2.1
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: ginger-studio
License: GPL-2.0-or-later
*/
:root{--cream:#e5d2b4;--gold:#cfae78;--wine:#4f2a3a;--ink:#383838;--white:#fff;--line:rgba(79,42,58,.2)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:2rem}body{margin:0;background:var(--white);color:var(--ink);font-family:Arial,Tahoma,sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--wine);outline-offset:5px}img{max-width:100%;height:auto;display:block}figure,p{margin:0}h1,h2,h3{margin:0;color:var(--wine);font-weight:500;line-height:1.08;letter-spacing:-.055em}h2{font-size:clamp(2.5rem,4.8vw,4.6rem)}h3{font-size:clamp(1.6rem,2.7vw,2.5rem);letter-spacing:-.035em}em{font-family:Georgia,'Times New Roman',serif;font-weight:400}p{text-wrap:pretty}.wp-site-blocks{padding:0}.wp-site-blocks>*{margin-block-start:0}.wp-block-group>*{margin-block-start:0}.site-header{max-width:1440px;margin:auto;padding:24px 5%;display:flex;align-items:center;justify-content:space-between;gap:32px}.header-logo{width:275px;flex-shrink:0}.header-logo img{width:100%;height:64px;object-fit:contain}.main-nav{display:flex;align-items:center;gap:30px;font-size:14px}.main-nav a{text-decoration:none}.main-nav a:hover{text-decoration:underline}.main-nav .language{border-inline-start:1px solid var(--line);padding-inline-start:25px;font-size:16px}.skip-link{position:absolute;inset-inline-start:12px;top:-100px;z-index:100;background:white;padding:12px}.skip-link:focus{top:12px}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.4fr 1fr;min-height:610px;border-block:1px solid var(--line)}.slides{padding:64px 7% 30px 8%;display:flex;flex-direction:column;justify-content:center}.hero-slide+.hero-slide{margin-top:50px}.hero-slide[hidden]{display:none!important}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;color:var(--wine);margin-bottom:28px}.hero-title{font-size:clamp(3rem,5.7vw,5.6rem);line-height:1.03;margin-bottom:28px}.hero-description{max-width:450px;font-size:17px;margin-bottom:30px}.wp-block-buttons{display:flex;gap:12px;flex-wrap:wrap}.wp-block-button__link{display:inline-block;padding:15px 24px;background:var(--wine);color:white;text-decoration:none;border:1px solid var(--wine);border-radius:0;font-size:15px;line-height:1.5}.wp-block-button__link:hover{background:var(--ink);border-color:var(--ink)}.is-style-outline .wp-block-button__link{background:transparent;color:var(--wine)}.is-style-outline .wp-block-button__link:hover{background:var(--cream)}.brand-panel{background:var(--cream);padding:50px 6%;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative;overflow:hidden}.brand-panel:before{content:'';position:absolute;width:76%;aspect-ratio:1;border:1px solid rgba(79,42,58,.16);border-radius:50%;pointer-events:none}.hero-mark{width:100%;position:relative;margin-bottom:40px}.hero-mark img{width:100%;height:auto}.brand-caption{font-size:12px;letter-spacing:.16em;text-align:center;position:relative;color:var(--wine)}.brand-subcaption{font-size:14px;margin-top:8px;position:relative;text-align:center}.slider-controls{display:flex;gap:10px;margin-top:40px;align-items:center}.slider-controls button{background:none;border:0;border-bottom:2px solid var(--line);padding:10px 14px;cursor:pointer;color:var(--wine);font-size:14px}.slider-controls button[aria-pressed=true]{border-bottom-color:var(--wine);font-weight:700}.section{padding:90px max(5%,calc((100vw - 1296px)/2));margin:0}.intro{padding-top:62px;padding-bottom:75px}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:9%}.intro h2{font-size:clamp(2rem,3.5vw,3.2rem)}.intro-grid>p{max-width:490px}.services{background:#faf8f5}.services-list{margin-top:50px}.service-row{display:grid;grid-template-columns:65px 1fr 65px;gap:20px;border-top:1px solid var(--line);padding:30px 0}.service-row:last-child{border-bottom:1px solid var(--line)}.service-number{font-size:14px;color:var(--wine);padding-top:6px}.service-copy>p{max-width:700px;margin-top:15px}.service-copy .service-tags{font-size:13px;color:var(--wine);letter-spacing:.02em}.service-arrow{font-size:35px;align-self:center}.service-arrow a{text-decoration:none;display:grid;place-content:center;width:52px;height:52px;border:1px solid var(--line);border-radius:50%}.service-arrow a:hover{background:var(--cream)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.step{border-top:1px solid var(--line);padding-top:22px}.step-number{font-family:Georgia,serif;color:var(--wine);font-size:40px;margin-bottom:20px}.step h3{font-size:25px;margin-bottom:15px}.about{background:var(--wine);color:white;display:grid;grid-template-columns:1.4fr 1fr;gap:10%;align-items:center}.about h2,.about .eyebrow{color:var(--cream)}.about-copy>p:not(.eyebrow){max-width:660px;margin-top:30px}.about .ai-note{font-size:14px;color:var(--cream)}.stats{display:grid;grid-template-columns:1fr 1fr;gap:30px}.stat{border-top:1px solid var(--gold);padding-top:25px}.stat-number{font-size:clamp(4rem,7vw,7rem);line-height:1.1;font-family:Georgia,serif;color:var(--cream)}.stat>p:last-child{font-size:14px;line-height:1.6;margin-top:15px}.contact{text-align:center;background:var(--cream);padding-top:85px;padding-bottom:85px}.contact h2{font-size:clamp(3rem,6.5vw,6rem)}.contact>p:not(.eyebrow){max-width:590px;margin:28px auto}.contact .wp-block-buttons{justify-content:center}.contact .contact-email{font-size:15px;margin-bottom:0}.site-footer{display:flex;justify-content:space-between;gap:24px;padding:30px 5%;font-size:13px;color:var(--wine)}[dir=rtl]{font-family:Tahoma,Arial,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{letter-spacing:0;line-height:1.4}[dir=rtl] em{font-family:inherit;font-style:normal}[dir=rtl] .eyebrow,[dir=rtl] .brand-caption{letter-spacing:0}[dir=rtl] .hero-title{font-size:clamp(2.8rem,4.6vw,4.5rem)}[dir=rtl] .slides{padding:54px 8% 30px 7%}[dir=rtl] .header-logo{direction:ltr}.editor-styles-wrapper .hero-slide{display:block!important}.editor-styles-wrapper .slides{display:block}.editor-styles-wrapper .hero{min-height:0}.editor-styles-wrapper .skip-link{display:none}
@media(min-width:1600px){.section{padding-inline:max(5%,calc((100vw - 1296px)/2))}}
@media(max-width:900px){.site-header{flex-wrap:wrap;gap:12px}.header-logo{width:230px}.main-nav{gap:20px}.hero{min-height:auto}.slides{padding:45px 7%}.hero-title{font-size:3.5rem}.brand-panel{padding:25px 4%}.intro-grid{gap:35px}.about{gap:40px;grid-template-columns:1fr}.stats{max-width:500px}.section{padding-block:65px}.site-footer{flex-wrap:wrap}}
@media(max-width:600px){body{font-size:16px}.site-header{padding:18px 6%;display:block}.header-logo{width:245px;margin-bottom:16px}.header-logo img{height:53px}.main-nav{gap:15px;flex-wrap:wrap;font-size:13px}.main-nav .language{padding-inline-start:12px;font-size:14px}.hero{grid-template-columns:1fr}.slides,[dir=rtl] .slides{padding:45px 6% 26px}.hero-title{font-size:clamp(2.9rem,10.5vw,4rem)}.hero-description{font-size:16px}.brand-panel{min-height:300px;padding:28px 8%}.brand-panel:before{width:65%}.hero-mark{width:85%;max-width:330px;margin-bottom:10px}.brand-caption{font-size:12px}.section{padding:55px 6%}.intro-grid,.steps{grid-template-columns:1fr;gap:28px}.intro h2{font-size:2rem}.eyebrow{margin-bottom:20px}.services h2,.approach h2,.about h2{font-size:2.5rem}.service-row{grid-template-columns:30px 1fr;gap:12px}.service-arrow{display:none}.service-copy h3{font-size:1.75rem}.service-copy .service-tags{font-size:13px}.steps{margin-top:32px}.step-number{margin-bottom:10px}.contact h2{font-size:2.8rem}.site-footer{display:block;padding:25px 6%}.site-footer p+p{margin-top:10px}.stats{gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Bold brand direction — approved wine, white and cream. */
body{font-family:Manrope,Arial,sans-serif}h1,h2,h3{font-weight:800;letter-spacing:-.055em}em{font-family:inherit;font-style:normal;font-weight:inherit}h2{line-height:1.07}h3{line-height:1.2}.hero{background:var(--wine);max-width:none;grid-template-columns:1.5fr 1fr;min-height:670px;border:0}.slides{padding:70px 7% 40px 10%;color:white}.hero-title{color:white;font-size:clamp(3.2rem,6.4vw,6.5rem);font-weight:800;letter-spacing:-.065em}.hero-title em{color:var(--cream)}.hero .eyebrow{color:var(--cream)}.hero-description{color:white;max-width:480px}.hero .wp-block-button__link{background:var(--cream);color:var(--wine);border-color:var(--cream);font-weight:700}.hero .wp-block-button__link:hover{background:white;border-color:white}.slider-controls button{color:var(--cream);border-bottom-color:rgba(255,255,255,.25)}.slider-controls button[aria-pressed=true]{border-bottom-color:var(--cream)}.brand-panel{margin:32px 32px 32px 0;min-height:500px}.brand-panel:before{border-width:2px}.brand-caption{font-weight:700}.intro{padding-block:90px}.intro h2{font-size:clamp(2.1rem,3.8vw,3.7rem)}.services{background:var(--wine);color:white;--line:rgba(255,255,255,.25)}.services h2,.services h3{color:white}.services h2 em,.services .eyebrow,.services .service-number,.services .service-copy .service-tags{color:var(--cream)}.service-row{padding-block:38px;transition:background .25s,padding .25s}.service-row:hover{background:rgba(229,210,180,.08);padding-inline:15px}.service-arrow a{color:var(--cream)}.service-arrow a:hover{color:var(--wine)}.approach{background:var(--cream)}.step-number{font-family:Manrope,Arial,sans-serif;font-weight:800}.about{background:white;color:var(--ink)}.about h2,.about .eyebrow,.about .ai-note{color:var(--wine)}.stat-number{font-family:Manrope,Arial,sans-serif;font-weight:800;color:var(--wine)}.stat{border-top:3px solid var(--wine)}.contact{background:var(--wine);color:white}.contact h2,.contact .eyebrow{color:white}.contact h2 em{color:var(--cream)}.contact .wp-block-button__link{background:var(--cream);color:var(--wine);border-color:var(--cream);font-weight:700}.contact .is-style-outline .wp-block-button__link{background:transparent;color:white;border-color:var(--cream)}.contact .wp-block-button__link:hover{background:white;color:var(--wine)}.site-footer{background:var(--cream)}[dir=rtl]{font-family:Tajawal,Tahoma,sans-serif}[dir=rtl] h1,[dir=rtl] h2,[dir=rtl] h3{font-family:Tajawal,Tahoma,sans-serif;font-weight:800}[dir=rtl] .hero-title{font-size:clamp(3.2rem,5.7vw,5.7rem);line-height:1.25}[dir=rtl] .brand-panel{margin:32px 0 32px 32px}.reveal-ready{opacity:0;transform:translateY(32px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.7,.2,1);transition-delay:var(--reveal-delay,0ms)}.reveal-ready.is-visible{opacity:1;transform:none}.wp-block-button__link{transition:background .2s,color .2s,transform .2s}.wp-block-button__link:hover{transform:translateY(-2px)}
@media(max-width:900px){.hero{min-height:580px}.hero-title{font-size:3.7rem}.brand-panel,[dir=rtl] .brand-panel{margin:20px;min-height:400px}.slides{padding:45px 7%}.intro{padding-block:60px}}
@media(max-width:600px){.hero{grid-template-columns:1fr}.hero-title{font-size:clamp(3rem,10.9vw,4rem)}.brand-panel,[dir=rtl] .brand-panel{margin:0 6% 26px;min-height:275px}.hero-mark{max-width:300px}.slides{padding:48px 6% 24px}.services h2,.approach h2,.about h2{font-size:2.45rem}.service-row:hover{padding-inline:0}.contact h2{font-size:2.8rem}[dir=rtl] .hero-title{font-size:3.15rem}.intro{padding-block:55px}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none;transition:none}.wp-block-button__link,.service-row{transition:none}.wp-block-button__link:hover{transform:none}}
/* Logo leads the hero, directly on the wine background. */
.hero{grid-template-columns:1fr;min-height:0;padding-top:38px}
.hero .brand-panel,[dir=rtl] .hero .brand-panel{order:-1;margin:0;padding:0 6%;min-height:0;background:transparent;overflow:visible}
.hero .brand-panel:before{display:none}
.hero .hero-mark{width:300px;max-width:75%;margin:0}
.hero .hero-mark img{filter:none}
.hero .brand-caption,.hero .brand-subcaption{display:none}
.hero .slides,[dir=rtl] .hero .slides{padding:10px 6% 48px;align-items:center;text-align:center}
.hero .hero-slide{max-width:1000px;width:100%}
.hero .hero-description{margin-inline:auto;max-width:600px}
.hero .wp-block-buttons{justify-content:center}
.hero .hero-title{font-size:clamp(3.2rem,6.4vw,6.5rem)}
.hero .slider-controls{justify-content:center;margin-top:28px}
@media(max-width:600px){.hero{padding-top:20px}.hero .hero-mark{width:240px;max-width:72%}.hero .slides,[dir=rtl] .hero .slides{padding:8px 6% 32px}.hero .hero-title{font-size:clamp(2.8rem,10vw,4rem)}[dir=rtl] .hero .hero-title{font-size:2.9rem}}

/* Swipe keeps vertical scrolling and pinch zoom available. */
.slides{touch-action:pan-y pinch-zoom}
.hero .hero-slide+.hero-slide{margin-top:0}
.slide-visual{position:relative;isolation:isolate;overflow:hidden;min-height:220px;aspect-ratio:16/6;margin-top:32px;background:var(--cream);color:var(--wine);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;border:1px solid var(--gold)}
.slide-visual:before,.slide-visual:after{content:'';position:absolute;z-index:-1;border:1px solid currentColor;opacity:.22;width:260px;height:260px;transform:rotate(35deg);inset-inline-start:-60px;top:-100px}
.slide-visual:after{inset-inline-start:auto;inset-inline-end:-50px;top:auto;bottom:-120px;border-radius:50%;width:340px;height:340px}
.visual-2{background:var(--gold)}.visual-3{background:#f5eee3}
.visual-number{font-size:64px;font-weight:800;line-height:1;opacity:.3}.visual-label{font-size:clamp(20px,4vw,40px);font-weight:800;letter-spacing:-.03em}.visual-caption{font-size:13px;margin-top:8px;opacity:.8}
[dir=rtl] body,[dir=rtl] button{font-family:Tajawal,Tahoma,sans-serif}
@media(max-width:600px){.slide-visual{aspect-ratio:4/3;min-height:190px;margin-top:24px}.visual-number{font-size:48px}}

/* Full-bleed image slides with readable overlaid content. */
.hero{position:relative;display:block;padding:0;background:var(--wine)}
.hero .brand-panel,[dir=rtl] .hero .brand-panel{position:absolute;inset:28px 0 auto;z-index:3;pointer-events:none}
.hero .hero-mark{width:230px;max-width:60%}
.hero .slides,[dir=rtl] .hero .slides{position:relative;display:block;padding:0;text-align:center}
.hero .hero-slide{position:relative;isolation:isolate;max-width:none;width:100%;min-height:740px;display:flex;align-items:center;justify-content:center;padding:210px 6% 110px;margin:0}
.slide-background{position:absolute;inset:0;z-index:-2;margin:0!important;width:100%;height:100%;pointer-events:none}
.slide-background img{width:100%;height:100%;object-fit:cover;object-position:center}
.hero-slide:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(42,18,31,.35),rgba(42,18,31,.65));pointer-events:none}
.slide-content{width:100%;max-width:1100px;margin:auto}
.hero .hero-title{font-size:clamp(3rem,6vw,6.2rem);overflow-wrap:break-word}
.hero .hero-description{max-width:650px}
.hero .slider-controls{position:absolute;z-index:4;bottom:26px;inset-inline:0;margin:0;justify-content:center}
.hero a:focus-visible,.hero button:focus-visible{outline-color:var(--cream)}
@media(max-width:600px){
.hero .brand-panel,[dir=rtl] .hero .brand-panel{top:20px}
.hero .hero-mark{width:190px}
.hero .hero-slide{min-height:680px;min-height:max(640px,85svh);padding:175px 6% 95px}
.hero .hero-title{font-size:clamp(2.5rem,10vw,3.7rem);line-height:1.08}
[dir=rtl] .hero .hero-title{font-size:clamp(2.3rem,9vw,3.4rem);line-height:1.25}
.hero .hero-description{font-size:16px;line-height:1.65}
.hero .eyebrow{margin-bottom:20px}
.hero .slider-controls{bottom:22px}
}

.header-links{gap:24px}.site-header .wp-block-navigation{font-size:14px}.header-links .language{text-decoration:none;border-inline-start:1px solid var(--line);padding-inline-start:20px}
.ginger-page{min-height:60vh}.page-heading{background:var(--wine);color:white;padding:70px 6%}.page-heading h1{color:white;font-size:clamp(2.6rem,5vw,5rem);max-width:1100px;margin:auto}
.page-body{padding:60px 6% 90px}.page-body .wp-block-post-content{max-width:1100px;margin:auto}.page-body .wp-block-post-content>*+*{margin-block-start:1.5rem}.page-body h2{font-size:clamp(2rem,3vw,3rem)}.page-body h3{font-size:1.6rem}.page-body ul,.page-body ol{padding-inline-start:1.6rem}.page-body .alignwide{max-width:1296px}.ginger-offer .page-heading{background:var(--cream)}.ginger-offer .page-heading h1{color:var(--wine)}
[dir=rtl] .page-body,[dir=rtl] .site-header,[dir=rtl] .site-footer{font-family:Tajawal,Tahoma,sans-serif}
@media(max-width:600px){.header-links{justify-content:space-between;width:100%}.page-heading{padding:45px 6%}.page-body{padding:35px 6% 60px}.wp-block-navigation__responsive-container.is-menu-open{padding:30px;background:var(--cream);color:var(--wine)}}