:root{--black:#050505;--white:#fff;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:var(--white);color:var(--black);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open,body.dialog-open{overflow:hidden}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}button,summary{cursor:pointer}h1,h2,h3,p{margin:0}img{max-width:100%;display:block}::selection{background:var(--black);color:var(--white)}:focus-visible{outline:2px solid currentColor;outline-offset:5px}.skip-link{position:fixed;top:-100px;left:20px;background:var(--white);color:var(--black);padding:12px 18px;z-index:100}.skip-link:focus{top:15px}.page-noise{position:fixed;inset:0;pointer-events:none;z-index:90;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.reading-progress{position:fixed;z-index:100;left:0;top:0;height:3px;width:0;background:var(--white);mix-blend-mode:difference}.site-header{height:88px;position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;color:var(--white);mix-blend-mode:difference;border-bottom:1px solid rgba(255,255,255,.28);transition:height .4s var(--ease)}.site-header.compact{height:70px}.brand{display:flex;align-items:center;gap:16px}.brand-mark{width:43px;height:48px;position:relative;font-family:var(--serif);font-size:28px}.brand-mark i{font-style:normal;position:absolute}.brand-mark i:first-child{top:0;left:2px}.brand-mark i:last-child{right:2px;bottom:0}.brand-mark:before,.brand-mark:after{content:'';position:absolute;background:currentColor}.brand-mark:before{height:1px;width:100%;top:50%;left:0;transform:rotate(-45deg)}.brand-mark:after{width:1px;height:100%;top:0;left:50%;transform:rotate(45deg)}.brand-copy{font-size:.78rem;letter-spacing:.15em;font-weight:600;line-height:1.2}.brand-copy small{font-size:.62rem;letter-spacing:.28em;font-weight:400;display:block;margin-top:7px}.desktop-nav{display:flex;gap:2vw}.desktop-nav a{font-size:.78rem;position:relative;padding:10px 0;letter-spacing:.02em}.desktop-nav a:after{content:'';position:absolute;left:0;right:0;bottom:3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.desktop-nav a:hover:after,.desktop-nav a.active:after{transform:scaleX(1);transform-origin:left}.menu-toggle{display:none;border:0;background:none;color:inherit;width:46px;height:46px;padding:10px}.menu-toggle span{display:block;height:1px;background:currentColor;margin:7px 0;transition:transform .4s var(--ease)}.mobile-menu{display:none}
.hero{height:max(760px,100svh);min-height:700px;background:var(--black);color:var(--white);position:relative;overflow:hidden;padding:120px 4.5% 48px;display:grid;grid-template-columns:1.25fr .75fr;gap:4vw}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:7.14vw 7.14vw;mask-image:linear-gradient(to right,#000,transparent 75%)}.spotlight{position:absolute;width:680px;height:680px;border-radius:50%;left:var(--mouse-x,70%);top:var(--mouse-y,25%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.12),transparent 67%);pointer-events:none}.hero-copy{position:relative;z-index:2;align-self:center}.kicker{font-size:.72rem;letter-spacing:.3em;margin-bottom:33px;display:flex;align-items:center;gap:18px}.kicker:before{content:'';width:50px;height:1px;background:currentColor}.split-title{font-family:var(--serif);font-size:clamp(72px,10.5vw,168px);font-weight:400;line-height:.76;letter-spacing:-.065em;display:flex;flex-direction:column;position:relative}.split-title>span{display:block;clip-path:inset(0);animation:hero-word 1.4s var(--ease) both}.split-title>span:last-child{font-style:italic;margin-left:8vw;animation-delay:.12s}.hero-statement{display:flex;align-items:flex-start;gap:23px;margin-top:62px;max-width:465px;border-top:1px solid rgba(255,255,255,.5);padding-top:17px}.hero-statement p{font-family:var(--serif);font-size:1.35rem;line-height:1.45}.statement-index{font-size:.66rem;letter-spacing:.12em;white-space:nowrap;margin-top:7px}.hero-image-wrap{position:relative;z-index:1;align-self:center;height:min(70vh,670px);min-height:490px;overflow:hidden;border:1px solid rgba(255,255,255,.42)}.hero-image{width:100%;height:115%;object-fit:cover;filter:grayscale(1) contrast(1.12);transform:translateY(var(--parallax,0)) scale(1.04)}.hero-image-wrap:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(5,5,5,.75))}.image-frame{position:absolute;z-index:2;inset:18px;border:1px solid rgba(255,255,255,.45)}.image-frame:before,.image-frame:after{content:'';position:absolute;background:var(--white)}.image-frame:before{left:25%;top:-5px;width:52%;height:9px}.image-frame:after{right:-5px;bottom:15%;height:25%;width:9px}.image-word{position:absolute;z-index:3;bottom:35px;left:34px;font:italic 3.2rem var(--serif)}.hero-scroll{position:absolute;z-index:4;left:4.5%;bottom:43px;display:flex;align-items:center;gap:18px;font-size:.7rem;letter-spacing:.15em;text-transform:uppercase}.hero-scroll svg{width:38px;height:38px;border:1px solid rgba(255,255,255,.5);border-radius:50%;padding:11px;stroke:currentColor;stroke-width:1.2;fill:none;animation:bob 2s ease-in-out infinite}.kinetic-strip{height:82px;background:var(--white);color:var(--black);border-bottom:1px solid var(--black);overflow:hidden;display:flex;align-items:center}.kinetic-track{display:flex;width:max-content;animation:marquee 28s linear infinite}.kinetic-track span{font:400 1.7rem var(--serif);white-space:nowrap;letter-spacing:.03em}.section{padding:130px 6%;position:relative}.section-dark{background:var(--black);color:var(--white)}.section-meta{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:center;font-size:.68rem;letter-spacing:.22em;margin-bottom:65px}.section-meta span{font-family:var(--serif);font-size:1rem}.section-meta span:after{content:'';display:inline-block;vertical-align:middle;width:20px;height:1px;background:currentColor;margin-left:8px}.section-title{font:400 clamp(48px,6.6vw,102px)/.98 var(--serif);letter-spacing:-.045em}.section-title em{font-weight:400}.about{display:grid;grid-template-columns:18% 1fr}.about>.section-meta{grid-template-columns:36px 1fr}.about-content{max-width:1150px}.about .section-title em{font-style:italic}.about-grid{display:grid;grid-template-columns:1fr 1.08fr;gap:10%;margin:78px 0 0 14%}.lead{font:400 1.55rem/1.5 var(--serif)}.body-copy p{font-size:1rem;line-height:1.85}.body-copy p+p{margin-top:22px}
.topics>.section-meta,.articles>.section-meta,.faq>.section-meta,.contact>.section-meta{max-width:1500px;margin-left:auto;margin-right:auto}.topics-heading,.articles-heading,.contact-title-row{max-width:1500px;margin:0 auto 74px;display:flex;align-items:flex-end;justify-content:space-between;gap:50px}.topics-heading>p,.articles-heading>p,.contact-title-row>p{max-width:390px;font-size:1rem;line-height:1.8;margin-bottom:8px}.topic-stack{max-width:1500px;margin:auto;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.4);border-left:1px solid rgba(255,255,255,.4)}.topic-card{min-height:300px;border-right:1px solid rgba(255,255,255,.4);border-bottom:1px solid rgba(255,255,255,.4);padding:37px;position:relative;overflow:hidden;transition:background .5s var(--ease),color .5s var(--ease)}.card-glow{position:absolute;width:330px;height:330px;border-radius:50%;left:var(--x,50%);top:var(--y,50%);transform:translate(-50%,-50%);background:radial-gradient(circle,rgba(255,255,255,.15),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.topic-card:hover .card-glow{opacity:1}.topic-no{font-size:.68rem;letter-spacing:.15em}.topic-card h3{font:400 clamp(28px,3.2vw,51px)/1.05 var(--serif);max-width:510px;margin-top:72px;position:relative;z-index:1}.topic-card p{font-size:.92rem;line-height:1.7;max-width:400px;margin-top:20px;color:rgba(255,255,255,.66);position:relative;z-index:1}.topic-mark{position:absolute;right:35px;top:31px;font:2.1rem var(--serif);transition:transform .45s var(--ease)}.topic-card:hover .topic-mark{transform:rotate(45deg)}.articles{overflow:hidden}.articles-heading .section-title em{font-style:italic}.article-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.article-card{text-align:left;border:1px solid var(--black);background:var(--white);padding:30px;min-height:410px;display:flex;flex-direction:column;position:relative;transform-style:preserve-3d;transition:background .5s var(--ease),color .5s var(--ease),transform .18s ease}.article-card:before{content:'';position:absolute;inset:0;background:var(--black);transform:scaleY(0);transform-origin:bottom;transition:transform .6s var(--ease);z-index:0}.article-card:hover:before{transform:scaleY(1)}.article-card>*{position:relative;z-index:1}.article-card:hover{color:var(--white)}.article-type{font-size:.66rem;letter-spacing:.18em}.article-card h3{font:400 clamp(26px,2.5vw,40px)/1.12 var(--serif);margin-top:80px}.article-card p{font-size:.92rem;line-height:1.75;margin-top:25px;color:rgba(5,5,5,.65);transition:color .4s}.article-card:hover p{color:rgba(255,255,255,.68)}.article-link{font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;margin-top:auto;padding-top:30px;border-top:1px solid currentColor;display:flex;justify-content:space-between}.article-link i{font-style:normal;font-size:1.3rem}
.faq-layout{max-width:1500px;margin:auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:9%}.faq-heading{position:sticky;top:120px;align-self:start}.faq-heading>p{font-size:.95rem;line-height:1.8;color:rgba(255,255,255,.66);max-width:400px;margin-top:36px}.faq-list{border-top:1px solid rgba(255,255,255,.45)}.faq-item{border-bottom:1px solid rgba(255,255,255,.45)}.faq-item summary{display:grid;grid-template-columns:35px 1fr 38px;gap:18px;align-items:center;min-height:112px;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{font-size:.68rem}.faq-item h3{font:400 clamp(20px,2vw,29px)/1.35 var(--serif)}.faq-item summary i{width:34px;height:34px;border:1px solid rgba(255,255,255,.55);border-radius:50%;position:relative}.faq-item summary i:before,.faq-item summary i:after{content:'';position:absolute;left:9px;top:16px;width:14px;height:1px;background:currentColor;transition:transform .4s var(--ease)}.faq-item summary i:after{transform:rotate(90deg)}.faq-item[open] summary i:after{transform:rotate(0)}.faq-answer{display:grid;grid-template-rows:0fr;transition:grid-template-rows .55s var(--ease)}.faq-item[open] .faq-answer{grid-template-rows:1fr}.faq-answer p{overflow:hidden;font-size:.95rem;line-height:1.85;color:rgba(255,255,255,.7);padding:0 60px 0 53px}.faq-item[open] .faq-answer p{padding-bottom:31px}.contact-title-row .section-title em{font-style:italic}.contact-grid{max-width:1500px;margin:auto;display:grid;grid-template-columns:.72fr 1.28fr;border:1px solid var(--black);min-height:540px}.contact-details{padding:48px;display:flex;flex-direction:column}.detail-block{border-bottom:1px solid var(--black);padding-bottom:30px;margin-bottom:30px}.detail-block>span{display:block;font-size:.68rem;letter-spacing:.2em;margin-bottom:18px}.detail-block a,.detail-block address{font:400 1.45rem/1.55 var(--serif);font-style:normal}.detail-block a{display:flex;justify-content:space-between}.detail-block a i{font-style:normal}.map-link{margin-top:auto;background:var(--black);color:var(--white);min-height:64px;padding:0 23px;display:flex;align-items:center;justify-content:space-between;font-size:.8rem;letter-spacing:.06em}.map-link i{font-style:normal;font-size:1.4rem;transition:transform .4s var(--ease)}.map-link:hover i{transform:translate(4px,-4px)}.map-frame{position:relative;overflow:hidden;background:var(--black)}.map-frame iframe{border:0;width:100%;height:100%;min-height:540px;filter:grayscale(1) contrast(1.18);transition:filter .6s}.map-frame:hover iframe{filter:grayscale(1) contrast(1.05)}.map-corner{position:absolute;right:20px;bottom:20px;background:var(--black);color:var(--white);padding:12px 15px;font-size:.62rem;line-height:1.6;letter-spacing:.12em}
.site-footer{background:var(--black);color:var(--white);padding:90px 4.5% 35px;overflow:hidden}.footer-name{font:400 clamp(58px,11.2vw,180px)/.82 var(--serif);letter-spacing:-.065em;white-space:nowrap}.footer-row{border-top:1px solid rgba(255,255,255,.5);margin-top:60px;padding-top:24px;display:grid;grid-template-columns:1fr 2fr auto;align-items:start;gap:40px;font-size:.69rem;letter-spacing:.11em}.footer-row p{max-width:520px;line-height:1.7;letter-spacing:.02em;color:rgba(255,255,255,.68)}.whatsapp-float{position:fixed;right:26px;bottom:26px;z-index:48;width:62px;height:62px;border-radius:50%;background:var(--white);color:var(--black);border:1px solid var(--black);display:grid;place-items:center;box-shadow:0 9px 35px rgba(0,0,0,.18);transition:background .4s,color .4s,transform .4s var(--ease)}.whatsapp-float:before,.whatsapp-float:after{content:'';position:absolute;inset:-1px;border-radius:50%;border:1px solid currentColor;animation:wa-pulse 2.7s ease-out infinite}.whatsapp-float:after{animation-delay:1.35s}.whatsapp-float:hover{background:var(--black);color:var(--white);transform:scale(1.08)}.whatsapp-float svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.35}.whatsapp-float svg path:last-child{fill:currentColor;stroke:none}.article-dialog{width:min(840px,calc(100vw - 34px));max-height:88vh;padding:64px 70px;border:1px solid var(--white);background:var(--black);color:var(--white);box-shadow:0 25px 120px rgba(0,0,0,.45);overflow:auto}.article-dialog::backdrop{background:rgba(255,255,255,.86);backdrop-filter:blur(8px)}.article-dialog[open]{animation:dialog-in .55s var(--ease)}.dialog-close{position:absolute;right:22px;top:18px;width:42px;height:42px;border:1px solid rgba(255,255,255,.5);border-radius:50%;background:none;color:inherit;font-size:1.7rem}.dialog-index{font:1rem var(--serif)}.dialog-type{font-size:.66rem;letter-spacing:.2em;margin:13px 0 44px}.article-dialog h2{font:400 clamp(34px,5vw,60px)/1.08 var(--serif);letter-spacing:-.035em;margin-bottom:38px}.dialog-body p{font-size:1rem;line-height:1.85;color:rgba(255,255,255,.78)}.dialog-body p+p{margin-top:20px}.dialog-disclaimer{font-size:.75rem;line-height:1.7;border-top:1px solid rgba(255,255,255,.4);margin-top:42px;padding-top:20px;color:rgba(255,255,255,.62)}.reveal,.reveal-scale,.words-reveal{opacity:1;transform:none}.motion .reveal{opacity:0;transform:translateY(28px);transition:opacity .9s var(--ease),transform .9s var(--ease)}.motion .reveal.visible{opacity:1;transform:none}.motion .reveal-scale{opacity:0;clip-path:inset(8%);transform:scale(.95);transition:opacity 1s var(--ease),clip-path 1.2s var(--ease),transform 1.2s var(--ease)}.motion .reveal-scale.visible{opacity:1;clip-path:inset(0);transform:none}.words-reveal .word{display:inline-block;overflow:hidden;vertical-align:bottom}.words-reveal .word>i{display:inline-block;font-style:inherit}.motion .words-reveal .word>i{transform:translateY(110%);transition:transform .9s var(--ease)}.motion .words-reveal.visible .word>i{transform:translateY(0)}
@keyframes hero-word{from{transform:translateY(110%);clip-path:inset(0 0 100%)}to{transform:none;clip-path:inset(0)}}@keyframes marquee{to{transform:translateX(-50%)}}@keyframes bob{50%{transform:translateY(7px)}}@keyframes wa-pulse{0%{opacity:.5;transform:scale(1)}75%,100%{opacity:0;transform:scale(1.5)}}@keyframes dialog-in{from{opacity:0;transform:translateY(35px) scale(.96)}to{opacity:1;transform:none}}
@media(max-width:1050px){.desktop-nav{gap:15px}.desktop-nav a{font-size:.7rem}.hero{grid-template-columns:1.12fr .88fr}.split-title{font-size:clamp(70px,10vw,110px)}.about{grid-template-columns:1fr}.about>.section-meta{margin-bottom:55px}.about-grid{margin-left:0}.topic-card{min-height:280px}.article-card{min-height:390px}.contact-grid{grid-template-columns:.85fr 1.15fr}.contact-details{padding:35px}}
@media(max-width:800px){.site-header{height:76px;padding:0 5.5%}.site-header.compact{height:66px}.desktop-nav{display:none}.menu-toggle{display:block}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}.mobile-menu{display:flex;position:fixed;z-index:45;inset:0;background:var(--white);color:var(--black);padding:115px 7% 50px;flex-direction:column;justify-content:center;visibility:hidden;clip-path:inset(0 0 100%);transition:clip-path .7s var(--ease),visibility .7s}.mobile-menu.open{visibility:visible;clip-path:inset(0)}.mobile-menu a{font:400 clamp(35px,8vw,58px)/1.15 var(--serif);border-bottom:1px solid var(--black);padding:14px 0;transform:translateY(25px);opacity:0;transition:transform .5s var(--ease),opacity .5s}.mobile-menu.open a{transform:none;opacity:1}.mobile-menu.open a:nth-child(2){transition-delay:.06s}.mobile-menu.open a:nth-child(3){transition-delay:.12s}.mobile-menu.open a:nth-child(4){transition-delay:.18s}.mobile-menu.open a:nth-child(5){transition-delay:.24s}.mobile-menu a span{font:400 .68rem var(--sans);margin-right:20px}.hero{height:auto;min-height:100svh;grid-template-columns:1fr;padding:125px 5.5% 115px}.hero-grid{background-size:14.28vw 14.28vw}.hero-copy{align-self:start}.split-title{font-size:clamp(67px,17vw,125px);line-height:.82}.split-title>span:last-child{margin-left:4vw}.hero-statement{margin-top:42px}.hero-image-wrap{height:390px;min-height:0;margin-left:24%;margin-top:-24px}.hero-scroll{bottom:42px;left:5.5%}.section{padding:94px 7%}.section-meta{margin-bottom:45px}.about-grid{gap:6%;margin-top:55px}.topics-heading,.articles-heading,.contact-title-row{display:block;margin-bottom:50px}.topics-heading>p,.articles-heading>p,.contact-title-row>p{margin-top:30px}.topic-card{min-height:260px;padding:28px}.topic-card h3{margin-top:60px}.article-grid{grid-template-columns:1fr}.article-card{min-height:340px}.article-card h3{margin-top:55px}.faq-layout{grid-template-columns:1fr}.faq-heading{position:static;margin-bottom:55px}.contact-grid{grid-template-columns:1fr}.map-frame iframe{min-height:430px}.footer-row{grid-template-columns:1fr auto}.footer-row p{grid-row:2;grid-column:1/-1}.footer-name{font-size:12vw}.article-dialog{padding:58px 38px}.whatsapp-float{width:58px;height:58px}}
@media(max-width:560px){html{scroll-padding-top:70px}.brand-copy{font-size:.7rem}.brand-copy small{font-size:.56rem}.brand-mark{width:37px;height:42px;font-size:25px}.hero{padding:112px 5.5% 110px}.kicker{font-size:.65rem;margin-bottom:24px}.split-title{font-size:17vw;line-height:.84}.hero-statement{max-width:315px;margin-top:34px}.hero-statement p{font-size:1.1rem}.hero-image-wrap{height:310px;margin-left:15%;margin-top:18px}.image-frame{inset:11px}.image-word{font-size:2.5rem;left:22px;bottom:24px}.hero-scroll span{display:none}.kinetic-strip{height:68px}.kinetic-track span{font-size:1.35rem}.section{padding:75px 6%}.section-meta{font-size:.62rem;margin-bottom:36px}.section-title{font-size:13.5vw}.about-grid{grid-template-columns:1fr;margin-top:40px}.lead{font-size:1.3rem}.body-copy{margin-top:28px}.topics-heading>p,.articles-heading>p,.contact-title-row>p{font-size:.92rem}.topic-stack{grid-template-columns:1fr}.topic-card{min-height:230px}.topic-card h3{font-size:2rem;margin-top:52px}.topic-card p{font-size:.88rem}.article-card{min-height:360px;padding:25px}.article-card h3{font-size:2rem}.faq-item summary{grid-template-columns:25px 1fr 32px;min-height:104px;gap:12px}.faq-item summary i{width:30px;height:30px}.faq-item summary i:before,.faq-item summary i:after{left:8px;top:14px;width:12px}.faq-answer p{padding-left:37px;padding-right:8px}.contact-details{padding:27px}.detail-block a,.detail-block address{font-size:1.18rem}.map-frame iframe{min-height:360px}.site-footer{padding:65px 6% 30px}.footer-name{font-size:11.8vw}.footer-row{margin-top:35px;gap:22px}.footer-row>span{font-size:.6rem}.article-dialog{padding:55px 25px 35px}.article-dialog h2{font-size:2.2rem}.whatsapp-float{right:17px;bottom:17px;width:54px;height:54px}.whatsapp-float svg{width:26px;height:26px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.motion .reveal,.motion .reveal-scale{opacity:1;clip-path:none;transform:none}.motion .words-reveal .word>i{transform:none}}
.footer-name{line-height:1;padding-bottom:.08em}.footer-row{margin-top:40px}

/* White-led editorial revision + Aceternity-inspired resizable pill navigation */
:root{--display:'Red Hat Display',Arial,sans-serif;--serif:var(--display);--sans:'DM Sans',Arial,sans-serif}
body,button,a,summary,input,textarea{font-family:var(--sans);font-weight:400}
h1,h2,h3,.split-title,.section-title,.topic-card h3,.article-card h3,.faq-item h3,.article-dialog h2,.footer-name,.lead,.hero-statement p,.image-word,.kinetic-track span,.detail-block a,.detail-block address{font-family:var(--display);font-weight:800;font-style:normal}
.section-title em,.about .section-title em,.articles-heading .section-title em,.contact-title-row .section-title em,.split-title>span:last-child,.image-word{font-style:normal}
.site-header{height:72px;top:18px;left:50%;right:auto;width:min(calc(100% - 48px),1320px);transform:translateX(-50%);padding:7px 10px 7px 20px;background:rgba(255,255,255,.94);color:var(--black);mix-blend-mode:normal;border:1px solid rgba(5,5,5,.18);border-radius:999px;box-shadow:0 14px 50px rgba(5,5,5,.09);backdrop-filter:blur(18px);transition:height .5s var(--ease),width .5s var(--ease),top .5s var(--ease),box-shadow .5s var(--ease)}
.site-header.compact{height:62px;top:12px;width:min(calc(100% - 80px),1120px);box-shadow:0 12px 40px rgba(5,5,5,.13)}
.brand{gap:13px;position:relative;z-index:2}.brand-mark{width:36px;height:40px;font-size:23px}.brand-copy{font-family:var(--display);font-weight:800;font-size:.72rem;letter-spacing:.09em}.brand-copy small{font-family:var(--sans);font-weight:400;font-size:.58rem;letter-spacing:.22em;margin-top:5px}
.desktop-nav{position:relative;display:flex;align-items:center;gap:2px;padding:3px;border:1px solid rgba(5,5,5,.12);border-radius:999px;background:rgba(5,5,5,.035);overflow:hidden}
.desktop-nav a{z-index:2;font-weight:400;font-size:.76rem;padding:10px 14px;border-radius:999px;transition:color .35s var(--ease)}.desktop-nav a:after{display:none}.desktop-nav a:hover,.desktop-nav a.active{color:var(--white)}
.nav-pill{position:absolute;z-index:1;left:0;top:3px;height:calc(100% - 6px);width:var(--pill-w,0);border-radius:999px;background:var(--black);opacity:var(--pill-opacity,0);transform:translateX(var(--pill-x,0));transition:transform .48s var(--ease),width .48s var(--ease),opacity .25s}
.hero{background:var(--white);color:var(--black);padding-top:138px}.hero-grid{background-image:linear-gradient(rgba(5,5,5,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(5,5,5,.055) 1px,transparent 1px);mask-image:linear-gradient(to right,#000,transparent 78%)}.spotlight{background:radial-gradient(circle,rgba(5,5,5,.08),transparent 67%)}.hero-statement{border-color:rgba(5,5,5,.45)}.hero-image-wrap{border-color:rgba(5,5,5,.32)}.image-frame{border-color:rgba(255,255,255,.65)}.hero-scroll svg{border-color:rgba(5,5,5,.38)}
.kinetic-strip{background:var(--black);color:var(--white);border-color:var(--black)}
.topics,.faq{background:var(--white);color:var(--black);border-top:1px solid var(--black)}
.topic-stack{border-color:rgba(5,5,5,.35)}.topic-card{border-color:rgba(5,5,5,.35)}.card-glow{background:radial-gradient(circle,rgba(5,5,5,.08),transparent 65%)}.topic-card p{color:rgba(5,5,5,.64)}
.faq-heading>p,.faq-answer p{color:rgba(5,5,5,.64)}.faq-list,.faq-item{border-color:rgba(5,5,5,.35)}.faq-item summary i{border-color:rgba(5,5,5,.45)}
.map-frame{background:var(--white)}.map-frame iframe,.map-frame:hover iframe{filter:none}
.article-dialog{background:var(--white);color:var(--black);border-color:var(--black);box-shadow:0 25px 120px rgba(0,0,0,.3)}.article-dialog::backdrop{background:rgba(5,5,5,.62);backdrop-filter:blur(9px)}.dialog-close{border-color:rgba(5,5,5,.35)}.dialog-body p{color:rgba(5,5,5,.74)}.dialog-disclaimer{border-color:rgba(5,5,5,.32);color:rgba(5,5,5,.62)}
.whatsapp-float{background:var(--black);color:var(--white);border-color:var(--black)}.whatsapp-float:hover{background:var(--white);color:var(--black)}
@media(max-width:1120px) and (min-width:801px){.site-header{width:calc(100% - 28px);padding-left:14px}.site-header.compact{width:calc(100% - 44px)}.desktop-nav a{padding:9px;font-size:.68rem}.brand-copy{font-size:.65rem}}
@media(max-width:800px){.site-header,.site-header.compact{height:64px;top:10px;width:calc(100% - 20px);padding:6px 12px 6px 16px}.desktop-nav{display:none}.menu-toggle{display:block;color:var(--black)}.mobile-menu{background:var(--white);color:var(--black);padding-top:105px}.mobile-menu a{font-family:var(--display);font-weight:800;font-style:normal}.hero{padding-top:114px}.hero-scroll svg{border-color:rgba(5,5,5,.4)}}
.split-title{line-height:.86;letter-spacing:-.055em}
.brand-mark{font-family:var(--display);font-weight:800}

/* Structured informational footer */
.site-footer{padding:86px 6% 28px;background:var(--black);color:var(--white)}
.footer-grid{max-width:1500px;margin:0 auto;display:grid;grid-template-columns:1.25fr .9fr .75fr 1.15fr;gap:clamp(36px,5vw,82px);align-items:start}
.footer-intro{min-height:320px;display:flex;flex-direction:column;align-items:flex-start}
.footer-kicker{display:block;font-size:.65rem;letter-spacing:.22em;color:rgba(255,255,255,.62);margin-bottom:28px}
.footer-intro>p{font:800 clamp(28px,3vw,47px)/1.08 var(--display);letter-spacing:-.035em;max-width:430px}
.footer-top-link{margin-top:auto;display:inline-flex;align-items:center;gap:16px;font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid rgba(255,255,255,.5);padding-bottom:8px}
.footer-top-link i{font:normal 1.05rem var(--sans);transition:transform .35s var(--ease)}.footer-top-link:hover i{transform:translateY(-4px)}
.footer-column h2{font:800 .76rem/1 var(--display);letter-spacing:.12em;text-transform:uppercase;margin:3px 0 29px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.3)}
.footer-column>a,.footer-column address,.footer-column p{font:400 .88rem/1.7 var(--sans);color:rgba(255,255,255,.72)}
.footer-column>a{display:block;width:max-content;max-width:100%;transition:color .3s var(--ease),transform .3s var(--ease)}.footer-column>a:hover{color:var(--white);transform:translateX(4px)}
.footer-column>a+a{margin-top:8px}.footer-column address{font-style:normal;margin-top:18px}.footer-column .footer-map-link{margin-top:18px;color:var(--white);font-size:.74rem;letter-spacing:.06em;border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:5px}
.footer-info p+p{margin-top:17px}.footer-row{max-width:1500px;margin:70px auto 0;padding-top:22px;grid-template-columns:1fr auto auto;align-items:center;gap:36px;color:rgba(255,255,255,.58)}.footer-row a{color:var(--white)}
@media(max-width:1050px){.footer-grid{grid-template-columns:1.2fr 1fr 1fr}.footer-info{grid-column:2/-1}.footer-intro{grid-row:1/3}}
@media(max-width:800px){.site-footer{padding:70px 7% 26px}.footer-grid{grid-template-columns:1fr 1fr;gap:48px 34px}.footer-intro{grid-column:1/-1;grid-row:auto;min-height:230px}.footer-intro>p{max-width:600px}.footer-info{grid-column:1/-1}.footer-row{grid-template-columns:1fr auto;margin-top:54px}.footer-row>span:nth-child(2){display:none}}
@media(max-width:560px){.site-footer{padding:58px 6% 24px}.footer-grid{grid-template-columns:1fr;gap:44px}.footer-intro{min-height:210px}.footer-column,.footer-info{grid-column:auto}.footer-row{grid-template-columns:1fr;gap:13px;margin-top:48px}.footer-row a{justify-self:start}.footer-top-link{margin-top:42px}}

/* Centered navigation, emphasized contact action, and React Bits-inspired Text Type answers */
.site-header{display:grid;grid-template-columns:1fr auto 1fr}
.brand{justify-self:start}.desktop-nav{grid-column:2;justify-self:center}
.desktop-nav>a[href="#iletisim"]{margin-left:12px;padding:12px 20px;font-size:.8rem;box-shadow:inset 0 0 0 1px rgba(5,5,5,.22)}
.nav-pill{top:0;height:var(--pill-h,0);transform:translate(var(--pill-x,0),var(--pill-y,0));transition:transform .48s var(--ease),width .48s var(--ease),height .48s var(--ease),opacity .25s}
.faq-answer p.type-text-ready{position:relative}
.type-sizer{display:block;visibility:hidden}.type-output{position:absolute;top:0;left:53px;right:60px;display:block}
.type-text-ready.is-typing .type-output:after{content:'';display:inline-block;width:1px;height:1.05em;margin-left:3px;background:currentColor;vertical-align:-.12em;animation:type-caret .72s steps(1,end) infinite}
@keyframes type-caret{0%,48%{opacity:1}49%,100%{opacity:0}}
@media(max-width:1120px) and (min-width:801px){.desktop-nav>a[href="#iletisim"]{margin-left:7px;padding:11px 14px;font-size:.72rem}}
@media(max-width:800px){.site-header,.site-header.compact{display:flex;justify-content:space-between}.type-output{left:53px;right:60px}}
@media(max-width:560px){.type-output{left:37px;right:8px}}

.map-frame iframe{pointer-events:none}
.office-pin{position:absolute;z-index:3;left:50%;top:50%;width:38px;height:38px;border-radius:50% 50% 50% 0;background:#ea4335;transform:translate(-50%,-100%) rotate(-45deg);box-shadow:0 5px 14px rgba(0,0,0,.32);pointer-events:none}
.office-pin:after{content:'';position:absolute;width:14px;height:14px;left:12px;top:12px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px rgba(0,0,0,.08)}
@media(max-width:560px){.office-pin{width:34px;height:34px}.office-pin:after{width:12px;height:12px;left:11px;top:11px}}

/* Supplied header logo */
.brand-logo{display:block;width:auto;height:43px;max-width:255px;object-fit:contain;transition:height .42s var(--ease),filter .35s ease}
.site-header.compact .brand-logo{height:38px}
@media(max-width:1120px) and (min-width:801px){.brand-logo{height:36px}.site-header.compact .brand-logo{height:33px}}
@media(max-width:800px){.brand-logo,.site-header.compact .brand-logo{height:36px;max-width:200px}}
@media(max-width:390px){.brand-logo,.site-header.compact .brand-logo{height:33px;max-width:180px}}

/* Header actions and persistent theme */
.header-actions{grid-column:3;justify-self:end;display:flex;align-items:center;gap:3px;position:relative;z-index:3}
.theme-toggle{width:42px;height:42px;padding:0;border:1px solid rgba(5,5,5,.2);border-radius:50%;background:transparent;color:var(--black);position:relative;overflow:hidden;transition:background .35s var(--ease),color .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.theme-toggle:hover{transform:rotate(8deg);background:rgba(5,5,5,.06)}
.theme-icon{position:absolute;inset:10px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;transition:opacity .35s var(--ease),transform .5s var(--ease)}
.theme-icon-moon{opacity:1;transform:rotate(0) scale(1)}.theme-icon-sun{opacity:0;transform:rotate(-90deg) scale(.65)}
.desktop-nav>a[href="#iletisim"]{background:var(--black);color:var(--white);box-shadow:none}
.whatsapp-float,.whatsapp-float:hover{background:#25d366;color:#fff;border-color:#128c7e}.whatsapp-float:hover{background:#1fbd5b}.whatsapp-float:before,.whatsapp-float:after{border-color:#25d366}

html[data-theme="dark"]{--black:#f4f4f1;--white:#0a0a0a;color-scheme:dark}
html[data-theme="dark"] body{background:#0a0a0a;color:#f4f4f1}
html[data-theme="dark"] .site-header{background:rgba(12,12,12,.94);color:#f4f4f1;border-color:rgba(255,255,255,.2);box-shadow:0 14px 50px rgba(0,0,0,.32)}
html[data-theme="dark"] .brand-logo{filter:invert(1)}
html[data-theme="dark"] .desktop-nav{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.15)}
html[data-theme="dark"] .theme-toggle{color:#f4f4f1;border-color:rgba(255,255,255,.22)}
html[data-theme="dark"] .theme-toggle:hover{background:rgba(255,255,255,.1)}
html[data-theme="dark"] .theme-icon-moon{opacity:0;transform:rotate(90deg) scale(.65)}
html[data-theme="dark"] .theme-icon-sun{opacity:1;transform:rotate(0) scale(1)}
html[data-theme="dark"] .hero-grid{background-image:linear-gradient(rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px)}
html[data-theme="dark"] .spotlight{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 67%)}
html[data-theme="dark"] .hero-statement,html[data-theme="dark"] .hero-image-wrap{border-color:rgba(255,255,255,.36)}
html[data-theme="dark"] .hero-scroll svg,html[data-theme="dark"] .faq-item summary i{border-color:rgba(255,255,255,.42)}
html[data-theme="dark"] .topic-stack,html[data-theme="dark"] .topic-card,html[data-theme="dark"] .faq-list,html[data-theme="dark"] .faq-item{border-color:rgba(255,255,255,.3)}
html[data-theme="dark"] .topic-card p,html[data-theme="dark"] .faq-heading>p,html[data-theme="dark"] .faq-answer p,html[data-theme="dark"] .article-card p,html[data-theme="dark"] .dialog-body p{color:rgba(255,255,255,.68)}
html[data-theme="dark"] .card-glow{background:radial-gradient(circle,rgba(255,255,255,.1),transparent 65%)}
html[data-theme="dark"] .map-frame{background:#fff}
html[data-theme="dark"] .site-footer{background:#050505;color:#fff}
html[data-theme="dark"] .site-footer .footer-row a{color:#fff}
html[data-theme="dark"] .whatsapp-float,html[data-theme="dark"] .whatsapp-float:hover{background:#25d366;color:#fff;border-color:#128c7e}
body,.site-header,.hero,.topics,.articles,.faq,.contact,.article-card,.article-dialog,.mobile-menu{transition:background-color .45s var(--ease),color .45s var(--ease),border-color .45s var(--ease)}
@media(max-width:800px){.header-actions{display:flex;gap:1px}.theme-toggle{width:40px;height:40px}.menu-toggle{display:block}.site-header,.site-header.compact{justify-content:space-between}.brand{margin-right:auto}}
@media(max-width:390px){.theme-toggle{width:38px;height:38px}.theme-icon{inset:9px}.menu-toggle{width:42px;padding:9px}}

/* Keep large display letters and Turkish diacritics fully visible */
.split-title{line-height:.94}
.split-title>span{padding:.1em .04em .14em;margin:-.1em -.04em -.14em;animation-name:hero-word-safe}
.section-title{line-height:1.06}
.words-reveal .word{padding:.12em .035em .16em;margin:-.12em -.035em -.16em}
@keyframes hero-word-safe{from{transform:translateY(110%);clip-path:inset(-.12em -.06em 100%)}to{transform:none;clip-path:inset(-.12em -.06em -.18em)}}
@media(max-width:800px){.split-title{line-height:.96}}

/* Keep the header brand and WhatsApp shortcut stationary on hover */
.brand,.brand:hover,.whatsapp-float,.whatsapp-float:hover{transform:none}

/* Keep navigation feedback attached to each item instead of sliding across siblings */
.nav-pill{display:none}
.desktop-nav a{transition:none}
.desktop-nav a:hover,.desktop-nav a.active{background:var(--black);color:var(--white)}
.desktop-nav>a[href="#iletisim"]:hover{background:#fff;color:#050505;box-shadow:inset 0 0 0 1px rgba(5,5,5,.24)}
