/* NAZOZTURK.AZ — scalable academy design system */ :root{--bg:#050816;--surface:#0B1224;--surface-2:#101a33;--text:#FFFFFF;--muted:#94A3B8;--primary:#00E5FF;--secondary:#6C4DFF;--cyan:#00E5FF;--line:rgba(148,163,184,.16);--glass:rgba(11,18,36,.72);--radius:22px;--shadow:0 24px 70px rgba(0,0,0,.42)} *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 10% 20%,rgba(0,229,255,.08),transparent 25%),radial-gradient(circle at 90% 80%,rgba(0,229,255,.06),transparent 25%);z-index:-1}img,video{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.relative{position:relative}.skip-link{position:fixed;left:16px;top:-80px;background:#fff;color:#000;padding:10px 16px;z-index:1000;border-radius:8px}.skip-link:focus{top:16px}.site-header{position:absolute;top:0;width:100%;z-index:20;border-bottom:1px solid var(--line);transition:.3s}.site-header.solid{position:relative;background:rgba(7,9,18,.95)}.site-header.scrolled{position:fixed;background:rgba(7,9,18,.85);backdrop-filter:blur(18px)}.nav-wrap{height:84px;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:.9rem;font-weight:800;letter-spacing:.12em}.brand img{border-radius:12px}.brand>span>span{color:var(--cyan)}.main-nav{display:flex;align-items:center;gap:30px}.main-nav>a{font-size:.92rem;color:#dfe3f2;transition:.2s}.main-nav>a:hover,.main-nav>a.active{color:#fff}.main-nav>a.active:not(.nav-cta){position:relative}.main-nav>a.active:not(.nav-cta)::after{content:"";height:2px;position:absolute;left:0;right:0;bottom:-12px;background:linear-gradient(90deg,var(--primary),var(--cyan))}.nav-cta{padding:10px 18px;border:1px solid rgba(255,255,255,.28);border-radius:999px}.nav-toggle{display:none;background:none;border:0;padding:8px}.nav-toggle span{display:block;width:25px;height:2px;background:#fff;margin:5px} .hero{min-height:760px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden}.hero-media,.hero-media video,.hero-overlay{position:absolute;inset:0;width:100%;height:100%}.hero-media video{object-fit:cover;background:url('../images/hero-1.jpg') center/cover}.hero-overlay{background:linear-gradient(90deg,rgba(5,7,15,.94) 0%,rgba(5,7,15,.65) 48%,rgba(5,7,15,.32) 100%),linear-gradient(0deg,#050816 0%,transparent 30%)}.hero-content{position:relative;padding-top:80px;z-index:2}.eyebrow{color:var(--cyan);font-size:.76rem;font-weight:800;letter-spacing:.19em;margin:0 0 18px}.hero h1,.page-hero h1{max-width:800px;font-size:clamp(2.9rem,7vw,6.3rem);letter-spacing:-.06em;line-height:.98;margin:0 0 26px}.hero-description{font-size:clamp(1.05rem,2vw,1.35rem);max-width:650px;color:#d7dced;margin:0 0 12px}.hero-short{color:var(--muted);max-width:600px;margin:0 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:999px;padding:14px 24px;font-weight:750;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s}.btn:hover{transform:translateY(-3px)}.btn-primary{color:#fff;background:linear-gradient(120deg,var(--primary),#00bfd4);box-shadow:0 12px 35px rgba(0,229,255,.3)}.btn-ghost{border:1px solid rgba(255,255,255,.3);background:rgba(255,255,255,.06);backdrop-filter:blur(12px)}.btn-light{background:#fff;color:#111}.btn-whatsapp{background:#20ba65;color:#fff}.hero-dots{display:flex;gap:9px;margin-top:55px}.hero-dot{width:26px;height:3px;border:0;background:rgba(255,255,255,.3);padding:0;cursor:pointer;transition:.25s}.hero-dot.active{width:52px;background:var(--cyan)}.scroll-cue{position:absolute;right:4%;bottom:40px;z-index:2;color:var(--muted);font-size:.72rem;letter-spacing:.18em;writing-mode:vertical-rl}.scroll-cue span{display:inline-block;width:1px;height:50px;background:var(--cyan);margin-bottom:10px} .section{padding:110px 0}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:45px}.section-head h2,.contact-strip h2,.contact-info h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:0}.section-head>p{max-width:480px;color:var(--muted);margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{position:relative;overflow:hidden;min-height:390px;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow);isolation:isolate}.service-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55;transition:transform .6s,opacity .4s}.service-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(7,9,18,.98) 5%,rgba(7,9,18,.2) 90%);z-index:-1}.service-card img{z-index:-2}.service-card:hover img{transform:scale(1.07);opacity:.7}.service-content{position:absolute;left:0;right:0;bottom:0;padding:28px}.service-number{font-size:.72rem;letter-spacing:.12em;color:var(--cyan)}.service-card h3{font-size:1.35rem;margin:8px 0}.service-card p{color:var(--muted);font-size:.9rem;margin:0 0 18px}.card-link,.text-link{color:#fff;font-weight:700}.card-link span,.text-link span{color:var(--cyan);transition:.2s}.card-link:hover span,.text-link:hover span{margin-left:6px}.center{text-align:center;margin-top:38px}.stats{padding-top:30px}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-block:1px solid var(--line);padding:50px 0}.stats-grid div{text-align:center;border-right:1px solid var(--line)}.stats-grid div:last-child{border:0}.stats strong{display:block;font-size:3rem;color:#fff}.stats span{color:var(--muted)} .events-preview{position:relative;overflow:hidden;background:#0B1224}.event-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.event-card{background:rgba(17,22,38,.72);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;backdrop-filter:blur(14px);transition:.3s}.event-card:hover{transform:translateY(-8px);border-color:rgba(0,229,255,.35)}.event-image{position:relative;height:220px;overflow:hidden}.event-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.event-card:hover img{transform:scale(1.05)}.event-date{position:absolute;left:18px;top:18px;background:rgba(7,9,18,.8);backdrop-filter:blur(8px);padding:8px 12px;border-radius:10px;font-size:.78rem;color:var(--cyan)}.event-body{padding:24px}.event-body h3{font-size:1.25rem;margin:0 0 10px}.event-body p{font-size:.9rem;color:var(--muted)}.orb{position:absolute;width:420px;height:420px;border-radius:50%;filter:blur(100px);opacity:.15;animation:float 9s ease-in-out infinite}.orb-one{background:var(--primary);top:-200px;right:-150px}.orb-two{background:var(--cyan);bottom:-200px;left:-150px;animation-delay:-3s}@keyframes float{50%{transform:translate(40px,30px) scale(1.1)}}.contact-strip{padding:80px 0;background:linear-gradient(110deg,#064f63,#198da1)}.contact-strip-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-strip p{margin-bottom:0;color:#e6e9ff} .page-hero{position:relative;padding:170px 0 90px;overflow:hidden;background:radial-gradient(circle at 80% 10%,rgba(0,229,255,.25),transparent 32%),linear-gradient(135deg,#0a0d19,#10162a)}.page-hero h1{font-size:clamp(2.8rem,6vw,5.2rem)}.page-hero>div>p:last-child{max-width:650px;color:var(--muted);font-size:1.1rem}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:70px}.contact-info>p{color:var(--muted)}.info-item{display:flex;gap:18px;padding:23px 0;border-bottom:1px solid var(--line)}.info-item>span{color:var(--cyan);font-size:.75rem}.info-item h3{margin:0;font-size:1rem}.info-item p{margin:3px 0;color:var(--muted)}.contact-form{padding:35px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}label{display:block;font-size:.84rem;font-weight:700;margin-bottom:18px}input,select,textarea{width:100%;margin-top:8px;padding:13px 15px;color:#fff;background:#0B1224;border:1px solid var(--line);border-radius:10px;outline:0}textarea{resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 3px rgba(0,229,255,.08)}select option{background:#0B1224}.form-actions{display:flex;gap:12px;flex-wrap:wrap}.form-note{font-size:.78rem;color:var(--muted);margin:18px 0 0} .footer{padding:70px 0 20px;background:#05060c;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.7fr 1fr 1.2fr 1fr;gap:45px}.footer-grid h2{font-size:.92rem;margin:0 0 20px}.footer-grid p,.footer-grid address,.footer-grid>a,.footer-grid div>a{display:block;color:var(--muted);font-size:.88rem;font-style:normal;margin:9px 0}.footer-grid>div:first-child p{max-width:310px}.socials{display:flex;gap:8px}.socials a{display:grid!important;place-items:center;width:38px;height:38px;border:1px solid var(--line);border-radius:50%;color:#fff!important}.footer-bottom{display:flex;justify-content:space-between;margin-top:50px;padding-top:20px;border-top:1px solid var(--line);color:#737b91;font-size:.78rem}.whatsapp-float{position:fixed;right:24px;bottom:24px;z-index:12;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:#20ba65;color:#fff;font-weight:900;box-shadow:0 10px 30px rgba(32,186,101,.35)} .reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none} @media(max-width:900px){.nav-toggle{display:block;z-index:2}.main-nav{display:none;position:absolute;top:84px;left:20px;right:20px;flex-direction:column;align-items:stretch;padding:24px;background:#0d1120;border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.main-nav.open{display:flex}.main-nav>a.active::after{display:none}.service-grid,.event-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.section-head{align-items:start;flex-direction:column}.hero{min-height:720px}.scroll-cue{display:none}} @media(max-width:600px){.container{width:min(100% - 28px,1180px)}.nav-wrap{height:72px}.main-nav{top:72px}.hero{min-height:700px}.hero-content{padding-top:70px}.hero h1{font-size:2.75rem}.section{padding:76px 0}.service-grid,.event-grid{grid-template-columns:1fr}.service-card{min-height:360px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:30px}.stats-grid div:nth-child(2){border:0}.contact-strip-inner{align-items:flex-start;flex-direction:column}.form-row{grid-template-columns:1fr}.contact-form{padding:22px}.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:8px}.page-hero{padding:130px 0 70px}.section-head{margin-bottom:30px}} @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}} /* Cyan-first futuristic brand layer */ body::before{background:linear-gradient(rgba(0,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px),radial-gradient(circle at 88% 18%,rgba(0,229,255,.11),transparent 24%),radial-gradient(circle at 12% 82%,rgba(108,77,255,.08),transparent 24%);background-size:56px 56px,56px 56px,auto,auto} .site-header.solid{background:rgba(5,8,22,.96)}.site-header.scrolled{background:rgba(5,8,22,.86)} .brand{font-weight:900}.brand img{box-shadow:0 0 24px rgba(0,229,255,.15)} .main-nav>a.active:not(.nav-cta)::after{background:var(--primary);box-shadow:0 0 12px rgba(0,229,255,.7)} .nav-cta{border-color:rgba(0,229,255,.42);background:rgba(0,229,255,.055)} .hero-overlay{background:linear-gradient(90deg,rgba(5,8,22,.97) 0%,rgba(5,8,22,.72) 48%,rgba(5,8,22,.36) 100%),linear-gradient(0deg,#050816 0%,transparent 32%)} .btn-primary{color:#031218;background:linear-gradient(120deg,#00E5FF,#59f2ff);box-shadow:0 12px 35px rgba(0,229,255,.2)} .btn-primary:hover{box-shadow:0 16px 42px rgba(0,229,255,.34)} .service-card{background:linear-gradient(145deg,rgba(11,18,36,.9),rgba(5,8,22,.82));border-color:rgba(148,163,184,.16)} .service-card:hover{border-color:rgba(0,229,255,.38);box-shadow:0 24px 70px rgba(0,229,255,.08)} .events-preview{background:#071020}.event-card{background:rgba(11,18,36,.74)} .orb-one{background:var(--primary)}.orb-two{background:var(--secondary)} .contact-strip{background:linear-gradient(110deg,#063e52,#07566a 55%,#142454)} .page-hero{background:linear-gradient(rgba(0,229,255,.03) 1px,transparent 1px),radial-gradient(circle at 82% 15%,rgba(0,229,255,.18),transparent 32%),linear-gradient(135deg,#050816,#0B1224);background-size:56px 56px,auto,auto} .contact-form{background:rgba(11,18,36,.78);backdrop-filter:blur(18px)} /* Split hero: dynamic rounded media showcase */ .hero{background:radial-gradient(circle at 76% 45%,rgba(0,229,255,.09),transparent 28%),#050816} .hero::before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(0,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(0,229,255,.025) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(90deg,#000,transparent 70%);pointer-events:none} .hero-media{inset:50% 6% auto auto;width:min(42vw,590px);height:min(66vh,650px);transform:translateY(-46%);border-radius:48% 48% 42% 42% / 38% 38% 52% 52%;overflow:visible;isolation:isolate;filter:drop-shadow(0 0 42px rgba(0,229,255,.16));transition:opacity .36s ease,transform .55s cubic-bezier(.22,.8,.25,1)} .hero-media::before{content:"";position:absolute;inset:-2px;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(0,229,255,.95),rgba(255,255,255,.08) 48%,rgba(108,77,255,.65));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;z-index:3;pointer-events:none} .hero-media::after{content:"";position:absolute;inset:8%;border:1px solid rgba(0,229,255,.18);border-radius:50%;z-index:-2;transform:scale(1.2);animation:mediaPulse 4s ease-in-out infinite} .hero-media video{border-radius:inherit;overflow:hidden;background:#0B1224 center/cover;box-shadow:inset 0 0 60px rgba(5,8,22,.25);transition:opacity .36s ease,filter .36s ease} .hero-media .hero-overlay{border-radius:inherit;background:linear-gradient(180deg,transparent 48%,rgba(5,8,22,.4));pointer-events:none} .hero-content{margin-left:max(20px,calc((100vw - 1180px)/2));margin-right:auto;width:min(48%,650px);padding-inline:0;transition:opacity .36s ease,transform .36s ease} .hero-content.is-changing{opacity:.15;transform:translateY(8px)}.hero-media.is-changing{opacity:.12;transform:translateY(-46%) scale(.97)} .media-orbit{position:absolute;border:1px solid rgba(0,229,255,.24);border-radius:50%;z-index:-1;pointer-events:none}.orbit-one{inset:-7%;animation:orbit 16s linear infinite}.orbit-two{inset:-13%;border-style:dashed;border-color:rgba(108,77,255,.26);animation:orbit 25s linear infinite reverse} @keyframes orbit{to{transform:rotate(360deg)}}@keyframes mediaPulse{50%{opacity:.35;transform:scale(1.26)}} @media(max-width:900px){.hero{height:auto;min-height:980px;padding:130px 0 80px;align-items:flex-start}.hero-content{margin-inline:auto;width:min(100% - 40px,680px);padding-top:0}.hero-media{top:auto;right:auto;left:50%;bottom:70px;width:min(72vw,480px);height:420px;transform:translateX(-50%)}.hero-media.is-changing{transform:translateX(-50%) scale(.97)}.hero-dots{margin-top:35px}} @media(max-width:600px){.hero{min-height:950px;padding-top:115px}.hero-media{bottom:65px;width:calc(100% - 54px);height:350px;border-radius:42px}.hero h1{font-size:2.55rem}.hero-description{font-size:1rem}.media-orbit{display:none}} /* Hero layout based on the supplied A1–A6 wireframe */ .hero{min-height:760px;background:linear-gradient(90deg,#050816 0%,#050816 54%,#071023 100%)} .hero-content{width:min(49%,650px);z-index:4} .hero h1{max-width:720px;font-size:clamp(3rem,5.4vw,5.35rem);color:#fff;line-height:1.02;text-wrap:balance;text-shadow:0 8px 35px rgba(0,0,0,.28)} .hero-description{color:#e6edf7;font-weight:450;max-width:680px} .hero-short{color:#aebbd0} .hero-media{right:5.5%;width:min(42vw,610px);height:min(62vh,540px);border-radius:34px;filter:drop-shadow(0 28px 55px rgba(0,0,0,.42)) drop-shadow(0 0 28px rgba(0,229,255,.13))} .hero-media video{object-fit:cover;object-position:center;border-radius:34px;filter:saturate(1.08) contrast(1.04) brightness(1.08)} .hero-media .hero-overlay{background:linear-gradient(180deg,transparent 72%,rgba(5,8,22,.18));border-radius:34px} .hero-media::before{border-radius:34px;background:linear-gradient(135deg,rgba(0,229,255,.88),rgba(255,255,255,.16) 48%,rgba(108,77,255,.56))} .hero-content.is-changing{opacity:.42;transform:translateY(5px)} .hero-media.is-changing{opacity:.42;transform:translateY(-46%) scale(.985)} .btn-primary{font-weight:850}.btn-ghost{background:rgba(11,18,36,.74);color:#fff;border-color:rgba(255,255,255,.25)} @media(max-width:1100px) and (min-width:901px){.hero-content{width:48%}.hero h1{font-size:clamp(3rem,5vw,4.4rem)}.hero-media{right:3%;width:44vw;height:480px}} @media(max-width:900px){.hero{min-height:1010px;background:linear-gradient(180deg,#050816 0%,#071023 100%)}.hero-content{width:min(100% - 40px,680px)}.hero-media{right:auto;width:min(78vw,560px);height:400px;border-radius:28px}.hero-media video,.hero-media .hero-overlay,.hero-media::before{border-radius:28px}.hero-media.is-changing{transform:translateX(-50%) scale(.985)}} @media(max-width:600px){.hero{min-height:940px}.hero-media{width:calc(100% - 32px);height:330px}.hero h1{font-size:clamp(2.45rem,12vw,3.25rem)}} /* Warm editorial palette — based on the supplied colour reference */ :root{--bg:#f6efe5;--surface:#fffaf3;--surface-2:#eee2d4;--text:#2c211a;--muted:#786b61;--primary:#a7643f;--secondary:#c7aa8d;--cyan:#a7643f;--line:rgba(73,51,37,.16);--glass:rgba(255,250,243,.82);--shadow:0 22px 55px rgba(73,51,37,.12)} body{background:#f6efe5;color:var(--text)} body::before{background:url('../images/theme/color-reference.jpeg') center top/cover fixed no-repeat;opacity:.22} .site-header{border-color:rgba(73,51,37,.14)} .site-header.solid,.site-header.scrolled{background:rgba(246,239,229,.92);box-shadow:0 8px 30px rgba(73,51,37,.06)} .brand,.main-nav>a,.main-nav>a:hover,.main-nav>a.active{color:#2c211a}.brand>span>span{color:#a7643f}.brand img{box-shadow:0 0 0 1px rgba(73,51,37,.16)} .main-nav>a.active:not(.nav-cta)::after{background:#a7643f;box-shadow:none}.nav-cta{color:#2c211a!important;border-color:rgba(167,100,63,.38);background:rgba(167,100,63,.07)} .nav-toggle span{background:#2c211a}.main-nav{color:#2c211a} .hero{background:linear-gradient(90deg,rgba(246,239,229,.97) 0%,rgba(246,239,229,.93) 55%,rgba(239,226,211,.94) 100%)} .hero::before{background:url('../images/theme/color-reference.jpeg') center/cover no-repeat;opacity:.3;mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25))} .hero h1{color:#2c211a;text-shadow:none}.eyebrow{color:#a7643f}.hero-description{color:#493a31}.hero-short{color:#786b61} .hero-media{filter:drop-shadow(0 28px 45px rgba(73,51,37,.2))}.hero-media::before{background:linear-gradient(135deg,#a7643f,rgba(255,255,255,.8) 52%,#c7aa8d)}.hero-media::after{border-color:rgba(167,100,63,.2)}.hero-media .hero-overlay{background:linear-gradient(180deg,transparent 75%,rgba(44,33,26,.12))}.media-orbit{border-color:rgba(167,100,63,.25)}.orbit-two{border-color:rgba(94,69,52,.18)} .btn-primary{color:#fff;background:#a7643f;box-shadow:0 12px 30px rgba(167,100,63,.22)}.btn-primary:hover{background:#8c5132;box-shadow:0 16px 38px rgba(167,100,63,.28)}.btn-ghost{color:#2c211a;background:rgba(255,250,243,.66);border-color:rgba(73,51,37,.25)}.btn-light{color:#2c211a;background:#fffaf3} .hero-dot{background:rgba(73,51,37,.22)}.hero-dot.active{background:#a7643f}.scroll-cue,.service-number,.event-date{color:#a7643f}.scroll-cue span{background:#a7643f} .services-preview,.section{color:#2c211a}.section-head>p,.service-card p,.event-body p,.footer-grid p,.footer-grid address,.footer-grid>a,.footer-grid div>a{color:#786b61} .service-card{background:#fffaf3;border-color:rgba(73,51,37,.14);box-shadow:var(--shadow)}.service-card::after{background:linear-gradient(0deg,rgba(36,25,18,.96) 5%,rgba(36,25,18,.08) 88%)}.service-card h3,.service-card .card-link{color:#fff}.service-card p{color:#ded4ca}.service-card:hover{border-color:rgba(167,100,63,.45);box-shadow:0 26px 58px rgba(73,51,37,.17)} .stats-grid{border-color:rgba(73,51,37,.15)}.stats-grid div{border-color:rgba(73,51,37,.15)}.stats strong{color:#2c211a}.stats span{color:#786b61} .events-preview{background:#eee2d4}.event-card{background:rgba(255,250,243,.86);border-color:rgba(73,51,37,.14);box-shadow:0 18px 45px rgba(73,51,37,.09)}.event-card:hover{border-color:rgba(167,100,63,.4)}.event-date{background:rgba(255,250,243,.9)} .orb-one{background:#c7aa8d}.orb-two{background:#a7643f} .contact-strip{background:linear-gradient(110deg,#9a5c39,#bd8967)}.contact-strip,.contact-strip h2{color:#fff}.contact-strip p{color:#f8ede4} .page-hero{background:url('../images/theme/color-reference.jpeg') center/cover no-repeat}.page-hero>div>p:last-child{color:#6f6259} .contact-form{background:rgba(255,250,243,.88);border-color:rgba(73,51,37,.15);box-shadow:var(--shadow)}input,select,textarea{color:#2c211a;background:#fffdf9;border-color:rgba(73,51,37,.18)}input:focus,select:focus,textarea:focus{border-color:#a7643f;box-shadow:0 0 0 3px rgba(167,100,63,.1)}select option{background:#fffaf3}.info-item{border-color:rgba(73,51,37,.15)}.info-item>span{color:#a7643f} .footer{background:#e9ddcf;border-color:rgba(73,51,37,.15);color:#2c211a}.footer-grid h2,.footer .brand{color:#2c211a}.footer-bottom{border-color:rgba(73,51,37,.15);color:#786b61}.socials a{color:#2c211a!important;border-color:rgba(73,51,37,.2)} @media(max-width:900px){.main-nav{background:#fffaf3;border-color:rgba(73,51,37,.14)}.hero{background:linear-gradient(180deg,#f6efe5 0%,#eee2d4 100%)}} /* Final hero composition: background video + circular changing image */ .hero-background{position:absolute;inset:0;z-index:0;overflow:hidden;background:#e9ddcf} .hero-background video{width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(.92) brightness(1.04)} .hero-background .hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(246,239,229,.97) 0%,rgba(246,239,229,.91) 48%,rgba(246,239,229,.62) 72%,rgba(246,239,229,.48) 100%),linear-gradient(0deg,rgba(246,239,229,.5),transparent 55%)} .hero-media{top:50%;right:8%;bottom:auto;left:auto;width:min(37vw,500px);height:min(37vw,500px);transform:translateY(-45%);border-radius:50%;overflow:visible;z-index:2;filter:drop-shadow(0 28px 55px rgba(73,51,37,.22))} .hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:50%;border:8px solid rgba(255,250,243,.82);box-shadow:inset 0 0 0 1px rgba(167,100,63,.35),0 0 0 1px rgba(167,100,63,.3)} .hero-media::before{inset:-2px;border-radius:50%;background:linear-gradient(135deg,#a7643f,rgba(255,255,255,.75),#c7aa8d)} .hero-media::after{inset:-8%;border-color:rgba(167,100,63,.22)} .hero-media.is-changing{opacity:.35;transform:translateY(-45%) scale(.96)} .hero-content{position:relative;z-index:4} @media(max-width:1100px) and (min-width:901px){.hero-media{right:4%;width:42vw;height:42vw}} @media(max-width:900px){.hero-background .hero-overlay{background:linear-gradient(180deg,rgba(246,239,229,.94) 0%,rgba(246,239,229,.87) 58%,rgba(246,239,229,.72) 100%)}.hero-media{top:auto;right:auto;left:50%;bottom:55px;width:min(62vw,430px);height:min(62vw,430px);transform:translateX(-50%)}.hero-media.is-changing{transform:translateX(-50%) scale(.96)}} @media(max-width:600px){.hero{min-height:0;padding-bottom:24px;flex-direction:column;align-items:stretch}.hero-content{order:1}.hero-media{position:relative;inset:auto;order:2;width:min(210px,48vw,calc(100% - 40px));height:min(210px,48vw,calc(100% - 40px));aspect-ratio:1/1;margin:0 auto;transform:none}.hero-media.is-changing{transform:scale(.96)}.hero-background .hero-overlay{background:rgba(246,239,229,.86)}} /* Refined warm service showcase and floating contact action */ .services-preview{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(circle at 92% 7%,rgba(167,100,63,.10),transparent 25rem),linear-gradient(180deg,#f8f2e9 0%,#f4ecdf 100%)} .services-preview::before{content:"";position:absolute;width:46rem;height:46rem;right:-24rem;top:-15rem;border:1px solid rgba(167,100,63,.13);border-radius:50%;box-shadow:0 0 0 7rem rgba(167,100,63,.025),0 0 0 14rem rgba(167,100,63,.018);z-index:-1;pointer-events:none} .services-preview .section-head{align-items:center}.services-preview .section-head>p{max-width:440px;line-height:1.8}.services-preview .service-grid{gap:24px} .services-preview .service-card{min-height:410px;border:1px solid rgba(92,62,43,.12);border-radius:20px;background:#2e231e;box-shadow:0 20px 45px rgba(73,51,37,.12);transition:transform .35s ease,box-shadow .35s ease,border-color .35s ease} .services-preview .service-card::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(135deg,rgba(167,100,63,.14),transparent 48%);pointer-events:none} .services-preview .service-card::after{background:linear-gradient(180deg,rgba(31,23,19,.02) 22%,rgba(31,23,19,.34) 54%,rgba(31,23,19,.97) 100%)} .services-preview .service-card img{opacity:.88;object-position:82% center;filter:saturate(.78) contrast(.95);transform:scale(1.12)} .services-preview .service-card:hover{transform:translateY(-7px);border-color:rgba(167,100,63,.38);box-shadow:0 28px 65px rgba(73,51,37,.2)} .services-preview .service-card:hover img{opacity:.98;transform:scale(1.17)} .services-preview .service-content{padding:30px}.services-preview .service-number{display:inline-flex;align-items:center;gap:9px;color:#d7a887;font-weight:800}.services-preview .service-number::after{content:"";width:28px;height:1px;background:currentColor;opacity:.65} .services-preview .service-card h3{font-size:1.42rem;line-height:1.25;margin:10px 0 8px}.services-preview .service-card p{max-width:31ch;line-height:1.6;color:#e7ddd5}.services-preview .card-link{display:inline-flex;align-items:center;gap:7px;font-size:.88rem}.services-preview .center{margin-top:44px}.services-preview .text-link{color:#6f432c} .hero-background video{filter:saturate(.92) contrast(1.06) brightness(.94);opacity:.88;transform:scale(1.015)} .hero-background .hero-overlay{background:linear-gradient(90deg,rgba(246,239,229,.96) 0%,rgba(246,239,229,.90) 42%,rgba(246,239,229,.48) 66%,rgba(246,239,229,.20) 100%),linear-gradient(0deg,rgba(246,239,229,.34),transparent 48%)} .hero-media img{filter:saturate(1.04) contrast(1.08) brightness(.98);background:#fffaf3} .hero-media{filter:drop-shadow(0 28px 55px rgba(73,51,37,.28))} .whatsapp-float{right:24px;bottom:24px;width:60px;height:60px;background:#25d366;border:3px solid rgba(255,255,255,.92);box-shadow:0 12px 30px rgba(20,110,57,.28);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}.whatsapp-float svg{width:31px;height:31px;display:block;fill:#fff}.whatsapp-float:hover{transform:translateY(-4px) scale(1.04);background:#20bd5a;box-shadow:0 17px 36px rgba(20,110,57,.34)}.whatsapp-float:focus-visible{outline:3px solid #2c211a;outline-offset:3px} @media(max-width:900px){.services-preview .service-grid{gap:18px}.services-preview .service-card{min-height:380px}} @media(max-width:600px){.services-preview .section-head{gap:18px}.services-preview .service-card{min-height:370px}.services-preview .service-content{padding:24px}.whatsapp-float{right:16px;bottom:16px;width:56px;height:56px}.whatsapp-float svg{width:28px;height:28px}} @media(max-width:900px){.hero-background video{opacity:.78;filter:saturate(.9) contrast(1.03) brightness(.96)}.hero-background .hero-overlay{background:linear-gradient(180deg,rgba(246,239,229,.94) 0%,rgba(246,239,229,.82) 48%,rgba(246,239,229,.48) 100%)}} @media(max-width:600px){.hero-background video{opacity:.72}.hero-background .hero-overlay{background:linear-gradient(180deg,rgba(246,239,229,.93) 0%,rgba(246,239,229,.78) 55%,rgba(246,239,229,.44) 100%)}} /* Contact map and readable social links */ .map-section{padding:0 0 110px;background:#f6efe5;color:#2c211a} .map-section .section-head{padding-top:10px} .map-frame{overflow:hidden;border:1px solid rgba(73,51,37,.15);border-radius:24px;background:#e9ddcf;box-shadow:0 22px 55px rgba(73,51,37,.13)} .map-frame iframe{display:block;width:100%;height:460px;filter:saturate(.72) sepia(.08)} .social-links{display:grid;gap:9px;align-items:start} .footer-grid .social-links a{display:flex;align-items:center;width:max-content;margin:0;color:#6f6259;font-size:.88rem;transition:color .2s,transform .2s} .footer-grid .social-links a::before{content:"";width:20px;height:20px;margin-right:10px;flex:0 0 20px;background:#a7643f;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain} .footer-grid .social-links a[href*="instagram"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.3a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.3a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E")} .footer-grid .social-links a[href*="tiktok"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2h3a5 5 0 0 0 5 5v3a8 8 0 0 1-5-1.7V16a7 7 0 1 1-7-7h1v3.2a4 4 0 1 0 3 3.8V2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2h3a5 5 0 0 0 5 5v3a8 8 0 0 1-5-1.7V16a7 7 0 1 1-7-7h1v3.2a4 4 0 1 0 3 3.8V2Z'/%3E%3C/svg%3E")} .footer-grid .social-links a[href*="youtube"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM9.7 15.2V8.8l6 3.2-6 3.2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM9.7 15.2V8.8l6 3.2-6 3.2Z'/%3E%3C/svg%3E")} .footer-grid .social-links a[href*="wa.me"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1-1.3-.7-2.2-1.2-3.1-2.7-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5l-.7-1.7c-.2-.5-.4-.4-.5-.4H9c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.9 2.3 1 2.5c.1.2 1.7 2.6 4.1 3.6 1.5.6 2 .7 2.8.6.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.3-.7-.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1-1.3-.7-2.2-1.2-3.1-2.7-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5l-.7-1.7c-.2-.5-.4-.4-.5-.4H9c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.9 2.3 1 2.5c.1.2 1.7 2.6 4.1 3.6 1.5.6 2 .7 2.8.6.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.3-.7-.4Z'/%3E%3C/svg%3E")} .footer-grid .social-links a:hover{color:#a7643f;transform:translateX(3px)} @media(max-width:600px){.map-section{padding-bottom:76px}.map-frame{border-radius:16px}.map-frame iframe{height:360px}} /* Opening brand loader */ body.page-loading{overflow:hidden} .page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,#fffaf3 0%,#f6efe5 48%,#eadbca 100%);opacity:1;visibility:visible;transition:opacity .65s ease,visibility .65s ease} .page-loader::before,.page-loader::after{content:"";position:absolute;border:1px solid rgba(167,100,63,.14);border-radius:50%;animation:loaderOrbit 5s linear infinite} .page-loader::before{width:min(72vw,640px);aspect-ratio:1}.page-loader::after{width:min(54vw,480px);aspect-ratio:1;animation-direction:reverse;animation-duration:7s} .page-loader.is-done{opacity:0;visibility:hidden;pointer-events:none} .loader-inner{position:relative;z-index:1;text-align:center;padding:28px} .loader-brand{display:flex;justify-content:center;align-items:center;color:#2c211a;font-size:clamp(2rem,6vw,5.4rem);font-weight:900;line-height:1;letter-spacing:.08em} .loader-brand span{display:inline-block;opacity:0;transform:translateX(55px) rotate(5deg);animation:loaderLetter .55s cubic-bezier(.2,.8,.2,1) forwards} .loader-brand span:nth-child(1){animation-delay:.55s}.loader-brand span:nth-child(2){animation-delay:.50s}.loader-brand span:nth-child(3){animation-delay:.45s}.loader-brand span:nth-child(4){animation-delay:.40s}.loader-brand span:nth-child(5){animation-delay:.35s}.loader-brand span:nth-child(6){animation-delay:.30s}.loader-brand span:nth-child(7){animation-delay:.25s}.loader-brand span:nth-child(8){animation-delay:.20s}.loader-brand span:nth-child(9){animation-delay:.15s}.loader-brand span:nth-child(10){animation-delay:.10s}.loader-brand span:nth-child(11){animation-delay:.05s}.loader-brand span:nth-child(12){animation-delay:0s} .loader-brand span:nth-child(n+6){color:#a7643f} .loader-line{width:min(310px,65vw);height:2px;margin:24px auto 0;overflow:hidden;background:rgba(73,51,37,.12)} .loader-line i{display:block;width:100%;height:100%;background:linear-gradient(90deg,transparent,#a7643f,transparent);transform:translateX(-100%);animation:loaderProgress 1.25s .15s ease-in-out forwards} .loader-inner p{margin:14px 0 0;color:#786b61;font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;opacity:0;animation:loaderCaption .5s .75s ease forwards} @keyframes loaderLetter{to{opacity:1;transform:translateX(0) rotate(0)}} @keyframes loaderProgress{to{transform:translateX(100%)}} @keyframes loaderCaption{to{opacity:1}} @keyframes loaderOrbit{to{transform:rotate(360deg)}} @media(max-width:600px){.loader-brand{font-size:clamp(1.65rem,9vw,2.65rem);letter-spacing:.025em}.loader-inner p{font-size:.6rem;letter-spacing:.14em}.page-loader::before{width:92vw}.page-loader::after{width:72vw}} @media(prefers-reduced-motion:reduce){.loader-brand span,.loader-line i,.loader-inner p{animation:none;opacity:1;transform:none}.page-loader::before,.page-loader::after{animation:none}} /* Smooth navigation between internal pages */ body.page-enter:not(.page-loading)>.site-header,body.page-enter:not(.page-loading)>main,body.page-enter:not(.page-loading)>.footer,body.page-enter:not(.page-loading)>.whatsapp-float{opacity:0;transform:translateY(14px)} body.page-enter.page-ready:not(.page-loading)>.site-header,body.page-enter.page-ready:not(.page-loading)>main,body.page-enter.page-ready:not(.page-loading)>.footer,body.page-enter.page-ready:not(.page-loading)>.whatsapp-float{opacity:1;transform:translateY(0);transition:opacity .52s ease,transform .52s cubic-bezier(.22,.8,.25,1)} body.page-leaving>.site-header,body.page-leaving>main,body.page-leaving>.footer,body.page-leaving>.whatsapp-float{opacity:0!important;transform:translateX(-18px)!important;transition:opacity .32s ease,transform .32s ease!important;pointer-events:none} @media(prefers-reduced-motion:reduce){body.page-enter:not(.page-loading)>.site-header,body.page-enter:not(.page-loading)>main,body.page-enter:not(.page-loading)>.footer,body.page-enter:not(.page-loading)>.whatsapp-float,body.page-leaving>.site-header,body.page-leaving>main,body.page-leaving>.footer,body.page-leaving>.whatsapp-float{opacity:1!important;transform:none!important;transition:none!important}} /* Clear offer summary */ .value-section{padding:88px 0;background:#fffaf3;color:#2c211a;border-bottom:1px solid rgba(73,51,37,.1)} .value-intro{display:grid;grid-template-columns:1fr 1fr;column-gap:70px;align-items:end;margin-bottom:38px} .value-intro .eyebrow{grid-column:1/-1}.value-intro h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.08;letter-spacing:-.045em;margin:0}.value-intro>p:last-child{max-width:520px;margin:0;color:#786b61} .value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px} .value-card{position:relative;padding:30px;border:1px solid rgba(73,51,37,.12);border-radius:18px;background:#f8f1e7;transition:transform .3s ease,border-color .3s ease,box-shadow .3s ease} .value-card:hover{transform:translateY(-5px);border-color:rgba(167,100,63,.36);box-shadow:0 18px 38px rgba(73,51,37,.09)} .value-card>span{display:block;color:#a7643f;font-size:.72rem;font-weight:850;letter-spacing:.14em}.value-card h3{margin:12px 0 8px;font-size:1.3rem}.value-card p{margin:0 0 22px;color:#786b61;font-size:.92rem;line-height:1.7}.value-card a{color:#79482f;font-size:.88rem;font-weight:800} /* Student reviews — stars are intentionally limited to this section */ .testimonials{position:relative;background:#fffaf3;color:#2c211a;overflow:hidden} .testimonials::before{content:"“";position:absolute;right:5%;top:-90px;color:rgba(167,100,63,.06);font-family:Georgia,serif;font-size:24rem;line-height:1;pointer-events:none} .testimonial-carousel{position:relative}.testimonial-grid{display:flex;gap:20px;overflow-x:hidden;overflow-y:hidden;padding:16px 0 30px;margin:-16px 0 -30px;scroll-snap-type:x mandatory;scrollbar-width:none}.testimonial-grid::-webkit-scrollbar{display:none} .testimonial-card{position:relative;display:flex;min-height:315px;flex-direction:column;padding:30px;border:1px solid rgba(73,51,37,.13);border-radius:20px;background:#f6ede1;box-shadow:0 18px 42px rgba(73,51,37,.08);overflow:hidden;transition:transform .42s cubic-bezier(.2,.8,.2,1),box-shadow .42s ease,border-color .42s ease} .testimonial-card::before{content:"“";position:absolute;right:18px;bottom:-55px;color:rgba(167,100,63,.06);font-family:Georgia,serif;font-size:12rem;line-height:1;transform:rotate(-8deg) scale(.8);transition:transform .5s ease,color .5s ease} .testimonial-card:hover{z-index:3;transform:translateY(-8px);border-color:rgba(167,100,63,.42);box-shadow:0 22px 46px rgba(73,51,37,.16)}.testimonial-card:hover::before{color:rgba(167,100,63,.12);transform:rotate(0) scale(1)} .testimonial-card{flex:0 0 calc((100% - 40px)/3);scroll-snap-align:start} .review-stars{color:#b86c3e;font-size:1.08rem;letter-spacing:.16em} .testimonial-card:hover .review-stars{animation:starGlow .8s ease both}.testimonial-card:hover .student-avatar{transform:scale(1.08) rotate(-3deg);box-shadow:0 8px 20px rgba(167,100,63,.26)} .review-top{display:flex;align-items:center;justify-content:space-between;gap:16px}.review-top>span{padding:4px 8px;border:1px solid rgba(167,100,63,.22);border-radius:999px;color:#8c5b3e;font-size:.62rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase} .testimonial-card blockquote{margin:22px 0 28px;color:#493a31;font-size:1rem;line-height:1.8} .testimonial-card footer{display:flex;align-items:center;gap:12px;margin-top:auto} .student-avatar{position:relative;display:grid;place-items:center;width:52px;height:52px;flex:0 0 52px;overflow:hidden;border-radius:50%;background:#a7643f;color:#fff;font-size:.72rem;font-weight:850;letter-spacing:.06em;transition:transform .4s ease,box-shadow .4s ease}.student-avatar img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.student-avatar>span{position:relative} .testimonial-card strong,.testimonial-card small{display:block}.testimonial-card strong{font-size:.92rem}.testimonial-card small{margin-top:2px;color:#786b61;font-size:.76rem} .testimonial-controls{position:relative;z-index:5;display:flex;align-items:center;justify-content:center;gap:14px;width:max-content;max-width:100%;margin:34px auto 0;padding:8px 10px;border:1px solid rgba(73,51,37,.1);border-radius:999px;background:rgba(255,250,243,.88);box-shadow:0 12px 30px rgba(73,51,37,.08);backdrop-filter:blur(10px)}.testimonial-arrow{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(167,100,63,.3);border-radius:50%;background:#fffaf3;color:#a7643f;font-size:1.15rem;cursor:pointer;transition:.2s}.testimonial-arrow:hover{background:#a7643f;color:#fff;transform:scale(1.06)}.testimonial-status{display:flex;align-items:center;gap:8px;color:#786b61;font-size:.72rem;font-weight:800}.testimonial-status i{position:relative;display:block;width:52px;height:2px;overflow:hidden;background:rgba(167,100,63,.17)}.testimonial-status i b{position:absolute;inset:0;background:#a7643f;transform:scaleX(0);transform-origin:left}.testimonial-carousel.is-counting .testimonial-status i b{animation:reviewTimer 5.2s linear forwards}.testimonial-carousel:hover .testimonial-status i b{animation-play-state:paused} .testimonial-dots{display:flex;align-items:center;gap:6px}.testimonial-dots button{width:7px;height:7px;padding:0;border:0;border-radius:50%;background:rgba(167,100,63,.25);cursor:pointer;transition:.25s}.testimonial-dots button.active{width:20px;border-radius:8px;background:#a7643f} @keyframes starGlow{50%{color:#d9925e;text-shadow:0 0 14px rgba(184,108,62,.45);transform:translateY(-2px)}}@keyframes reviewTimer{to{transform:scaleX(1)}} /* Keep service copy clear over photography */ .service-content{background:linear-gradient(180deg,transparent,rgba(31,23,19,.24))} .service-card p{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2} .service-grid.full .service-card img{object-position:82% center;transform:scale(1.12)} .service-grid.full .service-card:hover img{transform:scale(1.17)} .event-image img{object-position:88% center;transform:scale(1.22)} .event-card:hover .event-image img{transform:scale(1.27)} @media(max-width:900px){.value-intro{grid-template-columns:1fr;gap:14px}.value-grid{grid-template-columns:1fr 1fr}.testimonial-card{flex-basis:calc((100% - 20px)/2)}} @media(max-width:600px){.value-section{padding:70px 0}.value-grid{grid-template-columns:1fr}.value-card,.testimonial-card{padding:24px}.testimonial-card{min-height:280px;flex-basis:100%}} @media(max-width:600px){.testimonial-controls{gap:9px;padding:7px}.testimonial-status i{width:34px}.testimonial-dots{display:none}.testimonial-arrow{width:40px;height:40px}} /* Expandable social media action */ .social-fab{position:fixed;right:24px;bottom:24px;z-index:80;display:flex;flex-direction:column;align-items:flex-end} .social-fab-toggle{position:relative;z-index:2;display:grid;place-items:center;width:60px;height:60px;padding:0;border:2px solid rgba(167,100,63,.34);border-radius:50%;background:#fffaf3;color:#a7643f;cursor:pointer;box-shadow:0 12px 30px rgba(73,51,37,.2);transition:transform .25s ease,background .25s ease,color .25s ease} .social-fab-toggle svg{width:31px;height:31px;fill:currentColor;transition:transform .3s ease} .social-fab-toggle:hover{transform:scale(1.05);background:#a7643f;color:#fff}.social-fab.is-open .social-fab-toggle{background:#a7643f;color:#fff}.social-fab.is-open .social-fab-toggle svg{transform:rotate(45deg) scale(.9)} .social-fab-menu{position:absolute;right:5px;bottom:70px;display:flex;flex-direction:column-reverse;gap:10px;pointer-events:none} .social-fab-menu a{position:relative;display:grid;place-items:center;width:50px;height:50px;border:1px solid rgba(73,51,37,.12);border-radius:50%;background:#fffaf3;box-shadow:0 10px 25px rgba(73,51,37,.16);opacity:0;transform:translateY(18px) scale(.7);transition:opacity .24s ease,transform .3s cubic-bezier(.2,.8,.2,1),background .2s ease} .social-fab.is-open .social-fab-menu{pointer-events:auto}.social-fab.is-open .social-fab-menu a{opacity:1;transform:none}.social-fab.is-open .social-fab-menu a:nth-child(4){transition-delay:.02s}.social-fab.is-open .social-fab-menu a:nth-child(3){transition-delay:.06s}.social-fab.is-open .social-fab-menu a:nth-child(2){transition-delay:.10s}.social-fab.is-open .social-fab-menu a:nth-child(1){transition-delay:.14s} .social-fab-menu a::before{content:"";width:23px;height:23px;background:#a7643f;mask-position:center;mask-repeat:no-repeat;mask-size:contain;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;-webkit-mask-size:contain} .social-fab-menu a[data-social="instagram"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.3a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 2h10a5 5 0 0 1 5 5v10a5 5 0 0 1-5 5H7a5 5 0 0 1-5-5V7a5 5 0 0 1 5-5Zm0 2a3 3 0 0 0-3 3v10a3 3 0 0 0 3 3h10a3 3 0 0 0 3-3V7a3 3 0 0 0-3-3H7Zm5 3a5 5 0 1 1 0 10 5 5 0 0 1 0-10Zm0 2a3 3 0 1 0 0 6 3 3 0 0 0 0-6Zm5.5-3.3a1.2 1.2 0 1 1 0 2.4 1.2 1.2 0 0 1 0-2.4Z'/%3E%3C/svg%3E")} .social-fab-menu a[data-social="tiktok"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2h3a5 5 0 0 0 5 5v3a8 8 0 0 1-5-1.7V16a7 7 0 1 1-7-7h1v3.2a4 4 0 1 0 3 3.8V2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M14 2h3a5 5 0 0 0 5 5v3a8 8 0 0 1-5-1.7V16a7 7 0 1 1-7-7h1v3.2a4 4 0 1 0 3 3.8V2Z'/%3E%3C/svg%3E")} .social-fab-menu a[data-social="youtube"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM9.7 15.2V8.8l6 3.2-6 3.2Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M23 7.2a3 3 0 0 0-2.1-2.1C19 4.6 12 4.6 12 4.6s-7 0-8.9.5A3 3 0 0 0 1 7.2 31 31 0 0 0 .5 12a31 31 0 0 0 .5 4.8 3 3 0 0 0 2.1 2.1c1.9.5 8.9.5 8.9.5s7 0 8.9-.5a3 3 0 0 0 2.1-2.1 31 31 0 0 0 .5-4.8 31 31 0 0 0-.5-4.8ZM9.7 15.2V8.8l6 3.2-6 3.2Z'/%3E%3C/svg%3E")} .social-fab-menu a[data-social="whatsapp"]::before{-webkit-mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1-1.3-.7-2.2-1.2-3.1-2.7-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5l-.7-1.7c-.2-.5-.4-.4-.5-.4H9c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.9 2.3 1 2.5c.1.2 1.7 2.6 4.1 3.6 1.5.6 2 .7 2.8.6.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.3-.7-.4Z'/%3E%3C/svg%3E");mask-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 2a10 10 0 0 0-8.5 15.3L2 22l4.8-1.5A10 10 0 1 0 12 2Zm0 18.2a8.2 8.2 0 0 1-4.2-1.1l-.3-.2-2.8.9.9-2.7-.2-.3A8.2 8.2 0 1 1 12 20.2Zm4.5-6.1c-.2-.1-1.4-.7-1.6-.8-.2-.1-.4-.1-.5.1l-.7.9c-.1.2-.3.2-.5.1-1.3-.7-2.2-1.2-3.1-2.7-.2-.3.2-.3.6-1.1.1-.2 0-.4 0-.5l-.7-1.7c-.2-.5-.4-.4-.5-.4H9c-.2 0-.4.1-.6.3-.2.2-.8.8-.8 2s.9 2.3 1 2.5c.1.2 1.7 2.6 4.1 3.6 1.5.6 2 .7 2.8.6.5-.1 1.4-.6 1.6-1.1.2-.5.2-1 .1-1.1-.1-.2-.3-.3-.7-.4Z'/%3E%3C/svg%3E")} .social-fab-menu a:hover{background:#f2e3d4}.social-fab-menu a:hover::before{background:#7d4428} .social-fab-menu a span{position:absolute;right:58px;width:max-content;padding:6px 10px;border-radius:8px;background:#2c211a;color:#fff;font-size:.72rem;font-weight:700;opacity:0;transform:translateX(5px);pointer-events:none;transition:.2s}.social-fab-menu a:hover span,.social-fab-menu a:focus-visible span{opacity:1;transform:none} @media(max-width:600px){.social-fab{right:16px;bottom:16px}.social-fab-toggle{width:56px;height:56px}.social-fab-toggle svg{width:28px;height:28px}.social-fab-menu{bottom:66px}.social-fab-menu a{width:46px;height:46px}.social-fab-menu a span{display:none}} /* Refined training cards */ .events-preview{background:radial-gradient(circle at 90% 8%,rgba(167,100,63,.10),transparent 28rem),linear-gradient(180deg,#efe2d3 0%,#ead9c7 100%)} .events-preview .section-head{align-items:center}.training-purpose{max-width:500px;padding:22px 24px;border-left:2px solid rgba(167,100,63,.45);background:linear-gradient(90deg,rgba(255,250,243,.48),transparent)}.training-purpose>span{display:block;margin-bottom:8px;color:#9a5c39;font-size:.7rem;font-weight:850;letter-spacing:.15em}.training-purpose p{margin:0 0 12px;color:#6f6259;font-size:.9rem;line-height:1.7}.training-purpose .text-link{display:inline-flex;color:#78472f;font-size:.84rem;padding:4px 0;border-bottom:1px solid rgba(167,100,63,.3)} .events-preview .event-grid{gap:24px}.events-preview .event-card{display:flex;min-height:470px;flex-direction:column;border:1px solid rgba(73,51,37,.12);border-radius:22px;background:#fffaf3;box-shadow:0 20px 45px rgba(73,51,37,.10);overflow:hidden;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s ease,border-color .4s ease} .events-preview .event-card:hover{transform:translateY(-8px);border-color:rgba(167,100,63,.38);box-shadow:0 30px 65px rgba(73,51,37,.17)} .events-preview .event-image{height:235px;background:linear-gradient(135deg,#171330,#3e245f)} .events-preview .event-image::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(19,14,37,.02) 25%,rgba(19,14,37,.74) 100%);pointer-events:none} .events-preview .event-image img{object-position:90% 18%;filter:saturate(.82) contrast(1.05);transform:scale(1.32)} .events-preview .event-card:hover .event-image img{transform:scale(1.38)} .events-preview .event-date{z-index:2;left:18px;top:18px;padding:8px 12px;border:1px solid rgba(255,255,255,.5);border-radius:999px;background:rgba(255,250,243,.94);color:#9a5c39;font-weight:750;box-shadow:0 8px 18px rgba(21,15,38,.12)} .event-access{position:absolute;right:18px;top:18px;z-index:2;padding:8px 12px;border-radius:999px;font-size:.72rem;font-weight:850;letter-spacing:.03em;box-shadow:0 8px 18px rgba(21,15,38,.14)}.event-access.free{background:#238b5b;color:#fff}.event-access.paid{border:1px solid rgba(255,255,255,.38);background:rgba(34,25,55,.78);color:#fff;backdrop-filter:blur(8px)} .event-category{position:absolute;left:22px;right:22px;bottom:19px;z-index:2;color:#fff;font-size:.78rem;font-weight:850;letter-spacing:.14em} .events-preview .event-body{display:flex;flex:1;flex-direction:column;padding:26px}.events-preview .event-body h3{color:#2c211a;font-size:1.28rem;line-height:1.3;margin:0 0 10px}.events-preview .event-body p{min-height:48px;margin:0 0 24px;color:#786b61;line-height:1.65} .event-register{display:inline-flex;align-items:center;justify-content:space-between;gap:18px;width:max-content;margin-top:auto;padding:12px 18px;border:1px solid rgba(167,100,63,.34);border-radius:999px;color:#824b2e;font-size:.86rem;font-weight:850;transition:background .25s,color .25s,transform .25s}.event-register span{transition:transform .25s}.event-register:hover{background:#a7643f;color:#fff;transform:translateY(-2px)}.event-register:hover span{transform:translateX(4px)} @media(max-width:900px){.events-preview .event-grid{gap:18px}.events-preview .event-card{min-height:450px}} @media(max-width:600px){.training-purpose{padding:17px 18px}.events-preview .event-card{min-height:440px}.events-preview .event-image{height:220px}.events-preview .event-body{padding:22px}.events-preview .event-body p{min-height:0}.event-date,.event-access{font-size:.65rem!important;padding:7px 9px!important}.event-access{right:12px}.events-preview .event-date{left:12px}} /* Homepage: spacious one-course-at-a-time showcase */ .home-training-showcase{position:relative;padding:120px 0;background:linear-gradient(135deg,#f5ecdf 0%,#ead8c5 100%);isolation:isolate} .home-training-showcase::before{content:"";position:absolute;left:-15rem;bottom:-18rem;width:38rem;height:38rem;border:1px solid rgba(167,100,63,.14);border-radius:50%;box-shadow:0 0 0 6rem rgba(167,100,63,.025),0 0 0 12rem rgba(167,100,63,.018);z-index:-1} .home-training-showcase::after{content:"";position:absolute;right:-7rem;top:-10rem;width:32rem;height:32rem;border-radius:42% 58% 62% 38%;background:radial-gradient(circle at 35% 35%,rgba(255,250,243,.75),rgba(199,170,141,.14) 66%,transparent 67%);z-index:-1} .home-training-showcase>.orb{display:none}.home-training-showcase .container{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(440px,1.18fr);gap:clamp(55px,8vw,115px);align-items:center} .home-training-showcase .section-head{display:block;margin:0;align-self:center}.home-training-showcase .section-head h2{max-width:510px;font-size:clamp(3rem,5vw,5rem)} .home-training-showcase .training-purpose{max-width:480px;margin-top:34px;padding:0 0 0 24px;background:none}.home-training-showcase .training-purpose p{font-size:1rem;line-height:1.85}.home-training-showcase .training-purpose .text-link{margin-top:7px} .training-slider{min-width:0;width:100%;max-width:560px;justify-self:end}.home-training-showcase .event-grid{display:flex;gap:24px;overflow:hidden;scroll-snap-type:x mandatory}.home-training-showcase .event-card{flex:0 0 100%;min-height:555px;scroll-snap-align:start;box-shadow:0 28px 75px rgba(73,51,37,.16)} .home-training-showcase .event-image{height:300px}.home-training-showcase .event-body{padding:30px 32px}.home-training-showcase .event-body h3{font-size:1.55rem}.home-training-showcase .event-body p{font-size:.98rem} .training-slider-controls{display:flex;align-items:center;justify-content:flex-end;gap:14px;margin-top:24px}.training-slider-controls button{display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(167,100,63,.32);border-radius:50%;background:rgba(255,250,243,.8);color:#8b5031;font-size:1.12rem;cursor:pointer;transition:.25s}.training-slider-controls button:hover{background:#a7643f;color:#fff;transform:translateY(-3px)} .training-progress{display:flex;align-items:center;gap:10px;color:#7a5c49;font-size:.72rem;font-weight:850;letter-spacing:.08em}.training-progress i{position:relative;width:82px;height:2px;overflow:hidden;background:rgba(167,100,63,.18)}.training-progress i b{position:absolute;inset:0;background:#a7643f;transform:scaleX(0);transform-origin:left}.training-slider.is-counting .training-progress i b{animation:trainingTimer 5.6s linear forwards}.training-slider:hover .training-progress i b{animation-play-state:paused}@keyframes trainingTimer{to{transform:scaleX(1)}} @media(max-width:900px){.home-training-showcase{padding:90px 0}.home-training-showcase .container{grid-template-columns:1fr;gap:45px}.home-training-showcase .section-head{display:grid;grid-template-columns:1fr 1fr;gap:30px}.home-training-showcase .training-purpose{margin-top:0}.home-training-showcase .event-card{min-height:520px}} @media(max-width:600px){.home-training-showcase{padding:76px 0}.home-training-showcase .container,.home-training-showcase .section-head{display:block}.home-training-showcase .section-head h2{font-size:2.65rem}.home-training-showcase .training-purpose{margin-top:28px}.home-training-showcase .event-card{min-height:475px}.home-training-showcase .event-image{height:235px}.home-training-showcase .event-body{padding:24px}.training-slider{margin-top:38px}.training-slider-controls{justify-content:center}} /* Detailed course information and botanical background */ .event-meta{display:grid;grid-template-columns:1fr 1fr;gap:0;margin:4px 0 22px;border:1px solid rgba(73,51,37,.1);border-radius:14px;background:#fbf5ed;overflow:hidden}.event-meta>div{padding:11px 13px}.event-meta>div:nth-child(odd){border-right:1px solid rgba(73,51,37,.09)}.event-meta>div:nth-child(-n+2){border-bottom:1px solid rgba(73,51,37,.09)}.event-meta dt{margin-bottom:3px;color:#9a6c50;font-size:.6rem;font-weight:850;letter-spacing:.06em;text-transform:uppercase}.event-meta dd{margin:0;color:#493a31;font-size:.76rem;font-weight:750}.event-cta{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:auto}.event-cta small{color:#9a6c50;font-size:.68rem;font-weight:800}.event-cta .event-register{margin-top:0} .home-training-showcase{background-color:#f3e8da;background-image:radial-gradient(circle at 82% 14%,rgba(255,255,255,.76),transparent 25rem),radial-gradient(circle at 12% 86%,rgba(199,170,141,.2),transparent 28rem),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='720' height='720' viewBox='0 0 720 720'%3E%3Cg fill='none' stroke='%23a7643f' stroke-opacity='.13' stroke-width='1.25'%3E%3Cpath d='M35 690C155 565 118 385 260 285S520 170 675 28'/%3E%3Cpath d='M175 500c-42-12-69-38-78-78 43 6 72 32 78 78Zm95-207c-12-44 0-78 35-103 17 41 5 77-35 103Zm145-90c-4-43 13-75 51-94 10 43-7 75-51 94Zm116-86c7-38 29-62 66-73-1 38-23 63-66 73Z'/%3E%3C/g%3E%3C/svg%3E");background-position:center,center,left bottom;background-repeat:no-repeat,no-repeat,no-repeat;background-size:auto,auto,620px 620px} .home-training-showcase .event-card{min-height:585px}.home-training-showcase .event-image{height:215px;flex:0 0 215px}.home-training-showcase .event-body{padding:25px 30px 24px}.home-training-showcase .event-body h3{margin-bottom:8px;font-size:1.45rem}.home-training-showcase .event-body>p{min-height:0;margin-bottom:16px;font-size:.92rem;line-height:1.55}.home-training-showcase .event-meta{margin:2px 0 18px}.home-training-showcase .event-meta>div{min-height:58px;padding:10px 13px}.home-training-showcase .event-meta dt{font-size:.64rem}.home-training-showcase .event-meta dd{font-size:.81rem;line-height:1.35}.home-training-showcase .event-cta{padding-top:3px}.home-training-showcase .event-cta small{font-size:.72rem}.home-training-showcase .event-register{padding:11px 17px;font-size:.82rem} .home-training-showcase .event-category{bottom:15px;font-size:.74rem}.home-training-showcase .event-date,.home-training-showcase .event-access{top:14px}.home-training-showcase .event-date{left:14px}.home-training-showcase .event-access{right:14px} .home-training-showcase .event-image::after{background:linear-gradient(180deg,rgba(19,14,37,.04) 35%,rgba(19,14,37,.92) 100%)} @media(max-width:900px){.home-training-showcase .event-card{min-height:575px}} @media(max-width:600px){.home-training-showcase{background-size:auto,auto,440px 440px}.home-training-showcase .event-card{min-height:565px}.home-training-showcase .event-image{height:190px;flex-basis:190px}.home-training-showcase .event-body{padding:22px}.event-meta{grid-template-columns:1fr 1fr}.event-meta>div{border:0!important}.event-meta>div:nth-child(odd){border-right:1px solid rgba(73,51,37,.09)!important}.event-meta>div:nth-child(-n+2){border-bottom:1px solid rgba(73,51,37,.09)!important}.event-cta{align-items:center;flex-direction:row}} /* Compact training showcase: keep the full composition in view */ .home-training-showcase{padding:82px 0} .home-training-showcase .container{grid-template-columns:minmax(270px,.88fr) minmax(420px,1.12fr);gap:clamp(44px,6vw,82px)} .home-training-showcase .section-head h2{font-size:clamp(2.8rem,4.4vw,4.25rem);line-height:1.02} .home-training-showcase .training-purpose{margin-top:26px}.home-training-showcase .training-purpose p{font-size:.92rem;line-height:1.7} .home-training-showcase .event-card{min-height:515px}.home-training-showcase .event-image{height:180px;flex-basis:180px}.home-training-showcase .event-body{padding:21px 26px 20px}.home-training-showcase .event-body h3{font-size:1.28rem}.home-training-showcase .event-body>p{margin-bottom:12px;font-size:.84rem}.home-training-showcase .event-meta{margin-bottom:13px}.home-training-showcase .event-meta>div{min-height:51px;padding:8px 11px}.home-training-showcase .event-meta dt{font-size:.58rem}.home-training-showcase .event-meta dd{font-size:.74rem}.home-training-showcase .event-cta small{font-size:.64rem}.home-training-showcase .event-register{padding:10px 15px;font-size:.76rem} .home-training-showcase .event-date,.home-training-showcase .event-access{padding:7px 10px;font-size:.66rem}.home-training-showcase .event-category{bottom:12px;font-size:.68rem} .training-slider-controls{gap:8px;margin-top:12px}.training-slider-controls button{width:32px;height:32px;font-size:.8rem}.training-slider-controls button:hover{background:#a7643f;color:#fff;transform:none}.training-progress{gap:7px;font-size:.62rem}.training-progress i{width:48px} @media(max-width:900px){.home-training-showcase{padding:76px 0}.home-training-showcase .container{grid-template-columns:1fr}.training-slider{max-width:560px;justify-self:center}.home-training-showcase .event-card{min-height:510px}} @media(max-width:600px){.home-training-showcase{padding:66px 0}.home-training-showcase .section-head h2{font-size:2.4rem}.home-training-showcase .event-card{min-height:520px}.home-training-showcase .event-image{height:175px;flex-basis:175px}.home-training-showcase .event-body{padding:20px}.training-slider{margin-top:30px}} /* Refined call-to-action and partner showcase */ .contact-strip{position:relative;overflow:hidden;padding:86px 0 0;background:linear-gradient(120deg,#8f4f31 0%,#ae704d 46%,#c49370 100%);isolation:isolate} .contact-strip::before{content:"";position:absolute;inset:0;z-index:-2;background-image:radial-gradient(circle at 12% 18%,rgba(255,255,255,.14),transparent 24%),radial-gradient(circle at 88% 26%,rgba(89,39,21,.18),transparent 30%),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 24px)} .contact-strip::after{content:"";position:absolute;right:-80px;top:-170px;width:480px;height:480px;z-index:-1;border:1px solid rgba(255,255,255,.16);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.025),0 0 0 110px rgba(255,255,255,.018)} .contact-strip-inner{position:relative;padding-bottom:72px}.contact-strip-inner h2{max-width:820px;text-wrap:balance}.contact-strip-inner .btn{flex:0 0 auto;box-shadow:0 15px 35px rgba(75,34,18,.18)} .sponsor-showcase{position:relative;padding:24px 0 27px;border-top:1px solid rgba(255,255,255,.2);background:rgba(74,34,20,.12);backdrop-filter:blur(7px)} .sponsor-label{margin:0 0 18px!important;text-align:center;color:rgba(255,248,241,.7)!important;font-size:.62rem;font-weight:800;letter-spacing:.2em} .sponsor-marquee{overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)} .sponsor-track{display:flex;width:max-content;align-items:center;animation:sponsorScroll 24s linear infinite} .sponsor-track span{display:flex;align-items:center;gap:36px;padding:0 36px;color:#fffaf3;font-size:1rem;font-weight:750;letter-spacing:.04em;white-space:nowrap;opacity:.88} .sponsor-track span::after{content:"✦";color:rgba(255,244,234,.45);font-size:.62rem} .sponsor-marquee:hover .sponsor-track{animation-play-state:paused} @keyframes sponsorScroll{to{transform:translateX(-50%)}} @media(max-width:600px){.contact-strip{padding-top:66px}.contact-strip-inner{padding-bottom:52px}.sponsor-track span{padding:0 24px;font-size:.88rem}.sponsor-label{padding:0 20px}} @media(prefers-reduced-motion:reduce){.sponsor-track{animation:none}} /* Polished footer closing row */ .footer-bottom{position:relative;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:28px;margin-top:54px;padding:25px 0 8px;border-top:0;color:#74665d} .footer-bottom::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(167,100,63,.36) 18%,rgba(167,100,63,.36) 82%,transparent)} .footer-copyright{display:flex;align-items:center;gap:10px;font-size:.76rem}.footer-copyright i{display:grid;place-items:center;width:27px;height:27px;flex:0 0 27px;border:1px solid rgba(167,100,63,.24);border-radius:50%;background:rgba(255,250,243,.48);color:#9a5c39;font-size:.72rem;font-style:normal} .footer-signature{color:#a7643f;font-family:Georgia,serif;font-size:.82rem;font-style:italic;letter-spacing:.02em;text-align:center} .footer-privacy{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border-radius:999px;color:#74665d;font-size:.76rem;transition:background .25s,color .25s}.footer-privacy span{font-size:.7rem;transition:transform .25s}.footer-privacy:hover{background:rgba(167,100,63,.09);color:#8f5030}.footer-privacy:hover span{transform:translate(2px,-2px)} @media(max-width:760px){.footer-bottom{grid-template-columns:1fr auto;gap:16px}.footer-signature{grid-column:1/-1;grid-row:1;text-align:left}.footer-copyright{grid-column:1;grid-row:2}.footer-privacy{grid-column:2;grid-row:2}} @media(max-width:480px){.footer-bottom{display:flex;align-items:flex-start;gap:12px}.footer-signature{order:-1}.footer-privacy{padding-left:0}.footer-copyright{line-height:1.5}} /* Decorative statistics showcase */ .stats{position:relative;overflow:hidden;padding:88px 0;background-color:#f5ede2;background-image:radial-gradient(circle at 14% 30%,rgba(190,137,99,.18),transparent 25rem),radial-gradient(circle at 88% 72%,rgba(255,255,255,.82),transparent 23rem),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%23a7643f' stroke-opacity='.11' stroke-width='1.2'%3E%3Ccircle cx='445' cy='72' r='180'/%3E%3Ccircle cx='445' cy='72' r='225'/%3E%3Cpath d='M22 485C105 390 118 276 224 205S407 110 500 20'/%3E%3Cpath d='M130 354c-42-5-67-27-76-65 40 2 66 23 76 65Zm111-128c-8-37 4-66 35-87 13 36 1 65-35 87Zm105-76c0-34 16-58 48-71 5 34-11 58-48 71Z'/%3E%3C/g%3E%3C/svg%3E");background-position:center,center,right center;background-repeat:no-repeat;background-size:auto,auto,520px 520px;isolation:isolate} .stats::before{content:"";position:absolute;left:-110px;top:-140px;width:330px;height:330px;border:1px solid rgba(167,100,63,.12);border-radius:50%;box-shadow:0 0 0 42px rgba(167,100,63,.025),0 0 0 84px rgba(167,100,63,.018);z-index:-1} .stats-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;padding:0;border:0} .stats-grid::before{content:"RƏQƏMLƏRLƏ BİZ";position:absolute;left:50%;top:-43px;transform:translateX(-50%);color:#9a5c39;font-size:.62rem;font-weight:850;letter-spacing:.22em;white-space:nowrap} .stats-grid>div{position:relative;min-height:190px;padding:42px 20px 30px;border:1px solid rgba(167,100,63,.15)!important;border-radius:22px;background:linear-gradient(145deg,rgba(255,251,245,.82),rgba(246,232,217,.58));box-shadow:0 18px 45px rgba(73,51,37,.08);backdrop-filter:blur(8px);transition:border-color .3s,box-shadow .3s,transform .3s} .stats-grid>div:hover{transform:translateY(-5px);border-color:rgba(167,100,63,.38)!important;box-shadow:0 25px 55px rgba(73,51,37,.13)} .stats-grid>div::before{position:absolute;left:20px;top:17px;color:rgba(167,100,63,.52);font-size:.58rem;font-weight:850;letter-spacing:.16em} .stats-grid>div:nth-child(1)::before{content:"01"}.stats-grid>div:nth-child(2)::before{content:"02"}.stats-grid>div:nth-child(3)::before{content:"03"}.stats-grid>div:nth-child(4)::before{content:"04"} .stats strong{position:relative;display:inline-block;color:#2c211a;font-size:clamp(2.7rem,4vw,4rem);line-height:1;letter-spacing:-.05em}.stats strong::after{content:"";position:absolute;left:12%;right:12%;bottom:-13px;height:3px;border-radius:9px;background:linear-gradient(90deg,transparent,#b97952,transparent)} .stats span{display:block;margin-top:28px;color:#786b61;font-size:.88rem} @media(max-width:900px){.stats-grid{grid-template-columns:repeat(2,1fr)}} @media(max-width:600px){.stats{padding:78px 0;background-size:auto,auto,390px 390px}.stats-grid{grid-template-columns:repeat(2,1fr);gap:10px}.stats-grid>div{min-height:155px;padding:36px 12px 22px;border-radius:17px}.stats-grid>div:hover{transform:none}.stats strong{font-size:2.45rem}.stats span{margin-top:24px;font-size:.76rem}} /* Creative services gallery */ .services-preview{padding:120px 0 105px;background-color:#f8f1e7;background-image:radial-gradient(circle at 8% 16%,rgba(190,137,99,.17),transparent 25rem),radial-gradient(circle at 92% 78%,rgba(255,255,255,.9),transparent 28rem),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='680' height='680' viewBox='0 0 680 680'%3E%3Cg fill='none' stroke='%23a7643f' stroke-opacity='.10' stroke-width='1.25'%3E%3Cpath d='M-30 610C105 540 84 374 230 300S480 190 710 15'/%3E%3Cpath d='M105 482c-45-13-70-41-74-83 45 8 70 36 74 83Zm128-194c-15-43-5-79 29-106 20 40 10 76-29 106Zm153-93c-4-42 14-73 52-91 9 42-9 73-52 91Zm128-82c8-36 31-58 67-65-3 37-25 59-67 65Z'/%3E%3Ccircle cx='610' cy='590' r='112'/%3E%3Ccircle cx='610' cy='590' r='152'/%3E%3C/g%3E%3C/svg%3E");background-position:center,center,left bottom;background-repeat:no-repeat;background-size:auto,auto,650px 650px} .services-preview::before{right:-17rem;top:-18rem;width:42rem;height:42rem;border-color:rgba(167,100,63,.12);box-shadow:0 0 0 5rem rgba(167,100,63,.025),0 0 0 10rem rgba(167,100,63,.016)} .services-preview .section-head{position:relative;margin-bottom:56px}.services-preview .section-head::after{content:"";position:absolute;left:0;bottom:-24px;width:72px;height:3px;border-radius:5px;background:linear-gradient(90deg,#a7643f,#d6a27e)} .services-preview .section-head h2{max-width:650px;font-size:clamp(2.35rem,4vw,4rem);text-wrap:balance}.services-preview .section-head>p{padding-left:24px;border-left:1px solid rgba(167,100,63,.3);color:#6f6259;line-height:1.75} .services-preview .service-grid{gap:22px} .services-preview .service-card{min-height:455px;border:1px solid rgba(255,255,255,.16);border-radius:24px;background:#251a20;box-shadow:0 22px 50px rgba(62,39,29,.16);isolation:isolate} .services-preview .service-card::before{inset:auto -22% -24% auto;width:230px;height:230px;border:1px solid rgba(255,255,255,.1);border-radius:50%;background:none;box-shadow:0 0 0 34px rgba(255,255,255,.025);transition:transform .6s ease} .services-preview .service-card::after{z-index:-1;background:linear-gradient(180deg,rgba(19,13,25,.02) 12%,rgba(24,15,25,.16) 39%,rgba(24,15,22,.92) 71%,#211719 100%)} .services-preview .service-card img{z-index:-2;opacity:1;object-position:center 30%;filter:saturate(.92) contrast(1.05);transform:scale(1.02);transition:transform .75s cubic-bezier(.2,.8,.2,1),filter .4s} .services-preview .service-card:hover{transform:translateY(-6px);border-color:rgba(216,166,127,.5);box-shadow:0 32px 70px rgba(62,39,29,.24)} .services-preview .service-card:hover::before{transform:scale(1.12) rotate(12deg)}.services-preview .service-card:hover img{opacity:1;filter:saturate(1.08) contrast(1.08);transform:scale(1.09)} .service-icon{position:absolute;right:22px;top:22px;display:grid;place-items:center;width:47px;height:47px;border:1px solid rgba(255,255,255,.3);border-radius:15px;background:rgba(31,21,28,.48);box-shadow:0 10px 24px rgba(0,0,0,.18);backdrop-filter:blur(10px);color:#fff4e9;font-size:1.15rem;transition:transform .35s,background .35s}.service-card:hover .service-icon{transform:rotate(7deg) scale(1.07);background:rgba(167,100,63,.82)} .services-preview .service-content{right:0;bottom:0;padding:30px 30px 28px}.services-preview .service-number{color:#e4b08c;font-size:.66rem;letter-spacing:.16em}.services-preview .service-number::after{width:36px} .services-preview .service-card h3{max-width:88%;margin:11px 0 9px;color:#fffaf3;font-size:1.38rem;line-height:1.18;letter-spacing:-.025em}.services-preview .service-card p{min-height:46px;margin:0 0 18px;color:rgba(255,247,239,.78);font-size:.84rem;line-height:1.55}.services-preview .card-link{padding:8px 0;color:#fff7ef;font-size:.76rem;letter-spacing:.02em}.services-preview .card-link span{display:grid;place-items:center;width:23px;height:23px;border:1px solid rgba(255,255,255,.25);border-radius:50%;color:#f0b991} .services-preview .center{margin-top:50px}.services-preview .text-link{padding:11px 17px;border:1px solid rgba(167,100,63,.24);border-radius:999px;background:rgba(255,250,243,.56);transition:background .25s,border-color .25s}.services-preview .text-link:hover{border-color:rgba(167,100,63,.48);background:#fffaf3} @media(max-width:900px){.services-preview{padding:94px 0}.services-preview .service-card{min-height:420px}} @media(max-width:600px){.services-preview{padding:78px 0;background-size:auto,auto,440px 440px}.services-preview .section-head>p{padding-left:18px}.services-preview .service-grid{gap:16px}.services-preview .service-card{min-height:410px}.services-preview .service-content{padding:25px}.service-icon{right:18px;top:18px;width:42px;height:42px}} /* Six distinctive cards with cursor-following light */ .services-preview .service-card{--accent:#c98a61;--mx:75%;--my:18%;overflow:hidden;border-radius:28px 10px 28px 10px} .services-preview .service-card:nth-child(2),.services-preview .service-card:nth-child(5){--accent:#78a9bd;border-radius:10px 28px 10px 28px} .services-preview .service-card:nth-child(3),.services-preview .service-card:nth-child(4){--accent:#c1a16a;border-radius:28px 28px 10px 10px} .services-preview .service-card::before{content:"";position:absolute;inset:0;width:auto;height:auto;border:0;border-radius:inherit;z-index:1;background:radial-gradient(210px circle at var(--mx) var(--my),color-mix(in srgb,var(--accent) 34%,transparent),transparent 68%);box-shadow:inset 0 1px 0 rgba(255,255,255,.13);opacity:.25;transition:opacity .35s;pointer-events:none} .services-preview .service-card::after{z-index:-1;background:linear-gradient(180deg,rgba(16,12,31,.01) 10%,rgba(20,13,27,.12) 38%,rgba(25,15,23,.9) 72%,#211719 100%)} .services-preview .service-card:hover::before{opacity:1;transform:none} .services-preview .service-card::selection{background:var(--accent)} .services-preview .service-content{z-index:2}.services-preview .service-content::before{content:"";position:absolute;left:30px;bottom:18px;width:48px;height:2px;border-radius:3px;background:var(--accent);opacity:0;transform:scaleX(.35);transform-origin:left;transition:opacity .35s,transform .4s} .services-preview .service-card:hover .service-content::before{opacity:.8;transform:scaleX(1)} .services-preview .service-card img{transition:transform .8s cubic-bezier(.16,1,.3,1),filter .45s,opacity .45s}.services-preview .service-card:hover img{transform:scale(1.12) translateY(-5px)} .services-preview .service-icon{z-index:3;border-color:color-mix(in srgb,var(--accent) 62%,white);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 0 color-mix(in srgb,var(--accent) 28%,transparent)} .services-preview .service-card:hover .service-icon{background:var(--accent);box-shadow:0 10px 28px rgba(0,0,0,.22),0 0 0 7px color-mix(in srgb,var(--accent) 18%,transparent)} .services-preview .service-number,.services-preview .card-link span{color:var(--accent)} @supports not (color:color-mix(in srgb,white,black)){.services-preview .service-card::before{background:radial-gradient(210px circle at var(--mx) var(--my),rgba(201,138,97,.32),transparent 68%)}.services-preview .service-icon{border-color:rgba(255,255,255,.35)}} @media(prefers-reduced-motion:reduce){.services-preview .service-card,.services-preview .service-card img,.services-preview .service-icon{transition:none}} /* Expandable service information panel */ .service-more{position:absolute;inset:auto 0 0;z-index:5;min-height:76%;padding:28px 28px 25px;border-top:1px solid rgba(255,255,255,.18);border-radius:24px 24px 0 0;background:linear-gradient(145deg,rgba(47,30,29,.97),rgba(26,20,31,.98));box-shadow:0 -18px 45px rgba(13,8,12,.3);color:#fffaf3;opacity:0;transform:translateY(101%);transition:transform .52s cubic-bezier(.16,1,.3,1),opacity .32s ease;pointer-events:none} .service-card:hover .service-more,.service-card:focus .service-more,.service-card:focus-within .service-more{opacity:1;transform:translateY(0);pointer-events:auto} .service-card:focus{outline:2px solid color-mix(in srgb,var(--accent) 70%,white);outline-offset:4px} .service-more::before{content:"";position:absolute;right:-55px;top:-60px;width:180px;height:180px;border:1px solid color-mix(in srgb,var(--accent) 38%,transparent);border-radius:50%;box-shadow:0 0 0 24px color-mix(in srgb,var(--accent) 7%,transparent);pointer-events:none} .service-more-label{display:block;margin-bottom:8px;color:var(--accent);font-size:.58rem;font-weight:850;letter-spacing:.18em}.service-more h3{position:relative;max-width:82%;margin:0 0 18px!important;color:#fff!important;font-size:1.3rem!important} .service-more ul{display:grid;gap:10px;margin:0 0 22px;padding:0;list-style:none}.service-more li{position:relative;padding-left:20px;color:rgba(255,248,241,.78);font-size:.78rem;line-height:1.45}.service-more li::before{content:"✓";position:absolute;left:0;top:0;color:var(--accent);font-weight:900} .service-more>a{display:flex;align-items:center;justify-content:space-between;width:100%;padding:11px 14px;border:1px solid color-mix(in srgb,var(--accent) 46%,transparent);border-radius:12px;background:color-mix(in srgb,var(--accent) 14%,transparent);color:#fff;font-size:.76rem;font-weight:800;transition:background .25s,border-color .25s}.service-more>a:hover{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 28%,transparent)} .service-card:hover>.service-content,.service-card:focus>.service-content,.service-card:focus-within>.service-content{opacity:.14;transform:translateY(-12px)}.services-preview .service-content{transition:opacity .3s,transform .42s}.service-card:hover>.service-icon,.service-card:focus>.service-icon,.service-card:focus-within>.service-icon{opacity:0;transform:translateY(-10px)} @supports not (color:color-mix(in srgb,white,black)){.service-card:focus{outline-color:#d9a17b}.service-more::before{border-color:rgba(217,161,123,.35)}.service-more>a{border-color:rgba(217,161,123,.45);background:rgba(217,161,123,.12)}} @media(max-width:600px){.service-more{min-height:78%;padding:24px 23px 22px}.service-more li{font-size:.75rem}} @media(prefers-reduced-motion:reduce){.service-more{transition:none}} /* Elegant botanical header for the services page */ .services-hero{min-height:570px;display:flex;align-items:center;padding:120px 0 70px;background-color:#eee1d1;background-image:radial-gradient(circle at 50% 28%,rgba(255,251,245,.88),transparent 34rem),linear-gradient(125deg,rgba(151,94,62,.12),transparent 40%,rgba(121,73,49,.11));isolation:isolate} .services-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(135deg,rgba(117,75,52,.025) 0 1px,transparent 1px 24px);pointer-events:none} .services-hero::after{content:"";position:absolute;left:50%;top:-210px;width:560px;height:300px;z-index:-1;transform:translateX(-50%);border:1px solid rgba(137,83,54,.08);border-radius:50%;box-shadow:0 0 0 48px rgba(137,83,54,.014),0 0 0 96px rgba(137,83,54,.01);pointer-events:none} .services-hero>.container{position:relative;z-index:3}.services-hero>.container::before{content:"";position:absolute;left:0;top:-30px;width:54px;height:2px;background:linear-gradient(90deg,#a7643f,transparent)} .services-hero h1{max-width:920px;color:#2c211a;font-size:clamp(3.4rem,6.5vw,6rem);text-shadow:0 12px 38px rgba(73,51,37,.08)}.services-hero>div>p:last-child{max-width:720px;color:#68584e;font-size:1.06rem;line-height:1.75} .services-vine{position:absolute;top:0;bottom:auto;width:min(31vw,500px);height:100%;z-index:1;opacity:.5;pointer-events:none;background-position:left top;background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 8px 15px rgba(91,57,39,.035))} .services-vine.vine-left{left:-15px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='600' viewBox='0 0 500 600'%3E%3Cg fill='none' stroke='%238e603f' stroke-opacity='.38' stroke-linecap='round'%3E%3Cpath stroke-width='.85' d='M-8 24C92 65 56 169 143 218s82 122 155 170 88 125 174 200'/%3E%3Cpath stroke-width='.65' d='M73 112c36-2 58 12 68 42-35 5-58-9-68-42Zm65 101c-6-33 5-57 32-72 10 31 0 55-32 72Zm72 82c34-4 58 8 71 37-33 7-57-5-71-37Zm77 92c-3-31 9-52 35-65 8 29-3 51-35 65Zm75 74c32-2 54 11 64 39-31 5-53-8-64-39Z'/%3E%3Cg stroke-width='.7'%3E%3Cpath d='M44 73c-11-13-8-25 3-34 14 8 17 20 8 34 13-10 26-6 33 7-10 12-23 13-35 3-1 16-11 24-26 21-5-15 1-26 17-31Z'/%3E%3Ccircle cx='51' cy='76' r='3'/%3E%3Cpath d='M268 357c-10-12-8-23 3-31 12 7 15 18 7 31 12-8 23-5 29 7-9 11-20 12-31 3-1 14-10 21-23 18-4-13 1-23 15-28Z'/%3E%3Ccircle cx='274' cy='360' r='2.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")} .services-vine.vine-right{right:-15px;transform:scaleX(-1);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='600' viewBox='0 0 500 600'%3E%3Cg fill='none' stroke='%238e603f' stroke-opacity='.38' stroke-linecap='round'%3E%3Cpath stroke-width='.85' d='M-8 24C92 65 56 169 143 218s82 122 155 170 88 125 174 200'/%3E%3Cpath stroke-width='.65' d='M73 112c36-2 58 12 68 42-35 5-58-9-68-42Zm65 101c-6-33 5-57 32-72 10 31 0 55-32 72Zm72 82c34-4 58 8 71 37-33 7-57-5-71-37Zm77 92c-3-31 9-52 35-65 8 29-3 51-35 65Zm75 74c32-2 54 11 64 39-31 5-53-8-64-39Z'/%3E%3Cg stroke-width='.7'%3E%3Cpath d='M44 73c-11-13-8-25 3-34 14 8 17 20 8 34 13-10 26-6 33 7-10 12-23 13-35 3-1 16-11 24-26 21-5-15 1-26 17-31Z'/%3E%3Ccircle cx='51' cy='76' r='3'/%3E%3Cpath d='M268 357c-10-12-8-23 3-31 12 7 15 18 7 31 12-8 23-5 29 7-9 11-20 12-31 3-1 14-10 21-23 18-4-13 1-23 15-28Z'/%3E%3Ccircle cx='274' cy='360' r='2.5'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")} @media(max-width:900px){.services-hero{min-height:520px}.services-vine{width:42vw;opacity:.38}} @media(max-width:600px){.services-hero{min-height:470px;padding:105px 0 55px}.services-hero h1{font-size:3rem}.services-vine{width:58vw;opacity:.25}.services-vine.vine-left{left:-85px}.services-vine.vine-right{right:-85px}} /* Clearer vines with delicate blossoms */ .services-vine{opacity:.74;filter:drop-shadow(0 8px 14px rgba(105,61,38,.08))} .services-vine::after{content:"";position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='500' height='600' viewBox='0 0 500 600'%3E%3Cg stroke='%23a7643f' stroke-width='.8' stroke-opacity='.68'%3E%3Cg transform='translate(48 73)'%3E%3Cellipse cx='0' cy='-15' rx='7' ry='14' fill='%23fff8f0' fill-opacity='.72'/%3E%3Cellipse cx='14' cy='-4' rx='7' ry='14' transform='rotate(72 14 -4)' fill='%23f2d5c2' fill-opacity='.66'/%3E%3Cellipse cx='9' cy='13' rx='7' ry='14' transform='rotate(144 9 13)' fill='%23fff8f0' fill-opacity='.72'/%3E%3Cellipse cx='-9' cy='13' rx='7' ry='14' transform='rotate(216 -9 13)' fill='%23f2d5c2' fill-opacity='.66'/%3E%3Cellipse cx='-14' cy='-4' rx='7' ry='14' transform='rotate(288 -14 -4)' fill='%23fff8f0' fill-opacity='.72'/%3E%3Ccircle r='4' fill='%23c8895e' fill-opacity='.85'/%3E%3C/g%3E%3Cg transform='translate(274 360) scale(.78)'%3E%3Cellipse cx='0' cy='-15' rx='7' ry='14' fill='%23fff8f0' fill-opacity='.72'/%3E%3Cellipse cx='14' cy='-4' rx='7' ry='14' transform='rotate(72 14 -4)' fill='%23f2d5c2' fill-opacity='.66'/%3E%3Cellipse cx='9' cy='13' rx='7' ry='14' transform='rotate(144 9 13)' fill='%23fff8f0' fill-opacity='.72'/%3E%3Cellipse cx='-9' cy='13' rx='7' ry='14' transform='rotate(216 -9 13)' fill='%23f2d5c2' fill-opacity='.66'/%3E%3Cellipse cx='-14' cy='-4' rx='7' ry='14' transform='rotate(288 -14 -4)' fill='%23fff8f0' fill-opacity='.72'/%3E%3Ccircle r='4' fill='%23c8895e' fill-opacity='.85'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");background-position:left top;background-repeat:no-repeat;background-size:100% 100%} @media(max-width:900px){.services-vine{opacity:.56}} @media(max-width:600px){.services-vine{opacity:.4}} /* Botanical consultation call-to-action */ .service-cta{position:relative;min-height:430px;padding:82px 0;overflow:hidden;background:linear-gradient(118deg,#8f4f31 0%,#b36f48 52%,#c58e69 100%);isolation:isolate} .service-cta::before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 78% 38%,rgba(255,241,227,.16),transparent 23rem),repeating-linear-gradient(135deg,rgba(255,255,255,.035) 0 1px,transparent 1px 25px)} .service-cta::after{content:"";position:absolute;right:8%;top:50%;width:350px;height:350px;z-index:-1;transform:translateY(-50%);border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 96px rgba(255,255,255,.015)} .service-cta .contact-strip-inner{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:70px;padding-bottom:0} .service-cta-copy .eyebrow{margin-bottom:15px;color:#f3d3bd}.service-cta-copy h2{max-width:800px;font-size:clamp(2.45rem,4vw,4rem);text-wrap:balance}.service-cta-copy>p:not(.eyebrow){max-width:650px;margin-top:18px;color:rgba(255,247,240,.82)} .consultation-points{display:flex;gap:10px;flex-wrap:wrap;margin-top:27px}.consultation-points span{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.07);color:#fff8f1;font-size:.68rem;font-weight:700;backdrop-filter:blur(7px)}.consultation-points span::before{content:"✓";color:#f2ceb5} .service-cta-action{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:13px}.service-cta-action>span{color:rgba(255,248,242,.7);font-size:.68rem;letter-spacing:.08em}.service-cta-action .btn{min-width:210px;padding:16px 23px;box-shadow:0 18px 38px rgba(69,29,15,.22)}.service-cta-action .btn b{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#a7643f;color:#fff;transition:transform .25s}.service-cta-action .btn:hover b{transform:translateX(4px)} .service-cta-vine{position:absolute;top:0;width:300px;height:100%;z-index:1;opacity:.42;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='430' viewBox='0 0 300 430'%3E%3Cg fill='none' stroke='%23fff2e8' stroke-linecap='round'%3E%3Cpath stroke-opacity='.55' stroke-width='.8' d='M-5 5c78 47 40 118 108 168s67 112 164 243'/%3E%3Cpath stroke-opacity='.43' stroke-width='.65' d='M55 91c31-2 50 11 58 37-30 4-49-8-58-37Zm49 88c-5-28 5-49 28-62 9 27 0 48-28 62Zm68 78c29-3 48 8 59 33-28 5-48-6-59-33Zm56 72c-2-27 8-46 31-57 7 26-3 45-31 57Z'/%3E%3Cg stroke-opacity='.72' stroke-width='.7' transform='translate(39 65)'%3E%3Cellipse cy='-13' rx='6' ry='12' fill='%23fff8f1' fill-opacity='.22'/%3E%3Cellipse cx='12' cy='-3' rx='6' ry='12' transform='rotate(72 12 -3)' fill='%23fff8f1' fill-opacity='.18'/%3E%3Cellipse cx='8' cy='11' rx='6' ry='12' transform='rotate(144 8 11)' fill='%23fff8f1' fill-opacity='.22'/%3E%3Cellipse cx='-8' cy='11' rx='6' ry='12' transform='rotate(216 -8 11)' fill='%23fff8f1' fill-opacity='.18'/%3E%3Cellipse cx='-12' cy='-3' rx='6' ry='12' transform='rotate(288 -12 -3)' fill='%23fff8f1' fill-opacity='.22'/%3E%3Ccircle r='3' fill='%23f4d0b6'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") left top/100% 100% no-repeat}.service-cta-vine.vine-left{left:0}.service-cta-vine.vine-right{right:0;transform:scaleX(-1)} @media(max-width:800px){.service-cta .contact-strip-inner{grid-template-columns:1fr;gap:38px}.service-cta-action{align-items:flex-start}.service-cta-vine{opacity:.25}} @media(max-width:600px){.service-cta{padding:68px 0}.service-cta .contact-strip-inner{display:grid}.consultation-points{gap:7px}.service-cta-vine{width:210px}} /* More polished service feature drawer */ .service-more{display:flex;min-height:82%;flex-direction:column;padding:25px 25px 23px;background:linear-gradient(155deg,rgba(53,32,31,.985),rgba(25,19,29,.99))} .service-more-label{display:flex;align-items:center;gap:10px;margin-bottom:9px}.service-more-label::after{content:"";width:38px;height:1px;background:linear-gradient(90deg,var(--accent),transparent)} .service-more h3{margin-bottom:15px!important;font-size:1.2rem!important} .service-more ul{counter-reset:serviceFeature;gap:7px;margin-bottom:17px}.service-more li{counter-increment:serviceFeature;display:flex;align-items:center;min-height:38px;padding:8px 10px 8px 42px;border:1px solid rgba(255,255,255,.075);border-radius:11px;background:rgba(255,255,255,.045);color:rgba(255,248,241,.86);font-size:.72rem;transition:background .25s,border-color .25s,transform .25s} .service-more li::before{content:"0" counter(serviceFeature);left:10px;top:50%;display:grid;width:23px;height:23px;place-items:center;transform:translateY(-50%);border:1px solid color-mix(in srgb,var(--accent) 42%,transparent);border-radius:7px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:.55rem} .service-more li:hover{transform:translateX(3px);border-color:color-mix(in srgb,var(--accent) 30%,transparent);background:rgba(255,255,255,.075)} .service-more>a{margin-top:auto;padding:10px 12px 10px 15px;border-radius:999px}.service-more>a span{display:grid;width:25px;height:25px;place-items:center;border-radius:50%;background:var(--accent);color:#fff;transition:transform .25s}.service-more>a:hover span{transform:translateX(3px)} @media(max-width:600px){.service-more{padding:22px 20px 20px}.service-more li{min-height:36px;font-size:.7rem}} /* Stronger services catalogue headline */ .services-catalog .section-head{position:relative;align-items:center;margin-bottom:58px}.services-catalog .section-head>div{position:relative}.services-catalog .section-head>div::before{content:"";position:absolute;left:-28px;top:43px;width:8px;height:70px;border-radius:8px;background:linear-gradient(180deg,#a7643f,rgba(167,100,63,.08))} .services-catalog .section-head h2{max-width:780px;font-size:clamp(2.8rem,5vw,4.8rem);line-height:1.02;letter-spacing:-.055em;text-wrap:balance}.services-catalog .section-head h2 span{position:relative;display:inline-block;color:#a45e39;text-shadow:0 12px 32px rgba(167,100,63,.14)} .services-catalog .section-head h2 span::before{content:"";position:absolute;left:-4%;right:-4%;bottom:5%;height:29%;z-index:-1;border-radius:50% 42% 48% 38%;background:linear-gradient(90deg,rgba(210,157,119,.3),rgba(210,157,119,.1));transform:rotate(-1.5deg)} .services-catalog .section-head h2 span::after{content:"✦";position:absolute;right:-28px;top:-9px;color:#c48a62;font-size:.85rem;text-shadow:none} .services-catalog .section-head>p{position:relative;max-width:480px;padding:20px 22px 20px 25px;border:1px solid rgba(167,100,63,.12);border-radius:16px;background:rgba(255,250,243,.48);box-shadow:0 14px 35px rgba(73,51,37,.045);line-height:1.7}.services-catalog .section-head>p::before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:2px;background:linear-gradient(#a7643f,transparent)} @media(max-width:900px){.services-catalog .section-head{align-items:flex-start}.services-catalog .section-head>div::before{left:-14px}} @media(max-width:600px){.services-catalog .section-head h2{font-size:2.7rem}.services-catalog .section-head h2 span::after{right:-18px}.services-catalog .section-head>div::before{display:none}} /* Elegant floral events page */ .events-hero{min-height:540px;display:flex;align-items:center;padding:120px 0 65px;background-color:#eee1d1!important;background-image:radial-gradient(circle at 50% 25%,rgba(255,251,245,.92),transparent 34rem),linear-gradient(125deg,rgba(151,94,62,.11),transparent 42%,rgba(121,73,49,.1))!important;isolation:isolate}.events-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(135deg,rgba(117,75,52,.022) 0 1px,transparent 1px 25px)} .events-hero>.container{z-index:3}.events-hero h1{max-width:920px;color:#2c211a;font-size:clamp(3.4rem,6.5vw,6rem);text-shadow:0 12px 38px rgba(73,51,37,.07)}.events-hero h1 span{position:relative;color:#a45e39}.events-hero h1 span::after{content:"";position:absolute;left:2%;right:0;bottom:3px;height:10px;z-index:-1;border-radius:50%;background:rgba(199,137,95,.2);transform:rotate(-1deg)}.events-hero>div>p:last-child{max-width:720px;color:#68584e;font-size:1.06rem;line-height:1.75} .events-catalog{position:relative;overflow:hidden;padding:105px 0 120px;background-color:#f0dfcd!important;background-image:radial-gradient(circle at 8% 16%,rgba(255,250,243,.75),transparent 26rem),radial-gradient(circle at 90% 80%,rgba(188,126,85,.13),transparent 28rem),repeating-linear-gradient(135deg,rgba(117,75,52,.022) 0 1px,transparent 1px 26px)!important;isolation:isolate} .events-catalog .section-head{position:relative;align-items:center;margin-bottom:58px}.events-catalog .section-head h2{font-size:clamp(2.7rem,4.6vw,4.45rem);letter-spacing:-.055em}.events-catalog .section-head h2 span{position:relative;display:inline-block;color:#a45e39}.events-catalog .section-head h2 span::before{content:"";position:absolute;left:-4%;right:-4%;bottom:5%;height:28%;z-index:-1;border-radius:50%;background:linear-gradient(90deg,rgba(210,157,119,.34),rgba(210,157,119,.08));transform:rotate(-1.5deg)}.events-catalog .section-head h2 span::after{content:"✦";position:absolute;right:-25px;top:-8px;color:#c48a62;font-size:.78rem} .events-catalog .section-head>p{padding:19px 22px 19px 25px;border:1px solid rgba(167,100,63,.13);border-radius:16px;background:rgba(255,250,243,.48);box-shadow:0 14px 35px rgba(73,51,37,.045);line-height:1.7}.events-catalog .section-head>p::before{content:"";position:absolute;width:2px;height:42px;margin-left:-25px;background:linear-gradient(#a7643f,transparent)} .events-flower{position:absolute;width:300px;height:410px;z-index:-1;opacity:.27;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='300' height='410' viewBox='0 0 300 410'%3E%3Cg fill='none' stroke='%23a7643f' stroke-linecap='round'%3E%3Cpath stroke-opacity='.55' stroke-width='.8' d='M-6 405C68 342 48 269 116 212s78-118 164-201'/%3E%3Cpath stroke-opacity='.4' stroke-width='.65' d='M51 334c32-1 52 13 59 41-31 3-51-10-59-41Zm62-117c-6-29 4-50 29-64 9 28-1 50-29 64Zm72-69c29-4 49 7 60 32-29 6-49-5-60-32Z'/%3E%3Cg transform='translate(117 211)' stroke-opacity='.7'%3E%3Cellipse cy='-14' rx='6' ry='13' fill='%23fff8f1' fill-opacity='.7'/%3E%3Cellipse cx='13' cy='-3' rx='6' ry='13' transform='rotate(72 13 -3)' fill='%23f2d5c2' fill-opacity='.68'/%3E%3Cellipse cx='8' cy='12' rx='6' ry='13' transform='rotate(144 8 12)' fill='%23fff8f1' fill-opacity='.7'/%3E%3Cellipse cx='-8' cy='12' rx='6' ry='13' transform='rotate(216 -8 12)' fill='%23f2d5c2' fill-opacity='.68'/%3E%3Cellipse cx='-13' cy='-3' rx='6' ry='13' transform='rotate(288 -13 -3)' fill='%23fff8f1' fill-opacity='.7'/%3E%3Ccircle r='3' fill='%23c8895e'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.events-flower.flower-left{left:-35px;top:80px}.events-flower.flower-right{right:-35px;bottom:90px;transform:scaleX(-1)} .events-catalog .event-card{box-shadow:0 22px 52px rgba(73,51,37,.12)} @media(max-width:900px){.events-hero{min-height:500px}.events-catalog .section-head{align-items:flex-start}.events-flower{opacity:.2}} @media(max-width:600px){.events-hero{min-height:455px;padding:105px 0 55px}.events-hero h1{font-size:3rem}.events-catalog{padding:78px 0}.events-catalog .section-head h2{font-size:2.65rem}.events-flower{width:210px;opacity:.16}} /* Softer floral footer background */ .footer{position:relative;overflow:hidden;padding-top:40px;background-color:#f1e4d6;background-image:radial-gradient(circle at 12% 18%,rgba(255,250,243,.92),transparent 22rem),radial-gradient(circle at 88% 82%,rgba(205,151,111,.15),transparent 25rem),linear-gradient(135deg,#f5ecdf 0%,#ead8c7 100%);isolation:isolate} .footer::before,.footer::after{content:"";position:absolute;width:280px;height:360px;z-index:-1;opacity:.3;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='280' height='360' viewBox='0 0 280 360'%3E%3Cg fill='none' stroke='%23a7643f' stroke-linecap='round'%3E%3Cpath stroke-opacity='.5' stroke-width='.75' d='M-5 355C62 300 43 235 105 184s70-106 157-177'/%3E%3Cpath stroke-opacity='.38' stroke-width='.6' d='M46 298c29-1 47 12 54 37-29 3-47-9-54-37Zm56-105c-5-26 4-45 26-58 8 25-1 45-26 58Zm65-61c27-4 45 6 55 29-26 6-45-4-55-29Z'/%3E%3Cg transform='translate(106 183)' stroke-opacity='.65'%3E%3Cellipse cy='-13' rx='6' ry='12' fill='%23fff8f1' fill-opacity='.8'/%3E%3Cellipse cx='12' cy='-3' rx='6' ry='12' transform='rotate(72 12 -3)' fill='%23eecdb8' fill-opacity='.72'/%3E%3Cellipse cx='7' cy='11' rx='6' ry='12' transform='rotate(144 7 11)' fill='%23fff8f1' fill-opacity='.8'/%3E%3Cellipse cx='-7' cy='11' rx='6' ry='12' transform='rotate(216 -7 11)' fill='%23eecdb8' fill-opacity='.72'/%3E%3Cellipse cx='-12' cy='-3' rx='6' ry='12' transform='rotate(288 -12 -3)' fill='%23fff8f1' fill-opacity='.8'/%3E%3Ccircle r='3' fill='%23bd7950'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .footer::before{left:-40px;bottom:-18px}.footer::after{right:-40px;top:-20px;transform:scale(-1)} .footer-grid,.footer-bottom{position:relative;z-index:1}.footer-grid h2{color:#3a2a21}.footer-grid>div:first-child p{color:#715f53}.footer-bottom::before{background:linear-gradient(90deg,transparent,rgba(167,100,63,.26) 18%,rgba(167,100,63,.26) 82%,transparent)} @media(max-width:600px){.footer{padding-top:32px}.footer::before,.footer::after{width:190px;height:250px;opacity:.2}} /* Expressive contact page */ .contact-hero{min-height:520px;display:flex;align-items:center;padding:120px 0 65px;background-color:#eee0d0;background-image:radial-gradient(circle at 48% 28%,rgba(255,251,245,.94),transparent 34rem),linear-gradient(125deg,rgba(151,94,62,.12),transparent 44%,rgba(121,73,49,.1));isolation:isolate}.contact-hero::before{content:"";position:absolute;inset:0;z-index:-2;background:repeating-linear-gradient(135deg,rgba(117,75,52,.023) 0 1px,transparent 1px 25px)} .contact-hero>.container{position:relative;z-index:3}.contact-hero h1{max-width:900px;color:#2c211a;font-size:clamp(3.5rem,6.5vw,6rem)}.contact-hero h1 span,.contact-info h2 span,.map-section h2 span{position:relative;display:inline-block;color:#a45e39}.contact-hero h1 span::before,.contact-info h2 span::before,.map-section h2 span::before{content:"";position:absolute;left:-3%;right:-3%;bottom:5%;height:26%;z-index:-1;border-radius:50%;background:linear-gradient(90deg,rgba(210,157,119,.34),rgba(210,157,119,.08));transform:rotate(-1.5deg)}.contact-hero h1 span::after{content:"✦";position:absolute;right:-28px;top:-5px;color:#c48a62;font-size:.85rem}.contact-hero>div>p:last-child{color:#68584e;font-size:1.06rem} .contact-main{position:relative;overflow:hidden;background-color:#f5ecdf;background-image:radial-gradient(circle at 10% 20%,rgba(255,250,243,.8),transparent 25rem),radial-gradient(circle at 90% 75%,rgba(197,137,95,.12),transparent 27rem),repeating-linear-gradient(135deg,rgba(117,75,52,.018) 0 1px,transparent 1px 28px);isolation:isolate}.contact-main .contact-grid{position:relative;z-index:2}.contact-info h2{font-size:clamp(2.7rem,4.2vw,4rem)} .contact-info>p:not(.eyebrow){max-width:460px;line-height:1.75}.contact-info .info-item{margin-top:4px;padding:20px 14px;border:1px solid transparent;border-bottom-color:rgba(73,51,37,.13);border-radius:13px;transition:background .25s,border-color .25s,transform .25s}.contact-info .info-item:hover{transform:translateX(5px);border-color:rgba(167,100,63,.14);background:rgba(255,250,243,.52)}.contact-info .info-item>span{display:grid;width:29px;height:29px;place-items:center;border:1px solid rgba(167,100,63,.22);border-radius:9px;background:#fff8ef;font-weight:800} .contact-form{position:relative;padding:38px;border-color:rgba(167,100,63,.18);border-radius:25px;background:rgba(255,251,246,.82);box-shadow:0 28px 70px rgba(73,51,37,.12);backdrop-filter:blur(14px)}.contact-form::before{content:"MESAJINIZI BİZƏ YAZIN";display:block;margin-bottom:22px;color:#a7643f;font-size:.64rem;font-weight:850;letter-spacing:.17em}.contact-form::after{content:"";position:absolute;right:20px;top:21px;width:42px;height:42px;border:1px solid rgba(167,100,63,.2);border-radius:50%;box-shadow:0 0 0 8px rgba(167,100,63,.035)} .contact-flower{position:absolute;width:270px;height:370px;z-index:1;opacity:.22;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='270' height='370' viewBox='0 0 270 370'%3E%3Cg fill='none' stroke='%23a7643f' stroke-linecap='round'%3E%3Cpath stroke-opacity='.55' stroke-width='.75' d='M-5 365C57 308 42 242 102 190s67-105 153-181'/%3E%3Cpath stroke-opacity='.4' stroke-width='.6' d='M43 302c28-1 46 11 52 35-28 3-46-9-52-35Zm56-109c-5-26 4-45 26-57 8 25-1 44-26 57Zm64-61c26-4 44 6 54 28-26 5-44-5-54-28Z'/%3E%3Cg transform='translate(103 189)'%3E%3Cellipse cy='-13' rx='6' ry='12' fill='%23fff8f1' fill-opacity='.8'/%3E%3Cellipse cx='12' cy='-3' rx='6' ry='12' transform='rotate(72 12 -3)' fill='%23eecdb8' fill-opacity='.7'/%3E%3Cellipse cx='7' cy='11' rx='6' ry='12' transform='rotate(144 7 11)' fill='%23fff8f1' fill-opacity='.8'/%3E%3Cellipse cx='-7' cy='11' rx='6' ry='12' transform='rotate(216 -7 11)' fill='%23eecdb8' fill-opacity='.7'/%3E%3Cellipse cx='-12' cy='-3' rx='6' ry='12' transform='rotate(288 -12 -3)' fill='%23fff8f1' fill-opacity='.8'/%3E%3Ccircle r='3' fill='%23bd7950'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat;pointer-events:none}.contact-flower.flower-left{left:-30px;top:70px}.contact-flower.flower-right{right:-30px;bottom:20px;transform:scaleX(-1)} .map-section{position:relative;padding-top:100px;background-color:#f7efe5;background-image:radial-gradient(circle at 84% 20%,rgba(200,145,104,.12),transparent 24rem)}.map-section .section-head h2{font-size:clamp(2.6rem,4vw,4rem);letter-spacing:-.05em}.map-section .section-head>p{padding-left:22px;border-left:2px solid rgba(167,100,63,.28);line-height:1.7}.map-frame{border-color:rgba(167,100,63,.2);box-shadow:0 28px 70px rgba(73,51,37,.15)} @media(max-width:900px){.contact-hero{min-height:490px}.contact-flower{opacity:.15}} @media(max-width:600px){.contact-hero{min-height:450px;padding:105px 0 55px}.contact-hero h1{font-size:3rem}.contact-main{padding-top:78px}.contact-form{padding:25px 20px}.contact-flower{width:190px;opacity:.12}.map-section{padding-top:76px}} /* Use the homepage glass navigation on every page */ .site-header.solid{position:absolute;top:0;width:100%;border:0;background:transparent;box-shadow:none}.site-header.solid .nav-wrap{margin-top:10px;height:70px;padding:0 14px 0 10px;border:1px solid rgba(73,51,37,.1);border-radius:19px;background:rgba(255,250,243,.68);box-shadow:0 12px 34px rgba(73,51,37,.055);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)} .site-header.solid .main-nav>a:not(.nav-cta){opacity:.72}.site-header.solid .main-nav>a:hover,.site-header.solid .main-nav>a.active{opacity:1}.site-header.solid .brand img{box-shadow:0 0 0 1px rgba(73,51,37,.13),0 7px 18px rgba(73,51,37,.08)} @media(max-width:900px){.site-header.solid .nav-wrap{margin-top:0;height:84px;padding:0;border:0;border-radius:0;background:rgba(255,250,243,.82);box-shadow:none}.site-header.solid .main-nav{background:rgba(255,250,243,.96);backdrop-filter:blur(16px)}} @media(max-width:600px){.site-header.solid .nav-wrap{height:72px}} /* Compact floating navigation after scrolling */ .site-header.scrolled{position:fixed;top:10px;left:20px;right:20px;width:auto;max-width:1180px;margin-inline:auto;border:1px solid rgba(73,51,37,.12);border-radius:18px;background:rgba(255,250,243,.78);box-shadow:0 16px 42px rgba(73,51,37,.13),inset 0 1px 0 rgba(255,255,255,.7);backdrop-filter:blur(18px) saturate(1.18);-webkit-backdrop-filter:blur(18px) saturate(1.18);animation:navFloatIn .38s cubic-bezier(.2,.8,.2,1)} .site-header.scrolled .nav-wrap{width:100%;height:64px;margin-top:0;padding:0 13px 0 10px;border:0;border-radius:inherit;background:transparent;box-shadow:none}.site-header.scrolled .brand img{width:43px;height:43px;border-radius:11px}.site-header.scrolled .brand{font-size:.84rem}.site-header.scrolled .main-nav{gap:25px}.site-header.scrolled .main-nav>a{font-size:.86rem}.site-header.scrolled .nav-cta{padding:8px 16px;background:rgba(167,100,63,.08)} .site-header.scrolled .main-nav>a.active:not(.nav-cta)::after{bottom:-8px;height:2px;border-radius:3px}.site-header.scrolled::after{content:"";position:absolute;left:20px;right:20px;bottom:-1px;height:1px;border-radius:50%;background:linear-gradient(90deg,transparent,rgba(167,100,63,.38),transparent)} @keyframes navFloatIn{from{top:0;opacity:.82}to{top:10px;opacity:1}} @media(max-width:900px){.site-header.scrolled{top:7px;left:12px;right:12px;border-radius:16px}.site-header.scrolled .nav-wrap{height:60px}.site-header.scrolled .main-nav{top:69px}.site-header.scrolled::after{display:none}} @media(max-width:600px){.site-header.scrolled .brand img{width:40px;height:40px}.site-header.scrolled .brand{font-size:.76rem}} /* Richer setting around the location map */ .map-section{overflow:hidden;padding:105px 0 125px;background-color:#f1e2d2;background-image:radial-gradient(circle at 12% 28%,rgba(255,251,246,.92),transparent 25rem),radial-gradient(circle at 88% 70%,rgba(190,126,84,.16),transparent 28rem),repeating-linear-gradient(135deg,rgba(117,75,52,.02) 0 1px,transparent 1px 27px);isolation:isolate} .map-section::before,.map-section::after{content:"";position:absolute;width:310px;height:420px;z-index:-1;opacity:.28;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='310' height='420' viewBox='0 0 310 420'%3E%3Cg fill='none' stroke='%23a7643f' stroke-linecap='round'%3E%3Cpath stroke-opacity='.55' stroke-width='.75' d='M-5 415C68 355 47 278 118 220s78-122 176-211'/%3E%3Cpath stroke-opacity='.4' stroke-width='.6' d='M52 344c32-1 52 13 59 40-31 4-52-9-59-40Zm63-124c-6-29 4-51 29-65 9 28-1 50-29 65Zm75-72c29-4 49 7 60 32-29 6-49-5-60-32Z'/%3E%3Cg transform='translate(119 219)'%3E%3Cellipse cy='-14' rx='6' ry='13' fill='%23fff9f2' fill-opacity='.82'/%3E%3Cellipse cx='13' cy='-3' rx='6' ry='13' transform='rotate(72 13 -3)' fill='%23efceb8' fill-opacity='.74'/%3E%3Cellipse cx='8' cy='12' rx='6' ry='13' transform='rotate(144 8 12)' fill='%23fff9f2' fill-opacity='.82'/%3E%3Cellipse cx='-8' cy='12' rx='6' ry='13' transform='rotate(216 -8 12)' fill='%23efceb8' fill-opacity='.74'/%3E%3Cellipse cx='-13' cy='-3' rx='6' ry='13' transform='rotate(288 -13 -3)' fill='%23fff9f2' fill-opacity='.82'/%3E%3Ccircle r='3' fill='%23bd7950'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat}.map-section::before{left:-45px;bottom:-40px}.map-section::after{right:-45px;top:20px;transform:scale(-1)} .map-section>.container{position:relative;z-index:2}.map-section .section-head{position:relative;align-items:center;margin-bottom:42px;padding:0}.map-section .section-head::after{content:"";position:absolute;left:0;bottom:-18px;width:72px;height:2px;border-radius:5px;background:linear-gradient(90deg,#a7643f,transparent)} .map-section .section-head>p{border:1px solid rgba(167,100,63,.12);border-left:2px solid rgba(167,100,63,.32);border-radius:14px;background:rgba(255,250,243,.48);padding:16px 20px;box-shadow:0 12px 30px rgba(73,51,37,.045)} .map-frame{position:relative;padding:8px;border:1px solid rgba(167,100,63,.24);border-radius:28px;background:linear-gradient(145deg,rgba(255,252,247,.92),rgba(224,196,174,.7));box-shadow:0 32px 80px rgba(73,51,37,.17),0 0 0 8px rgba(255,250,243,.38)}.map-frame::before{content:"ÜNVANA BAX";position:absolute;right:25px;top:24px;z-index:2;padding:8px 12px;border:1px solid rgba(167,100,63,.2);border-radius:999px;background:rgba(255,250,243,.9);box-shadow:0 8px 22px rgba(73,51,37,.1);color:#8f5030;font-size:.58rem;font-weight:850;letter-spacing:.14em;pointer-events:none}.map-frame iframe{border-radius:20px;filter:saturate(.78) sepia(.035) contrast(1.02)} @media(max-width:900px){.map-section::before,.map-section::after{opacity:.18}.map-section .section-head{align-items:flex-start}} @media(max-width:600px){.map-section{padding:76px 0 90px}.map-frame{padding:5px;border-radius:20px;box-shadow:0 22px 55px rgba(73,51,37,.14)}.map-frame iframe{border-radius:15px}.map-frame::before{right:14px;top:14px}} /* Immersive hero details and social proof */ .hero::before{content:"";position:absolute;left:-150px;bottom:-190px;width:520px;height:520px;z-index:1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='520' height='520' viewBox='0 0 520 520'%3E%3Cg fill='none' stroke='%23a7643f' stroke-opacity='.17' stroke-width='1.2'%3E%3Cpath d='M18 500C105 398 112 280 226 202S413 91 510 5'/%3E%3Cpath d='M121 368c-47-8-75-34-82-78 46 5 74 31 82 78Zm112-151c-10-41 4-72 39-95 15 39 1 71-39 95Zm116-84c0-37 18-64 53-79 6 37-12 64-53 79Z'/%3E%3C/g%3E%3C/svg%3E") center/contain no-repeat} .hero::after{content:"";position:absolute;right:-130px;top:80px;width:520px;height:520px;border:1px solid rgba(167,100,63,.13);border-radius:50%;box-shadow:0 0 0 54px rgba(167,100,63,.025),0 0 0 108px rgba(167,100,63,.017);pointer-events:none} .hero-content{max-width:1180px}.hero-content.is-changing{opacity:1;transform:none}.hero-content.is-changing>*:not(.hero-proof):not(.hero-dots){opacity:0;transform:translateY(12px)}.hero-content>*{transition:opacity .42s ease,transform .5s cubic-bezier(.2,.8,.2,1)} .hero-proof{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%;margin-top:29px;padding:10px 14px 10px 11px;border:1px solid rgba(167,100,63,.18);border-radius:18px;background:rgba(255,250,243,.58);box-shadow:0 14px 34px rgba(73,51,37,.08);backdrop-filter:blur(12px)} .hero-proof-avatars{display:flex;align-items:center;padding-left:7px}.hero-proof-avatars span,.hero-proof-avatars i{display:grid;place-items:center;width:31px;height:31px;margin-left:-7px;border:2px solid #f8f0e6;border-radius:50%;background:linear-gradient(145deg,#b97b55,#79503b);color:#fff;font-size:.55rem;font-style:normal;font-weight:800}.hero-proof-avatars span:nth-child(2){background:linear-gradient(145deg,#526d80,#2e3f51)}.hero-proof-avatars span:nth-child(3){background:linear-gradient(145deg,#d0a078,#8e6045)}.hero-proof-avatars i{background:#fff7ee;color:#9a5c39} .hero-proof-copy{display:flex;min-width:210px;flex-direction:column;line-height:1.35}.hero-proof-copy strong{color:#493a31;font-size:.7rem}.hero-proof-copy span{color:#786b61;font-size:.61rem}.hero-proof-copy b{margin-right:6px;color:#c98245;letter-spacing:.05em} .hero-proof-stat{padding-left:14px;border-left:1px solid rgba(73,51,37,.13);line-height:1.1;text-align:center}.hero-proof-stat strong{display:block;color:#2c211a;font-size:1rem}.hero-proof-stat span{color:#8b796d;font-size:.58rem;text-transform:uppercase;letter-spacing:.1em} .hero-dots{align-items:center;margin-top:0;counter-reset:heroSlide}.hero-dot{position:relative;width:30px;height:18px;background:transparent!important;counter-increment:heroSlide}.hero-dot::before{content:"0" counter(heroSlide);position:absolute;left:0;top:0;color:rgba(73,51,37,.42);font-size:.58rem;font-weight:800}.hero-dot::after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:rgba(73,51,37,.18);transition:.35s}.hero-dot.active{width:58px}.hero-dot.active::before{color:#9a5c39}.hero-dot.active::after{background:#a7643f} @media(min-width:901px){.hero-content{top:-18px}} .site-header:not(.scrolled) .nav-wrap{margin-top:10px;height:70px;padding:0 14px 0 10px;border:1px solid rgba(73,51,37,.1);border-radius:19px;background:rgba(255,250,243,.34);backdrop-filter:blur(10px)}.site-header:not(.scrolled){border-bottom:0}.site-header:not(.scrolled) .main-nav>a:not(.nav-cta){opacity:.72}.site-header:not(.scrolled) .main-nav>a:hover,.site-header:not(.scrolled) .main-nav>a.active{opacity:1} @media(max-width:900px){.hero::before{opacity:.55}.site-header:not(.scrolled) .nav-wrap{margin-top:0;height:84px;border:0;border-radius:0;background:transparent}.hero-proof{margin-top:24px}} @media(max-width:600px){.hero::after{display:none}.hero-proof{width:min(240px,100%);gap:7px;padding:7px 8px}.hero-proof-avatars span,.hero-proof-avatars i{width:27px;height:27px}.hero-proof-copy{min-width:0;flex:1}.hero-proof-copy strong{display:none}.hero-proof-copy span{font-size:.54rem}.hero-proof-stat{padding-left:7px}.hero-proof-stat strong{font-size:.88rem}.hero-dots{margin-top:18px}}